:root{--surface-bg: #FBEFEC;--surface-dots: #F3DCD6;--surface-card: #fff;--surface-sunken: #FDF7F5;--surface-soft: #F7EDEA;--surface-soft-2: #F7E9E4;--surface-muted: #F2DDD8;--surface-toggle: #E4CFC9;--ink-strong: #37333F;--ink: #46424F;--ink-muted: #6B5A63;--ink-faint: #9C8892;--border: #EBD3CD;--border-soft: #EADAD5;--shadow-idk: #DEC3BC;--shadow-ambient-strong: rgba(160,100,110,.15);--shadow-ambient-soft: rgba(160,100,110,.1);--accent: #E8A0B4;--accent-shadow: #C97F94;--accent-ink: #6E3548;--accent-hot: #B4667C;--ok-bg: #A9C48B;--ok-shadow: #82A15F;--ok-ink: #3D4A2E;--green: #7E9B57;--green-soft: #DEE8CC;--green-chip-bg: #E4EED7;--green-chip-ink: #3D4A2E;--again-bg: #F0B9C6;--again-shadow: #D98CA1;--again-ink: #7A3A4C;--pink-cell: #F7D9E1;--pink-chip-bg: #FBE3E9;--pink-dot: #DE7E96;--blue: #4A5B8C;--blue-tag: #5F6EA8;--blue-cell: #DDE2F1;--blue-chip-bg: #E3E8F5;--blue-chip-ink: #37456E;--kun: #9C5A4E;--kun-tag: #A96E60;--seal: #C9384D;--seal-neutral: #8A8695;--seal-ok-bg: rgba(255,240,242,.88);--seal-again-bg: rgba(246,244,248,.88);--dark-shadow: #2E2B36;--muted-accent: #C4A8AE;--font-sans: "Zen Maru Gothic", sans-serif;--font-serif: "Shippori Mincho", serif}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/zen-maru-500.woff2) format("woff2")}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/zen-maru-700.woff2) format("woff2")}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/zen-maru-900.woff2) format("woff2")}@font-face{font-family:Shippori Mincho;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/shippori-600.woff2) format("woff2")}*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}.app{min-height:100vh;min-height:100dvh;background:var(--surface-bg);background-image:radial-gradient(var(--surface-dots) 1px,transparent 1px);background-size:22px 22px;font-family:var(--font-sans);color:var(--ink);display:flex;flex-direction:column;align-items:center;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.head{width:100%;max-width:420px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px;margin-bottom:10px}.title{font-weight:900;font-size:22px;letter-spacing:2px}.title small{font-size:12px;color:var(--ink-muted);letter-spacing:1px;margin-left:8px}.hamburger{flex:none;align-self:center;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--surface-card);border:none;box-shadow:0 2px 6px var(--shadow-ambient-strong);cursor:pointer}.hamburger .bars{display:flex;flex-direction:column;justify-content:center;gap:4px;width:18px}.hamburger .bars i{display:block;height:2px;background:var(--ink);border-radius:2px}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#140f142e}.menu-sheet{position:absolute;top:calc(env(safe-area-inset-top,0px) + 66px);right:max(16px,env(safe-area-inset-right,0px));background:var(--surface-card);border-radius:16px;box-shadow:0 12px 34px #00000038;padding:8px;display:grid;gap:2px;min-width:200px;animation:rise .18s ease}.menu-item{display:block;width:100%;text-align:left;background:none;border:none;padding:12px 14px;border-radius:10px;font:inherit;font-size:15px;font-weight:700;color:var(--ink);cursor:pointer;min-height:44px}.menu-item:hover,.menu-item:focus-visible{background:var(--surface-soft);outline:none}.count{font-size:12px;color:var(--ink-muted);font-weight:700;white-space:nowrap}.seg{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:100%;background:var(--surface-muted);border-radius:99px;padding:4px;margin-bottom:16px}.seg button{border:none;background:transparent;font-family:inherit;font-weight:900;font-size:12px;padding:11px 10px;border-radius:99px;color:var(--ink-muted);cursor:pointer;letter-spacing:.2px;white-space:nowrap;min-height:40px}.seg button.on{background:var(--surface-card);color:var(--ink);box-shadow:0 2px 6px var(--shadow-ambient-strong)}.bar{width:100%;max-width:420px;height:8px;background:var(--surface-muted);border-radius:99px;overflow:hidden;margin-bottom:6px}.bar i{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .3s ease}.compline{width:100%;max-width:420px;font-size:12px;color:var(--ink-muted);font-weight:700;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.stopquiz{flex:none;font-size:12px;font-weight:900;padding:6px 12px;border-radius:99px;background:var(--surface-muted);color:var(--ink-muted);box-shadow:none}.card{position:relative;isolation:isolate;width:100%;max-width:420px;background:var(--surface-card);border-radius:28px;padding:28px 22px 24px;text-align:center;box-shadow:0 6px 0 var(--border),0 14px 30px var(--shadow-ambient-soft)}.kanji{font-family:var(--font-serif);font-size:88px;line-height:1.15;color:var(--ink-strong)}.word{font-family:var(--font-serif);font-size:44px;line-height:1.25;color:var(--ink-strong)}.bigread{font-size:36px;font-weight:900;color:var(--blue)}.frprompt{font-size:26px;font-weight:900}.hint{margin-top:8px;font-size:13px;color:var(--ink-muted);font-weight:900;letter-spacing:2px}.tag{font-size:11px;font-weight:900;letter-spacing:1px;color:var(--surface-card);padding:3px 10px;border-radius:99px}.tag.on{background:var(--blue-tag)}.tag.kun{background:var(--kun-tag)}.tag.read{background:var(--blue-tag)}.recap .row{margin-top:4px}.row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.answer{margin-top:18px;display:grid;gap:10px;animation:rise .25s ease}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.reading{font-size:20px;font-weight:700;color:var(--blue)}.reading.kun{color:var(--kun)}.sens{font-size:22px;font-weight:900;margin-top:2px}.recap{margin-top:14px;font-size:15px;font-weight:700;color:var(--ink-muted);animation:rise .25s ease}.recap b{color:var(--ink)}.btns{position:relative;z-index:3;width:100%;max-width:420px;display:flex;gap:12px;margin-top:18px}button{font-family:inherit;font-weight:900;font-size:17px;border:none;border-radius:18px;padding:15px 10px;flex:1;cursor:pointer;transition:transform .1s ease;letter-spacing:.5px;touch-action:manipulation}button:active{transform:scale(.96)}button:disabled{opacity:.45;cursor:default}.reveal{background:var(--ink);color:var(--surface-bg);box-shadow:0 5px 0 var(--dark-shadow)}.ok{background:var(--ok-bg);color:var(--ok-ink);box-shadow:0 5px 0 var(--ok-shadow)}.again{background:var(--again-bg);color:var(--again-ink);box-shadow:0 5px 0 var(--again-shadow)}.next{background:var(--accent);color:var(--accent-ink);box-shadow:0 5px 0 var(--accent-shadow)}.idk{background:var(--surface-muted);color:var(--ink-muted);box-shadow:0 5px 0 var(--shadow-idk);font-size:15px}.opts{width:100%;max-width:420px;display:grid;gap:10px;margin-top:18px}.opts.big2{grid-template-columns:1fr 1fr}.opt{background:var(--surface-card);color:var(--ink);box-shadow:0 4px 0 var(--border);font-size:16px;padding:14px 12px;border-radius:16px}.opt.bigk{font-family:var(--font-serif);font-size:44px;padding:10px}.opt.correct{background:var(--ok-bg);color:var(--ok-ink);box-shadow:0 4px 0 var(--ok-shadow)}.opt.wrong{background:var(--again-bg);color:var(--again-ink);box-shadow:0 4px 0 var(--again-shadow)}.opt.dim{opacity:.45}.stamp{position:absolute;top:12px;right:12px;width:74px;height:74px;border:4px solid;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:32px;line-height:1;transform:rotate(-12deg);animation:thunk .35s cubic-bezier(.2,1.6,.4,1);pointer-events:none;z-index:2;box-shadow:none}.stamp small{font-family:var(--font-sans);font-size:9px;font-weight:900;letter-spacing:.5px;margin-top:2px}.stamp-cap{font-weight:900;font-size:15px;color:var(--seal);margin:-8px 0 8px}.stamp.ok{color:var(--seal);border-color:var(--seal);background:var(--seal-ok-bg)}.stamp.again{color:var(--seal-neutral);border-color:var(--seal-neutral);background:var(--seal-again-bg)}@keyframes thunk{0%{transform:rotate(-12deg) scale(1.7);opacity:0}to{transform:rotate(-12deg) scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.stamp,.answer,.recap,.bar i,.collect-badge{animation:none;transition:none}}.padwrap{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:10px}.pad{position:relative;width:280px;height:280px;background:var(--surface-sunken);border:3px dashed var(--border);border-radius:20px;overflow:hidden}.pad canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.ghost{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:210px;color:var(--seal);opacity:.28;pointer-events:none}.mini{flex:none;font-size:13px;padding:8px 18px;background:var(--surface-muted);color:var(--ink-muted);box-shadow:none;border-radius:99px}.speak{font-size:17px;line-height:1;padding:8px 16px;min-height:40px}.speak-row{display:flex;gap:8px;justify-content:center;margin-top:8px}.done{text-align:center;max-width:420px;width:100%}.bigstamp{width:110px;height:110px;margin:0 auto 16px;border:5px solid var(--seal);color:var(--seal);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:48px;transform:rotate(-10deg)}.stats2{display:flex;justify-content:center;gap:26px;margin:16px 0 4px}.stat b{display:block;font-size:26px}.stat span{font-size:12px;color:var(--ink-muted);font-weight:700}.streak{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.streak b{font-size:30px;color:var(--seal);font-weight:900}.streak span{font-size:12px;font-weight:700;color:var(--ink-muted)}.actbars{display:flex;align-items:flex-end;gap:3px;height:48px}.actcol{flex:1;height:100%;display:flex;align-items:flex-end}.actbar{width:100%;border-radius:3px 3px 0 0;min-height:3px;display:block}.actlabels{display:flex;gap:3px;margin-top:3px}.actlabels span{flex:1;text-align:center;font-size:9px;font-weight:700;color:var(--ink-faint)}.collect-badge{margin-top:10px;display:inline-block;background:var(--green-chip-bg);color:var(--ok-ink);font-weight:900;font-size:13px;padding:6px 14px;border-radius:99px;animation:pop .4s cubic-bezier(.2,1.6,.4,1)}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.panel{width:100%;max-width:420px;background:var(--surface-card);border-radius:24px;padding:20px;box-shadow:0 6px 0 var(--border),0 14px 30px var(--shadow-ambient-soft);margin-bottom:16px;text-align:left}.panel h3{font-size:14px;letter-spacing:1px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:baseline}.panel h3 em{font-style:normal;font-size:12px;color:var(--ink-muted)}.panel p.note{font-size:12px;color:var(--ink-muted);font-weight:700;margin-top:10px}.qsummary{margin:4px 0 2px}.qsummary>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:9px 0;border-top:1px solid var(--surface-soft)}.qsummary>div:first-child{border-top:none;padding-top:2px}.qsummary dt{flex:none;font-size:11px;letter-spacing:.5px;font-weight:900;color:var(--ink-muted)}.qsummary dd{margin:0;font-size:14px;font-weight:800;color:var(--ink);text-align:right}.qsummary>div.stack{flex-direction:column;align-items:stretch;gap:5px}.qsummary>div.stack dd{text-align:left;line-height:1.4}.qglyphs{display:flex;flex-wrap:wrap;gap:8px 6px;align-items:center}.qglyphs .qsym{margin-right:0}.donutwrap{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin:12px 0 2px}.donut{width:130px;height:130px;flex:none}.donut-pct{text-anchor:middle;font-size:25px;font-weight:900;fill:var(--ink);font-family:var(--font-sans)}.donut-sub{text-anchor:middle;font-size:8.5px;font-weight:700;letter-spacing:1px;fill:var(--ink-muted);text-transform:uppercase}.donut-legend{list-style:none;margin:0;padding:0;display:grid;gap:9px;min-width:148px}.donut-legend li{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:var(--ink)}.donut-legend .dot{width:12px;height:12px;border-radius:4px;flex:none}.donut-legend .dl{flex:1}.donut-legend em{font-style:normal;font-weight:800;color:var(--ink-muted);white-space:nowrap}.tracksel{width:100%;margin-bottom:14px}.qtoggle{background:none;border:none;padding:0 2px;font:inherit;font-size:14px;font-weight:800;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:36px}.qtoggle .chev{font-size:10px;color:var(--ink-muted)}.qtypelist{list-style:none;margin:8px 0 0;padding:12px 0 2px;border-top:1px solid var(--surface-soft);display:grid;gap:10px}.qtypelist li{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink)}.qtypelist li.off{opacity:.38}.qtypelist .qsym{margin-right:0}.qtypelist .qtl{flex:1}.sdrawer{border-top:1px solid var(--surface-soft)}.sdrawer:first-child{border-top:none}.sdrawer-head{width:100%;display:flex;justify-content:space-between;align-items:baseline;gap:14px;background:none;border:none;padding:13px 2px;font:inherit;cursor:pointer;min-height:44px;text-align:left}.sdh-t{font-size:11px;letter-spacing:.5px;font-weight:900;color:var(--ink-muted)}.sdh-v{display:inline-flex;align-items:baseline;gap:6px;font-size:14px;font-weight:800;color:var(--ink)}.sdh-v .chev{font-size:10px;color:var(--ink-muted)}.sdrawer-body{padding:2px 0 14px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{flex:none;font-family:var(--font-serif);font-size:18px;padding:6px 10px;border-radius:12px;background:var(--surface-soft);color:var(--ink);border:none;cursor:pointer;position:relative}.chip:focus-visible,.librow:focus-visible,.toggle:focus-visible,.pill:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.search{width:100%;font-family:inherit;font-weight:700;font-size:16px;border:none;background:var(--surface-soft);border-radius:14px;padding:12px 14px;color:var(--ink);outline:none}.search::placeholder{color:var(--ink-faint)}.librow{flex:none;display:flex;align-items:center;gap:12px;width:100%;padding:9px 4px;border-radius:0;background:none;text-align:left;border-bottom:1px solid var(--surface-soft);cursor:pointer}.librow:last-child{border-bottom:none}.libchar{font-family:var(--font-serif);font-size:26px;flex:none;min-width:44px}.libinfo{flex:1;font-size:13px;font-weight:700;color:var(--blue);min-width:0}.libinfo small{display:block;color:var(--ink-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--border)}.kana-block+.kana-block{margin-top:16px}.kana-cat{font-size:12px;letter-spacing:.5px;font-weight:900;color:var(--ink);margin-bottom:8px}.kana-cat span{font-weight:700;color:var(--ink-faint);letter-spacing:0}.kana-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.kana-grid.cols3{grid-template-columns:repeat(3,1fr)}.kana-grid.cols3 .kana-cell-char{font-size:19px}.kana-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;aspect-ratio:1 / 1;min-height:52px;border:none;border-radius:12px;background:var(--surface-soft);cursor:pointer;-webkit-tap-highlight-color:transparent}.kana-cell.empty{background:transparent;cursor:default}.kana-cell.p{background:var(--pink-cell)}.kana-cell.b{background:var(--blue-cell)}.kana-cell.g{background:var(--green-soft)}.kana-cell-char{font-family:var(--font-serif);font-size:23px;line-height:1;color:var(--ink)}.kana-cell-romaji{font-size:12px;font-weight:700;line-height:1;color:var(--ink-muted)}.kana-cell:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.unit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.unit-card{background:var(--surface-sunken);border:1px solid var(--surface-muted);border-radius:16px;overflow:hidden}.unit-card.open{grid-column:1 / -1;background:var(--surface-card);border-color:var(--border);box-shadow:0 4px 0 var(--surface-muted)}.unit-row{display:flex;align-items:center;gap:6px;width:100%;padding:4px 6px;min-height:48px}.unit-check{flex:none;width:24px;height:24px;accent-color:var(--seal);cursor:pointer;margin-right:8px}.unit-name{flex:1;display:flex;align-items:center;gap:8px;min-width:0;background:none;border:none;border-left:1px solid var(--border-soft);padding:8px 2px 8px 10px;text-align:left;cursor:pointer;font:inherit;color:inherit}.unit-title{flex:none;font-weight:900;font-size:15px;color:var(--ink);white-space:nowrap}.unit-sub{flex:none;font-size:11px;font-weight:700;color:var(--ink-muted);white-space:nowrap}.unit-preview{flex:1;min-width:0;font-size:11px;font-weight:700;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unit-name .dot{margin-left:auto}.chev{flex:none;font-size:16px;line-height:1;color:var(--accent-hot);transition:transform .15s ease;width:26px;height:26px;border-radius:50%;background:var(--surface-soft-2);display:flex;align-items:center;justify-content:center}.unit-card.open .chev{transform:rotate(180deg)}.unit-name:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:8px}.unit-detail{padding:0 12px 14px;border-top:1px solid var(--surface-muted)}.unit-sec h4{font-size:12px;letter-spacing:1px;color:var(--ink-muted);margin:14px 0 4px}.unit-review{width:100%;margin-top:12px}@media (prefers-reduced-motion: reduce){.chev{transition:none}}.librow-body{flex:1;display:flex;align-items:center;gap:12px;min-width:0;background:none;border:none;padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit}.drow{display:flex;gap:10px;align-items:flex-start;padding:7px 0}.drow b{flex:none;margin-top:2px;width:48px;text-align:center;padding:3px 0}.drow span{font-size:14px;font-weight:700;color:var(--ink);line-height:1.5}.tag.tsens{background:var(--ink-muted)}.tag.tkanji{background:var(--ink)}.partrow{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--surface-soft)}.partrow:last-child{border-bottom:none}.partlbl{flex:none;width:88px;font-size:12px;font-weight:900;color:var(--ink-muted);padding-top:9px}.parts{flex:1;display:flex;flex-wrap:wrap;gap:8px}.part{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--surface-soft);border:none;border-radius:12px;padding:6px 12px;min-width:52px}.part.clickable{cursor:pointer;box-shadow:0 3px 0 var(--border)}.part.clickable:active{transform:scale(.96)}.part-char{font-family:var(--font-serif);font-size:26px;line-height:1;color:var(--ink-strong)}.part small{font-size:11px;font-weight:700;color:var(--ink-muted)}.part.clickable:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.qsym{display:inline-flex;align-items:center;gap:4px;margin-right:8px;vertical-align:middle}.qsym .tag{font-family:var(--font-serif);font-size:13px;padding:2px 8px;letter-spacing:0}.qsym .tag.latin{font-family:var(--font-sans);font-size:11px;letter-spacing:.5px}.qarrow{font-style:normal;color:var(--muted-accent);font-size:13px;font-weight:900}.qpencil{font-size:14px}.strokewrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:14px}.strokesvg{background:var(--surface-sunken);border:2px dashed var(--border);border-radius:16px}.strokesvg path{fill:none;stroke-linecap:round;stroke-linejoin:round}.sg{stroke:var(--border);stroke-width:3}.sa{stroke:var(--ink-strong);stroke-width:3.5;stroke-dasharray:1;stroke-dashoffset:1;animation:draw linear forwards}@keyframes draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.sa{animation:none;stroke-dashoffset:0}}.padguide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.pg{fill:none;stroke:var(--ink-strong);opacity:.13;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.pn{font-family:var(--font-sans);font-size:7px;font-weight:700;fill:var(--seal);opacity:.8}.apara{font-size:13px;font-weight:700;color:var(--ink-muted);line-height:1.55}.cred{padding:10px 0;border-bottom:1px solid var(--surface-soft)}.cred:last-child{border-bottom:none}.cred b{display:block;font-size:14px;margin-bottom:4px}.dot.g{background:var(--green)}.dot.b{background:var(--blue-tag)}.dot.p{background:var(--pink-dot)}.legend{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:10px;font-size:11px;font-weight:700;color:var(--ink-muted)}.legend span{display:inline-flex;align-items:center;gap:5px}.legend .sw{width:12px;height:12px;border-radius:4px;flex:none}.chip i{font-family:var(--font-sans);font-style:normal;font-size:10px;font-weight:900;margin-left:4px;opacity:.65;vertical-align:super}.bigscore{display:flex;justify-content:center;gap:26px;text-align:center;margin-bottom:14px}.bigscore b{display:block;font-size:30px;color:var(--seal)}.bigscore span{font-size:11px;color:var(--ink-muted);font-weight:700;letter-spacing:1px}.pbar{height:10px;background:var(--surface-muted);border-radius:99px;overflow:hidden;margin:4px 0 10px}.pbar i{display:block;height:100%;border-radius:99px}.plbl{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--ink-muted)}.trow{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:7px 0}.trow>span{flex:1 1 100%;display:flex;align-items:center;font-size:13px;font-weight:700}.trow .tbar{flex:1;height:8px;background:var(--surface-muted);border-radius:99px;overflow:hidden}.trow .tbar i{display:block;height:100%;background:var(--green);border-radius:99px}.trow em{font-style:normal;font-size:12px;font-weight:900;color:var(--ink-muted);width:76px;text-align:right}.chip.g{background:var(--green-chip-bg);color:var(--ok-ink)}.chip.b{background:var(--blue-chip-bg);color:var(--blue-chip-ink)}.chip.p{background:var(--pink-chip-bg);color:var(--again-ink)}.empty{font-size:13px;color:var(--ink-muted);font-weight:700}.srow{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--surface-soft);gap:10px}.srow:last-child{border-bottom:none}.srow span{font-weight:700;font-size:15px}.srow small{display:block;font-size:11px;color:var(--ink-muted);font-weight:700;margin-top:2px}.pills{display:flex;gap:6px;flex-wrap:wrap}.pill{flex:none;font-size:13px;padding:11px 14px;border-radius:99px;background:var(--surface-muted);color:var(--ink-muted);box-shadow:none;min-height:40px}.pill.on{background:var(--accent);color:var(--accent-ink)}.pill.soon{opacity:.5}.toggle{flex:none;width:50px;height:30px;border-radius:99px;background:var(--surface-toggle);position:relative;padding:0;box-shadow:none}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--surface-card);transition:left .15s ease}.toggle.on{background:var(--green)}.toggle.on:after{left:23px}.apply{width:100%;max-width:420px;flex:none}.panel.compact{padding:14px 16px}.panel.compact h3{margin-bottom:8px}.presets{display:flex;flex-direction:column;gap:8px}.preset{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;max-width:420px;text-align:left;background:var(--ink);color:var(--surface-bg);border-radius:14px;padding:11px 15px;box-shadow:0 4px 0 var(--dark-shadow)}.preset b{font-size:15px;font-weight:900;letter-spacing:.3px}.preset small{font-size:12px;font-weight:700;opacity:.8;letter-spacing:0}.backbar{width:100%;max-width:420px;margin:-2px 0 2px}.backbtn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:-10px;padding:0;background:none;color:var(--ink-muted);font-size:30px;line-height:1;font-weight:900;border:none;cursor:pointer}.backbtn:active{transform:scale(.9)}