:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#ece4d2;--paper-2:#e3d9c2;--surface:#fffdf8;--surface-2:#f8f2e4;--ink:#14120c;--ink-2:#57513f;--ink-3:#8a8375;--line:#ded4bd;--line-strong:#14120c;--amber:#e9a23b;--amber-soft:#f7e3bd;--amber-ink:#14120c;--chart:#c8781f;--chart-track:#f0dcbb;--grid:#e4dbc6;--good:#0ca30c;--critical:#d03b3b;--good-wash:#e8f6e4;--critical-wash:#fbeae8;--skin:#f3d3ac;--rb-hair:#1a1712;--rb-hakama:#e3d9c2;--rb-cloth:#4a4237;--rb-accent:#b8442f;--shadow:0 18px 44px #14120c1a;--shadow-soft:0 6px 18px #14120c0f;--radius:24px;--radius-lg:32px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--serif:ui-serif, Georgia, "Times New Roman", serif}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#100e0a;--paper-2:#191510;--surface:#1e1b16;--surface-2:#262119;--ink:#f7f3e8;--ink-2:#c8bfa9;--ink-3:#948b76;--line:#332d22;--line-strong:#4d4433;--amber:#e9a23b;--amber-soft:#3b2d14;--amber-ink:#14120c;--rb-hair:#33291b;--rb-hakama:#2b241b;--rb-cloth:#6b6151;--rb-accent:#c05038;--chart:#c98500;--chart-track:#3b2f1a;--grid:#2b2620;--good-wash:#16281a;--critical-wash:#2e1a19;--shadow:0 18px 44px #00000073;--shadow-soft:0 6px 18px #0000004d}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#100e0a;--paper-2:#191510;--surface:#1e1b16;--surface-2:#262119;--ink:#f7f3e8;--ink-2:#c8bfa9;--ink-3:#948b76;--line:#332d22;--line-strong:#4d4433;--amber:#e9a23b;--amber-soft:#3b2d14;--amber-ink:#14120c;--rb-hair:#33291b;--rb-hakama:#2b241b;--rb-cloth:#6b6151;--rb-accent:#c05038;--chart:#c98500;--chart-track:#3b2f1a;--grid:#2b2620;--good-wash:#16281a;--critical-wash:#2e1a19;--shadow:0 18px 44px #00000073;--shadow-soft:0 6px 18px #0000004d}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.15}p{margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--chart);outline-offset:2px;border-radius:8px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:22px}.pill,.ghost{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-weight:700;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.pill{background:var(--ink);color:var(--surface)}.pill:hover:not(:disabled){transform:translateY(-1px)}.pill:disabled,.ghost:disabled{opacity:.45;cursor:not-allowed}.ghost{background:var(--surface);border:1px solid var(--line);color:var(--ink)}.ghost:hover:not(:disabled){border-color:var(--ink-3);transform:translateY(-1px)}.ghost.compact{padding:8px 14px;font-size:13px}.ghost.danger{color:var(--critical);border-color:color-mix(in srgb, var(--critical) 35%, var(--line))}.icon{border:1px solid var(--line);background:var(--surface);border-radius:999px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon:hover{border-color:var(--ink-3)}.notice{border-radius:14px;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;font-weight:600;display:flex}.notice.good{background:var(--good-wash);color:var(--ink)}.notice.bad{background:var(--critical-wash);color:var(--ink)}.empty{text-align:center;color:var(--ink-2);padding:40px 20px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.shell{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:40;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:12px clamp(14px,4vw,34px);display:flex;position:sticky;top:0}.wordmark{letter-spacing:-.05em;align-items:center;gap:9px;font-size:18px;font-weight:900;display:inline-flex}.wordmark b{color:var(--amber)}.wordmark-mark{background:var(--amber);border:2px solid var(--ink);border-radius:4px;width:15px;height:15px;transform:rotate(45deg)}.search{border:1px solid var(--line);background:var(--surface);max-width:340px;color:var(--ink-3);border-radius:999px;flex:1;align-items:center;gap:9px;margin-inline:auto;padding:9px 16px;display:flex}.search input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1}.search input::placeholder{color:var(--ink-3)}.tabs{background:var(--paper-2);border-radius:999px;gap:4px;padding:4px;display:flex}.tabs button{color:var(--ink-2);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700}.tabs button.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-soft)}.account{align-items:center;gap:9px;display:flex}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:14px;font-weight:700;overflow:hidden}.avatar{background:var(--amber);width:38px;height:38px;color:var(--amber-ink);border:2px solid var(--ink);border-radius:999px;place-items:center;font-weight:900;display:grid}.drawer{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:2px;margin:0 14px;padding:10px;display:flex}.drawer button,.drawer a{border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-weight:700;display:flex}.drawer button:hover,.drawer a:hover{background:var(--surface-2)}.canvas{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:clamp(16px,3vw,30px) clamp(14px,4vw,34px) 90px}.view{flex-direction:column;gap:22px;display:flex}.tabbar{z-index:40;background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;gap:4px;padding:6px;display:flex;position:fixed;bottom:12px;left:12px;right:12px}.tabbar button{color:var(--ink-3);border-radius:999px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 0;font-size:11px;font-weight:700;display:flex}.tabbar button.is-active{background:var(--ink);color:var(--surface)}.hero{border-radius:var(--radius-lg);background:radial-gradient(120% 120% at 88% 12%, var(--amber-soft) 0%, transparent 58%), var(--surface);grid-template-columns:1.05fr .95fr;align-items:center;gap:18px;padding:clamp(22px,3.4vw,40px);display:grid;overflow:hidden}.hero-copy{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.hero h1{font-size:clamp(30px,4.4vw,46px);font-weight:800}.hero h1 em{font-family:var(--serif);background:linear-gradient(transparent 68%, var(--amber) 68%, var(--amber) 84%, transparent 84%);padding-inline:2px;font-style:italic;font-weight:500}.hero-copy>p{color:var(--ink-2);max-width:46ch}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.strip{margin-inline:calc(-1*clamp(14px,4vw,34px));padding-inline:clamp(14px,4vw,34px)}.strip-scroll{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:14px;padding:4px 4px 14px;display:flex;overflow-x:auto}.topic-card{scroll-snap-align:start;text-align:left;border:1px solid var(--line);background:var(--surface);width:216px;box-shadow:var(--shadow-soft);border-radius:20px;flex-direction:column;flex:none;gap:9px;padding:16px;transition:transform .16s,box-shadow .16s;display:flex}.topic-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.topic-card-head{align-items:center;gap:10px;min-width:0;display:flex}.topic-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.topic-card small{color:var(--ink-3);font-size:12px}.topic-card-foot{align-items:center;gap:10px;margin-top:auto;display:flex}.topic-card-foot .bar{flex:1}.topic-card b{font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.topic-card.is-add{width:150px;box-shadow:none;color:var(--ink-2);background:0 0;border-style:dashed;border-width:2px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.topic-icon{background:var(--amber-soft);width:30px;height:30px;color:var(--chart);border-radius:9px;flex:none;place-items:center;display:grid}.bar{background:var(--chart-track);border-radius:999px;height:7px;overflow:hidden}.bar span{background:var(--chart);border-radius:999px;height:100%;display:block}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.section-head h2{font-size:22px}.subtopics{flex-direction:column;gap:14px;display:flex}.topic-filter{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.topic-filter button{border:1px solid var(--line);color:var(--ink-2);background:var(--surface);border-radius:999px;flex:none;padding:7px 13px;font-size:13px;font-weight:600}.topic-filter button.is-active{background:var(--ink);color:var(--surface);border-color:var(--ink)}.path-wrap{height:108px;position:relative}.path{width:100%;height:100%;position:absolute;inset:0}.path path{stroke:var(--ink-3);opacity:.55}.milestone{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:14px;flex-direction:column;align-items:flex-start;gap:1px;padding:9px 14px 9px 30px;display:flex;position:absolute;top:24%;left:58%}.milestone b{font-size:14px}.milestone small{color:var(--ink-3);font-size:11.5px}.milestone-dot{background:var(--amber);border:2px solid var(--ink);border-radius:999px;width:11px;height:11px;margin-top:-5px;position:absolute;top:50%;left:11px}.subtopic-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.subtopic-card{text-align:left;border:1.5px dashed var(--line-strong);background:var(--surface);color:var(--ink);border-radius:18px;align-items:center;gap:12px;padding:14px 16px;transition:transform .16s,background .16s;display:flex}.subtopic-card:hover{background:var(--surface-2);transform:translateY(-2px)}.subtopic-card div{flex:1;min-width:0}.subtopic-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;display:block;overflow:hidden}.subtopic-card small{color:var(--ink-3);font-size:12px}.quiz-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.quiz-head h2{font-size:22px}.autosave{color:var(--ink-3);font-size:12.5px;font-weight:700}.filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filters label{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.filters input{accent-color:var(--chart)}.question-card{flex-direction:column;gap:16px;padding:clamp(18px,2.6vw,28px);display:flex}.question-meta{color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;font-weight:700;display:flex}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{background:var(--surface-2);color:var(--ink-2);border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:700}.tags .warn{background:var(--amber-soft);color:var(--ink)}.question-card>h2{white-space:pre-line;font-size:clamp(17px,2.2vw,21px);font-weight:700;line-height:1.45}.options{flex-direction:column;gap:10px;display:flex}.option{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;transition:border-color .14s,background .14s,transform .14s;display:flex}.option:hover{border-color:var(--ink-3);transform:translate(2px)}.option b{background:var(--surface-2);border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.option.is-selected{border-color:var(--ink);background:var(--surface-2)}.option.is-selected b{background:var(--ink);color:var(--surface)}.option.is-correct{border-color:var(--good);background:var(--good-wash)}.option.is-correct b{background:var(--good);color:#fff}.option.is-wrong{border-color:var(--critical);background:var(--critical-wash)}.option.is-wrong b{background:var(--critical);color:#fff}.option.is-muted{opacity:.6}.actions{flex-wrap:wrap;gap:10px;display:flex}.explanation{background:var(--surface-2);border-left:4px solid var(--ink-3);border-radius:18px;padding:16px 18px}.explanation h3{margin-bottom:6px;font-size:15px}.explanation p{color:var(--ink-2);white-space:pre-line;font-size:14px}.explanation.is-correct{background:var(--good-wash);border-left-color:var(--good)}.explanation.is-wrong{background:var(--critical-wash);border-left-color:var(--critical)}.attempt-note{color:var(--ink-3);margin-top:8px;font-size:12.5px}.pager{align-items:center;gap:14px;display:flex}.progressline{background:var(--chart-track);border-radius:999px;flex:1;height:7px;overflow:hidden}.progressline span{background:var(--chart);border-radius:999px;height:100%;transition:width .25s;display:block}.quiz-foot{color:var(--ink-3);justify-content:center;align-items:center;gap:8px;font-size:12.5px;display:flex}.locked-card{border-radius:var(--radius-lg);grid-template-columns:1.05fr .95fr;align-items:center;gap:18px;padding:clamp(22px,3vw,34px);display:grid}.locked-copy{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.locked-copy h1{font-size:clamp(24px,3.2vw,34px);font-weight:800}.locked-copy h1 em{font-family:var(--serif);background:linear-gradient(transparent 68%, var(--amber) 68%, var(--amber) 84%, transparent 84%);font-style:italic;font-weight:500}.locked-copy>p{color:var(--ink-2);max-width:46ch}.remaining-list{flex-direction:column;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.remaining-list li{background:var(--surface-2);border-radius:14px;justify-content:space-between;gap:12px;padding:11px 14px;font-size:14px;display:flex}.meter{flex-direction:column;gap:7px;width:100%;display:flex}.meter-top{justify-content:space-between;font-size:13px;font-weight:700;display:flex}.meter-track{background:var(--chart-track);border-radius:999px;height:12px;overflow:hidden}.meter-fill{background:var(--chart);border-radius:999px;height:100%;transition:width .3s;display:block}.meter-foot{color:var(--ink-3);justify-content:space-between;font-size:12px;display:flex}.result-hero{border-radius:var(--radius-lg);grid-template-columns:1.05fr .95fr;align-items:center;gap:18px;padding:clamp(22px,3vw,34px);display:grid}.result-hero>div{flex-direction:column;gap:16px;display:flex}.hero-figure{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.hero-figure strong{letter-spacing:-.04em;font-size:clamp(52px,8vw,76px);font-weight:800;line-height:1}.hero-figure em{color:var(--ink-3);font-size:.4em;font-style:normal;font-weight:700}.hero-figure p{color:var(--ink-2);max-width:34ch;font-size:14px}.hero-badge{background:var(--amber);color:var(--amber-ink);border-radius:999px;margin-bottom:6px;padding:6px 13px;font-size:12px;font-weight:800;display:inline-block}.save-status{color:var(--ink-3);font-size:12.5px;font-weight:700}.stat-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.stat-tile{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:20px;flex-direction:column;gap:3px;padding:16px 18px;display:flex}.stat-tile small{color:var(--ink-3);font-size:12px;font-weight:600}.stat-tile strong{letter-spacing:-.02em;font-size:27px;font-weight:800}.stat-tile span{color:var(--ink-3);align-items:center;gap:5px;font-size:12px;display:inline-flex}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.chart-card{flex-direction:column;gap:14px;padding:clamp(18px,2.4vw,26px);display:flex}.chart-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.chart-head h3{font-size:18px}.chart-note{color:var(--ink-3);font-size:12.5px;font-weight:600}.chart-empty{color:var(--ink-3);padding:22px 0;font-size:13.5px}.bars{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.bars li{grid-template-columns:minmax(90px,168px) 1fr auto;align-items:center;gap:12px;display:grid}.bar-label{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;overflow:hidden}.bar-track{background:var(--chart-track);border-radius:4px;height:18px;overflow:hidden}.bar-fill{background:var(--chart);border-radius:0 4px 4px 0;height:100%;display:block}.bar-value{font-variant-numeric:tabular-nums;text-align:right;min-width:42px;font-size:13.5px;font-weight:800}.plot{position:relative;overflow-x:auto}.plot svg{width:100%;min-width:430px;height:auto;overflow:visible}.chart-value{fill:var(--ink);font-size:12.5px;font-weight:800}.chart-tick{fill:var(--ink-3);font-variant-numeric:tabular-nums;font-size:11px}.chart-grid-line{stroke:var(--grid);stroke-width:1px}.chart-target{stroke:var(--ink-3);stroke-width:1px}.chart-line{stroke:var(--chart);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:var(--chart);stroke:var(--surface);stroke-width:2px}.chart-dot.is-hover{r:7}.chart-crosshair{stroke:var(--ink-3);stroke-width:1px}.chart-hit{fill:#0000;cursor:pointer}.tooltip{z-index:5;background:var(--ink);color:var(--surface);pointer-events:none;box-shadow:var(--shadow);white-space:nowrap;border-radius:12px;flex-direction:column;gap:2px;padding:9px 12px;font-size:12.5px;display:flex;position:absolute;left:50%;transform:translate(-50%,-118%)}.tooltip strong{font-size:13.5px}.split{flex-direction:column;gap:10px;display:flex}.split-bar{gap:2px;display:flex}.split-bar span{border-radius:4px;height:18px}.split-correct{background:var(--good)}.split-wrong{background:var(--critical)}.split-legend{flex-wrap:wrap;gap:16px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.split-legend li{color:var(--ink-2);align-items:center;gap:7px;display:flex}.split-legend b{color:var(--ink)}.split-legend .dot{color:#fff;border-radius:6px;place-items:center;width:20px;height:20px;display:grid}.split-legend .dot.good{background:var(--good)}.split-legend .dot.critical{background:var(--critical)}.chart-table summary{cursor:pointer;color:var(--ink-3);font-size:12.5px;font-weight:700}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:10px;font-size:13px}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);padding:8px 10px;font-size:11.5px}.data-table td{border-top:1px solid var(--line);padding:9px 10px}.ai-card{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.ai-title{align-items:center;gap:12px;display:flex}.ai-title>span{background:var(--amber-soft);width:42px;height:42px;color:var(--chart);border-radius:14px;place-items:center;display:grid}.ai-card>p{color:var(--ink-2);font-size:14px}.insight-result{flex-direction:column;gap:8px;font-size:14px;display:flex}.insight-result ul{color:var(--ink-2);margin:0;padding-left:18px}.trend{background:var(--surface-2);text-transform:capitalize;border-radius:999px;align-self:flex-start;padding:4px 11px;font-size:12px;font-weight:700}.trend.improving{background:var(--good-wash)}.trend.declining{background:var(--critical-wash)}.tool-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tool-note{color:var(--ink-3);align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.sheet-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#14120c80;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);width:min(520px,100%);max-height:90vh;box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:24px;display:flex;overflow-y:auto}.sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sheet-head h2{font-size:22px}.sheet-copy{color:var(--ink-2);font-size:14px}.sheet-foot{color:var(--ink-3);font-size:12.5px}.dropzone{border:2px dashed var(--line-strong);background:var(--surface-2);color:var(--ink-2);border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:30px 20px;transition:background .16s,border-color .16s;display:flex}.dropzone.is-dragging{border-color:var(--chart);background:var(--amber-soft)}.dropzone strong{color:var(--ink);font-size:15px}.dropzone span{color:var(--ink-3);font-size:12.5px}.upload-result{flex-direction:column;gap:10px;display:flex}.upload-result ul{color:var(--ink-2);margin:0;padding-left:18px;font-size:14px}.reading-boy{width:100%;max-width:380px;margin-inline:auto}.reading-boy svg{width:100%;height:auto}.reading-boy path,.reading-boy rect,.reading-boy circle,.reading-boy ellipse{stroke:var(--ink)}.reading-boy .rb-shadow{fill:#14120c1f;stroke:none}.reading-boy .rb-line{stroke:var(--ink);fill:none}.reading-boy .rb-line-solid{fill:var(--ink)}.reading-boy .rb-fold{stroke:var(--ink-3);fill:none}.reading-boy .rb-fill-hakama{fill:var(--rb-hakama)}.reading-boy .rb-fill-kimono,.reading-boy .rb-sleeve{fill:var(--amber)}.reading-boy .rb-fill-collar{fill:var(--surface)}.reading-boy .rb-fill-obi{fill:var(--rb-accent)}.reading-boy .rb-fill-skin{fill:var(--skin)}.reading-boy .rb-fill-hair{fill:var(--rb-hair)}.reading-boy .rb-fill-book{fill:var(--rb-cloth)}.reading-boy .rb-fill-page{fill:var(--surface)}.reading-boy .rb-fill-tsuba{fill:var(--amber)}.reading-boy .rb-blade-outline,.reading-boy .rb-hilt-outline,.reading-boy .rb-brush-outline{stroke:var(--ink);fill:none}.reading-boy .rb-blade{stroke:var(--rb-hair);fill:none}.reading-boy .rb-hilt{stroke:var(--rb-accent);fill:none}.reading-boy .rb-brush{stroke:var(--amber);fill:none}.reading-boy .rb-tie{stroke:var(--rb-accent);fill:none}.reading-boy .rb-wrap{stroke:var(--surface);fill:none}.reading-boy .rb-shine{stroke:var(--surface);fill:none;opacity:.45}.reading-boy .rb-fill-sclera{fill:var(--surface)}.reading-boy .rb-iris{fill:var(--ink);stroke:none}.reading-boy .rb-glint{fill:var(--surface);stroke:none}.reading-boy .rb-lash{stroke:var(--ink);fill:none}.reading-boy .rb-blush{fill:#d86a3a52;stroke:none}.reading-boy .rb-doodles path{stroke:var(--ink-3);fill:none}.reading-boy .rb-check{stroke:var(--good);fill:none;stroke-dasharray:26;stroke-dashoffset:26px}.reading-boy g,.reading-boy .rb-page,.reading-boy .rb-doodles path{transform-box:fill-box;transform-origin:50%}.rb-body{animation:5s ease-in-out infinite rb-breathe}.rb-head{transform-origin:bottom;animation:7s ease-in-out infinite rb-nod}.rb-eyes{animation:5.5s ease-in-out infinite rb-blink}.rb-arm-pen{transform-origin:0 100%;animation:3.4s ease-in-out infinite rb-write}.rb-page{transform-origin:100%;animation:7s ease-in-out infinite rb-flip}.rb-sheet{animation:6s ease-in-out infinite rb-hover}.rb-check{animation:3.4s ease-in-out infinite rb-draw}.rb-check-2{animation-delay:.5s}.rb-check-3{animation-delay:1s}.rb-float-a{animation:5s ease-in-out infinite rb-float}.rb-float-b{animation:6.5s ease-in-out .4s infinite rb-float}.rb-float-c{animation:7.5s ease-in-out .8s infinite rb-float}.reading-boy-celebrating .rb-body{animation:1.8s ease-in-out infinite rb-cheer}.reading-boy-celebrating .rb-check{animation-duration:1.6s}.reading-boy-marking .rb-arm-pen{animation-duration:2.2s}@keyframes rb-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes rb-cheer{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-7px)rotate(1.5deg)}}@keyframes rb-nod{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@keyframes rb-blink{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}}@keyframes rb-write{0%,to{transform:translate(0)rotate(0)}30%{transform:translate(-2px,-4px)rotate(-4deg)}65%{transform:translate(2px,2px)rotate(3deg)}}@keyframes rb-flip{0%,55%,to{transform:scaleX(1)}30%{transform:scaleX(-.25)}}@keyframes rb-hover{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-9px)rotate(1.5deg)}}@keyframes rb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes rb-draw{0%,8%{stroke-dashoffset:26px}32%,78%{stroke-dashoffset:0}92%,to{stroke-dashoffset:26px}}.login-shell{background:var(--paper);grid-template-columns:1.05fr .95fr;gap:20px;min-height:100vh;padding:clamp(16px,4vw,40px);display:grid}.login-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;justify-content:center;gap:16px;padding:clamp(24px,4vw,44px);display:flex}.login-brand{letter-spacing:-.04em;align-items:center;gap:10px;font-size:17px;font-weight:900;display:inline-flex}.login-brand span{background:var(--amber);width:36px;height:36px;color:var(--amber-ink);border:2px solid var(--ink);border-radius:11px;place-items:center;display:grid}.login-heading{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.login-heading h1{font-size:clamp(26px,3.6vw,36px);font-weight:800}.login-heading p{color:var(--ink-2)}.login-shield{background:var(--amber-soft);width:52px;height:52px;color:var(--chart);border-radius:16px;place-items:center;display:grid}.google-identity-button{justify-content:center;min-height:44px;display:flex}.google-identity-button.loading{opacity:.6;pointer-events:none}.google-login{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-3);border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px;font-weight:700;display:flex}.google-mark{font-weight:900}.login-divider{color:var(--ink-3);align-items:center;gap:12px;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--line);flex:1;height:1px}.login-form{flex-direction:column;gap:12px;display:flex}.login-form label{flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.login-input{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-3);border-radius:14px;align-items:center;gap:10px;padding:12px 16px;display:flex}.login-input input{min-width:0;color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-weight:500}.login-error{color:var(--critical);font-size:13.5px;font-weight:600}.login-submit{background:var(--ink);color:var(--surface);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px;font-weight:800;display:flex}.login-footnote{color:var(--ink-3);font-size:12.5px}.login-aside{border-radius:var(--radius-lg);background:radial-gradient(120% 120% at 80% 10%, var(--amber-soft) 0%, transparent 60%), var(--surface-2);border:1px solid var(--line);align-items:center;padding:clamp(24px,4vw,44px);display:flex}.login-aside h2{margin:10px 0 14px;font-size:clamp(22px,3vw,30px);font-weight:800}.login-aside ul{color:var(--ink-2);flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.only-mobile{display:none}@media (width<=900px){.hero,.locked-card,.result-hero{grid-template-columns:1fr}.hero .reading-boy,.locked-card .reading-boy,.result-hero .reading-boy{order:-1;max-width:300px}.login-shell{grid-template-columns:1fr}.login-aside{order:-1}}@media (width<=760px){.only-mobile{display:flex}.not-mobile{display:none}.topbar{gap:10px;padding:10px 14px}.search{max-width:none;margin-inline:0}.canvas{padding-bottom:104px}.strip-scroll{padding-bottom:10px}.topic-card{width:190px}.subtopic-grid{grid-template-columns:1fr}.path-wrap{height:84px}.milestone{left:auto;right:6%}.bars li{grid-template-columns:minmax(80px,118px) 1fr auto;gap:10px}.bar-label{font-size:12.5px}.actions .pill,.actions .ghost{flex:1}.pager .ghost,.pager .pill{padding:11px 15px}.hero-figure strong{font-size:58px}}@media (width<=420px){.wordmark{font-size:16px}.account-name{display:none}.filters label{padding:7px 12px;font-size:12.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.rb-check{stroke-dashoffset:0}}