:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f5f1;--surface:#fff;--surface-2:#efede7;--ink:#1c1e23;--ink-2:#454952;--muted:#6b707b;--line:#e3e0d8;--line-strong:#cdc9bf;--primary:#2f55c9;--primary-ink:#fff;--primary-soft:#e9eefc;--cta-from:#2f55c9;--cta-to:#4c70e2;--answer:#d9480f;--sheet:#f6cdbd;--sheet-strong:#ee9e80;--ok:#1b7a47;--ok-soft:#e2f3e8;--ng:#c0313d;--ng-soft:#fbe7e9;--warn:#a8530a;--warn-soft:#fcefdc;--radius:14px;--radius-sm:10px;--shadow:0 1px 2px #14141e0d, 0 6px 20px #14141e0f;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--gutter-l:max(16px, env(safe-area-inset-left,0px));--gutter-r:max(16px, env(safe-area-inset-right,0px));--font:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", "Yu Gothic", Meiryo, system-ui, sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#16181d;--surface:#1f2228;--surface-2:#2a2e36;--ink:#eceef2;--ink-2:#c8ccd4;--muted:#9aa0ab;--line:#2f333b;--line-strong:#434852;--primary:#87a3ff;--primary-ink:#0e1424;--primary-soft:#232c47;--cta-from:#3657c4;--cta-to:#4a6ad8;--answer:#ff8f62;--sheet:#6a3526;--sheet-strong:#8c4730;--ok:#63d394;--ok-soft:#16331f;--ng:#ff8390;--ng-soft:#3b1b20;--warn:#f3b15c;--warn-soft:#382811;--shadow:0 1px 2px #0000004d, 0 6px 20px #00000040}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.7}button,input{font:inherit;color:inherit}a{color:var(--primary)}[hidden]{display:none!important}:focus-visible{outline:3px solid color-mix(in srgb, var(--primary) 55%, transparent);outline-offset:2px}.page{min-height:100dvh;padding-bottom:calc(40px + var(--safe-bottom))}.page.has-bottom-bar{padding-bottom:calc(112px + var(--safe-bottom))}.narrow{width:100%;max-width:760px;padding:20px var(--gutter-r) 20px var(--gutter-l);margin:0 auto}.narrow>.card{margin-bottom:24px}@media (width>=640px){.narrow{padding-top:32px;padding-left:max(24px, var(--gutter-l));padding-right:max(24px, var(--gutter-r))}}.section-title{letter-spacing:.08em;color:var(--muted);margin:0 0 12px;font-size:.78rem;font-weight:700}.eyebrow{letter-spacing:.08em;color:var(--primary);margin:0 0 4px;font-size:.75rem;font-weight:700}.page-title{margin:0 0 8px;font-size:1.4rem;line-height:1.45}.lead{color:var(--ink-2);margin:0 0 24px}.hint{color:var(--muted);margin:10px 0 0;font-size:.8rem;line-height:1.6}@media (width>=640px){.page-title{font-size:1.65rem}}.only-pointer{display:none}@media (hover:hover) and (pointer:fine){.only-pointer{display:revert}}.btn{text-align:center;cursor:pointer;border:1.5px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 20px;font-size:1rem;font-weight:700;line-height:1.3;text-decoration:none;transition:background-color .15s,border-color .15s,filter .15s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-ink)}.btn-primary:hover:not(:disabled){filter:brightness(1.07)}.btn-secondary{background:var(--surface);border-color:var(--primary);color:var(--primary)}.btn-secondary:hover{background:var(--primary-soft)}.btn-ghost{background:var(--surface-2);color:var(--ink)}.btn-ghost:hover{border-color:var(--line-strong)}.btn-block{width:100%}.btn-small{min-height:38px;padding:6px 14px;font-size:.85rem}.btn-kbd .kbd{border-color:color-mix(in srgb, var(--primary-ink) 40%, transparent);color:inherit;background:0 0}.text-btn{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:.85rem;font-weight:600}.text-btn:hover{text-decoration:underline}.text-btn.danger{color:var(--ng)}.icon-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;display:grid}.icon-btn:hover{background:var(--surface-2)}.kbd{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);vertical-align:.1em;border-bottom-width:2px;border-radius:6px;padding:3px 6px;font:600 .72rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:inline-block}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px}.card-title{margin:0 0 12px;font-size:.92rem;font-weight:700}.meter{background:var(--surface-2);border-radius:99px;height:6px;overflow:hidden}.meter>span{border-radius:inherit;background:var(--primary);height:100%;transition:width .3s;display:block}.meter-ok>span{background:var(--ok)}.tag{background:var(--primary-soft);color:var(--primary);border-radius:6px;flex:none;padding:2px 8px;font-size:.75rem;font-weight:700}.weak-badge{background:var(--warn-soft);color:var(--warn);border-radius:99px;margin-left:6px;padding:0 8px;font-size:.7rem;font-weight:700;line-height:1.7;display:inline-block}.counter{background:var(--surface-2);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:99px;padding:4px 10px;font-size:.8rem;font-weight:700}.counter.is-ok{background:var(--ok-soft);color:var(--ok)}.mode-icon{letter-spacing:-.04em;border-radius:11px;flex:none;place-items:center;width:40px;height:40px;font-size:.95rem;font-weight:800;display:grid}.tone-sheet{background:var(--sheet);color:var(--answer)}.tone-cloze{background:var(--primary-soft);color:var(--primary)}.tone-tf{background:var(--ok-soft);color:var(--ok)}.tone-weak{background:var(--warn-soft);color:var(--warn)}.topbar{z-index:20;padding-top:var(--safe-top);border-bottom:1px solid var(--line);background:var(--bg);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);position:sticky;top:0}.topbar-inner{max-width:760px;height:56px;padding:0 calc(var(--gutter-r) - 8px) 0 calc(var(--gutter-l) - 8px);align-items:center;gap:6px;margin:0 auto;display:flex}.topbar-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.topbar-right{flex:none;padding-right:8px}.topbar>.meter{background:0 0;border-radius:0;height:3px}.quiz-progress-text{font-variant-numeric:tabular-nums;color:var(--muted)}.quiz-progress-text strong{color:var(--ink);font-size:1.1rem}.tabs{max-width:760px;padding:0 var(--gutter-r) 10px var(--gutter-l);scrollbar-width:none;gap:6px;margin:0 auto;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:99px;flex:none;padding:6px 14px;font-size:.85rem;font-weight:700;text-decoration:none}.tab:hover{border-color:var(--line-strong)}.tab.is-active{border-color:var(--ink);background:var(--ink);color:var(--bg)}.bottom-bar{z-index:30;padding:12px var(--gutter-r) calc(12px + var(--safe-bottom)) var(--gutter-l);border-top:1px solid var(--line);background:var(--bg);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:.18s ease-out slide-up;position:fixed;bottom:0;left:0;right:0}.bottom-bar-inner{gap:10px;max-width:760px;margin:0 auto;display:flex}.bottom-bar-inner>.btn{flex:1}@media (width>=640px){.bottom-bar{padding-left:max(24px, var(--gutter-l));padding-right:max(24px, var(--gutter-r))}.bottom-bar-inner{max-width:712px}}@media (width>=960px){.page.has-bottom-bar{padding-bottom:40px}.bottom-bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-top:0;padding-top:0;padding-bottom:0;position:sticky}.bottom-bar-inner{background:linear-gradient(to top, var(--bg) 70%, transparent);padding:12px 0 16px}.bottom-bar-inner>.btn{flex:0 auto;min-width:200px}.bottom-bar-inner>.btn-block{flex:1}}.app-header{max-width:1120px;padding:calc(20px + var(--safe-top)) var(--gutter-r) 4px var(--gutter-l);margin:0 auto}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:var(--cta-from);color:#fff;border-radius:13px;flex:none;place-items:center;width:46px;height:46px;font-size:1.3rem;font-weight:800;display:grid;position:relative;overflow:hidden}.brand-mark:after{content:"";background:var(--answer);opacity:.9;height:30%;position:absolute;bottom:0;left:0;right:0}.brand-title{letter-spacing:.02em;margin:0;font-size:1.2rem;line-height:1.3}.brand-sub{color:var(--muted);margin:2px 0 0;font-size:.82rem}.home-grid{max-width:1120px;padding:16px var(--gutter-r) 0 var(--gutter-l);flex-direction:column;gap:28px;margin:0 auto;display:flex}.home-main,.home-aside{display:contents}.home-progress{order:1}.home-modes{order:2}.home-lectures{order:3}.home-recent{order:4}@media (width>=960px){.home-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:32px;padding-top:24px;display:grid}.home-main{flex-direction:column;gap:32px;display:flex}.home-aside{flex-direction:column;gap:20px;display:flex;position:sticky;top:24px}}.mock-cta{border-radius:var(--radius);background:linear-gradient(135deg, var(--cta-from), var(--cta-to));box-shadow:var(--shadow);color:#fff;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:18px 20px;text-decoration:none;transition:filter .15s;display:flex}.mock-cta:hover{filter:brightness(1.06)}.mock-cta-body>span{display:block}.mock-cta-label{letter-spacing:.12em;opacity:.85;font-size:.72rem;font-weight:700}.mock-cta-title{font-size:1.3rem;font-weight:800;line-height:1.4}.mock-cta-desc{opacity:.92;font-size:.84rem}.mock-cta-arrow{background:#ffffff2e;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:1.3rem;display:grid}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=640px){.mode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.mode-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:140px;color:var(--ink);flex-direction:column;gap:4px;padding:16px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}a.mode-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}.mode-card.is-disabled{opacity:.6}.mode-title{margin-top:8px;font-weight:700}.mode-desc{color:var(--muted);font-size:.8rem;line-height:1.55}.lecture-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.lecture-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.lecture-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);height:100%;color:var(--ink);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:border-color .15s;display:grid}.lecture-row:hover{border-color:var(--primary)}.lecture-no{background:var(--primary-soft);color:var(--primary);white-space:nowrap;border-radius:8px;padding:4px 8px;font-size:.75rem;font-weight:800}.lecture-body{flex-direction:column;gap:4px;min-width:0;display:flex}.lecture-title{font-size:.95rem;font-weight:700;line-height:1.45}.lecture-meta{color:var(--muted);font-size:.75rem;line-height:1.5}.lecture-pct{min-width:3.2ch;color:var(--ink-2);font-variant-numeric:tabular-nums;text-align:right;font-size:.9rem;font-weight:800}.progress-figure{align-items:baseline;gap:2px;margin-bottom:10px;display:flex}.progress-pct{font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:800;line-height:1}.progress-unit{color:var(--muted);font-weight:700}.stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0 0;display:grid}.stat-row>div{background:var(--surface-2);border-radius:10px;padding:8px 10px}.stat-row dt{color:var(--muted);font-size:.72rem}.stat-row dd{font-variant-numeric:tabular-nums;margin:0;font-size:1.15rem;font-weight:800}.stat-row dd small{color:var(--muted);font-size:.75rem;font-weight:600}.stat-row dd.is-weak{color:var(--warn)}.recent-list{margin:0 0 8px;padding:0;list-style:none}.recent-list li{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"mode score""label score""date score";column-gap:12px;padding:10px 0;line-height:1.5;display:grid}.recent-list li:first-child{border-top:0;padding-top:0}.recent-mode{grid-area:mode;font-size:.85rem;font-weight:700}.recent-label{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-area:label;font-size:.75rem;overflow:hidden}.recent-date{color:var(--muted);grid-area:date;font-size:.72rem}.recent-score{font-variant-numeric:tabular-nums;flex-direction:column;grid-area:score;justify-content:center;align-items:flex-end;font-weight:800;display:flex}.recent-score small{color:var(--muted);font-size:.72rem;font-weight:600}.lecture-hero{margin-bottom:20px}.lecture-hero-meter{color:var(--muted);align-items:center;gap:12px;font-size:.85rem;display:flex}.lecture-hero-meter .meter{flex:1;max-width:260px}.action-list{gap:10px;margin-bottom:24px;display:grid}@media (width>=640px){.action-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.action-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:border-color .15s;display:flex}.action-item:hover{border-color:var(--primary)}.action-body{flex-direction:column;min-width:0;display:flex}.action-title{font-weight:700}.action-desc{color:var(--muted);font-size:.8rem;line-height:1.5}.toc{flex-direction:column;gap:6px;margin:0;padding-left:1.4em;display:flex}.toc-count{color:var(--answer);white-space:nowrap;margin-left:8px;font-size:.75rem;font-weight:700}.cloze{line-break:strict;overflow-wrap:anywhere;white-space:pre-line;margin:0;font-size:1.05rem;line-height:2.15}.blank{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;margin:0 .12em;padding:.12em .32em}.blank[role=button]{cursor:pointer;-webkit-user-select:none;user-select:none}.blank.is-hidden{background:var(--sheet);box-shadow:inset 0 -2px 0 var(--sheet-strong);color:#0000}.blank.is-hidden:hover{background:var(--sheet-strong)}.blank.is-shown{box-shadow:inset 0 -.28em 0 color-mix(in srgb, var(--answer) 18%, transparent);color:var(--answer);border-radius:2px;padding:0 .1em;font-weight:700}.blank.is-target{border:2px dashed var(--primary);background:var(--primary-soft);min-width:4.5em;color:var(--primary);text-align:center;padding:0 .6em;font-weight:800;line-height:1.7;display:inline-block}.blank.is-correct,.blank.is-wrong{font-weight:800}.blank.is-correct{background:var(--ok-soft);box-shadow:inset 0 0 0 2px var(--ok);color:var(--ok)}.blank.is-wrong{background:var(--ng-soft);box-shadow:inset 0 0 0 2px var(--ng);color:var(--ng)}.sheet-head{margin-bottom:4px}.sheet-section{margin-top:28px}.sheet-heading{border-left:4px solid var(--primary);margin:0 0 10px;padding-left:10px;font-size:.95rem;line-height:1.45}.sheet-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);margin-bottom:10px;padding:12px 16px;scroll-margin:140px 0 120px}@media (width>=640px){.sheet-item{padding:16px 20px}.sheet-item .cloze{font-size:1.1rem}}.sheet-next{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.sheet-next .btn{flex:200px}.quiz{padding-top:16px}.q-meta{color:var(--muted);align-items:center;gap:8px;margin-bottom:10px;font-size:.8rem;display:flex}.q-meta-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.q-prompt{color:var(--ink-2);margin:0 0 10px;font-size:.95rem;font-weight:700}.q-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);margin-bottom:16px;padding:18px}.tf-statement{margin:0;font-size:1.05rem;line-height:1.95}@media (width>=640px){.quiz{padding-top:28px}.q-card{padding:24px 28px}.q-card .cloze,.q-card .tf-statement{font-size:1.15rem}}.choices{gap:10px;margin:0;padding:0;list-style:none;display:grid}.choices.is-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=640px){.choices{grid-template-columns:repeat(2,minmax(0,1fr))}}.choice{border:1.5px solid var(--line-strong);background:var(--surface);width:100%;height:100%;min-height:58px;color:var(--ink);text-align:left;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:1rem;line-height:1.5;transition:border-color .12s,background-color .12s,opacity .12s;display:flex}.choice:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}.choice:disabled{color:var(--ink);cursor:default}.choice-key{background:var(--surface-2);width:28px;height:28px;color:var(--muted);border-radius:8px;flex:none;place-items:center;font-size:.8rem;font-weight:800;display:grid}.choice.is-correct,.tf-btn.is-correct{border-color:var(--ok);background:var(--ok-soft);color:var(--ok);font-weight:700}.choice.is-wrong,.tf-btn.is-wrong{border-color:var(--ng);background:var(--ng-soft);color:var(--ng);font-weight:700}.choice.is-correct .choice-key{background:var(--ok);color:var(--surface)}.choice.is-wrong .choice-key{background:var(--ng);color:var(--surface)}.choice.is-dim,.tf-btn.is-dim{opacity:.5}.answer-input{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.answer-form{gap:8px;width:100%;display:flex}.text-input{border:1.5px solid var(--line-strong);background:var(--surface);border-radius:12px;flex:1;min-width:0;min-height:52px;padding:10px 14px;font-size:1.05rem}.text-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 25%, transparent);outline:none}.text-input:disabled{opacity:.7}.tf-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tf-btn{border:1.5px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);min-height:104px;color:var(--ink);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:border-color .12s,background-color .12s,opacity .12s;display:flex}.tf-btn:hover:not(:disabled){border-color:var(--primary);background:var(--primary-soft)}.tf-btn:disabled{cursor:default}.tf-mark{font-size:2.4rem;font-weight:800;line-height:1.1}.tf-label{opacity:.75;font-size:.85rem;font-weight:700}.key-hint{color:var(--muted);margin:14px 0 0;font-size:.8rem}.feedback{border-radius:var(--radius);scroll-margin-bottom:calc(110px + var(--safe-bottom));border:1.5px solid;margin-top:16px;padding:16px 18px;animation:.18s ease-out pop}.feedback.is-ok{border-color:color-mix(in srgb, var(--ok) 45%, transparent);background:var(--ok-soft)}.feedback.is-ng{border-color:color-mix(in srgb, var(--ng) 45%, transparent);background:var(--ng-soft)}.verdict{align-items:center;gap:8px;margin:0 0 8px;font-size:1.15rem;font-weight:800;display:flex}.is-ok .verdict{color:var(--ok)}.is-ng .verdict{color:var(--ng)}.verdict-mark{border:2px solid;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.95rem;line-height:1;display:grid}.feedback-line{align-items:baseline;gap:10px;margin:6px 0;line-height:1.6;display:flex}.feedback-line.sub{color:var(--ink-2);font-size:.88rem}.feedback-key{background:var(--surface);min-width:4.6em;color:var(--muted);text-align:center;border-radius:6px;flex:none;padding:1px 8px;font-size:.72rem;font-weight:700}.answer-text{color:var(--answer)}.feedback .btn-small{margin-top:6px}.correction{border-left:4px solid var(--ok);background:var(--surface);border-radius:8px;margin:10px 0;padding:10px 14px}.correction p{margin:0}.correction .correction-label{color:var(--ok);margin-bottom:2px;font-size:.72rem;font-weight:700}.explanation{color:var(--ink-2);margin:8px 0 0;font-size:.9rem}.field{border:0;min-width:0;margin:0 0 26px;padding:0}.field-label{justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;padding:0;font-size:.92rem;font-weight:700;display:flex}.field-note{color:var(--muted);font-weight:500}.chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (width>=640px){.chip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.chip{border:1.5px solid var(--line-strong);background:var(--surface);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;align-items:flex-start;gap:2px;min-height:68px;padding:10px 30px 10px 12px;display:flex;position:relative}.chip:hover{border-color:var(--primary)}.chip-no{color:var(--muted);font-size:.75rem;font-weight:800}.chip-title{font-size:.82rem;font-weight:600;line-height:1.45}.chip.is-on{border-color:var(--primary);background:var(--primary-soft)}.chip.is-on .chip-no{color:var(--primary)}.chip:after{content:"";border:1.5px solid var(--line-strong);border-radius:5px;width:16px;height:16px;position:absolute;top:10px;right:10px}.chip.is-on:after{content:"✓";border-color:var(--primary);background:var(--primary);color:var(--primary-ink);place-items:center;font-size:.7rem;font-weight:800;line-height:1;display:grid}.segmented{background:var(--surface-2);border-radius:14px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segment{min-height:48px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:6px 4px;font-weight:700;line-height:1.35;display:flex}.segment small{color:var(--muted);font-size:.72rem;font-weight:500}.segment.is-on{background:var(--surface);color:var(--primary);box-shadow:0 1px 3px #00000024}.result-hero{text-align:center;padding:8px 0 24px}.result-score{justify-content:center;align-items:baseline;gap:6px;margin:4px 0 14px;display:flex}.result-score strong{font-variant-numeric:tabular-nums;font-size:3.6rem;font-weight:800;line-height:1}.result-score span{color:var(--muted);font-weight:700}.result-hero .meter{max-width:320px;height:8px;margin:0 auto}.result-pct{color:var(--ink-2);margin:12px 0 0;font-weight:600}.result-actions{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}@media (width>=640px){.result-actions{flex-flow:wrap;justify-content:center}}.breakdown{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.breakdown li{grid-template-columns:4.5em minmax(0,1fr) 3.5em;align-items:center;gap:10px;font-size:.85rem;display:grid}.breakdown-value{color:var(--ink-2);font-variant-numeric:tabular-nums;text-align:right}.review-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.review-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:16px}.review-item .cloze,.review-item .tf-statement{margin-bottom:8px;font-size:1rem}.review-item .feedback-key,.review-item .correction{background:var(--surface-2)}.empty{text-align:center;padding-top:64px}@keyframes pop{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}