:root{--bg:#10151c;--panel:#1a2130;--panel-2:#232c3d;--text:#e8edf5;--muted:#93a0b5;--accent:#58b3ff;--track:#2b3546;--ok:#4fd18b;--ng:#ff7b7b;--on-accent:#06121f;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f5f7fb;--panel:#fff;--panel-2:#eef2f8;--text:#17202e;--muted:#5d6b80;--accent:#1668c9;--track:#dfe5ee;--ok:#17915c;--ng:#c93b3b;--on-accent:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;line-height:1.6}#root{max-width:720px;margin:0 auto;padding:16px 16px 48px}h1{margin:0;font-size:1.5rem}h2{margin:0;font-size:1.15rem}h3{color:var(--muted);margin:0 0 10px;font-size:.95rem;font-weight:600}.card{background:var(--panel);border-radius:var(--radius);margin-bottom:14px;padding:16px}.screen-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row.space{justify-content:space-between}.note{color:var(--muted);margin:8px 0 0;font-size:.85rem}.footnote{text-align:center}.error{color:var(--ng);font-size:.9rem}.loading{text-align:center;color:var(--muted);padding:48px 0}button{font:inherit;cursor:pointer;background:var(--panel-2);color:var(--text);border:none;border-radius:10px;padding:10px 16px;transition:filter .12s}button:hover:not(:disabled){filter:brightness(1.12)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--on-accent);font-weight:700}button.danger{background:var(--ng);color:var(--on-accent);font-weight:700}button.ghost{border:1px solid var(--track);color:var(--text);background:0 0}button.small{padding:6px 10px;font-size:.85rem}button.wide{width:100%;padding:14px;font-size:1.05rem}button.recording{background:var(--ng);color:#fff}.today{text-align:center;justify-content:space-around;display:flex}.today-item .num{font-size:1.6rem;font-weight:700;display:block}.today-item .lbl{color:var(--muted);font-size:.8rem}.rings{justify-content:center;gap:12px;margin-bottom:14px;display:flex}.ring{text-align:center}.ring-value{fill:var(--text);font-size:1.4rem;font-weight:700}.ring-label{margin-top:6px;font-weight:700}.ring-caption{color:var(--muted);font-size:.8rem}.card.mode{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.mode-right{text-align:center;min-width:72px}.mode-right .due{color:var(--accent);font-size:1.5rem;font-weight:700;display:block}.mode-right .lbl{color:var(--muted);font-size:.75rem}.segmented{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.segmented button{border:1px solid var(--track);background:0 0;flex:auto}.segmented button.on{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:700}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--track);background:0 0;align-items:center;gap:6px;font-size:.9rem;display:inline-flex}.chip.on{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:700}.chip-count{opacity:.7;font-size:.78rem}.field{margin-bottom:12px;display:block}.field>span{color:var(--muted);margin-bottom:4px;font-size:.85rem;display:block}.field select,.field input[type=password],.field input[type=range]{border:1px solid var(--track);background:var(--panel-2);width:100%;color:var(--text);font:inherit;border-radius:10px;padding:9px}.field input[type=range]{padding:0}.session-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.progress-bar{background:var(--track);border-radius:999px;flex:1;height:6px;overflow:hidden}.progress-bar span{background:var(--accent);height:100%;transition:width .2s;display:block}.counter{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.question .meta{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.badge{background:var(--panel-2);color:var(--accent);border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:700}.origin{color:var(--muted);text-align:right;margin-left:auto;font-size:.78rem}.badge.toeic{color:var(--ok)}.prompt-ja{margin:8px 0;font-size:1.15rem;font-weight:600}.prompt-sub{color:var(--muted);margin:0 0 10px;font-size:.85rem}.heading{color:var(--accent);margin:12px 0 2px;font-size:.9rem}.hint{color:var(--muted);margin:0 0 12px;font-size:.85rem}.prompt-word{word-break:break-word;margin:6px 0 4px;font-size:1.9rem;font-weight:700}.prompt-word.masked{color:var(--muted)}.meaning{margin-top:12px}.meaning-input{border:1px solid var(--track);background:var(--panel-2);width:100%;color:var(--text);font:inherit;border-radius:10px;margin-bottom:10px;padding:12px;font-size:1.05rem}.meaning-input:focus{outline:2px solid var(--accent);outline-offset:1px}.meaning-input.ok{border-color:var(--ok)}.meaning-input.ng{border-color:var(--ng)}.gloss-list{margin:6px 0 10px;padding-left:1.1em}.gloss-list li{font-size:1.05rem;font-weight:600}.reading{color:var(--muted);font-size:.8rem;font-weight:400}.answer-def{color:var(--muted);margin:0 0 10px;font-size:.85rem}.example{flex-direction:column;gap:2px;margin:0 0 8px;display:flex}.example-en{font-size:.95rem}.example-ja{color:var(--muted);font-size:.85rem}.chips.levels .chip{text-align:left;flex-direction:column;flex:45%;align-items:flex-start;gap:2px}.chip-note{opacity:.75;font-size:.72rem;font-weight:400}.arrange-slot{border:1px dashed var(--track);border-radius:var(--radius);flex-wrap:wrap;align-content:flex-start;gap:6px;min-height:64px;margin-bottom:12px;padding:10px;display:flex}.arrange-slot.ok{border-color:var(--ok);border-style:solid}.arrange-slot.ng{border-color:var(--ng);border-style:solid}.placeholder{color:var(--muted);font-size:.85rem}.arrange-pool{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tile{background:var(--panel-2);border:1px solid var(--track);padding:8px 12px;font-size:1rem}.tile.placed{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:600}.heard{color:var(--muted);margin:10px 0 0;font-size:.9rem}.heard span{color:var(--text)}.score{margin:6px 0 0;font-weight:700}.score.ok,.verdict.ok{color:var(--ok)}.score.ng,.verdict.ng{color:var(--ng)}.answer{border-top:1px solid var(--track);margin-top:14px;padding-top:14px}.verdict{margin:0 0 8px;font-size:1.1rem;font-weight:700}.answer-en{margin:0 0 4px;font-size:1.05rem;font-weight:600}.answer-ja{color:var(--muted);margin:0 0 12px}.grade-label{color:var(--muted);margin:14px 0 6px;font-size:.8rem}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th{text-align:left;color:var(--muted);padding-bottom:6px;font-weight:600}.table td{border-top:1px solid var(--track);font-variant-numeric:tabular-nums;padding:6px 0}.bars{align-items:flex-end;gap:4px;height:96px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.bar{background:var(--accent);border-radius:4px 4px 0 0;width:100%;min-height:2px}.bar-lbl{color:var(--muted);margin-top:2px;font-size:.65rem}.list{margin:0;padding:0;list-style:none}.list-row{border-top:1px solid var(--track);grid-template-columns:1fr auto;gap:2px 8px;padding:8px 0;display:grid}.list-row:first-child{border-top:none}.list-main{font-size:.92rem}.list-sub{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:.82rem}.meter{background:var(--track);border-radius:999px;grid-column:1/-1;height:4px;overflow:hidden}.meter span{background:var(--ok);height:100%;display:block}.meter.warn span{background:var(--ng)}.done,.unlock{padding-top:48px}.big{font-size:1.2rem;font-weight:700}