:root{--bg: #F2EDE4;--surface: #FAF8F3;--charcoal: #1E1A15;--muted: #9C8E7E;--amber: #C8763A;--outline: rgba(30, 26, 21, .12);--font-display: "EB Garamond", "Cormorant Garamond", Georgia, serif;--font-mono: "JetBrains Mono", "DM 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}.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:14px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--charcoal)}.display{font-family:var(--font-display);font-style:italic;font-weight:300;line-height:1.2;color:var(--charcoal)}.label{font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.05em;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}