:root{--ink-950: #0c0d10;--ink-900: #121319;--ink-850: #181a21;--ink-800: #1f222b;--line: #2b2e39;--line-soft: #23262f;--chalk: #ece9e1;--chalk-dim: #9a9da7;--chalk-faint: #61646e;--go: #38d178;--go-deep: #1f7a48;--rec: #ff3b30;--rec-deep: #7a1c17;--brass: #e3b24a;--radius: 14px;--radius-sm: 10px;--tap: 44px;--stripe: repeating-linear-gradient( -60deg, #ece9e1 0 14px, #14151a 14px 28px );--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, "Roboto Mono", monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink-950);color:var(--chalk);font-family:var(--font-ui);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}button{font-family:inherit;color:inherit;cursor:pointer;border:none;background:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}input,select,textarea{font-family:inherit;color:var(--chalk);font-size:16px}:focus-visible{outline:2px solid var(--go);outline-offset:2px}.tnum{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.01em}.label{font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--chalk-faint)}.app{min-height:100%;max-width:560px;margin:0 auto;padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 18px) calc(var(--safe-bottom) + 24px) calc(var(--safe-left) + 18px);display:flex;flex-direction:column}.app--rolling{padding:0;max-width:620px}.rail{height:10px;border-radius:3px;background:var(--stripe);background-size:auto 100%}.rail--thin{height:7px}@keyframes clap{0%{transform:skew(0) scaleX(1)}30%{transform:skew(-14deg) scaleX(1.03)}60%{transform:skew(4deg) scaleX(1)}to{transform:skew(0) scaleX(1)}}.rail--clap{animation:clap .32s cubic-bezier(.2,.8,.2,1);transform-origin:left center}.topbar{display:flex;align-items:center;gap:12px;min-height:var(--tap);margin-bottom:6px}.topbar__title{font-size:1.06rem;font-weight:700;letter-spacing:-.01em;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__sub{font-size:.8rem;color:var(--chalk-dim)}.iconbtn{min-width:var(--tap);min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--chalk-dim);font-size:1.1rem;font-weight:600;border:1px solid transparent}.iconbtn:active{background:var(--ink-850);color:var(--chalk)}.masthead{display:flex;align-items:flex-end;gap:14px;margin:10px 0 22px}.masthead__mark{width:44px;height:44px;border-radius:9px;overflow:hidden;border:1px solid var(--line);display:grid;grid-template-rows:1fr 1fr;flex:none}.masthead__mark span{display:block}.masthead__mark span:first-child{background:var(--stripe);background-size:auto 200%}.masthead__mark span:last-child{background:var(--ink-800)}.masthead h1{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;margin:0;line-height:1}.masthead p{margin:4px 0 0;font-size:.8rem;color:var(--chalk-dim)}.stack{display:flex;flex-direction:column;gap:12px}.card{width:100%;text-align:left;background:var(--ink-900);border:1px solid var(--line-soft);border-radius:var(--radius);padding:16px 16px 14px;display:block;color:inherit;transition:border-color .12s ease,transform 80ms ease}button.card:active{transform:scale(.99);border-color:var(--line)}.card__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.card__namewrap{display:flex;align-items:center;gap:10px;min-width:0}.card__name{font-size:1.12rem;font-weight:700;letter-spacing:-.01em}.scene-dot{flex:none;width:10px;height:10px;border-radius:50%;background:transparent;border:1.5px solid var(--chalk-faint)}.scene-dot--done{background:var(--go);border-color:var(--go);box-shadow:0 0 9px #38d1788c}.card--done{border-left:3px solid var(--go-deep)}.card__meta{margin-top:8px;display:flex;gap:14px;flex-wrap:wrap;font-size:.82rem;color:var(--chalk-dim)}.card__meta b{color:var(--chalk);font-weight:700}.card__count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.05rem;color:var(--go);font-weight:700}.btn{min-height:var(--tap);padding:0 18px;border-radius:var(--radius-sm);font-weight:700;font-size:.95rem;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:var(--ink-850);color:var(--chalk);transition:transform 80ms ease,background .12s ease}.btn:active{transform:scale(.97)}.btn--ghost{background:transparent}.btn--go{background:var(--go);color:#062012;border-color:transparent}.btn--danger{color:var(--rec);border-color:var(--rec-deep);background:transparent}.btn--full{width:100%}.btn:disabled{opacity:.4}.sp-upload{display:flex;align-items:center;justify-content:center;margin-top:14px;cursor:pointer;min-height:52px}.sp-upload.btn--disabled{opacity:.4;pointer-events:none}.sp-error{display:block;margin-top:10px;font-size:.78rem}.sp-or{display:flex;align-items:center;gap:12px;margin:20px 0 14px;color:var(--chalk-dim);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.sp-or:before,.sp-or:after{content:"";flex:1;height:1px;background:var(--line)}.sp-example{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:14px;min-height:62px}.sp-example b{font-size:.95rem}.sp-example span{font-size:.72rem;color:var(--chalk-dim)}.howto section{margin-bottom:16px}.howto section:last-child{margin-bottom:4px}.howto h4{font-size:.95rem;font-weight:700;margin:0 0 5px;color:var(--chalk)}.howto p{margin:0;font-size:.86rem;line-height:1.5;color:var(--chalk-dim)}.howto p b{color:var(--chalk);font-weight:600}.howto-dot{display:inline-block;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--chalk-faint);vertical-align:middle;margin:0 1px}.howto-dot--done{background:var(--go);border-color:var(--go)}.clipedit{background:transparent;border:none;color:inherit;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:2px 6px;margin:-2px;border-radius:6px}.clipedit:active{background:var(--ink-800)}.clipedit__pen{font-size:.72em;opacity:.5}.clipset{display:flex;align-items:center;gap:12px;margin:6px 0 2px}.clipset__step{flex:none;width:54px;height:54px;border-radius:var(--radius-sm);background:var(--ink-800);border:1px solid var(--line-soft);color:var(--chalk);font-size:1.5rem;font-weight:700}.clipset__step:active{transform:scale(.96)}.clipset__input{flex:1;text-align:center;font-size:1.4rem}.clipset__preview{display:flex;flex-direction:column;align-items:center;gap:4px;margin:12px 0 2px}.clipset__preview .tnum{font-size:1.5rem;color:var(--go);font-weight:700}.addline{display:flex;gap:10px;margin-top:14px}.addline .field{flex:1}.newproject{margin-top:16px;width:100%;min-height:60px;border:1.5px dashed var(--line);border-radius:var(--radius);color:var(--chalk-dim);font-weight:700;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:10px;background:transparent}.newproject:active{background:var(--ink-900);color:var(--chalk)}.field{width:100%;min-height:var(--tap);background:var(--ink-850);border:1px solid var(--line);border-radius:var(--radius-sm);padding:0 12px;color:var(--chalk)}textarea.field{padding:10px 12px;min-height:60px;resize:none;line-height:1.4}.field::placeholder{color:var(--chalk-faint)}.field--mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em}.field:focus{border-color:var(--go);outline:none}select.field{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--chalk-dim) 50%),linear-gradient(135deg,var(--chalk-dim) 50%,transparent 50%);background-position:right 15px center,right 10px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:30px}.formrow{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.campreview{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.campreview__eg{display:flex;flex-direction:column;gap:2px}.campreview__eg .tnum{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700;color:var(--chalk);letter-spacing:.04em}.cambadge{flex:none;padding:3px 9px;border-radius:999px;font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--go);border:1px solid color-mix(in srgb,var(--go) 45%,transparent);background:color-mix(in srgb,var(--go) 12%,transparent)}.cambadge--approx{color:var(--brass);border-color:color-mix(in srgb,var(--brass) 45%,transparent);background:color-mix(in srgb,var(--brass) 12%,transparent)}.camnote{margin:8px 0 0;font-size:.76rem;line-height:1.35;color:var(--chalk-faint)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{min-height:40px;padding:0 14px;border-radius:9px;background:var(--ink-800);border:1px solid var(--line);color:var(--chalk);font-weight:700;font-size:.82rem;letter-spacing:.06em;display:inline-flex;align-items:center;gap:8px;transition:transform 70ms ease,background .12s ease,border-color .12s ease}.chip:active{transform:scale(.94)}.chip--gold{border-color:color-mix(in srgb,var(--brass) 55%,transparent);color:var(--brass)}.chip--removable{padding-right:8px}.chip__x{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:var(--chalk-faint);font-size:1rem}.chip__x:active{background:var(--ink-950);color:var(--rec)}@keyframes chipflash{0%{transform:scale(1)}35%{transform:scale(1.14);background:var(--go);color:#062012;border-color:transparent}to{transform:scale(1)}}.chip--flash{animation:chipflash .36s ease}.chip--flash.chip--gold{animation-name:chipflashgold}@keyframes chipflashgold{0%{transform:scale(1)}35%{transform:scale(1.14);background:var(--brass);color:#241a02;border-color:transparent}to{transform:scale(1)}}.section{margin-top:26px}.section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section__head .label{color:var(--chalk-dim)}.section__note{font-size:.72rem;color:var(--chalk-faint);text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.divider{height:1px;background:var(--line-soft);border:none;margin:0}.collapse__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;min-height:var(--tap);color:var(--chalk-dim)}.collapse__toggle .label{color:var(--chalk-dim)}.collapse__body{padding:14px 0 4px}.tccalc__io{display:flex;align-items:center;gap:10px}.tccalc__ops{display:flex;gap:10px;margin:12px 0}.tccalc__result{margin-top:6px;padding:14px;border-radius:var(--radius-sm);background:var(--ink-950);border:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between}.tccalc__result .tnum{font-size:1.4rem;font-weight:700}.tccalc__result .tnum--bad{color:var(--rec);font-size:.95rem}.clipwidget{background:var(--ink-900);border:1px solid var(--line-soft);border-radius:var(--radius);padding:16px}.clipwidget__preview{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}.clipwidget__preview .tnum{font-size:1.8rem;font-weight:800;color:var(--go)}.clipgrid{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:10px}.roll{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--ink-950);padding:calc(var(--safe-top) + 6px) calc(var(--safe-right) + 14px) calc(var(--safe-bottom) + 14px) calc(var(--safe-left) + 14px);max-width:620px;margin:0 auto}.roll--live{background:radial-gradient(120% 80% at 50% -10%,rgba(255,59,48,.14),transparent 60%),var(--ink-950)}.roll--live:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 0 0 0 2.5px var(--rec);opacity:.55;animation:recpulse 1.8s ease-in-out infinite}@keyframes recpulse{0%,to{opacity:.28}50%{opacity:.7}}.roll__head{display:flex;align-items:center;gap:12px;min-height:var(--tap)}.roll__slate{flex:1;min-width:0}.roll__slate .name{font-size:1.05rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roll__nextline{display:flex;gap:8px;margin-top:2px;font-size:.78rem;color:var(--chalk-dim)}.roll__nextline .tnum{color:var(--chalk);font-weight:700}.roll__rail{margin:10px 0}.roll__stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:0}.readout{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;line-height:.95;font-size:clamp(3.6rem,20vw,6.4rem);color:var(--chalk)}.readout--live{color:#fff;text-shadow:0 0 26px rgba(255,59,48,.35)}.readout--idle{color:var(--chalk-dim)}.stage__hint{min-height:24px;color:var(--chalk-faint);font-size:.82rem;letter-spacing:.02em}.stage__reclabel{display:inline-flex;align-items:center;gap:8px;color:var(--rec);font-weight:800;letter-spacing:.18em;font-size:.72rem}.recdot{width:10px;height:10px;border-radius:50%;background:var(--rec);animation:recpulse 1.2s infinite}.minitakes{width:100%;max-width:420px;display:flex;flex-direction:column;gap:1px;margin-top:10px;border-radius:var(--radius-sm);overflow:hidden}.minitake{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--ink-900);font-size:.85rem}.minitake .tnum{color:var(--chalk);font-weight:700}.minitake .clip{color:var(--go);font-family:var(--font-mono);font-size:.82rem}.minitake .dur{margin-left:auto;color:var(--chalk-dim);font-family:var(--font-mono)}.minitake--discarded{color:var(--chalk-faint)}.minitake--discarded .tnum,.minitake--discarded .clip{color:var(--chalk-faint);text-decoration:line-through}.minitakes__empty{text-align:center;color:var(--chalk-faint);font-size:.82rem;padding:8px}.momentlog{width:100%;max-width:460px;margin-top:12px;display:flex;flex-direction:column;gap:6px;max-height:26vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.momentrow{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--ink-900);border-radius:8px;border-left:3px solid var(--line);font-size:.85rem}.momentrow--gold{border-left-color:var(--brass)}.momentrow--range{border-left-color:var(--go)}.momentrow .at{font-family:var(--font-mono);color:var(--chalk);font-weight:700}.momentrow .tag{font-weight:700;letter-spacing:.06em;font-size:.74rem;color:var(--chalk-dim)}.momentrow .lbl{color:var(--chalk-dim);margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roll__deck{display:flex;flex-direction:column;gap:12px;padding-top:10px}.tagbar{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.markbtn{width:100%;min-height:56px;border-radius:var(--radius);border:1.5px solid var(--line);background:var(--ink-850);color:var(--chalk);font-weight:800;letter-spacing:.06em;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:10px}.markbtn:active{transform:scale(.98)}.markbtn--armed{border-color:var(--go);color:var(--go)}.markbtn__badge{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--go);font-weight:700}.bigbtn{width:100%;min-height:104px;border-radius:18px;font-weight:900;font-size:2rem;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;gap:14px;transition:transform 80ms ease;box-shadow:0 10px #00000059}.bigbtn:active{transform:translateY(4px);box-shadow:0 6px #00000059}.bigbtn--go{background:var(--go);color:#052213;border:none}.bigbtn--cut{background:var(--rec);color:#fff;border:none;box-shadow:0 10px 0 0 var(--rec-deep)}.bigbtn--cut:active{box-shadow:0 6px 0 0 var(--rec-deep)}.microw{display:flex;align-items:center;justify-content:center;gap:10px;min-height:var(--tap)}.mictoggle{min-height:var(--tap);padding:0 16px;border-radius:999px;border:1px solid var(--line);color:var(--chalk-dim);font-weight:700;font-size:.82rem;letter-spacing:.04em;display:inline-flex;align-items:center;gap:9px;background:transparent}.mictoggle--on{color:var(--go);border-color:color-mix(in srgb,var(--go) 45%,transparent)}.miclamp{width:9px;height:9px;border-radius:50%;background:var(--chalk-faint)}.mictoggle--on .miclamp{background:var(--go);animation:listen 1.4s ease-in-out infinite}@keyframes listen{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#040507a8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;z-index:40;animation:fade .16s ease;padding-bottom:var(--kb, 0px);transition:padding-bottom .14s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:560px;background:var(--ink-900);border:1px solid var(--line);border-bottom:none;border-radius:20px 20px 0 0;padding:10px 20px calc(var(--safe-bottom) + 22px);animation:rise .22s cubic-bezier(.2,.9,.2,1);max-height:calc(var(--vvh, 92vh) - 12px);overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:16px;-webkit-overflow-scrolling:touch}@keyframes rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet__grab{width:40px;height:4px;border-radius:2px;background:var(--line);margin:2px auto 16px}.sheet__title{font-size:1.15rem;font-weight:800;letter-spacing:-.01em;margin:0 0 4px}.sheet__lede{margin:0 0 18px;color:var(--chalk-dim);font-size:.86rem}.sheet__actions{display:flex;gap:10px;margin-top:20px}.sheet__actions .btn{flex:1}.takesummary{display:flex;align-items:stretch;gap:1px;border-radius:var(--radius);overflow:hidden;margin-bottom:18px}.takesummary__cell{flex:1;background:var(--ink-850);padding:12px 14px}.takesummary__cell .label{margin-bottom:5px}.takesummary__cell .val{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:800}.takesummary__cell .val--clip{color:var(--go)}.toast{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 22px);transform:translate(-50%);background:var(--ink-800);border:1px solid var(--line);color:var(--chalk);padding:10px 18px;border-radius:999px;font-weight:700;font-size:.86rem;letter-spacing:.02em;z-index:60;box-shadow:0 8px 30px #00000080;animation:toastin .2s ease}@keyframes toastin{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.empty{text-align:center;color:var(--chalk-faint);padding:40px 20px;font-size:.9rem}.empty b{color:var(--chalk-dim);display:block;margin-bottom:6px;font-size:1rem}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important}.bigbtn,.btn,.chip,.card{transition:none}}.newproject--ghost{margin-top:10px;background:transparent;color:var(--chalk-dim);border-style:dashed}.newproject--ghost:active{color:var(--chalk)}.card__summary{margin-top:6px;font-size:.9rem;line-height:1.35;color:var(--chalk-dim)}.roll__summary{margin-top:8px;font-size:.92rem;line-height:1.35;color:var(--chalk-dim)}.scenepager{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.scenepager__btn{flex:1;min-height:var(--tap);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--ink-850);color:var(--chalk);font-weight:800;letter-spacing:.04em;font-size:.9rem}.scenepager__btn:active{transform:scale(.98)}.scenepager__btn:disabled{opacity:.32}.scenepager__pos{min-width:52px;text-align:center;color:var(--chalk-dim);font-size:.9rem;font-weight:700}.tagbar--coverage{justify-content:flex-start}.tagbar--key{justify-content:flex-start;margin-top:2px;padding-top:10px;border-top:1px dashed var(--line-soft)}.chip--coverage{color:var(--chalk-dim);border-color:var(--line)}.chip--key{min-height:48px;font-size:.86rem;letter-spacing:.02em;text-transform:none;color:var(--brass);border-color:color-mix(in srgb,var(--brass) 45%,transparent);background:color-mix(in srgb,var(--brass) 9%,var(--ink-800))}.minitake__del{margin-left:auto;width:30px;min-height:30px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--chalk-faint);font-size:1.05rem;line-height:1;flex:none}.minitake__del:active{background:var(--ink-950);color:var(--rec);border-color:var(--rec)}