:root{color-scheme:dark;--black: #080806;--ink: #eeeae3;--muted: #625f5a;--pill: #171715;--active: #343432;--line: #201f1c;--mono: "SFMono-Regular", "Roboto Mono", "Courier New", monospace;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{background:var(--black);scrollbar-color:#302f2b #090908}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:var(--black);color:var(--ink);font-family:var(--mono);font-size:10px;letter-spacing:.16em}button{color:inherit;font:inherit;letter-spacing:inherit}button:focus-visible{outline:1px solid #f5f1e9;outline-offset:3px}.film-grain{position:fixed;z-index:20;inset:-50%;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:grain .23s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}to{transform:translate(-2%,-1%)}}.controls{position:fixed;z-index:30;top:12px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:15px;pointer-events:none}.view-toggle,.filters{display:flex;align-items:flex-end;gap:8px;pointer-events:auto}.filters{flex-direction:column;gap:7px}.pill,.randomize{border:0;border-radius:999px;background:#171715e0;color:#77736d;cursor:pointer;line-height:1;padding:8px 14px;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:color .22s ease,background-color .22s ease,transform .22s var(--ease)}.pill:hover,.randomize:hover{color:#d8d4cc;transform:translateY(-1px)}.pill.is-active{background:#353533f0;color:#f0ece5}.double-view{min-height:100vh;padding-top:56px}.preview-shell{position:relative;width:min(62vw,1200px);margin-inline:auto}.exposure{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#11110f}.exposure-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.64;filter:saturate(.78) contrast(.9) brightness(1.08);transition:opacity .5s var(--ease),filter .7s ease,transform .9s var(--ease)}.layer-a{mix-blend-mode:screen;transform:scale(1.015)}.layer-b{mix-blend-mode:screen;opacity:.58}.exposure.is-changing .exposure-layer{opacity:.15;filter:saturate(.4) contrast(.75) brightness(1.25);transform:scale(1.025)}.exposure-wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(243,231,202,.06),transparent 42%),radial-gradient(circle at 70% 42%,rgba(255,251,231,.1),transparent 45%);mix-blend-mode:screen}.counter{position:absolute;top:100%;left:50%;transform:translate(-50%,-25%);color:#45423e;font-size:9px;letter-spacing:.2em}.scanner-deck{margin-top:24px;border-top:1px solid var(--line)}.scan-row{position:relative;height:117px;overflow:hidden}.scan-row+.scan-row{border-top:1px solid #11110f}.scan-heading{position:relative;z-index:2;display:flex;align-items:center;gap:12px;height:38px;padding-inline:14px;pointer-events:none}.scan-heading h2{margin:0;color:#55524d;font-size:9px;font-weight:400;letter-spacing:.22em;text-transform:uppercase}.randomize{padding:6px 10px;color:#77736d;pointer-events:auto;text-transform:uppercase}.reel{display:flex;gap:7px;width:100%;height:79px;overflow-x:auto;overflow-y:hidden;padding:0 calc(50vw - 61px) 2px;scroll-behavior:smooth;scrollbar-width:none;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.reel.is-dragging{cursor:grabbing;scroll-behavior:auto}.reel::-webkit-scrollbar{display:none}.thumb{position:relative;flex:0 0 122px;height:79px;margin:0;padding:0;overflow:hidden;border:1px solid transparent;background:#10100e;cursor:pointer;opacity:.58;transition:opacity .24s ease,border-color .24s ease}.thumb:hover{opacity:.92}.thumb.is-selected{border-color:#b8b4aa;opacity:1}.thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.73) brightness(.82)}.thumb-number{position:absolute;bottom:4px;left:5px;color:#ebe7dcb8;font-size:7px;letter-spacing:.12em;text-shadow:0 1px 3px #000}.grid-view{min-height:100vh;animation:reveal .6s var(--ease) both}@keyframes reveal{0%{opacity:0}to{opacity:1}}.archive-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:1px;background:#151513}.grid-item{position:relative;aspect-ratio:3 / 2;overflow:hidden;border:0;padding:0;background:#090908;cursor:crosshair}.grid-item img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.84);transform:scale(1.002);transition:transform .7s var(--ease),filter .5s ease}.grid-item:hover img,.grid-item:focus-visible img{filter:saturate(.95) brightness(1);transform:scale(1.035)}.grid-index{position:absolute;right:8px;bottom:7px;color:#f5f0e485;font-size:7px;opacity:0;transition:opacity .2s ease}.grid-item:hover .grid-index,.grid-item:focus-visible .grid-index{opacity:1}.empty-state{margin:0;padding:130px 24px;color:#5e5a55;text-align:center;text-transform:lowercase}@media(max-width:900px){body{font-size:9px}.controls{left:12px;right:12px;align-items:stretch;gap:8px}.view-toggle,.filters{flex-flow:row wrap;justify-content:flex-end}.pill{padding:7px 10px}.double-view{padding-top:116px}.preview-shell{width:calc(100vw - 24px)}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:104px}}@media(max-width:540px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-shell{width:100vw}.scan-row{height:132px}.reel{height:94px;padding-inline:calc(50vw - 70px)}.thumb{flex-basis:140px;height:91px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}