@layer reset,tokens,base,components,screens;@font-face{font-family:Commissioner;src:url(/assets/commissioner-latin-wght-normal-BAwLJtOy.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zilla Slab;src:url(/assets/zilla-slab-latin-500-normal-CzZRcrUb.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Zilla Slab;src:url(/assets/zilla-slab-latin-600-normal-BRgn6X7z.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer tokens{:root{--ink: #1f1e23;--ink-2: #2e2c33;--paper: #ededeb;--paper-2: #f6f6f4;--white: #ffffff;--muted: #5c5b63;--on-ink-muted: #c4c2ca;--line: #d3d2d4;--accent: #c98a2b;--on-accent: var(--ink);--stamp: #f2a03a;--focus: var(--ink);--focus-on-ink: var(--white);--font-ui: "Commissioner", system-ui, -apple-system, "Segoe UI", sans-serif;--font-slab: "Zilla Slab", Georgia, serif;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: clamp(2rem, 1.4rem + 2.6vw, 3.25rem);--leading-tight: 1.15;--leading-body: 1.5;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 4rem;--r-1: 4px;--r-2: 8px;--r-pill: 999px;--target: 2.75rem;--dur-fast: .12s;--dur: .2s;--ease: cubic-bezier(.2, 0, 0, 1);--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}@media (prefers-reduced-motion: reduce){:root{--dur-fast: .01ms;--dur: .01ms}}}@layer reset{*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,p,figure{margin:0}button,input{font:inherit;color:inherit}}@layer base{html,body,#root{height:100%}body{background:var(--ink);color:var(--white);font-family:var(--font-ui);font-size:var(--text-md);line-height:var(--leading-body);font-size-adjust:from-font;-webkit-font-smoothing:antialiased;text-wrap:pretty}h1,h2,h3{line-height:var(--leading-tight);text-wrap:balance}.num{font-variant-numeric:lining-nums tabular-nums}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}}@layer components{.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-block-size:var(--target);min-inline-size:var(--target);padding:var(--s-3) var(--s-5);border:1px solid transparent;border-radius:var(--r-2);background:var(--ink);color:var(--white);font-weight:600;cursor:pointer;touch-action:manipulation;transition:background var(--dur-fast) var(--ease)}.ds-btn:hover:not(:disabled){background:var(--ink-2)}.ds-btn[data-variant=secondary]{background:transparent;color:var(--ink);border-color:var(--ink)}.ds-btn[data-variant=secondary]:hover:not(:disabled){background:#1f1e230f}.ds-btn[data-variant=on-ink]{background:#ffffff24;color:var(--white);border-color:#fff6}.ds-btn:disabled{opacity:.5;cursor:not-allowed}.ds-btn:focus-visible[data-variant=on-ink]{outline-color:var(--focus-on-ink)}.ds-shutter{display:grid;place-items:center;inline-size:4.75rem;block-size:4.75rem;padding:0;border:3px solid var(--ink);border-radius:50%;background:var(--ink);box-shadow:0 0 0 3px var(--paper) inset;cursor:pointer;touch-action:manipulation}.ds-shutter:before{content:"";inline-size:1.6rem;block-size:1.6rem;border-radius:50%;background:var(--accent);transition:transform var(--dur-fast) var(--ease)}.ds-shutter:active:not(:disabled):before{transform:scale(1.7)}.ds-shutter:disabled{opacity:.4;cursor:not-allowed}.ds-counter{display:grid;gap:var(--s-2);justify-items:end;min-inline-size:7.5rem}.ds-counter__row{display:flex;align-items:baseline;gap:var(--s-2)}.ds-counter__n{font-size:var(--text-3xl);font-weight:600;line-height:1;letter-spacing:-.02em}.ds-counter__of{font-size:var(--text-sm);color:var(--muted)}.ds-counter__ticks{display:grid;grid-template-columns:repeat(var(--limit, 24),1fr);gap:2px;inline-size:100%}.ds-counter__ticks i{block-size:.5rem;border-radius:1px;background:var(--line)}.ds-counter__ticks i[data-on=true]{background:var(--ink)}.ds-stats{display:flex;flex-wrap:wrap;gap:var(--s-5) 0}.ds-stat{display:grid;gap:var(--s-1);padding-inline:var(--s-5);border-inline-start:1px solid var(--line)}.ds-stat:first-child{padding-inline-start:0;border-inline-start:0}.ds-stat__n{font-size:var(--text-3xl);font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--ink)}.ds-stat__label{font-size:var(--text-sm);color:var(--muted)}.ds-switch{position:relative;flex:none;inline-size:3.5rem;block-size:2rem;border:0;border-radius:var(--r-pill);background:#a9a8af;cursor:pointer;transition:background var(--dur) var(--ease)}.ds-switch:after{content:"";position:absolute;inset-block-start:4px;inset-inline-start:4px;inline-size:1.5rem;block-size:1.5rem;border-radius:50%;background:var(--white);transition:inset-inline-start var(--dur) var(--ease)}.ds-switch[aria-checked=true]{background:var(--ink)}.ds-switch[aria-checked=true]:after{inset-inline-start:1.75rem}.ds-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:4px;border-radius:var(--r-2);background:#deddde}.ds-seg button{min-block-size:var(--target);padding:var(--s-2) var(--s-3);border:0;border-radius:var(--r-1);background:transparent;color:var(--muted);font-weight:600;cursor:pointer}.ds-seg button[aria-pressed=true]{background:var(--ink);color:var(--white)}.ds-field{display:grid;gap:var(--s-1)}.ds-field label{font-weight:600}.ds-field input{min-block-size:var(--target);padding:var(--s-2) var(--s-3);border:1px solid var(--muted);border-radius:var(--r-2);background:var(--white);color:var(--ink)}.ds-field__hint{font-size:var(--text-sm);color:var(--muted)}.ds-field[data-invalid=true] input{border-color:var(--ink);box-shadow:0 0 0 2px var(--accent)}.ds-field[data-invalid=true] .ds-field__hint{color:var(--ink);font-weight:600}.ds-chip{display:inline-flex;align-items:center;min-block-size:1.75rem;padding:0 var(--s-3);border-radius:var(--r-pill);background:var(--ink);color:var(--white);font-size:var(--text-sm);font-weight:600}.ds-chip[data-tone=accent]{background:var(--accent);color:var(--on-accent)}.ds-chip[data-tone=soft]{background:#deddde;color:var(--ink)}.ds-toast{position:fixed;inset-inline:var(--s-4);inset-block-end:calc(var(--s-4) + var(--safe-b));z-index:30;max-inline-size:28rem;margin-inline:auto;padding:var(--s-3) var(--s-4);border-radius:var(--r-2);background:var(--ink);color:var(--white);box-shadow:0 6px 24px #0000004d;transition:opacity var(--dur) var(--ease)}.ds-toast:empty{opacity:0;padding:0;pointer-events:none}.ds-sheet{inline-size:min(32rem,100% - 2 * var(--s-4));padding:var(--s-5);border:0;border-radius:var(--r-2);background:var(--white);color:var(--ink)}.ds-sheet::backdrop{background:#1f1e2399}.ds-sheet h2{font-size:var(--text-xl);margin-block-end:var(--s-3)}.ds-sheet__actions{display:flex;flex-wrap:wrap;gap:var(--s-2);justify-content:flex-end;margin-block-start:var(--s-5)}}@layer screens{.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:calc(var(--s-5) + var(--safe-t)) calc(var(--s-5) + var(--safe-r)) calc(var(--s-5) + var(--safe-b)) calc(var(--s-5) + var(--safe-l));overflow:auto;background:var(--paper);color:var(--ink)}.screen__body{display:grid;gap:var(--s-4);inline-size:min(100%,26rem)}.screen h1{font-size:var(--text-3xl);font-weight:600;letter-spacing:-.02em}.screen p{font-size:var(--text-lg)}.screen__muted{color:var(--muted);font-size:var(--text-md)}.screen__rule{inline-size:3rem;block-size:3px;background:var(--accent);border-radius:2px}.screen__actions{display:grid;gap:var(--s-3);margin-block-start:var(--s-3)}.screen ol{margin:0;padding-inline-start:1.25rem;display:grid;gap:var(--s-2)}}@layer screens{.cam{--rail: 1.75rem;--perf-v: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='32'><rect x='7' y='7' width='14' height='18' rx='4' fill='black'/></svg>");--perf-h: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='28'><rect x='7' y='7' width='18' height='14' rx='4' fill='black'/></svg>");position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-areas:"strip" "tray";grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);background:var(--paper);color:var(--ink)}.cam__strip{grid-area:strip;display:grid;grid-template-columns:var(--rail) minmax(0,1fr) var(--rail);min-block-size:0;background:var(--ink)}.cam__rail{position:relative}.cam__rail:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper);-webkit-mask:var(--perf-v) center top / var(--rail) 2rem repeat-y;mask:var(--perf-v) center top / var(--rail) 2rem repeat-y}.cam__frame{display:grid;grid-template-rows:auto minmax(0,1fr);min-inline-size:0;min-block-size:0;padding-block-end:var(--s-2)}.cam__edge{display:flex;justify-content:space-between;align-items:baseline;padding:var(--s-2) var(--s-1);font-family:var(--font-slab);font-weight:500;font-size:var(--text-sm);font-variant-numeric:lining-nums;color:var(--on-ink-muted)}.cam__edge b{font-weight:600;font-size:var(--text-md);color:var(--white)}.cam__view{position:relative;container-type:size;display:grid;place-items:center;min-inline-size:0;min-block-size:0}.cam__view :is(video,canvas){grid-area:1 / 1;aspect-ratio:3 / 4;inline-size:min(100cqw,75cqh);block-size:auto;object-fit:cover;background:#000}.cam__view[data-gl=true] video{opacity:0}.cam__view[data-gl=false] canvas{display:none}.cam__view[data-mirror=true][data-gl=false] video{transform:scaleX(-1)}.cam__flip{position:absolute;inset:var(--s-3) var(--s-3) auto auto;z-index:3;display:grid;place-items:center;inline-size:var(--target);block-size:var(--target);padding:0;border:1px solid rgb(255 255 255 / .4);border-radius:50%;background:#1f1e238c;color:var(--white);cursor:pointer;touch-action:manipulation}.cam__flip:focus-visible{outline-color:var(--focus-on-ink)}.cam__lowlight{position:absolute;inset:var(--s-3) auto auto 50%;z-index:3;translate:-50% 0;pointer-events:none}.cam__flash{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--white);opacity:0;pointer-events:none;animation:cam-flash .16s var(--ease) forwards}@media (prefers-reduced-motion: reduce){.cam__flash{animation:none}}@keyframes cam-flash{0%{opacity:.85}to{opacity:0}}.cam__preview{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.cam__preview img{inline-size:100%;block-size:100%;object-fit:contain}.cam__preview .ds-btn{position:absolute;inset-block-end:var(--s-4);inset-inline-start:50%;translate:-50% 0}.cam__notice{position:absolute;inset:auto var(--s-4) var(--s-4);padding:var(--s-3) var(--s-4);border-radius:var(--r-2);background:#1f1e23e0;color:var(--white);text-align:center}.cam__debug{position:absolute;inset:0 auto auto 0;margin:0;padding:var(--s-2);max-inline-size:100%;overflow:hidden;background:#000000b3;color:var(--white);font-size:11px}.cam__tray{grid-area:tray;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5) var(--s-4);border-block-start:1px solid var(--line)}.cam__left{display:grid;gap:var(--s-2);justify-items:start;align-content:center}.cam__roll{display:grid;gap:var(--s-1);min-block-size:var(--target);padding:0;border:0;background:none;color:var(--ink);text-align:start;cursor:pointer;touch-action:manipulation}.cam__roll-name{font-weight:600;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}.cam__roll-dots{display:flex;gap:6px}.cam__roll-dots i{inline-size:7px;block-size:7px;border:1px solid var(--muted);border-radius:50%}.cam__roll-dots i[data-on=true]{border-color:var(--accent);background:var(--accent)}.cam__pending{justify-self:start;min-block-size:1.75rem}.cam__shutter{display:grid;justify-items:center;gap:var(--s-2)}.cam__done{font-size:var(--text-sm);color:var(--muted);text-align:center}@media (orientation: landscape){.cam{grid-template-areas:"strip tray";grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 10.5rem}.cam[data-side=left]{grid-template-areas:"tray strip";grid-template-columns:10.5rem minmax(0,1fr)}.cam__strip{grid-template-columns:none;grid-template-rows:var(--rail) minmax(0,1fr) var(--rail)}.cam__rail:before{-webkit-mask:var(--perf-h) left center / 2rem var(--rail) repeat-x;mask:var(--perf-h) left center / 2rem var(--rail) repeat-x}.cam__frame{padding-inline:var(--s-2);padding-block-end:0}.cam__edge{padding-block:var(--s-1)}.cam__view :is(video,canvas){aspect-ratio:4 / 3;inline-size:min(100cqw,133.333cqh)}.cam__tray{grid-template-columns:none;grid-template-rows:auto 1fr auto;justify-items:center;align-content:center;padding:var(--s-4) var(--s-3);border-block-start:0;border-inline-start:1px solid var(--line)}.cam[data-side=left] .cam__tray{border-inline-start:0;border-inline-end:1px solid var(--line)}.cam__tray .ds-counter{order:1;justify-items:center;min-inline-size:0;inline-size:100%}.cam__shutter{order:2}.cam__left{order:3;justify-items:center;text-align:center}.cam__roll{justify-items:center;text-align:center}}}