:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--brand-ink:#14161a;--brand-paper:#fff;--brand-amber:#e8a33d;--brand-gray:#6b7280;--background:#14161a;--foreground:#fff;--surface:#1a1d23;--surface-strong:#22262e;--border:#2e333c;--border-control:#6b7280;--muted:#9aa1ad;--presence-off:#5a6270;--scrim:#0a0b0db8;--print:#fff6e6;--print-on:#14161a;--print-back:#efe3cc;--print-image-empty:#2a2f38;--flash:#fff;--flash-amber:var(--brand-amber);--ray:#e8a33d38;--ray-strong:#e8a33d61;--pink:#ff5fa2;--pink-on:#14161a;--pink-text:#ff7cb4;--accent:var(--brand-amber);--accent-on:#14161a;--accent-text:#e8a33d;--select:#fff;--danger:#e05252;--danger-on:#14161a;--success:#3fb98a;--success-on:#14161a;--player-crimson:#c23b3b;--player-crimson-on:#fff;--player-cobalt:#2f63c4;--player-cobalt-on:#fff;--player-jade:#3fb98a;--player-jade-on:#14161a;--player-berry:#a8327f;--player-berry-on:#fff;--player-bone:#e3e5e9;--player-bone-on:#14161a;--player-sky:#7cc4f2;--player-sky-on:#14161a;--player-lilac:#b49bff;--player-lilac-on:#14161a;--player-forest:#2f7d4f;--player-forest-on:#fff;--tag-unknown:#9aa1ad;--tag-unknown-on:#14161a;--tag-size:12%;--tag-stroke:5px;--tag-keyline:2px;--tag-stroke-phone:3px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-tv-safe:96px;--radius:6px;--radius-print:4px;--radius-pill:999px;--radius-mark:7px;--radius-round:50%;--print-pad:5%;--print-pad-bottom:17%;--tilt-title:-4deg;--tilt-print:-5deg;--tilt-print-back:9deg;--tilt-pill:-3deg;--shadow-pop:8px 8px 0 var(--pink);--shadow-pop-sm:4px 4px 0 var(--pink);--shadow-pop-ink:4px 4px 0 #000;--shadow-pressed:0 0 0 #000;--stroke-select:3px;--dur-fast:.12s;--dur-base:.2s;--dur-flash:.26s;--dur-develop:1.2s;--ray-spin:40s;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--font-display:"Bungee", "Arial Black", ui-sans-serif, system-ui, sans-serif;--font-marker:"Permanent Marker", "Comic Sans MS", "Chalkboard SE", cursive;--font-sans:"Geist", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}.title{font:400 120px/.92 var(--font-display)}.banner{font:400 72px/1 var(--font-display)}.h2{font:400 40px/1.1 var(--font-display)}.score{font:400 48px/1 var(--font-display)}.pad{font:400 28px/1 var(--font-display)}.marker-tv{font:400 40px/1.1 var(--font-marker)}.tag-name{font:400 28px/1 var(--font-marker)}.tag-name-phone{font:400 16px/1 var(--font-marker)}.body{font:400 18px/26px var(--font-sans)}.label{font:600 16px/20px var(--font-sans)}.caption{font:400 14px/20px var(--font-sans)}.code-tv{font:600 64px/1 var(--font-mono);letter-spacing:8px}.code{font:600 24px/1 var(--font-mono);letter-spacing:4px}.lockup{transform:rotate(var(--tilt-title));font-family:var(--font-display);line-height:.92;display:inline-block}.lockup .say{color:var(--pink)}.lockup .cheese{color:var(--accent);display:block}.print{background:var(--print);color:var(--print-on);border-radius:var(--radius-print);transform:rotate(var(--tilt-print));box-shadow:var(--shadow-pop);padding:0;position:relative}.print:after{content:"";padding-top:var(--print-pad-bottom);display:block}.print--back{background:var(--print-back);transform:rotate(var(--tilt-print-back));box-shadow:none}.print-image{margin:var(--print-pad) var(--print-pad) 0;aspect-ratio:4/3;background:var(--print-image-empty);position:relative;overflow:hidden}.print-image>img{object-fit:contain;width:100%;height:100%;display:block}.print-caption{left:var(--print-pad);font-family:var(--font-marker);position:absolute;bottom:3%}@keyframes develop{0%{filter:brightness(.15)sepia(.8)blur(6px);opacity:.4}to{filter:none;opacity:1}}.developing{animation:develop var(--dur-develop) var(--ease-out) both}.tag-ring{width:var(--tag-size);aspect-ratio:1;border-radius:var(--radius-round);border:var(--tag-stroke) solid var(--c,var(--tag-unknown));box-shadow:0 0 0 var(--tag-keyline) var(--brand-ink), inset 0 0 0 var(--tag-keyline) var(--brand-ink);animation:pop var(--dur-base) var(--ease-pop) both;position:absolute;translate:-50% -50%}.tag-label{border-radius:var(--radius);background:var(--c,var(--tag-unknown));color:var(--c-on,var(--tag-unknown-on));box-shadow:0 0 0 var(--tag-keyline) var(--brand-ink);white-space:nowrap;padding:2px 10px 4px;position:absolute;translate:-50%}@keyframes pop{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}.rays{background:repeating-conic-gradient(from 0deg, var(--ray) 0deg 12deg, transparent 12deg 40deg);animation:spin var(--ray-spin) linear infinite;pointer-events:none;position:absolute;inset:-50%;-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 62%);mask-image:radial-gradient(circle,#000 20%,#0000 62%)}.rays--strong{background:repeating-conic-gradient(from 0deg, var(--ray-strong) 0deg 12deg, transparent 12deg 40deg)}@keyframes spin{to{rotate:360deg}}.flash{background:var(--flash);opacity:0;pointer-events:none;position:fixed;inset:0}.flash-go{animation:flash var(--dur-flash) ease-out}@keyframes flash{0%{opacity:.95}to{opacity:0}}.pill{border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-on);font-family:var(--font-display);transform:rotate(var(--tilt-pill));box-shadow:var(--shadow-pop-sm);padding:6px 16px 8px;display:inline-block}.btn{border:3px solid var(--brand-ink);border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-on);font:400 28px/1 var(--font-display);box-shadow:var(--shadow-pop-ink);transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);padding:18px 28px 20px}.btn:active{box-shadow:var(--shadow-pressed);transform:translate(4px,4px)}.btn--pink{background:var(--pink);color:var(--pink-on)}.btn--quiet{background:var(--surface-strong);color:var(--foreground);border-color:var(--border-control);box-shadow:none}.viewfinder{pointer-events:none;position:absolute;inset:24px}.viewfinder:before,.viewfinder:after{content:"";border:4px solid #ffffff59;width:40px;height:40px;position:absolute}.viewfinder:before{border-bottom:0;border-right:0;top:0;left:0}.viewfinder:after{border-top:0;border-left:0;bottom:0;right:0}@media (prefers-reduced-motion:reduce){.rays{animation:none}.developing{animation-duration:1ms}.tag-ring{animation:none}}body{background:var(--background);color:var(--foreground);font:400 18px/26px var(--font-sans);margin:0}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;color:inherit}
