@font-face{font-family:Liberation Sans;src:url(/fonts/LiberationSans-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Liberation Sans;src:url(/fonts/LiberationSans-Bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--bg:#000;--fg:#fff;--helper:#b8b8b8;--border:#777;--disabled-bg:#242424;--disabled-fg:#888;--margin:20px;--font:"Liberation Sans", Arial, Helvetica, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg)}body{font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:1.35}button,input{font:inherit;color:inherit}a{color:inherit}.app{max-width:480px;min-height:100dvh;padding:calc(80px + env(safe-area-inset-top)) var(--margin) calc(80px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;margin:0 auto;display:flex;position:relative}.top{top:calc(16px + env(safe-area-inset-top));left:calc(var(--margin) - 14px);position:absolute}.top button{cursor:pointer;background:0 0;border:0;place-items:center;width:48px;height:48px;display:grid}.icon{flex:none;width:24px;height:24px}.top button:focus-visible,.stage:focus-visible{outline-offset:2px;outline:2px solid #fff}h1{letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:1.02}.landing-nav{padding:calc(16px + env(safe-area-inset-top)) 0 16px;letter-spacing:-.02em;box-sizing:content-box;justify-content:space-between;height:64px;font-size:30px;font-weight:700;line-height:1.02;display:flex}.brand{z-index:2;pointer-events:none;max-width:480px;margin:0 auto;position:absolute;top:0;left:0;right:0}.brand-logo{width:auto;top:calc(24px + env(safe-area-inset-top));height:32px;transition:top .44s var(--ease-out), left .44s var(--ease-out), height .44s var(--ease-out), translate .44s var(--ease-out);display:block;position:absolute;left:50%;translate:-50%}.brand:not(.large) .brand-logo{pointer-events:auto;cursor:pointer}.brand.large .brand-logo{top:calc(40px + 2 * env(safe-area-inset-top));left:var(--margin);height:64px;translate:0}.left{text-align:left;text-wrap:pretty}h2{font-size:24px;font-weight:700;line-height:1.1}.helper{color:var(--helper);margin-top:6px;font-size:14px}.meta{color:var(--helper);font-size:11px;line-height:1.3}.label{font-size:12px;font-weight:700;line-height:1.15}.stack{flex-direction:column;gap:16px;display:flex}.grow{flex:none}.center{text-align:center}.btn{text-transform:uppercase;cursor:pointer;text-align:center;background:var(--fg);color:#000;border:1px solid var(--fg);border-radius:0;justify-content:center;align-items:center;width:100%;min-height:48px;padding:0 16px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;display:flex}.start-actions{flex-direction:column;gap:4px;display:flex}.age-check{text-transform:uppercase;cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:12px;font-weight:700;display:flex}.age-check input{appearance:none;border:1px solid var(--fg);background:var(--bg);border-radius:0;flex:none;place-items:center;width:16px;height:16px;display:grid}.age-check input:checked:after{content:"";border-left:2px solid var(--fg);border-bottom:2px solid var(--fg);width:9px;height:5px;transform:translateY(-1px)rotate(-45deg)}.age-check input:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.btn.secondary{color:var(--fg);border-color:var(--fg);background:#000}.btn:disabled,.btn[aria-disabled=true]{background:var(--disabled-bg);color:var(--disabled-fg);border-color:var(--disabled-bg);cursor:not-allowed}.btn:focus-visible,.nav button:focus-visible,.tile:focus-visible,.field input:focus-visible{outline-offset:2px;outline:2px solid #fff;box-shadow:0 0 0 2px #000}.row2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.reason{text-wrap:balance;color:var(--helper);text-align:center;min-height:16px;font-size:12px}.landing{padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom));gap:24px}.art-wrap{perspective:900px;width:100%}.landing-copy{gap:16px}.landing-copy h1{margin-bottom:16px}.art{aspect-ratio:1;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));will-change:transform;background:#111;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;position:relative;overflow:hidden}.art.active{transition:transform 80ms linear,box-shadow .3s;box-shadow:0 30px 60px #0009}.art img{object-fit:cover;width:100%;height:100%;display:block}.art .glare{pointer-events:none;opacity:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%), #ffffff38, transparent 55%);mix-blend-mode:soft-light;transition:opacity .4s;position:absolute;inset:0}.art.active .glare{opacity:1}.stage{aspect-ratio:1;background:#0d0d0d;border:1px solid #222;width:100%;margin:0 auto;position:relative;overflow:hidden}.stage video,.stage canvas,.stage img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.stage video.mirrored{transform:scaleX(-1)}.stage>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.camera-flip{z-index:1;color:#fff;cursor:pointer;background:#000000b3;border:1px solid #fff;place-items:center;width:48px;height:48px;padding:0;display:grid;position:absolute;bottom:12px;right:12px}.camera-flip:disabled{opacity:.5;cursor:wait}.camera-flip:focus-visible{outline-offset:3px;outline:2px solid #fff}.position-hint{justify-content:center;align-items:center;gap:8px;display:flex}.position-hint .icon{width:18px;height:18px}.zoom-controls{justify-content:center;gap:12px;display:flex}.photo-subtitle{text-transform:uppercase;color:var(--helper)}.grid{aspect-ratio:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.tile{border:1px solid var(--border);cursor:pointer;background:#000;place-items:center;min-width:0;min-height:0;padding:0;font-size:20px;display:grid;position:relative;overflow:hidden}.tile img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.tile .num{color:#000;background:#fff;place-items:center;min-width:16px;height:16px;font-size:10px;font-weight:700;display:grid;position:absolute;top:4px;right:4px}.tile[aria-pressed=true]{outline-offset:-2px;outline:2px solid #fff}.count{align-items:center;gap:12px;display:flex}.ring{flex:none;width:24px;height:24px}.loader{flex-direction:column;justify-content:center;gap:24px;display:flex}.loader h2{min-height:2.2em}.sticky{background:#000}.loader canvas{aspect-ratio:1;width:100%;display:block}.delivery-heading{line-height:0}.delivery-logo{width:min(64%,240px);height:auto;margin:0 auto 8px;display:block}.sound-section{flex-direction:column;gap:16px;margin-top:8px;display:none}.sound-sheet-title{text-wrap:balance}.sound-steps{flex-direction:column;gap:28px;list-style:none;display:flex}.sound-step{flex-direction:column;gap:12px;display:flex}.sound-step .helper{color:var(--fg);text-transform:uppercase;text-wrap:balance;margin:0;font-weight:700}.step-number{color:var(--fg);font-weight:700}.export-mobile{display:none}@media (max-width:639px),(hover:none) and (pointer:coarse){.export-mobile,.sound-section{display:flex}.sound-section .btn.secondary{background:var(--fg);color:var(--bg)}.export-desktop{display:none}}.cover{aspect-ratio:1;background:#111;width:100%;display:block}.field{flex-direction:column;gap:16px;display:flex}.field input{border:1px solid var(--border);background:#000;border-radius:0;height:48px;padding:0 12px;font-size:16px}.field input::placeholder{color:#888}.divider{border:0;border-top:1px solid #222;margin:8px 0}.inline{gap:8px;display:flex}.inline input{flex:1;min-width:0}.inline .btn{flex:none;width:auto}.scrim{z-index:20;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{border-top:1px solid var(--fg);width:100%;max-width:480px;max-height:90dvh;padding:24px var(--margin) calc(24px + env(safe-area-inset-bottom));background:#000;outline:none;flex-direction:column;gap:16px;display:flex;overflow-y:auto}.sheet h2{margin-bottom:8px}@media (min-width:640px){.scrim{align-items:center;padding:32px}.scrim .sheet{border:1px solid var(--border);max-width:440px;animation:pop .22s var(--ease-out);padding:32px}}.toast{left:50%;top:calc(80px + env(safe-area-inset-top));z-index:30;background:#000;border:1px solid #fff;justify-content:space-between;align-items:center;gap:12px;width:calc(100% - 40px);max-width:440px;padding:12px 16px;font-size:14px;display:flex;position:fixed;transform:translate(-50%)}.toast button{cursor:pointer;background:0 0;border:0;min-height:32px;font-size:12px;font-weight:700}.transition-snapshot,.transition-snapshot *{transition:none!important;animation:none!important}.enter>:is(.stage,.grid,.cover,canvas){animation:none}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.94)}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}}:root{--ease-out:cubic-bezier(.2, .7, .2, 1)}.enter>*{animation:rise .5s var(--ease-out) backwards;animation-delay:calc(var(--i,0) * 45ms + 60ms)}.enter>:nth-child(2){--i:1}.enter>:nth-child(3){--i:2}.enter>:nth-child(4){--i:3}.enter>:nth-child(5){--i:4}.enter>:nth-child(6){--i:5}.enter>:nth-child(n+7){--i:6}.swap{animation:.2s ease-out backwards fade!important}.tile img{animation:pop .35s var(--ease-out) backwards}.ring circle{transition:stroke-dasharray .4s var(--ease-out)}.btn{transition:background-color .2s,color .2s,border-color .2s,opacity .15s}.scrim{animation:.2s ease-out fade}.sheet{animation:sheet-up .32s var(--ease-out)}.toast{animation:toast-in .25s var(--ease-out)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}::view-transition-group(*){transition:none!important;animation:none!important}::view-transition-old(*){transition:none!important;animation:none!important}::view-transition-new(*){transition:none!important;animation:none!important}}