:root{--bg: #0a0908;--surface: #14110e;--surface-2: #1c1813;--surface-3: #262019;--hairline: rgba(245, 239, 228, .09);--hairline-2: rgba(245, 239, 228, .16);--ink: #f2ece1;--dim: #9c9184;--faint: #6a6157;--accent: #f0973f;--accent-ink: #1a1206;--accent-soft: rgba(240, 151, 63, .14);--accent-line: rgba(240, 151, 63, .4);--danger: #e2564a;--shutter: #f4ece0;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-full: 999px;--spring: cubic-bezier(.2, .9, .25, 1.1);--ease: cubic-bezier(.2, .8, .2, 1);--lift-1: 0 1px 2px rgba(0, 0, 0, .5);--lift-2: 0 8px 24px rgba(0, 0, 0, .45);--lift-3: 0 -18px 60px rgba(0, 0, 0, .65);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;font-size:15px;line-height:1.5;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;transition:transform .14s var(--spring),background-color .16s var(--ease),box-shadow .16s var(--ease),color .16s var(--ease),opacity .16s var(--ease)}button:active:not(:disabled){transform:scale(.94)}button:disabled{opacity:.35}.mono{font-family:ui-monospace,SF Mono,Courier New,monospace;letter-spacing:.06em;font-variant-numeric:tabular-nums}.spacer{flex:1}.app{display:flex;flex-direction:column;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.start{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px 28px calc(32px + env(safe-area-inset-bottom));text-align:center}.start .filmstrip{width:100%;max-width:292px;height:52px;border-radius:4px;margin-bottom:10px;background:repeating-linear-gradient(90deg,#0000 0 10px,var(--bg) 10px 18px) 0 0 / 100% 10px no-repeat,repeating-linear-gradient(90deg,#0000 0 10px,var(--bg) 10px 18px) 0 100% / 100% 10px no-repeat,linear-gradient(100deg,#4a3320,#b8703c 45%,#6d4526) 0 0 / 240% 100% no-repeat;animation:strip 7s var(--ease) infinite alternate}@keyframes strip{0%{background-position:0 0,0 100%,0% 0}to{background-position:0 0,0 100%,100% 0}}.start h1{margin:0;font-size:40px;line-height:1.1;letter-spacing:.32em;font-weight:800;text-indent:.32em}.start .sub{margin:-8px 0 6px;color:var(--dim);font-size:13px;line-height:1.9;max-width:22em}.big-btn{width:100%;max-width:320px;padding:17px 34px;border-radius:var(--r-full);background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:16px;letter-spacing:.06em;box-shadow:0 10px 30px #f0973f38}.ghost-btn{padding:12px 22px;border-radius:var(--r-full);color:var(--dim);font-size:14px}.err{color:var(--danger);font-size:13px;line-height:1.7;max-width:30em}.hud{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:8px 12px 6px}.frame-no{display:inline-flex;align-items:baseline;gap:3px;flex:0 0 auto;padding:5px 10px;border-radius:var(--r-xs);background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:700}.frame-no small{font-size:9px;opacity:.7;letter-spacing:.1em}.hud-pills{flex:1 1 auto;display:flex;justify-content:flex-end;gap:5px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 0}.hud-pills::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;padding:7px 12px;border-radius:var(--r-full);background:var(--surface-2);font-size:11px;letter-spacing:.08em;color:var(--dim);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--hairline)}.chip.on{color:var(--accent-ink);background:var(--accent);font-weight:700;box-shadow:none}.chip.rec-chip{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.finder-wrap{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0;padding:2px 12px;position:relative}.finder{position:relative;flex:0 0 auto;background:#000;overflow:hidden;border-radius:var(--r-md);box-shadow:var(--lift-2),0 0 0 1px var(--hairline)}.finder.print{box-sizing:content-box;border-style:solid;border-color:#fff;background:#fff;border-radius:3px}.finder canvas{display:block;width:100%;height:100%;object-fit:contain}.stamp{position:absolute;right:5.5%;bottom:4.5%;font-family:ui-monospace,Courier New,monospace;font-weight:700;font-size:clamp(11px,3.4vw,20px);letter-spacing:.1em;color:#ffb05c;text-shadow:0 0 4px rgba(255,92,18,.95),0 0 14px rgba(255,92,18,.7);pointer-events:none}.focus-layer{position:absolute;inset:0}.focus-mark{position:absolute;width:46px;height:46px;transform:translate(-50%,-50%);pointer-events:none;background:linear-gradient(#5be26b,#5be26b) 0 0 / 12px 2px no-repeat,linear-gradient(#5be26b,#5be26b) 0 0 / 2px 12px no-repeat,linear-gradient(#5be26b,#5be26b) 100% 0 / 12px 2px no-repeat,linear-gradient(#5be26b,#5be26b) 100% 0 / 2px 12px no-repeat,linear-gradient(#5be26b,#5be26b) 0 100% / 12px 2px no-repeat,linear-gradient(#5be26b,#5be26b) 0 100% / 2px 12px no-repeat,linear-gradient(#5be26b,#5be26b) 100% 100% / 12px 2px no-repeat,linear-gradient(#5be26b,#5be26b) 100% 100% / 2px 12px no-repeat;filter:drop-shadow(0 0 2px rgba(0,0,0,.7));animation:focus-in .22s var(--spring)}@keyframes focus-in{0%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.flash.fire{animation:flash .26s ease-out}@keyframes flash{0%{opacity:.9}to{opacity:0}}.stall{position:absolute;inset:0;display:grid;place-items:center;padding:20px;text-align:center;font-size:12px;line-height:1.8;color:var(--dim);background:#0000008c;pointer-events:none}.deck{flex:0 0 auto;padding-top:8px}.seg{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin:0 auto;width:fit-content;min-width:236px;padding:3px;border-radius:var(--r-full);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline)}.seg-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / var(--n));border-radius:var(--r-full);background:var(--surface-3);box-shadow:var(--lift-1);transform:translate(calc(var(--i) * 100%));transition:transform .34s var(--spring)}.cat{position:relative;padding:8px 18px;border-radius:var(--r-full);font-size:12px;letter-spacing:.08em;color:var(--faint);white-space:nowrap}.cat.on{color:var(--ink);font-weight:700}.seg .cat:active{transform:none}.films{display:flex;gap:8px;overflow-x:auto;padding:10px 12px 2px;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.films::-webkit-scrollbar{display:none}.film{flex:0 0 auto;position:relative;display:flex;align-items:center;gap:8px;padding:7px 14px 7px 8px;border-radius:var(--r-full);background:var(--surface);color:var(--dim);scroll-snap-align:center;box-shadow:inset 0 0 0 1px var(--hairline)}.film-swatch{flex:0 0 auto;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000073,0 1px 2px #0006}.film-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.25}.film-name{font-size:12px;letter-spacing:.06em;white-space:nowrap}.film-iso{font-size:9px;color:var(--faint);white-space:nowrap;min-height:11px}.film.on{color:var(--ink);background:var(--surface-3);box-shadow:inset 0 0 0 1.5px var(--accent)}.film.on .film-name{font-weight:700}.film.rec .film-iso{color:var(--accent)}.film.rec:after{content:"";position:absolute;top:6px;right:7px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.brief{text-align:center;color:var(--dim);padding:8px 14px 2px}.brief p{margin:0;font-size:11.5px;line-height:1.6;color:var(--dim)}.brief-hint{display:inline-block;margin-bottom:6px;padding:5px 12px;border-radius:var(--r-full);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line);font-size:10.5px;letter-spacing:.04em;color:var(--accent)}.scenes{display:flex;flex-wrap:nowrap;align-items:center;gap:5px;width:fit-content;max-width:100%;margin:7px auto 0;padding:0 2px 2px;overflow-x:auto;scrollbar-width:none}.scenes::-webkit-scrollbar{display:none}.scenes>*{flex:0 0 auto}.scene{font-size:10px;padding:4px 9px;border-radius:var(--r-full);background:var(--surface);color:var(--faint);white-space:nowrap}.dials{flex:0 0 auto;display:flex;flex-direction:column;gap:4px;padding:8px 12px 0}.dial{display:flex;align-items:center;gap:8px}.dial-label{flex:0 0 2.6em;font-size:10px;color:var(--faint);text-align:right}.dial-stops{flex:1;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.dial-stops::-webkit-scrollbar{display:none}.stop{flex:1 0 auto;min-width:40px;padding:6px 8px;border-radius:var(--r-xs);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);font-size:11px;color:var(--dim)}.stop.on{color:var(--accent-ink);background:var(--accent);font-weight:700;box-shadow:none}.dial-hint{margin:2px 0 0;font-size:10.5px;line-height:1.5;text-align:center;color:var(--faint)}@media(max-height:700px){.dial-hint{display:none}}.bottom{flex:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:10px 24px calc(14px + env(safe-area-inset-bottom))}.shutter{position:relative;width:76px;height:76px;border-radius:50%;background:none;box-shadow:inset 0 0 0 2.5px #f4ece0d9;display:grid;place-items:center}.shutter:after{content:"";width:62px;height:62px;border-radius:50%;background:var(--shutter);transition:transform .14s var(--spring),background-color .14s var(--ease)}.shutter:active:not(:disabled){transform:none}.shutter:active:not(:disabled):after{transform:scale(.86);background:#cbc0b0}.side{display:flex;align-items:center;gap:10px}.side.right{justify-content:flex-end}.icon-btn{width:46px;height:46px;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);display:grid;place-items:center;font-size:18px;color:var(--dim)}.icon-btn.on{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.thumb{position:relative;width:46px;height:46px;border-radius:var(--r-sm);background:none}.thumb-face{position:absolute;inset:0;border-radius:var(--r-sm);overflow:hidden;background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline-2);display:grid;place-items:center;font-size:10px;letter-spacing:.1em;color:var(--faint)}.thumb-face img{width:100%;height:100%;object-fit:cover;display:block}.thumb.stacked:before{content:"";position:absolute;inset:0;border-radius:var(--r-sm);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--hairline);transform:rotate(-6deg) translate(-2px,1px)}.thumb-count{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-full);background:var(--accent);color:var(--accent-ink);font-size:10px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px var(--bg)}@media(max-width:360px){.bottom{gap:10px;padding-left:14px;padding-right:14px}.side{gap:8px}.icon-btn,.thumb{width:44px;height:44px}.shutter{width:66px;height:66px}.shutter:after{width:54px;height:54px}}.backdrop{position:fixed;inset:0;z-index:19;background:#0000008c;animation:fade .2s var(--ease)}@keyframes fade{0%{opacity:0}}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:20;max-height:86dvh;overflow-y:auto;background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--lift-3),inset 0 1px 0 var(--hairline-2);padding:8px 20px calc(20px + env(safe-area-inset-bottom));animation:slideup .32s var(--spring)}@keyframes slideup{0%{transform:translateY(100%)}}.grabber{width:38px;height:4px;margin:0 auto 12px;border-radius:var(--r-full);background:var(--hairline-2)}.sheet h2,.section-label{margin:0 0 10px;font-size:11px;letter-spacing:.16em;color:var(--faint);font-weight:600}.row{display:grid;grid-template-columns:5.5em 1fr 3.4em;align-items:center;gap:12px;padding:6px 0;font-size:12.5px}.row .val{text-align:right;color:var(--accent);font-family:ui-monospace,Courier New,monospace;font-variant-numeric:tabular-nums;font-size:12px}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:26px;background:none}input[type=range]::-webkit-slider-runnable-track{height:3px;background:var(--surface-3);border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-8.5px;border-radius:50%;background:var(--shutter);box-shadow:0 1px 4px #0009}input[type=range]::-moz-range-track{height:3px;background:var(--surface-3);border-radius:3px}input[type=range]::-moz-range-thumb{width:20px;height:20px;border:none;border-radius:50%;background:var(--shutter)}.sheet-actions{display:flex;gap:10px;margin-top:16px}.sheet-actions button{flex:1;padding:14px;border-radius:var(--r-md);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--hairline);font-size:13px;color:var(--dim)}.sheet-actions .primary{background:var(--accent);color:var(--accent-ink);font-weight:700;box-shadow:none}.sheet-gap{margin-top:18px}.switch-row{width:100%;display:flex;align-items:center;gap:14px;padding:10px 0;text-align:left}.switch-row:active:not(:disabled){transform:none}.switch-text{flex:1;display:flex;flex-direction:column;gap:2px;font-size:12.5px;color:var(--ink)}.switch-text small{font-size:10.5px;line-height:1.5;color:var(--faint)}.switch-knob{flex:0 0 auto;position:relative;width:44px;height:26px;border-radius:var(--r-full);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--hairline);transition:background-color .2s var(--ease)}.switch-knob:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--shutter);box-shadow:0 1px 3px #00000080;transition:transform .22s var(--spring)}.switch-row.on .switch-knob{background:var(--accent);box-shadow:none}.switch-row.on .switch-knob:after{transform:translate(18px)}.diag{margin-top:16px;padding-top:14px;border-top:1px solid var(--hairline);display:grid;grid-template-columns:7em 1fr;gap:5px 12px;font-size:11px;color:var(--faint)}.diag .section-label{grid-column:1 / -1;margin:0}.diag b{font-family:ui-monospace,Courier New,monospace;font-weight:400;color:var(--dim)}.navbar{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:54px}.navbar h2{margin:0;font-size:14px;letter-spacing:.14em;font-weight:700;white-space:nowrap}.navbar.centered{display:grid;grid-template-columns:1fr auto 1fr}.navbar.centered>:last-child{justify-self:end}.nav-btn{padding:8px 13px;border-radius:var(--r-full);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--hairline);font-size:12px;color:var(--dim);white-space:nowrap}.nav-btn.accent{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-line)}.nav-meta{font-size:11px;color:var(--faint);white-space:nowrap}.actionbar{display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--hairline);background:#14110edb;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);animation:bar-in .26s var(--spring)}@keyframes bar-in{0%{transform:translateY(100%)}}.actionbar button{flex:1;padding:14px;border-radius:var(--r-md);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--hairline);font-size:13px;color:var(--dim)}.actionbar .primary{background:var(--accent);color:var(--accent-ink);font-weight:700;box-shadow:none}.actionbar .del{flex:0 0 auto;padding:14px 20px;color:var(--danger);background:none;box-shadow:inset 0 0 0 1px var(--hairline)}.roll{position:fixed;inset:0;z-index:30;background:var(--bg);display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 0;animation:rise .26s var(--ease)}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px 4px 20px;align-content:start}.grid button{position:relative;aspect-ratio:1;background:var(--surface);overflow:hidden;border-radius:var(--r-xs)}.grid button:active:not(:disabled){transform:scale(.97)}.grid img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .16s var(--ease)}.grid button.picked img{opacity:.5}.grid button.picked{box-shadow:inset 0 0 0 2.5px var(--accent)}.tick{position:absolute;right:6px;top:6px;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--shutter);background:#00000059;display:grid;place-items:center;font-size:12px;line-height:1;color:var(--accent-ink)}.grid button.picked .tick{background:var(--accent);box-shadow:none}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:40px 32px;text-align:center}.empty-mark{width:56px;height:56px;margin-bottom:8px;border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);display:grid;place-items:center;font-size:22px;color:var(--faint)}.empty b{font-size:14px;font-weight:700;color:var(--ink)}.empty span{font-size:12px;line-height:1.8;color:var(--faint)}.viewer{position:fixed;inset:0;z-index:40;background:#000;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 0;animation:fade .2s var(--ease)}.viewer .stage{flex:1;display:grid;place-items:center;min-height:0;padding:10px}.viewer img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--r-xs)}.picker{position:fixed;inset:0;z-index:35;background:var(--bg);display:flex;flex-direction:column;padding:env(safe-area-inset-top) 0 0;animation:rise .26s var(--ease)}.picker-sum{padding:2px 16px 10px;color:var(--dim)}.picker-sum p{margin:0 0 6px;font-size:11.5px;line-height:1.75}.picker-sum .lead{color:var(--ink);font-size:12.5px}.picker-sum .lead b{color:var(--accent);letter-spacing:.06em}.picker-sum .tag{display:inline-block;margin-right:8px;padding:3px 9px;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent);font-size:10px;letter-spacing:.1em}.picker-filter{display:flex;justify-content:center;padding:2px 16px 12px}.picker-filter .seg{min-width:0;width:100%}.picker-filter .cat{padding:8px 10px}.picker-grid{flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 12px 12px;align-content:start}.pcard{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:6px 6px 10px;border-radius:var(--r-md);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);text-align:left;color:var(--dim)}.pcard:active:not(:disabled){transform:scale(.97)}.pcard.on{background:var(--surface-2);box-shadow:inset 0 0 0 1.5px var(--accent)}.pthumb{position:relative;display:block;aspect-ratio:1;border-radius:var(--r-sm);overflow:hidden;background:#000}.pthumb img{width:100%;height:100%;object-fit:cover;display:block}.ploading{position:absolute;inset:0;background:linear-gradient(100deg,var(--surface),var(--surface-3),var(--surface));background-size:220% 100%;animation:sweep 1.1s linear infinite}@keyframes sweep{0%{background-position:120% 0}to{background-position:-120% 0}}.prank{position:absolute;left:6px;top:6px;min-width:20px;height:20px;padding:0 5px;border-radius:var(--r-full);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--accent-ink);background:#f4ece0d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.prank.r1{background:var(--accent)}.pcard-name{display:flex;align-items:center;gap:6px;margin-top:2px;color:var(--ink);font-size:12px;letter-spacing:.06em}.pcard-name .film-swatch{width:16px;height:16px}.pcard-name>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcard-name b{font-size:9px;font-weight:400;color:var(--faint);white-space:nowrap}.pcard-why{font-size:10.5px;line-height:1.55;color:var(--faint)}.pfit{display:flex;gap:3px}.pfit i{width:5px;height:5px;border-radius:50%;background:var(--surface-3)}.pfit i.on{background:var(--accent)}.toast{position:fixed;left:50%;bottom:calc(122px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:50;max-width:calc(100vw - 40px);background:#1c1813e6;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:var(--lift-2),inset 0 0 0 1px var(--hairline-2);color:var(--ink);padding:11px 18px;border-radius:var(--r-full);font-size:12px;text-align:center;animation:toast-in .32s var(--spring)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,14px) scale(.94)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}