:root{--color-bg:oklch(96.5% .006 280);--color-card:oklch(99.6% .002 280);--color-fill:oklch(93% .008 280);--color-fill-2:oklch(89.5% .01 280);--color-sep:oklch(89% .008 280);--color-ink:oklch(21% .02 280);--color-ink-2:oklch(47% .018 280);--color-ink-3:oklch(62% .014 280);--color-accent:oklch(52% .19 278);--color-accent-ink:oklch(99% .004 280);--color-accent-soft:oklch(94% .04 278);--color-scrim:oklch(20% .02 280/.35);--color-focus:oklch(55% .2 278);--g-top-fg:oklch(44% .13 150);--g-top-bg:oklch(93.5% .055 150);--g-good-fg:oklch(44% .09 215);--g-good-bg:oklch(93.5% .035 215);--g-mid-fg:oklch(48% .11 65);--g-mid-bg:oklch(94% .065 85);--g-low-fg:oklch(50% .19 27);--g-low-bg:oklch(93.5% .045 27);--sub-1:oklch(58% .19 278);--sub-2:oklch(64% .17 45);--sub-3:oklch(60% .14 155);--sub-4:oklch(60% .18 355);--sub-5:oklch(60% .11 215);--sub-6:oklch(68% .15 80);--on-sub:oklch(99% .004 280);--font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", Roboto, "Segoe UI", "Helvetica Neue", sans-serif;--font-rounded:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", sans-serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:1.0625rem;--text-md:1.25rem;--text-lg:1.5rem;--text-xl:2.125rem;--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.38s;--z-sticky:200;--z-modal:400;--z-toast:500}@media (prefers-color-scheme:dark){:root[data-app-theme=auto]{--color-bg:oklch(13% .008 280);--color-card:oklch(20% .012 280);--color-fill:oklch(26% .014 280);--color-fill-2:oklch(31% .016 280);--color-sep:oklch(29% .012 280);--color-ink:oklch(96% .005 280);--color-ink-2:oklch(74% .012 280);--color-ink-3:oklch(60% .012 280);--color-accent:oklch(72% .15 278);--color-accent-ink:oklch(15% .02 280);--color-accent-soft:oklch(30% .07 278);--color-scrim:oklch(5% .01 280/.6);--color-focus:oklch(78% .14 278);--g-top-fg:oklch(82% .14 150);--g-top-bg:oklch(32% .07 150);--g-good-fg:oklch(82% .09 215);--g-good-bg:oklch(32% .05 215);--g-mid-fg:oklch(85% .12 85);--g-mid-bg:oklch(33% .06 75);--g-low-fg:oklch(80% .14 27);--g-low-bg:oklch(33% .08 27);--sub-1:oklch(60% .17 278);--sub-2:oklch(64% .15 45);--sub-3:oklch(60% .13 155);--sub-4:oklch(60% .16 355);--sub-5:oklch(60% .1 215);--sub-6:oklch(66% .13 80);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-app-theme=dark]{--color-bg:oklch(13% .008 280);--color-card:oklch(20% .012 280);--color-fill:oklch(26% .014 280);--color-fill-2:oklch(31% .016 280);--color-sep:oklch(29% .012 280);--color-ink:oklch(96% .005 280);--color-ink-2:oklch(74% .012 280);--color-ink-3:oklch(60% .012 280);--color-accent:oklch(72% .15 278);--color-accent-ink:oklch(15% .02 280);--color-accent-soft:oklch(30% .07 278);--color-scrim:oklch(5% .01 280/.6);--color-focus:oklch(78% .14 278);--g-top-fg:oklch(82% .14 150);--g-top-bg:oklch(32% .07 150);--g-good-fg:oklch(82% .09 215);--g-good-bg:oklch(32% .05 215);--g-mid-fg:oklch(85% .12 85);--g-mid-bg:oklch(33% .06 75);--g-low-fg:oklch(80% .14 27);--g-low-bg:oklch(33% .08 27);--sub-1:oklch(60% .17 278);--sub-2:oklch(64% .15 45);--sub-3:oklch(60% .13 155);--sub-4:oklch(60% .16 355);--sub-5:oklch(60% .1 215);--sub-6:oklch(66% .13 80);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{overflow-x:clip}[hidden]{display:none!important}*,:before,:after{box-sizing:border-box}body{padding-inline:var(--space-md);padding-block:var(--space-md) 0;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-ui);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.4}h1,h2,h3{text-wrap:balance;overflow-wrap:anywhere;min-width:0;margin:0;font-style:normal}p{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus{outline:none}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.num{font-variant-numeric:tabular-nums}.app{max-width:26.875rem;min-height:46rem;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));margin:0 auto;position:relative}.app--wide{max-width:40rem;padding-bottom:var(--space-2xl)}.navbar{top:env(safe-area-inset-top,0px);z-index:var(--z-sticky);min-height:44px;margin-inline:calc(var(--space-md) * -1);padding-inline:var(--space-xs);background:var(--color-bg);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid;position:sticky}.navbar__title{font-weight:600;font-size:var(--text-base);text-align:center;white-space:nowrap;text-overflow:ellipsis;opacity:0;transition:opacity var(--dur-short) var(--ease-out);overflow:hidden}.navbar[data-scrolled=true] .navbar__title{opacity:1}.navbar[data-scrolled=true]{box-shadow:0 1px 0 var(--color-sep)}.back{justify-self:start;align-items:center;gap:var(--space-3xs);min-height:44px;padding-inline:var(--space-xs);color:var(--color-accent);font-size:var(--text-base);white-space:nowrap;background:0 0;border:0;display:inline-flex}.navbar__end{justify-self:end}.textbtn{min-height:44px;padding-inline:var(--space-xs);color:var(--color-accent);font-size:var(--text-base);white-space:nowrap;background:0 0;border:0;font-weight:600}.large{gap:var(--space-2xs);padding:var(--space-2xs) 0 var(--space-md);display:grid}.large h1{font-size:var(--text-xl);letter-spacing:.01em;font-weight:700;line-height:1.12}.large p{color:var(--color-ink-2);font-size:var(--text-base)}.section-h{justify-content:space-between;align-items:baseline;gap:var(--space-sm);padding:var(--space-lg) var(--space-md) var(--space-xs);font-size:var(--text-sm);color:var(--color-ink-2);text-transform:uppercase;letter-spacing:.03em;font-weight:400;display:flex}.section-foot{padding:var(--space-xs) var(--space-md) 0;font-size:var(--text-sm);color:var(--color-ink-2)}.group{background:var(--color-card);border-radius:var(--radius-md);margin:0;padding:0;list-style:none;overflow:hidden}.group>li{position:relative}.group>li+li:before{content:"";top:0;inset-inline:var(--sep-inset,var(--space-md)) 0;background:var(--color-sep);z-index:1;height:1px;position:absolute}.group--avatars{--sep-inset:3.75rem}.group--icons{--sep-inset:3.6rem}.cell{align-items:center;gap:var(--space-sm);width:100%;min-height:52px;padding:var(--space-xs) var(--space-md);text-align:start;color:inherit;transition:background-color var(--dur-micro) var(--ease-out);background:0 0;border:0;display:flex}button.cell:active,label.cell:active{background:var(--color-fill)}@media (hover:hover){button.cell:hover,label.cell:hover{background:var(--color-fill)}}label.cell{cursor:pointer}.cell__main{gap:var(--space-3xs);flex:1;min-width:0;display:grid}.cell__title{font-size:var(--text-base);overflow-wrap:anywhere}.cell__sub{font-size:var(--text-sm);color:var(--color-ink-2)}.cell__end{align-items:center;gap:var(--space-xs);color:var(--color-ink-3);flex:none;display:flex}.ico{flex:none;width:1.25rem;height:1.25rem}.chev{width:1.125rem;height:1.125rem;color:var(--color-ink-3);flex:none}.cell[data-today-abs=true]{background:var(--g-low-bg)}.avatar{background:var(--color-fill-2);width:2.25rem;height:2.25rem;color:var(--color-ink-2);font-family:var(--font-rounded);font-weight:700;font-size:var(--text-sm);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;display:grid}.avatar--lg{width:3.5rem;height:3.5rem;font-size:var(--text-md)}.sicon{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--on-sub);font-family:var(--font-rounded);font-weight:700;font-size:var(--text-sm);flex:none;place-items:center;display:grid}.sicon svg{width:60%;height:60%}.sicon--lg{width:2.75rem;height:2.75rem;font-size:var(--text-base);border-radius:11px}.s1{background:var(--sub-1)}.s2{background:var(--sub-2)}.s3{background:var(--sub-3)}.s4{background:var(--sub-4)}.s5{background:var(--sub-5)}.s6{background:var(--sub-6)}.grades{gap:var(--space-2xs);flex-wrap:wrap;justify-content:flex-end;display:flex}.grades--start{justify-content:flex-start}.gd{justify-items:center;gap:2px;display:inline-grid}.gd small{color:var(--color-ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.6875rem;line-height:1}.g{min-width:1.875rem;height:1.875rem;padding-inline:var(--space-2xs);border-radius:var(--radius-sm);font-family:var(--font-rounded);font-weight:700;font-size:var(--text-base);font-variant-numeric:tabular-nums;place-items:center;line-height:1;display:inline-grid}.g--top{background:var(--g-top-bg);color:var(--g-top-fg)}.g--good{background:var(--g-good-bg);color:var(--g-good-fg)}.g--mid{background:var(--g-mid-bg);color:var(--g-mid-fg)}.g--low{background:var(--g-low-bg);color:var(--g-low-fg)}.g--new{box-shadow:0 0 0 2px var(--color-accent);animation:pop var(--dur-long) var(--ease-out)}.g--sm{min-width:1.5rem;height:1.5rem;font-size:var(--text-sm);border-radius:6px}.g--code{font-size:var(--text-sm);letter-spacing:.08em}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.more{font-size:var(--text-sm);color:var(--color-ink-3);align-self:center}.avg{font-family:var(--font-rounded);font-weight:700;font-size:var(--text-md);font-variant-numeric:tabular-nums;color:var(--color-ink);text-align:end;min-width:3rem}.avg--low{color:var(--g-low-fg)}.avg--none{color:var(--color-ink-3)}.pill{min-height:1.375rem;padding-inline:var(--space-xs);font-size:var(--text-xs);white-space:nowrap;vertical-align:.1em;border-radius:999px;align-items:center;font-weight:600;display:inline-flex}.pill--low{background:var(--g-low-bg);color:var(--g-low-fg)}.pill--ok{background:var(--g-top-bg);color:var(--g-top-fg)}.pill--new{background:var(--color-accent);color:var(--color-accent-ink)}.pill--muted{background:var(--color-fill);color:var(--color-ink-2)}.seg{background:var(--color-fill);border-radius:9px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:2px;display:grid}.seg button{min-height:32px;font-size:var(--text-sm);color:var(--color-ink);white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out);background:0 0;border:0;border-radius:7px;font-weight:600}.seg button[aria-pressed=true]{background:var(--color-card);box-shadow:0 1px 3px var(--color-scrim)}.controls{gap:var(--space-sm);margin-bottom:var(--space-md);display:grid}.daterow{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--color-card);border-radius:var(--radius-md);min-height:48px;display:flex}.daterow input{background:var(--color-fill);border-radius:var(--radius-sm);padding:var(--space-2xs) var(--space-xs);color:var(--color-accent);border:0;min-height:34px;font-weight:600}.switch{flex:none;width:51px;height:31px;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.switch span{background:var(--color-fill-2);transition:background-color var(--dur-short) var(--ease-out);pointer-events:none;border-radius:999px;position:absolute;inset:0}.switch span:after{content:"";background:var(--color-card);width:27px;height:27px;box-shadow:0 2px 4px var(--color-scrim);transition:transform var(--dur-short) var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.switch input:checked+span{background:var(--g-top-fg)}.switch input:checked+span:after{transform:translate(20px)}.switch input:focus-visible+span{outline:2px solid var(--color-focus);outline-offset:2px}.switch--abs input:checked+span{background:var(--g-low-fg)}.tiles{gap:var(--space-sm);margin-bottom:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tile{gap:var(--space-2xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--color-card);display:grid}.tile__n{font-family:var(--font-rounded);font-weight:700;font-size:var(--text-xl);font-variant-numeric:tabular-nums;line-height:1}.tile__l{font-size:var(--text-sm);color:var(--color-ink-2)}.tile--low .tile__n{color:var(--g-low-fg)}.tile--ok .tile__n{color:var(--g-top-fg)}.kids{gap:var(--space-sm);padding:var(--space-xs) 0 var(--space-md);display:flex;overflow-x:auto}.kid{justify-items:center;gap:var(--space-2xs);padding:var(--space-2xs);min-width:4.5rem;font-size:var(--text-sm);color:var(--color-ink-2);background:0 0;border:0;display:grid}.kid .avatar{box-shadow:0 0 0 2px var(--color-bg), 0 0 0 4px transparent;transition:box-shadow var(--dur-short) var(--ease-out)}.kid[aria-pressed=true]{color:var(--color-ink);font-weight:600}.kid[aria-pressed=true] .avatar{box-shadow:0 0 0 2px var(--color-bg), 0 0 0 4px var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.kid--add .avatar{border:2px dashed var(--color-fill-2);color:var(--color-accent);font-size:var(--text-lg);background:0 0}.tabbar{z-index:var(--z-sticky);width:100%;max-width:26.875rem;padding:var(--space-2xs) var(--space-xs) calc(var(--space-xs) + env(safe-area-inset-bottom,0px));background:var(--color-card);box-shadow:0 -1px 0 var(--color-sep);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab{min-height:48px;padding-top:var(--space-2xs);color:var(--color-ink-3);white-space:nowrap;background:0 0;border:0;justify-items:center;gap:2px;font-size:.6875rem;font-weight:600;display:grid}.tab svg{width:24px;height:24px}.tab[aria-current=page]{color:var(--color-accent)}.btn{justify-content:center;align-items:center;gap:var(--space-xs);width:100%;min-height:50px;padding-inline:var(--space-lg);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-ink);font-size:var(--text-base);white-space:nowrap;transition:transform .1s var(--ease-out), opacity var(--dur-short) var(--ease-out);border:0;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn--tinted{background:var(--color-accent-soft);color:var(--color-accent);max-width:16rem}.btn-row{gap:var(--space-sm);margin-top:var(--space-lg);display:grid}.hint{font-size:var(--text-sm);color:var(--color-ink-2);text-align:center}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1.1em;height:1.1em;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search{align-items:center;gap:var(--space-xs);min-height:38px;padding-inline:var(--space-xs);background:var(--color-fill);color:var(--color-ink-3);margin-bottom:var(--space-sm);border-radius:10px;display:flex}.search input{min-width:0;color:var(--color-ink);font-size:var(--text-base);background:0 0;border:0;flex:1;min-height:38px}.search input::placeholder{color:var(--color-ink-3)}.search input:focus-visible{outline:none}.search:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}.picked{gap:var(--space-xs);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.pick{align-items:center;gap:var(--space-xs);max-width:100%;min-height:40px;padding:0 var(--space-sm) 0 var(--space-2xs);background:var(--color-accent-soft);color:var(--color-accent);font-size:var(--text-sm);transition:transform .1s var(--ease-out), opacity var(--dur-short) var(--ease-out);border:0;border-radius:999px;font-weight:600;display:inline-flex}.pick:active{transform:scale(.96)}.pick .sicon{width:1.875rem;height:1.875rem;font-size:var(--text-xs);border-radius:999px}.pick__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pick__x{opacity:.75;flex:none;width:14px;height:14px}@media (hover:hover){.pick:hover .pick__x{opacity:1}}.field{gap:var(--space-xs);display:grid}.input{min-height:52px;padding-inline:var(--space-md);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-ink);font-family:var(--font-rounded);font-weight:700;font-size:var(--text-lg);letter-spacing:.14em;text-transform:uppercase;text-align:center;transition:border-color var(--dur-short) var(--ease-out);border:2px solid #0000}.input:focus-visible{border-color:var(--color-accent);outline:none}.input[aria-invalid=true]{border-color:var(--g-low-fg)}.help{font-size:var(--text-sm);color:var(--color-ink-2);text-align:center;min-height:1.3em}.help[data-tone=error]{color:var(--g-low-fg)}.help[data-tone=ok]{color:var(--g-top-fg)}.check{width:1.375rem;height:1.375rem;color:var(--color-accent);visibility:hidden;flex:none}[aria-checked=true]>.check,[aria-pressed=true]>.check{visibility:visible}.cls-grid{gap:var(--space-xs);padding:var(--space-sm);background:var(--color-card);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fill,minmax(4.75rem,1fr));display:grid}.cls{background:var(--color-fill);min-height:44px;font-family:var(--font-rounded);font-weight:700;font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--dur-micro) var(--ease-out), transform .1s var(--ease-out);border:0;border-radius:10px;align-content:center;place-items:center;line-height:1.15;display:grid}button.cls:active{transform:scale(.96)}.cls[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink)}.cls small{font-family:var(--font-ui);font-weight:400;font-size:var(--text-xs);color:var(--color-ink-2)}.subject-h{align-items:center;gap:var(--space-xs);padding:var(--space-lg) 0 0;font-size:var(--text-md);font-weight:700;display:flex}.progress{gap:var(--space-2xs);margin:var(--space-2xs) 0 var(--space-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.progress span{background:var(--color-fill-2);border-radius:2px;height:4px}.progress span[data-on=true]{background:var(--color-accent)}.scrim{z-index:var(--z-modal);background:var(--color-scrim);opacity:0;pointer-events:none;transition:opacity var(--dur-long) var(--ease-out);position:fixed;inset:0}.scrim[data-open=true]{opacity:1;pointer-events:auto}.sheet{z-index:var(--z-modal);gap:var(--space-md);width:100%;max-width:26.875rem;max-height:88dvh;padding:var(--space-xs) var(--space-md) calc(var(--space-lg) + env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--color-bg);transition:transform var(--dur-long) var(--ease-out);display:grid;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%,105%)}.sheet[data-open=true]{transform:translate(-50%)}.sheet[data-open=false]{transition-timing-function:var(--ease-in);transition-duration:calc(var(--dur-long) * .75)}.grabber{background:var(--color-fill-2);border-radius:3px;justify-self:center;width:36px;height:5px}.sheet__head{align-items:center;gap:var(--space-sm);display:flex}.sheet__head h2{font-size:var(--text-md);font-weight:700}.sheet__head p{font-size:var(--text-sm);color:var(--color-ink-2)}.sheet__head .textbtn{margin-inline-start:auto}.keys{gap:var(--space-xs);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.key{border-radius:var(--radius-md);min-height:60px;font-family:var(--font-rounded);font-weight:700;font-size:var(--text-lg);font-variant-numeric:tabular-nums;transition:transform .1s var(--ease-out);border:0}.key:active{transform:scale(.94)}.key[aria-pressed=true]{box-shadow:0 0 0 3px var(--color-accent)}.gd--btn{padding:var(--space-3xs);border-radius:var(--radius-sm);color:inherit;transition:background-color var(--dur-micro) var(--ease-out);background:0 0;border:0}.gd--btn:active{background:var(--color-fill-2)}@media (hover:hover){.gd--btn:hover{background:var(--color-fill)}}.sheet__note{font-size:var(--text-sm);color:var(--color-ink-2)}.sheet__note--warn{color:var(--g-mid-fg);font-weight:600}.btn--danger{background:var(--g-low-bg);color:var(--g-low-fg)}.sheet__foot{justify-content:space-between;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-ink-2);display:flex}.motive{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.motive button{background:var(--color-card);min-height:44px;font-weight:600;font-size:var(--text-sm);white-space:nowrap;border:0;border-radius:10px}.motive button[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink)}.toast{z-index:var(--z-toast);left:50%;bottom:calc(5.25rem + env(safe-area-inset-bottom,0px));width:calc(100% - 2 * var(--space-md));justify-content:space-between;align-items:center;gap:var(--space-sm);max-width:24rem;padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-md);background:var(--color-ink);color:var(--color-bg);font-size:var(--text-sm);opacity:1;transition:transform var(--dur-short) var(--ease-out), opacity var(--dur-short) var(--ease-out);border-radius:999px;font-weight:500;display:flex;position:fixed;transform:translate(-50%)}.toast[data-hidden=true]{opacity:0;pointer-events:none;transform:translate(-50%,12px)}.toast[data-top=true]{bottom:auto;top:calc(var(--space-md) + env(safe-area-inset-top,0px))}.toast[data-top=true][data-hidden=true]{transform:translate(-50%,-12px)}.toast__msg{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-block:var(--space-xs);overflow:hidden}.toast button{min-height:40px;padding-inline:var(--space-md);background:var(--color-bg);color:var(--color-ink);white-space:nowrap;border:0;border-radius:999px;font-weight:700}.filecard{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-card);border-radius:var(--radius-md);display:flex}.filecard svg{color:var(--g-top-fg);flex:none}.diff-n{font-family:var(--font-rounded);font-weight:700;font-size:var(--text-md);font-variant-numeric:tabular-nums;text-align:end;min-width:3.25rem;color:var(--color-ink)}.diff-n--zero{color:var(--color-ink-3)}.done{justify-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-md);text-align:center;background:var(--color-card);border-radius:var(--radius-md);display:grid}.done__mark{background:var(--g-top-bg);width:3.5rem;height:3.5rem;color:var(--g-top-fg);border-radius:50%;place-items:center;display:grid}.done__mark svg{stroke-width:3px;width:1.75rem;height:1.75rem}.done h2{font-size:var(--text-lg);font-weight:700}.done p{color:var(--color-ink-2);max-width:32ch}.desk-only,.tabbar__brand,.g--older{display:none}.split,.cols{gap:var(--space-md);display:grid}.split>*,.cols>*{min-width:0}.panel{display:none}@media (width>=60rem){.desk-only{display:revert}.mob-only{display:none!important}body.has-sidebar{padding-inline:calc(15rem + var(--space-xl)) var(--space-xl)}.app{max-width:64rem;padding-bottom:var(--space-2xl)}.app[data-layout=narrow]{max-width:42rem}.navbar{margin-inline:0;padding-inline:0}.tabbar{align-content:start;gap:var(--space-3xs);width:15rem;max-width:none;padding:calc(var(--space-lg) + env(safe-area-inset-top,0px)) var(--space-sm) var(--space-lg);box-shadow:1px 0 0 var(--color-sep);grid-auto-rows:min-content;grid-auto-flow:row;top:0;bottom:0;left:0;transform:none}.tabbar__brand{padding:0 var(--space-sm) var(--space-lg);font-family:var(--font-rounded);font-weight:700;font-size:var(--text-md);display:block}.tabbar__brand span{color:var(--color-accent)}.tab{justify-content:start;align-items:center;gap:var(--space-sm);min-height:40px;padding:0 var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--color-ink);transition:background-color var(--dur-micro) var(--ease-out);grid-auto-flow:column;font-weight:500}.tab svg{width:20px;height:20px;color:var(--color-accent)}.tab[aria-current=page]{background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.g--older{display:inline-grid}.more{display:none}.split{align-items:start;gap:var(--space-xl);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.cols{align-items:start;gap:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr))}.panel{gap:var(--space-xs);top:calc(44px + var(--space-md));padding-top:var(--space-md);display:grid;position:sticky}.panel__head{align-items:center;gap:var(--space-sm);display:flex}.panel__head h2{font-size:var(--text-lg);font-weight:700}.panel__head p{font-size:var(--text-sm);color:var(--color-ink-2)}.group--cards{gap:var(--space-sm);background:0 0;border-radius:0;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));display:grid;overflow:visible}.group--cards>li{background:var(--color-card);border-radius:var(--radius-md);overflow:hidden}.group--cards>li+li:before{display:none}.group--cards .cell{min-height:84px}.cell.is-selected{background:var(--color-accent-soft)}.sheet{border-radius:var(--radius-lg);max-width:30rem;max-height:86dvh;padding-block:var(--space-lg);opacity:0;transition:transform var(--dur-long) var(--ease-out), opacity var(--dur-short) var(--ease-out);top:50%;bottom:auto;transform:translate(-50%,-47%)}.sheet[data-open=true]{opacity:1;transform:translate(-50%,-50%)}.grabber{display:none}.toast{bottom:var(--space-xl)}}@media (width>=60rem) and (hover:hover){.tab:hover{background:var(--color-fill)}.tab[aria-current=page]:hover{background:var(--color-accent-soft)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}.g--new{animation:none}.spinner{animation:1.4s linear infinite spin!important}}.input--text{text-align:start;text-transform:none;letter-spacing:0;font-family:var(--font-ui);font-weight:400;font-size:var(--text-base)}.help{text-align:start}.center-state{justify-items:center;gap:var(--space-sm);padding:var(--space-2xl) var(--space-md);text-align:center;color:var(--color-ink-2);display:grid}.center-state h2{font-size:var(--text-md);color:var(--color-ink)}.skeleton{border-radius:var(--radius-md);background:var(--color-fill);height:52px}.skeleton+.skeleton{margin-top:var(--space-xs)}.textbtn[disabled],.btn[disabled]{opacity:.45;cursor:not-allowed}.tab{text-decoration:none}a.cell{color:inherit;text-decoration:none}@media (hover:hover){a.cell:hover{background:var(--color-fill)}}a.cell:active{background:var(--color-fill)}.error-banner{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--g-low-bg);color:var(--g-low-fg);font-size:var(--text-sm)}