:root{--abyss:#020d12;--pearl:#f4efe3;--dim:#b9c3c2;--glass:#79d5cb;--edge:#a5babd55;--serif:'Iowan Old Style',Baskerville,'Times New Roman',serif;--sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--abyss);color:var(--pearl);font-family:var(--serif)}button,select,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--edge);background:transparent;padding:11px 18px;min-height:44px;font-size:18px;border-radius:2px}button:disabled{opacity:.4;cursor:not-allowed}button:hover:not(:disabled){background:#79d5cb15;border-color:var(--glass)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--glass);outline-offset:4px}button[aria-pressed=true]{border-color:var(--glass);color:var(--glass);background:#79d5cb10}.primary{background:var(--glass);color:var(--abyss);border-color:var(--glass)}.primary:hover:not(:disabled){background:#bdf8eb}.back{border:0;color:var(--dim);font:13px var(--sans);padding:8px 0}.station{height:100svh;min-height:580px;position:relative}.eyebrow{font:500 11px/1.4 var(--sans);letter-spacing:.32em;color:var(--glass)}.home{height:100%;position:relative;overflow:hidden}.ambient{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.home-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020d12ed,#020d12a0 42%,#020d1200 85%)}.home-copy{position:absolute;left:7%;top:15%;width:min(44%,650px)}.home-title{width:100%;display:block}.home-links{margin-top:30px}.home-links button{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;border:0;border-top:1px solid var(--edge);padding:20px 0;font-size:25px}.home-links small{display:block;font:14px/1.5 var(--sans);color:var(--dim);margin-top:6px}.home-links button>span:last-child{font-size:32px;color:var(--glass)}.divider{width:105px;margin-top:24px;opacity:.8}.home-privacy{position:absolute;left:7%;bottom:16px;font:11px var(--sans);color:var(--dim)}.message{position:fixed;bottom:0;left:0;right:0;margin:0;text-align:center;padding:10px 18px;background:#020d12f5;color:var(--glass);font:13px/1.5 var(--sans);z-index:20}.message:empty{display:none}.mirror{height:100%;position:relative;background:#020d12;overflow:hidden}.mirror-canvas{width:100%;height:100%;display:block}.camera-source{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;left:0;top:0}.mirror-entry{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse,#173a42,#020d12 75%);gap:16px;padding:30px}.entry-title{width:min(430px,70vw)}h1{font-size:32px;font-weight:400;margin:0}.mirror-entry p{font-size:20px;line-height:1.6;color:var(--dim);margin:0 0 10px}.mirror-entry small{font:12px var(--sans);color:var(--dim)}.mirror-hint{position:absolute;bottom:9%;left:0;right:0;text-align:center;color:var(--pearl);font:16px var(--sans);text-shadow:0 1px 8px #000;transition:opacity 2s;pointer-events:none}.mirror-hint.fade{opacity:0}.mirror-active .message{background:transparent;text-shadow:0 1px 6px #000}.booth{height:100%;padding:20px 28px 32px;display:flex;flex-direction:column;gap:18px}.booth-heading{display:flex;align-items:center;gap:24px}.booth-heading h1{flex:1;font-size:27px}.booth-heading #camera-status{font:12px var(--sans);color:var(--glass)}.booth-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;flex:1;min-height:0}.booth-picture{min-height:0;display:flex;flex-direction:column;gap:12px}.stage{position:relative;background:#000;flex:1;min-height:250px;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview,.photo-stage canvas,.photo-stage video{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.stage-invitation{position:absolute;inset:0;background:#020d12b5;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px}.stage-invitation img{width:min(300px,50%)}.stage-invitation p{font-size:20px;line-height:1.5;margin:0;color:var(--dim)}.countdown{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;font:100px var(--serif);text-shadow:0 3px 30px #000;pointer-events:none}.photo-stage{position:absolute;inset:0;background:#000;display:flex;align-items:center;justify-content:center}.capture-actions,.photo-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.photo-actions button,.capture-actions button{font-size:16px;padding:10px 14px}.photo-actions label{display:flex;align-items:center;gap:6px;font:13px var(--sans);padding:10px}input[type=checkbox]{accent-color:var(--glass);width:18px;height:18px}.privacy{font:11px/1.5 var(--sans);color:var(--dim);text-align:center;margin:0}.booth-choices{overflow:auto;padding-right:6px;scrollbar-width:thin}fieldset{border:0;border-top:1px solid var(--edge);padding:14px 0;margin:0 0 14px}legend{padding:0 12px 0 0;font-size:21px}.backgrounds,.frame-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.backgrounds button,.frame-choices button{padding:5px;display:flex;flex-direction:column;gap:5px;align-items:center;font:12px var(--sans);min-width:0}.backgrounds img,.frame-choices canvas{width:100%;aspect-ratio:16/9;object-fit:cover}.natural-thumbnail{background:#15383e;display:grid;place-items:center;width:100%;aspect-ratio:16/9;font-size:32px}.filter-choices{display:flex;flex-wrap:wrap;gap:6px}.filter-choices button{font:12px var(--sans);padding:8px 12px;min-height:36px}#background-status{font:11px/1.5 var(--sans);color:var(--dim);margin:10px 0 0}.qr-panel{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:12px;background:#0b232b;padding:12px}.qr-panel img{width:120px;height:120px;grid-row:span 2;background:white}.qr-panel p{font:14px/1.5 var(--sans);margin:0}.qr-panel a{color:var(--glass);font:13px var(--sans)}@media(max-width:850px){.home-copy{width:65%}.booth{padding:15px}.booth-layout{grid-template-columns:minmax(0,1fr) 240px;gap:15px}.booth-heading{gap:12px}.booth-heading h1{font-size:23px}.photo-actions button,.capture-actions button{font-size:13px}.booth-choices legend{font-size:18px}}@media(max-width:600px){.home-copy{width:80%;top:18%}.home-links button{font-size:22px}.home-privacy{right:7%;line-height:1.5}.divider{display:none}.booth{height:auto;min-height:100%;padding-bottom:50px}.booth-layout{display:flex;flex-direction:column}.booth-choices{overflow:visible}.stage{height:48vw;min-height:220px;flex:none}.booth-heading{flex-wrap:wrap}.booth-heading h1{font-size:23px}.backgrounds,.frame-choices{grid-template-columns:repeat(3,1fr)}.booth-heading .back{width:100%;text-align:left}.stage-invitation p{font-size:15px}.entry-title{width:75vw}.mirror-entry p{font-size:17px}.qr-panel{grid-template-columns:100px 1fr}.qr-panel img{width:100px;height:100px}}@media(max-height:720px) and (min-width:601px){.home-copy{top:10%}.home-links{margin-top:20px}.divider{display:none}.booth{gap:12px;padding-top:14px}.booth-layout{gap:20px}.booth-heading h1{font-size:23px}.stage{min-height:220px}fieldset{padding-top:10px;margin-bottom:10px}}
.save-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--pearl);border:1px solid var(--edge);padding:10px 14px;min-height:44px;font-size:16px;cursor:pointer}.save-button:hover{border-color:var(--glass);background:#79d5cb15}.save-button:not([href]){opacity:.4;pointer-events:none}
@media(min-width:851px){.frame-choices{grid-template-columns:repeat(3,1fr)}.frame-choices button{font-size:11px}.backgrounds img,.natural-thumbnail{height:60px;aspect-ratio:auto}.booth-choices fieldset{margin-bottom:10px;padding-top:10px}.booth-choices legend{font-size:19px}}
@media(min-width:851px){.booth{padding-bottom:20px}.booth-choices fieldset{margin-bottom:8px}}
.home-links button{padding-left:30px;padding-right:30px}
.booth-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:4px 20px}
.booth-heading .back{grid-column:1/-1;justify-self:start}
.booth-heading h1{grid-column:1;grid-row:2}
.booth-heading #camera-status{grid-column:2;grid-row:2}
.booth-side{min-height:0;overflow:auto;padding-right:6px;scrollbar-width:thin}
.booth-choices{overflow:visible;padding:0}
.booth-layout:has(.delivery-side:not([hidden])){grid-template-columns:minmax(0,1fr) 380px}
.delivery-side{display:flex;flex-direction:column;gap:14px;padding:14px;border:1px solid var(--edge);background:linear-gradient(145deg,#102a30,#06151a);box-shadow:inset 0 1px #79d5cb20}
.delivery-side h2{font-size:23px;font-weight:400;margin:0}
.delivery-copy{font:14px/1.5 var(--sans);color:var(--dim);margin:0}
.delivery-side #get-qr,.delivery-side #play-print{width:100%;font:15px var(--sans)}
.delivery-side .qr-panel{grid-template-columns:112px minmax(0,1fr);width:100%;padding:10px;gap:10px;border:1px solid #79d5cb44;box-shadow:none}
.delivery-side .qr-panel img{width:112px;height:112px;grid-row:span 2;background:#fff}
.delivery-side .qr-panel a{overflow-wrap:anywhere}
.delivery-side .qr-close{grid-column:1/-1;justify-self:end;font:13px var(--sans);padding:8px 14px;min-height:38px}
@media(min-width:601px) and (max-width:850px){.booth-layout:has(.delivery-side:not([hidden])){grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:850px){.delivery-side .qr-panel{grid-template-columns:minmax(0,1fr)}.delivery-side .qr-panel img{grid-row:auto;justify-self:center}.delivery-side .qr-close{justify-self:stretch}}
.paper-expanded{display:flex;justify-content:center;align-items:center;margin:4px 0 10px;min-height:150px;background:radial-gradient(ellipse,#142d33,#050f13 75%);border:1px solid #a5babd33;padding:10px}
.paper-expanded button{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;max-width:100%;min-height:0;border:0;padding:0;background:transparent}
.paper-expanded button:hover{background:transparent}
.paper-expanded canvas{display:block;width:auto;height:clamp(150px,26vh,260px);max-width:100%;object-fit:contain;filter:drop-shadow(0 4px 8px #0009)}
.paper-expanded span{font:10px var(--sans);color:var(--dim)}
.paper-expand{display:flex;flex-direction:column;align-items:center;gap:5px;border:0;padding:0;background:none;min-height:0}
.paper-expand canvas{display:block;width:auto;height:clamp(150px,26vh,260px);max-width:100%;object-fit:contain;filter:drop-shadow(0 4px 8px #0009)}
.paper-expand span{font:10px var(--sans);color:var(--dim)}
#paper-preview-dialog{position:fixed;inset:0;margin:auto;width:max-content;max-width:min(92vw,1100px);max-height:90vh;overflow:auto;border:1px solid #79d5cb88;background:#06151a;color:var(--pearl);padding:18px;box-shadow:0 22px 90px #000c}
#paper-preview-dialog::backdrop{background:#020d12dd;backdrop-filter:blur(5px)}
.paper-preview-dialog-content{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:calc(92vw - 36px);max-height:calc(90vh - 36px)}
.paper-preview-dialog-content button{align-self:flex-end;font:13px var(--sans)}
.paper-preview-dialog-content canvas{display:block;height:min(72vh,720px);max-height:calc(90vh - 90px);max-width:82vw;width:auto;object-fit:contain}
@media(max-width:600px){.booth-side{overflow:visible}.booth-heading{grid-template-columns:1fr}.booth-heading .back,.booth-heading h1,.booth-heading #camera-status{grid-column:1;grid-row:auto}.paper-expanded canvas{height:220px}}
.mirror-exit{position:absolute;top:22px;left:22px;z-index:10;display:flex;gap:9px;align-items:center;border:0;background:#020d1280;padding:9px 12px;border-radius:50px;font:14px var(--sans);color:var(--pearl);backdrop-filter:blur(6px)}.mirror-exit svg{width:60px;height:60px;overflow:visible}.mirror-exit span{text-align:left}.mirror-exit small{display:block;font-size:10px;color:var(--dim);margin-top:4px}.exit-ring{fill:none;stroke:#79d5cb;stroke-width:3;stroke-dasharray:164;stroke-dashoffset:164;transform:rotate(-90deg);transform-origin:30px 30px}.exit-pearl{fill:#f4efe3;stroke:#a5babd;stroke-width:2;filter:drop-shadow(0 0 6px #79d5cb)}.mirror-exit.is-dwelling{background:#163e48aa}.layout-choices{display:flex;gap:8px}.layout-choices button{font:13px var(--sans);padding:10px 12px;flex:1}.frame-choices canvas{width:100%;height:76px;object-fit:contain;aspect-ratio:auto}.shot-progress{position:absolute;top:12px;left:0;right:0;text-align:center;color:var(--pearl);background:#020d1299;padding:10px;font:14px var(--sans)}.stage.flash::after{content:'';position:absolute;inset:0;background:#f4efe3dd;z-index:9;animation:shutter-flash .18s ease-out forwards;pointer-events:none}@keyframes shutter-flash{to{opacity:0}}.print-machine{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;background:radial-gradient(ellipse,#19353b,#020d12 75%);padding:25px 35px}.paper-feed{height:100%;max-width:100%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 15px #000)}.paper-feed canvas{height:100%;width:auto;max-width:100%;max-height:100%;object-fit:contain}.printer-slot{position:absolute;top:18px;left:20%;right:20%;height:7px;border-radius:50%;background:#000;box-shadow:0 1px 0 #79d5cb66}.print-machine.is-printing .paper-feed{animation:print-feed 3.5s steps(32,end) both}@keyframes print-feed{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@media(prefers-reduced-motion:reduce){.print-machine.is-printing .paper-feed{animation:none}}