:root{--bg: #EAE3D6;--surface: #F7F3EB;--charcoal: #1A1208;--muted: #8B7C6B;--amber: #B55D2C;--outline: rgba(26, 18, 8, .13);--font-display: "Fraunces", Georgia, serif;--font-mono: "Space Mono", "Courier New", monospace;--xs: 4px;--sm: 8px;--md: 16px;--lg: 24px;--xl: 48px;--xxl: 80px;--margin: 20px;--gutter: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:var(--charcoal);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}#root{display:flex;justify-content:center;align-items:flex-start;min-height:100%}.app{position:relative;width:100%;max-width:390px;min-height:100svh;background:var(--bg);overflow-x:hidden;display:flex;flex-direction:column}.app:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23g)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}.screen-transition{animation:screenIn .32s cubic-bezier(.22,1,.36,1) both}@keyframes screenIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.icon{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24;display:inline-block;line-height:1;-webkit-user-select:none;user-select:none}.wordmark{font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--charcoal)}.display{font-family:var(--font-display);font-style:italic;font-weight:300;font-variation-settings:"opsz" 72,"WONK" 1;line-height:1.15;color:var(--charcoal)}.label{font-family:var(--font-mono);font-size:11px;font-weight:400;letter-spacing:.04em;color:var(--muted);text-transform:uppercase}.top-bar{width:100%;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--margin);background:var(--bg);flex-shrink:0}.top-bar__icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--outline);border-radius:50%;background:transparent;cursor:pointer;color:var(--charcoal)}.btn-primary{display:flex;align-items:center;justify-content:center;padding:16px 32px;background:var(--charcoal);color:var(--surface);font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;border:none;border-radius:4px;cursor:pointer;width:100%;transition:opacity .15s}.btn-primary:hover{opacity:.88}.btn-primary:active{opacity:.76;transform:scale(.98)}.btn-ghost{display:flex;align-items:center;justify-content:center;padding:16px 32px;background:transparent;color:var(--charcoal);font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--outline);border-radius:4px;cursor:pointer;width:100%;transition:border-color .15s}.btn-ghost:hover{border-color:var(--charcoal)}.btn-amber{display:flex;align-items:center;justify-content:center;padding:20px 32px;background:var(--amber);color:var(--surface);font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;border:none;border-radius:4px;cursor:pointer;width:100%;transition:opacity .15s}.btn-amber:active{opacity:.88;transform:scale(.98)}.polaroid{background:var(--surface);border:1px solid var(--outline);padding:14px 14px 0;position:relative;flex-shrink:0}.polaroid__photo{width:100%;aspect-ratio:1;overflow:hidden;background:var(--charcoal)}.polaroid__photo img,.polaroid__photo canvas,.polaroid__photo video{width:100%;height:100%;object-fit:cover;display:block}.polaroid__strip{padding:12px 4px 16px;display:flex;flex-direction:column;gap:3px}.polaroid__venue{font-family:var(--font-display);font-style:italic;font-size:13px;font-weight:400;color:var(--charcoal);line-height:1.3}.polaroid__creds{font-family:var(--font-mono);font-size:9px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.divider{width:100%;height:1px;background:var(--outline);flex-shrink:0}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:1px;background:var(--charcoal);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--charcoal);cursor:pointer}input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--charcoal);border:none;cursor:pointer}