:root{--iris:#7b6d9e;--iris-soft:#f2f0f8;--paper:#fff;--surface:#faf9fc;--ink:#221f2b;--ink-2:#55506a;--ink-3:#78738c;--rule:#e9e7f0;--ochre:#a3763f;--rust:#9a4a3d;--radius:14px;--pad:clamp(1.1rem, 5vw, 2rem);--ease-out:cubic-bezier(.23, 1, .32, 1)}@media (prefers-color-scheme:dark){:root{--iris:#a99cc4;--iris-soft:#262133;--paper:#14111c;--surface:#1c1926;--ink:#ece9f4;--ink-2:#a49eba;--ink-3:#7b7595;--rule:#272231;--ochre:#c6954f;--rust:#cf8377}}*{box-sizing:border-box}html,body{height:100%}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"palt" 1;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;font-family:Noto Sans JP,system-ui,-apple-system,sans-serif;line-height:1.75}input,button,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--iris);outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}.btn:active,.grade:active,.btn-sm:active,.mark-at:active{transform:none}.step-play[data-leaving]{filter:none;opacity:.5}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes settle{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:none}}.btn,.grade,.btn-sm,.mark-at{transition:transform .1s var(--ease-out)}.btn:active,.grade:active,.btn-sm:active,.mark-at:active{transition:none;transform:scale(.97)}#app{flex-direction:column;min-height:100dvh;display:flex}.pane{width:100%;max-width:34rem;padding:var(--pad);flex-direction:column;flex:1;gap:1rem;margin:0 auto;animation:.18s ease-out rise;display:flex}.pane-center{justify-content:center;align-items:center}.pane-home{justify-content:space-between}.brand{letter-spacing:.01em;margin:0;font-size:1.6rem;font-weight:700}.brand-sm{color:var(--ink-2);font-size:.9rem;font-weight:700}.lede{margin:0;font-size:1.15rem;font-weight:500}.body{color:var(--ink-2);margin:0}.small{font-size:.85rem;line-height:1.7}.muted{color:var(--ink-3)}.home-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.home-top nav{gap:.25rem;display:flex}.home-main{flex-direction:column;flex:1;justify-content:center;align-items:stretch;display:flex}.btn{border:1px solid var(--rule);background:var(--surface);color:var(--ink);border-radius:var(--radius);padding:.85rem 1.1rem;font-weight:500}.btn:hover{border-color:var(--iris)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--iris);border-color:var(--iris);color:var(--paper);font-weight:700}@media (prefers-color-scheme:dark){.btn-primary{color:#17131f}}.btn-lg{padding:1.15rem 1.2rem;font-size:1.05rem}.btn-quiet{color:var(--ink-3);text-align:left;text-underline-offset:3px;background:0 0;border:none;padding:.5rem 0;font-size:.88rem;text-decoration:underline}.btn-quiet:hover{color:var(--iris)}.input{border:1px solid var(--rule);background:var(--surface);border-radius:10px;width:100%;padding:.7rem .8rem}.callout{border-left:3px solid var(--iris);background:var(--surface);border-radius:0 10px 10px 0;padding:.9rem 1rem}.callout p{margin:0}.callout p+p{margin-top:.5rem}.code{letter-spacing:.08em;margin:.4rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem}.steps{color:var(--ink-2);margin:0;padding-left:1.2rem}.steps li{margin-bottom:.3rem}.claim,.add{flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.claim .input,.add .input{flex:1;min-width:12rem}.claim label{width:100%}.fields{flex-direction:column;gap:.8rem;display:flex}.field{justify-content:space-between;align-items:center;gap:1rem;display:flex}.field span{color:var(--ink-2);font-size:.92rem}.field .input{width:8rem}.empty{text-align:center;color:var(--ink-2);margin:0}.sess{width:100%;max-width:34rem;padding:var(--pad);flex-direction:column;flex:1;gap:1.2rem;margin:0 auto;display:flex}.sess-top{justify-content:space-between;align-items:center;display:flex}.dots{gap:.3rem;display:flex}.dot{background:var(--rule);border-radius:50%;width:.45rem;height:.45rem}.dot.is-done{background:var(--iris)}.dot.is-now{background:var(--iris);transform:scale(1.5)}.sess-count{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:.8rem}.step{animation:settle .22s var(--ease-out);flex-direction:column;flex:1;gap:1rem;display:flex}.step-play[data-leaving]{opacity:.4;filter:blur(2px);pointer-events:none;transition:opacity .14s var(--ease-out), filter .14s var(--ease-out);animation:none}.step-actions{flex-direction:column;display:flex}.step-cue{text-align:center;justify-content:center;gap:1.4rem}.cue-kicker{color:var(--ink-3);letter-spacing:.04em;margin:0;font-size:.85rem}.cue{text-wrap:balance;margin:0;font-size:clamp(1.35rem,5.5vw,1.8rem);font-weight:700;line-height:1.6}.cue-src{color:var(--ink-3);margin:0;font-size:.82rem}.stage{aspect-ratio:16/9;border-radius:var(--radius);background:#000;width:100%;position:relative;overflow:hidden}.stage iframe,.stage>div{border:0;width:100%;height:100%;position:absolute;inset:0}.play-meta{color:var(--ink-3);align-items:baseline;gap:.6rem;font-size:.82rem;display:flex}.play-span{font-variant-numeric:tabular-nums;white-space:nowrap}.play-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.play-cue{margin:0;font-weight:500}.play-extra{gap:1rem;margin-top:auto;display:flex}.grades{gap:.5rem;display:grid}.grade{border:1px solid var(--rule);background:var(--surface);border-radius:var(--radius);text-align:left;justify-content:space-between;align-items:baseline;gap:.7rem;padding:.8rem 1rem;display:flex}.grade-label{align-items:baseline;gap:.5rem;min-width:0;display:flex}.grade b{font-size:1rem}.grade small{color:var(--ink-3);font-size:.8rem}.grade-next{color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.82rem;font-style:normal;font-weight:700}.grade:disabled{opacity:.45}.g-again:hover{border-color:var(--rust)}.g-soon:hover{border-color:var(--ochre)}.g-ok:hover{border-color:var(--iris)}.grade:active,.grade[data-chosen]{background:var(--iris-soft);border-color:var(--iris);transition:none}.grade[data-chosen] small{color:var(--ink-2)}.grade[data-chosen] .grade-next{color:var(--iris)}.grades-hint{color:var(--ink-3);text-align:center;margin:0;font-size:.75rem}.done{width:100%;max-width:34rem;padding:var(--pad);text-align:center;animation:settle .22s var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.6rem;margin:0 auto;display:flex}.done-kicker{color:var(--ink-3);margin:0}.done-count{font-variant-numeric:tabular-nums;margin:0;font-size:4rem;font-weight:700;line-height:1}.done-count small{color:var(--ink-3);margin-left:.2rem;font-size:1rem;font-weight:500}.done-line{color:var(--ink-2);margin:0}.done-catch{color:var(--ink)}.done-catch b{color:var(--iris)}.done-actions{flex-direction:column;gap:.5rem;width:100%;margin-top:1.2rem;display:flex}.done-next{color:var(--ink-3);margin:.6rem 0 0;font-size:.82rem}#toast{left:50%;bottom:calc(1.2rem + env(safe-area-inset-bottom));z-index:20;pointer-events:none;position:fixed;transform:translate(-50%)}.toast{background:var(--ink);color:var(--paper);border-radius:999px;padding:.6rem 1rem;font-size:.85rem;animation:.18s ease-out rise}@media (prefers-color-scheme:dark){.toast{background:var(--surface);color:var(--ink);border:1px solid var(--rule)}}.lib{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.lib-row{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);align-items:center;gap:.7rem;padding:.6rem .7rem .6rem .9rem;display:flex}.lib-row.is-done{opacity:.72}.lib-meta{flex-direction:column;flex:1;min-width:0;display:flex}.lib-title{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.lib-sub{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.btn-sm{white-space:nowrap;border-radius:10px;padding:.4rem .7rem;font-size:.82rem}.pane-study{gap:.8rem}.btn-mark{letter-spacing:.1em;padding:1.1rem;font-size:1.1rem}.mark-hint{margin:0}.marks{flex-direction:column;gap:.4rem;margin:0 0 .8rem;padding:0;list-style:none;display:flex}.mark{align-items:center;gap:.5rem;display:flex}.mark-at{border:1px solid var(--rule);background:var(--surface);color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:8px;padding:.35rem .5rem;font-size:.8rem}.mark-at:hover{border-color:var(--iris);color:var(--iris)}.mark-cue{flex:1;min-width:0}.mark-x{color:var(--ink-3);background:0 0;border:none;padding:.3rem .4rem;font-size:1.1rem;line-height:1}.mark-x:hover{color:var(--rust)}.streak{text-align:center;color:var(--ink-3);font-variant-numeric:tabular-nums;margin:0;font-size:.84rem}.done-week{color:var(--ink-3);font-variant-numeric:tabular-nums;font-size:.84rem}.digest-stage{position:relative}.titlecard{text-align:center;background:var(--paper);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;gap:.8rem;padding:1.5rem;animation:.25s ease-out rise;display:flex;position:absolute;inset:0}.titlecard-text{text-wrap:balance;margin:0;font-size:clamp(1.05rem,3.6vw,1.35rem);font-weight:700;line-height:1.6}.titlecard-skip{padding:0}.forecast{flex-direction:column;gap:.5rem;display:flex}.fc-bars{align-items:flex-end;gap:3px;height:3.2rem;display:flex}.fc-bar{background:var(--iris-soft);border-bottom:2px solid var(--iris);border-radius:3px 3px 0 0;flex:1;position:relative}.fc-bar.is-over{background:var(--due-soft,#f5eee3);border-bottom-color:var(--ochre)}.fc-bar em{color:var(--ink-3);white-space:nowrap;padding-top:2px;font-size:.62rem;font-style:normal;position:absolute;top:100%;left:0}.nudge{border:1px solid var(--ochre);border-radius:var(--radius);flex-direction:column;gap:.5rem;padding:.8rem .9rem;display:flex}.nudge p{color:var(--ink-2);margin:0}.toast.is-error{background:var(--rust);color:#fff;border:none;max-width:90vw}.topic{flex-direction:column;gap:.3rem;display:flex}.callout.is-warn{border-left-color:var(--ochre)}.first-run{text-align:center;flex-direction:column;gap:.8rem;display:flex}.first-run .empty{font-size:1.05rem}