:root{color-scheme:dark;--bg:#0b0907;--elevated:#161210;--gold:#c9a667;--gold-bright:#e8cd97;--cream:#efe6d4;--muted:#9c9182;--line:#3a322a;--danger:#d98c8c}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--cream);background:var(--bg);font:300 16px/1.7 'Jost',sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}
.page{width:min(100% - 32px,820px);margin:0 auto}.hero{position:relative;display:grid;place-items:center;min-height:72vh;padding:70px 20px;text-align:center;overflow:hidden}.hero-copy{position:relative;z-index:1}.leader{position:absolute;width:min(68vw,520px);height:min(68vw,520px);border:1px solid rgba(201,166,103,.18);border-radius:50%}.leader::before,.leader::after{content:'';position:absolute;background:rgba(201,166,103,.15)}.leader::before{left:50%;top:0;width:1px;height:100%}.leader::after{left:0;top:50%;width:100%;height:1px}.leader div{position:absolute;inset:22%;border:1px solid rgba(201,166,103,.28);border-radius:50%}
.eyebrow,.section-label{margin:0;color:var(--gold);font:400 11px/1.5 'Space Mono',monospace;letter-spacing:.26em;text-transform:uppercase}.hero h1{margin:24px 0 12px;font:500 clamp(52px,12vw,96px)/.95 'Cormorant Garamond',serif;letter-spacing:.02em}.lead{margin:0;color:var(--muted);font:italic 400 clamp(20px,4vw,30px) 'Cormorant Garamond',serif}
.card{margin-bottom:90px;border:1px solid var(--line);background:var(--elevated)}.card-heading{padding:42px 42px 35px}.card-heading h2{max-width:630px;margin:12px 0 8px;font:500 clamp(34px,6vw,52px)/1.08 'Cormorant Garamond',serif}.card-heading>p:last-child{margin:0;color:var(--muted)}.code-field{padding:0 42px 28px}.code-field label{display:block;margin-bottom:9px;color:var(--gold);font:400 11px 'Space Mono',monospace;letter-spacing:.18em;text-transform:uppercase}.code-field input{width:100%;padding:13px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;outline:0;color:var(--cream);background:transparent}.code-field input:focus{border-color:var(--gold)}
.film-frame{display:flex;align-items:stretch;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#090706}.sprockets{flex:0 0 20px;background-color:var(--elevated);background-image:radial-gradient(circle at center,var(--bg) 4px,transparent 4.8px);background-size:20px 39px;background-repeat:repeat-y}.picker{display:grid;flex:1;place-items:center;min-height:310px;padding:38px 20px;text-align:center;background:radial-gradient(circle at center,#221b15,#0d0a08 70%);transition:.2s ease}.picker.dragging{background:#231b14}.camera-mark{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 18px;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}.camera-mark svg{width:30px}.picker h3{margin:0 0 5px;font:italic 500 30px 'Cormorant Garamond',serif}.picker p{margin:0 0 22px;color:var(--muted);font-size:14px}
.primary{min-height:50px;padding:0 24px;border:0;border-radius:0;color:var(--bg);background:var(--gold);font:700 11px 'Space Mono',monospace;letter-spacing:.16em;text-transform:uppercase;transition:.2s}.primary:hover{background:var(--gold-bright)}.primary:disabled{cursor:default;opacity:.45}.queue{display:grid;gap:1px;background:var(--line)}.queue:empty{display:none}.queue-item{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:14px;padding:10px 18px;background:var(--elevated);min-width:0}.queue-item img{width:72px;height:72px;object-fit:cover;background:var(--bg);filter:saturate(.8)}.queue-copy{min-width:0}.queue-copy strong,.queue-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-copy strong{font-weight:400}.queue-copy span{color:var(--muted);font:10px 'Space Mono',monospace}.remove{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;color:var(--gold);background:transparent;font-size:19px}.actions{display:flex;justify-content:flex-end;padding:22px 24px}.status{display:none;margin:0;padding:15px 22px;border-top:1px solid var(--line);font-size:14px}.status.visible{display:block}.status.success{color:var(--gold-bright)}.status.error{color:#ffd0d0;background:#221313}.status.info{color:var(--cream)}.progress{height:2px;margin-top:11px;background:var(--line)}.progress span{display:block;width:0;height:100%;background:var(--gold);transition:width .2s}
.footer{padding:0 20px 70px;text-align:center}.footer p{margin:0;color:var(--gold-bright);font:italic 400 34px 'Cormorant Garamond',serif}.footer span{display:block;color:var(--muted);font:11px 'Space Mono',monospace;letter-spacing:.18em;text-transform:uppercase}.footer small{display:block;margin-top:22px;color:#665e55}.footer a{color:var(--gold)}
@media(max-width:600px){.page{width:min(100% - 20px,820px)}.hero{min-height:58vh;padding:45px 10px}.hero h1{font-size:clamp(48px,16vw,76px)}.eyebrow{font-size:9px;letter-spacing:.18em}.card-heading{padding:30px 22px 26px}.code-field{padding:0 22px 24px}.sprockets{flex-basis:14px;background-size:14px 31px}.picker{min-height:285px;padding:30px 14px}.queue-item{grid-template-columns:58px 1fr auto;padding:9px 12px}.queue-item img{width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important}}