:root{--bg:#f4f6f8;--card:#ffffff;--ink:#1f2a37;--muted:#6b7280;--primary:#1e7d5a;--primary-dark:#155f44;--accent:#2563eb;--ok:#15803d;--ok-bg:#dcfce7;--ng:#b91c1c;--ng-bg:#fee2e2;--border:#d7dde3}*{box-sizing:border-box}html{font-size:120%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;-webkit-tap-highlight-color:transparent}header{background:var(--primary);color:#fff;padding:14px 16px;text-align:center;position:relative}header h1{margin:0;font-size:1.1rem}header h1 .brand{color:inherit;text-decoration:none}.user-bar{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px;font-size:.8rem}.user-name{opacity:.95}.logout-btn{background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.5);padding:3px 12px;border-radius:999px;font-size:.78rem}.logout-btn:hover{background:rgba(255,255,255,.3)}.login-screen{text-align:center;padding-top:40px}.google-btn{max-width:360px;margin:10px auto 0;display:block}.screen{max-width:720px;margin:0 auto;padding:18px 16px 60px}.lead{color:var(--muted)}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.filters label{display:flex;flex-direction:column;font-size:.85rem;color:var(--muted);gap:4px}.filters select{padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:1rem;background:#fff;min-width:160px}.pool-count{color:var(--muted);font-size:.9rem}button{font:inherit;cursor:pointer;border-radius:10px;border:1px solid transparent;padding:10px 16px}button.primary{background:var(--primary);color:#fff}button.primary:hover{background:var(--primary-dark)}button.secondary{background:#fff;color:var(--ink);border-color:var(--border)}button.big{font-size:1.15rem;padding:14px 28px;width:100%}button:disabled{opacity:.5;cursor:default}.note{color:var(--muted);font-size:.8rem;margin-top:24px}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.badge{background:#eef2f5;border:1px solid var(--border);color:var(--muted);font-size:.75rem;padding:3px 10px;border-radius:999px}.badge.hard{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.audio-bar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.timer{flex:1 1;position:relative;height:22px}.timer-bar{height:100%;width:100%;background:linear-gradient(90deg,#34d399,#10b981);border-radius:999px;transform-origin:left;transition:transform 1s linear}.timer-text{position:absolute;right:8px;top:0;font-size:.8rem;color:#064e3b;line-height:22px;white-space:nowrap}.instruction{font-weight:600;margin:6px 0 14px}.choices{flex-direction:column}.choice,.choices{display:flex;gap:10px}.choice{align-items:flex-start;text-align:left;background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px 14px;width:100%}.choice:hover:not(:disabled){border-color:var(--primary)}.choice .label{font-weight:700;color:var(--primary);min-width:1.4em}.choice .it{color:var(--ink)}.choice .ja{color:var(--muted);font-size:.9rem}.choice.correct{background:var(--ok-bg);border-color:var(--ok)}.choice.wrong{background:var(--ng-bg);border-color:var(--ng)}.choices-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.choices-grid .choice{flex-direction:column;align-items:stretch;gap:6px}.choices-grid .choice .label{align-self:flex-start}.choice-img,.choice-imgwrap{display:block}.choice-img{width:100%;height:auto;border-radius:8px;background:#fff}.choice-cap{display:block;margin-top:6px}.subq{margin-bottom:18px}.subq h3{font-size:.95rem;margin:0 0 8px}.prompt-jp{color:var(--muted);font-size:.85rem;margin:2px 0 8px}.statements{display:flex;flex-direction:column;gap:10px}.statement{background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 12px}.statement .st-it{font-weight:500}.statement .st-ja{color:var(--muted);font-size:.85rem}.tf-buttons{display:flex;gap:8px;margin-top:8px}.tf-buttons button{flex:1 1;border:1px solid var(--border);background:#fff}.tf-buttons button.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.tf-buttons button.correct{background:var(--ok-bg);border-color:var(--ok);color:var(--ok)}.tf-buttons button.wrong{background:var(--ng-bg);border-color:var(--ng);color:var(--ng)}.st-result{font-size:.8rem;margin-top:6px}.reveal{margin-top:18px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px}.reveal h2{font-size:1rem;margin:0 0 10px}.reveal .verdict{font-weight:700;font-size:1.1rem;margin-bottom:10px}.reveal .verdict.ok{color:var(--ok)}.reveal .verdict.ng{color:var(--ng)}.reveal .script-line{margin:4px 0}.reveal .script-line .sp{font-weight:700;color:var(--muted);margin-right:6px}.reveal .script-line .ja{color:var(--muted);font-size:.9rem;display:block}.hint,.reveal .hint{background:#eff6ff;border-left:4px solid var(--accent);padding:8px 12px;margin:12px 0;border-radius:4px}.reveal .vocab{margin-top:10px}.reveal .vocab table{border-collapse:collapse;width:100%;font-size:.9rem}.reveal .vocab td{border-bottom:1px solid #eef2f5;padding:4px 6px}.reveal .vocab td.it{font-weight:600;white-space:nowrap}.reveal h3{font-size:.85rem;color:var(--muted);margin:14px 0 4px}.quiz-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.quiz-actions button{flex:1 1;min-width:120px}.reveal .reveal-next{display:block;width:100%;margin-top:16px;font-size:1.05rem;padding:12px 16px}.results-link{margin-top:18px;text-align:center}.results-link a{color:var(--primary);font-weight:600;text-decoration:none}.results-link a:hover{text-decoration:underline}.results-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:4px 0 16px;flex-wrap:wrap}.results-title{font-size:1.2rem;margin:0}.tablink{color:var(--accent);text-decoration:none;font-size:.9rem;white-space:nowrap}.tablink:hover{text-decoration:underline}.summary-cards{display:flex;gap:10px}.summary-cards .card{flex:1 1;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px 8px;text-align:center}.summary-cards .card-val{font-size:1.5rem;font-weight:700;color:var(--primary)}.summary-cards .card-key{font-size:.8rem;color:var(--muted);margin-top:2px}.sub-note{color:var(--muted);font-size:.78rem;margin:10px 0 14px}.diff-breakdown{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.diff-item{background:var(--card);border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:.85rem;display:flex;gap:6px;align-items:baseline}.diff-name{color:var(--muted)}.diff-pct{font-weight:700}.diff-pct.weak{color:#d9534f}.diff-cnt{color:var(--muted);font-size:.78rem}.gr-topic-breakdown .diff-item{background:#fff}.rec-list{display:flex;flex-direction:column;gap:8px}.rec-row{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 12px;text-decoration:none;color:var(--ink)}.rec-row:hover{border-color:var(--primary)}.mk{font-weight:700;min-width:2.2em;text-align:center;font-size:.9rem;border-radius:6px;padding:1px 4px}.mk.ok{color:var(--ok);background:var(--ok-bg)}.mk.ng{color:var(--ng);background:var(--ng-bg)}.mk.mid{color:#b45309;background:#fef3c7}.rec-id{font-weight:600;font-size:.85rem;white-space:nowrap}.rec-fmt{font-size:.72rem;border:1px solid var(--border);border-radius:999px;padding:1px 8px}.rec-cat,.rec-fmt{color:var(--muted);white-space:nowrap}.rec-cat{font-size:.82rem;flex:1 1;overflow:hidden;text-overflow:ellipsis}.rec-time{font-size:.82rem;color:var(--ink);white-space:nowrap}.rec-time.during{color:var(--accent)}.hist-row{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.hist-main{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.hist-main:hover .rec-id{color:var(--primary)}.hist-top{display:flex;align-items:center;gap:10px}.hist-top .hist-main{flex:1 1;min-width:0}.hist-marks{display:flex;gap:5px;flex-wrap:wrap;align-items:center;margin-top:8px}.excl-btn{flex:none;font-size:.72rem;padding:4px 10px;border:1px solid var(--border);background:#fff;color:var(--muted);border-radius:999px;white-space:nowrap}.excl-btn.on,.excl-btn:hover{border-color:var(--ng);color:var(--ng)}.excl-btn.on{background:var(--ng-bg)}.hist-row.excluded{opacity:.55}.excl-tag{font-size:.7rem;color:var(--ng);border:1px solid #fecaca;background:var(--ng-bg);border-radius:999px;padding:1px 8px}.btn-link{flex:1 1;min-width:120px;text-align:center;background:var(--primary);color:#fff;border-radius:10px;padding:10px 16px;text-decoration:none}.btn-link:hover{background:var(--primary-dark)}button.secondary.danger{color:var(--ng);border-color:#fecaca}button.secondary.danger:hover{background:var(--ng-bg)}.link-sep{color:var(--muted);margin:0 8px}.comp-pick{cursor:pointer}.comp-scene-img{display:block;width:100%;max-width:460px;margin:0 auto 14px}.comp-scene-img,.comp-scene-text{border:1px solid var(--border);border-radius:12px;background:#fff}.comp-scene-text{padding:12px 16px 12px 32px;margin:0 0 14px}.comp-scene-text li{margin:4px 0}.comp-opening{color:var(--ink);margin:8px 0}.comp-opening strong{color:var(--primary)}.comp-textarea{width:100%;font:inherit;padding:12px 14px;border:1px solid var(--border);border-radius:12px;resize:vertical;line-height:1.7}.comp-textarea:focus{outline:none;border-color:var(--primary)}.comp-accent-help{font-size:.82rem;color:var(--muted);background:#f4f7f9;border-radius:8px;padding:8px 12px;margin:0 0 8px}.comp-accent-help code{background:#fff;border:1px solid var(--border);border-radius:4px;padding:0 4px;font-size:.9em}.comp-preview{margin-top:6px;font-size:.92rem;background:#eef7f0;border:1px solid #cfe8d6;border-radius:8px;padding:8px 12px;color:var(--ink)}.comp-preview-label{color:var(--muted);font-size:.8rem;margin-right:4px}.comp-graded-text{font-size:.92rem;background:#f7f8fa;border-radius:8px;padding:8px 12px;margin-bottom:12px}.comp-vocab-table td.add-cell{text-align:right;white-space:nowrap;width:1%}.comp-vocab-table .add-check{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;color:var(--primary);cursor:pointer}.comp-vocab-table tr.added .add-check,.comp-vocab-table tr.added td.it{color:var(--ok)}.comp-counter{text-align:right;font-size:.85rem;margin-top:6px}.comp-counter,.comp-counter.under{color:var(--muted)}.comp-counter.good{color:var(--ok);font-weight:700}.comp-counter.over{color:var(--ng);font-weight:700}.tense-badge,.wc-badge{font-size:.72rem;border-radius:999px;padding:2px 10px;margin-left:8px;vertical-align:middle;background:#eef2f5;color:var(--muted);border:1px solid var(--border)}.comp-good{margin:6px 0}.comp-corrections{display:flex;flex-direction:column;gap:10px}.corr{border:1px solid var(--border);border-radius:10px;padding:8px 12px;background:#fafbfc}.corr-orig{color:var(--ng)}.corr-fix{color:var(--ok);font-weight:600}.corr-note{color:var(--muted);font-size:.85rem;margin-top:2px}.comp-model{margin:6px 0}.comp-model.it{line-height:1.8}.comp-model.ja{color:var(--muted);font-size:.9rem}.hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:14px;gap:14px;margin:20px 0 8px}.hub-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:20px 18px;border:1px solid var(--border);border-radius:14px;background:#fff;text-decoration:none;color:var(--ink);transition:border-color .15s,box-shadow .15s,transform .05s}.hub-card:hover{border-color:var(--primary);box-shadow:0 4px 14px rgba(0,0,0,.06)}.hub-card:active{transform:translateY(1px)}.hub-emoji{font-size:2rem;line-height:1}.hub-title{font-size:1.15rem;font-weight:700}.hub-desc{font-size:.85rem;color:var(--muted)}.hub-card.result{background:#eef4fb;border-color:#cfe0f2}.hub-card.result:hover{border-color:#6ca4dd;box-shadow:0 4px 14px rgba(40,90,150,.1)}.hub-card.disabled{opacity:.55;cursor:default;background:#f7f8fa}.hub-card.disabled:hover{border-color:var(--border);box-shadow:none}.reading-passage{border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:10px;background:#fff;padding:16px 18px;margin:12px 0;line-height:2;font-size:1.05rem}.reading-passage-ja{color:var(--muted);background:#f7f8fa;border-radius:10px;padding:12px 16px;margin:0 0 12px;line-height:1.9;font-size:.9rem}.gram-list{margin:6px 0 0;padding-left:1.2em}.gram-list li{margin:4px 0}.reading-row{transition:background .15s,border-color .15s,opacity .15s}.reading-row.unseen{border-left:5px solid var(--primary);background:#fff}.reading-row.unseen:hover{background:#f0f7f2}.reading-row.unseen .rec-cat{font-weight:700;color:var(--ink)}.reading-row.done{border-left:5px solid var(--border);background:#f2f3f5;color:var(--muted)}.reading-row.done .rec-cat{color:var(--muted);font-weight:500}.reading-row.done .rec-fmt,.reading-row.done .rec-time{opacity:.7}.reading-legend{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.78rem;margin-right:8px;border:1px solid var(--border)}.reading-legend.unseen{border-left:5px solid var(--primary);background:#fff;color:var(--ink)}.reading-legend.done{border-left:5px solid var(--border);background:#f2f3f5;color:var(--muted)}.reading-group{margin-top:22px}.reading-group-head{font-size:1rem;margin:0 0 8px;padding-bottom:4px;border-bottom:2px solid var(--border);display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.reading-group-desc{font-size:.78rem;font-weight:400;color:var(--muted)}.rec-fmt.lvl-high{background:#fdeaea;border-color:#e0a3a3;color:#b23b3b}.vocab-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:6px 0 14px;font-size:.9rem}.vocab-count{color:var(--muted)}.vocab-check{display:inline-flex;align-items:center;gap:5px;color:var(--ink)}.linklike{background:none;border:none;color:var(--primary);padding:0;cursor:pointer;font:inherit}.vcard{border:1px solid var(--border);border-radius:16px;background:#fff;padding:34px 20px 28px;text-align:center;position:relative;min-height:190px;display:flex;flex-direction:column;justify-content:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.04)}.vcard-badge{position:absolute;top:10px;left:12px;font-size:.72rem;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:1px 8px}.vcard-badge.known{color:var(--ok);border-color:var(--ok)}.vcard-it{font-size:1.9rem;font-weight:700;color:var(--ink)}.vcard-ja{font-size:1.15rem;margin-top:14px}.vcard-hint{color:var(--muted);font-size:.85rem;margin-top:16px}.vcard-meta{margin-top:12px;display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.vcard-area{background:#eef2f5;border-radius:999px;padding:1px 9px}.vcard-area,.vcard-src{font-size:.72rem;color:var(--muted)}.vcard-actions{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-top:14px}.vcard-actions button{padding:12px 4px}.vocab-progress{text-align:center;color:var(--muted);font-size:.85rem;margin-top:10px}.vocab-list{display:flex;flex-direction:column}.vocab-row{display:grid;grid-template-columns:1fr 1.2fr auto;grid-gap:10px;gap:10px;align-items:center;padding:9px 6px;border-bottom:1px solid var(--border);font-size:.92rem}.vocab-row.known{background:#eef7f0}.vocab-it{font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vocab-it,.vocab-ja{color:var(--ink)}.vocab-row.known .vocab-ja{color:var(--muted)}.vocab-known-tag{font-size:.68rem;font-weight:700;color:var(--ok);border:1px solid var(--ok);border-radius:999px;padding:0 7px;white-space:nowrap}.vocab-toggle{justify-self:end;white-space:nowrap;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--primary);padding:5px 12px;font:inherit;font-size:.85rem;cursor:pointer}.vocab-toggle.on{color:var(--muted);border-color:var(--border)}.vtest{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.vtest-btn{border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--ink);padding:11px 8px;font:inherit;cursor:pointer}.vtest-btn:disabled{cursor:default}.vtest-btn.correct{border-color:var(--ok);background:#eaf7ef;color:var(--ok);font-weight:700}.vtest-btn.wrong{border-color:#d9534f;background:#fbecec;color:#d9534f}.vtest-result{grid-column:1/-1;text-align:center;font-weight:700;margin-top:4px}.vtest-result.ok{color:var(--ok)}.vtest-result.ng{color:#d9534f}.vwrite-card{border:1px solid var(--border);border-radius:16px;background:#fff;padding:26px 20px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,.04)}.vwrite-ja{font-size:1.6rem;font-weight:700;color:var(--ink)}.vwrite-input{margin-top:18px;width:100%;border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:1.15rem;text-align:center;color:var(--ink)}.vwrite-input:focus{outline:none;border-color:var(--primary)}.vwrite-input:disabled{background:#f7f8fa}.vwrite-preview{margin-top:8px;text-align:center;font-size:1.05rem;color:var(--ink);background:#eef7f0;border:1px solid #cfe8d6;border-radius:8px;padding:6px 12px}.vwrite-result{margin-top:16px;font-weight:700;display:flex;flex-direction:column;gap:4px}.vwrite-result.ok{color:var(--ok)}.vwrite-result.ng{color:#d9534f}.vwrite-result.neutral{color:var(--muted)}.vwrite-answer{font-size:1.05rem;color:var(--ink);font-weight:700}.speak-btn{margin-left:8px;border:1px solid var(--border);background:#fff;border-radius:999px;padding:2px 10px;font-size:1.05rem;line-height:1.4;cursor:pointer;vertical-align:middle}.speak-btn:hover{background:#eef7f0;border-color:var(--primary)}.speak-btn:active{transform:scale(.94)}.speak-btn.sm{margin-left:6px;padding:0 6px;font-size:.95rem}.vwrite-actions{display:flex;gap:10px;justify-content:center;margin-top:16px}.vwrite-actions button{min-width:130px}.vcele-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.28);animation:vcele-fade .2s ease}.vcele{background:#fff;border-radius:18px;padding:26px 30px;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.22);animation:vcele-pop .35s cubic-bezier(.2,1.3,.4,1);max-width:88vw}.vcele-emoji{font-size:2.4rem;line-height:1.2}.vcele-count{font-size:1.8rem;font-weight:800;color:var(--primary);margin-top:6px}.vcele-msg{color:var(--ink);margin-top:6px}.vcele.big{padding:34px 40px;background:linear-gradient(160deg,#fff,#fff7e6);border:2px solid #f5c451}.vcele.big .vcele-emoji{font-size:3.2rem;animation:vcele-wiggle .7s ease-in-out infinite}.vcele.big .vcele-count{font-size:2.4rem;color:#d9902b}@keyframes vcele-fade{0%{opacity:0}to{opacity:1}}@keyframes vcele-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes vcele-wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.page-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.nav-btn{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--primary);padding:5px 12px;font:inherit;font-size:.85rem;text-decoration:none;cursor:pointer;white-space:nowrap}.nav-btn:hover{background:#f2f6f8}.nav-btn.nav-home{color:var(--ink);border-color:var(--primary)}.gr-topic-desc{display:block;font-size:.76rem;color:var(--muted);font-weight:400;margin-top:2px}.gr-sentence{font-size:1.2rem;line-height:1.9;background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px 18px;margin:8px 0 16px}.gr-blank{font-weight:800;color:var(--primary);padding:0 2px}.gr-choices{display:flex;flex-direction:column;gap:10px}.gr-choice{text-align:left;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--ink);padding:13px 14px;font:inherit;font-size:1.02rem;cursor:pointer;display:flex;align-items:center;gap:12px}.gr-choice:disabled{cursor:default}.gr-choice-label{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#eef2f5;color:var(--muted);font-size:.85rem;font-weight:700;flex-shrink:0}.gr-choice.correct{border-color:var(--ok);background:#eaf7ef;color:var(--ok);font-weight:700}.gr-choice.correct .gr-choice-label{background:var(--ok);color:#fff}.gr-choice.wrong{border-color:#d9534f;background:#fbecec;color:#d9534f}.gr-choice.wrong .gr-choice-label{background:#d9534f;color:#fff}.gr-dontknow{margin-top:4px;border-style:dashed;border-color:#cbd2da;background:#f4f6f8;color:var(--muted);font-size:.95rem}.gr-dontknow .gr-choice-label{background:#c3cad2;color:#fff}.gr-dontknow:not(:disabled):hover{background:#eceff2;border-color:#aab3bd}.reveal .verdict.neutral{color:var(--muted)}.gr-explanation{margin:6px 0 0;line-height:1.7}.dash-countdown{display:flex;align-items:baseline;gap:12px;background:linear-gradient(135deg,#1e7d5a,#134a37);color:#fff;border-radius:12px;padding:14px 18px;margin:8px 0 14px;flex-wrap:wrap}.dash-exam-label{font-size:.9rem;opacity:.9}.dash-exam-days{font-size:1.05rem}.dash-exam-days strong{font-size:1.7rem;margin:0 2px}.dash-exam-date{font-size:.9rem;opacity:.85;margin-left:auto}.dash-chips{margin-bottom:4px}.meters{flex-direction:column;margin:8px 0 4px}.meter-row,.meters{display:flex;gap:10px}.meter-row{align-items:center}.meter-name{width:84px;font-size:.92rem;color:var(--ink);flex-shrink:0}.meter-track{position:relative;flex:1 1;height:16px;background:#eef1f4;border-radius:8px}.meter-fill{position:absolute;left:0;top:0;bottom:0;border-radius:8px;transition:width .4s}.meter-fill.pass{background:var(--ok)}.meter-fill.below{background:#e8a33d}.meter-line{position:absolute;top:-2px;bottom:-2px;width:2px;background:#64707c;opacity:.65}.meter-pct{width:46px;text-align:right;font-weight:700;font-size:.95rem}.meter-pct.weak{color:#d9534f}.meter-cnt{width:64px;font-size:.8rem;color:var(--muted)}.dash-retry{display:flex;flex-direction:column;gap:8px;margin:8px 0 4px}.retry-btn{display:inline-block;background:#fbecec;border:1px solid #e5b5b3;color:#b03a36;font-weight:700;border-radius:10px;padding:10px 14px;text-decoration:none}.retry-btn:hover{background:#f7dedd}.retry-details summary{cursor:pointer;color:#b03a36;font-weight:700;padding:8px 4px}.dash-weak-head{margin-top:14px;font-weight:700;color:var(--ink)}.weak-practice{margin-left:auto;font-size:.85rem;color:var(--primary);text-decoration:none;white-space:nowrap}.weak-practice:hover{text-decoration:underline}.wrong-words{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.wword{border:1px solid #e5b5b3;background:#fdf4f4;color:#b03a36;border-radius:999px;padding:3px 10px;font-size:.9rem;text-decoration:none}.wword.write{border-style:dashed}.wword:hover{background:#f7dedd}.wword-more{color:var(--muted);font-size:.85rem;align-self:center}.vlevel-table{border:1px solid var(--border);border-radius:10px;overflow:hidden}.vlevel-head,.vlevel-row{display:grid;grid-template-columns:70px 1fr 1fr;grid-gap:8px;gap:8px;padding:8px 12px;font-size:.95rem}.vlevel-head{background:#f4f6f8;color:var(--muted);font-size:.82rem}.vlevel-row{border-top:1px solid var(--border)}.vlevel-name{font-weight:700}.trend{position:relative;display:flex;align-items:flex-end;gap:8px;height:120px;padding:0 4px 22px;border-bottom:1px solid var(--border)}.trend-line{position:absolute;left:0;right:0;height:0;border-top:1px dashed #64707c;opacity:.5;margin-bottom:22px}.trend-col{flex:1 1;display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.trend-barwrap{flex:1 1;width:100%;display:flex;align-items:flex-end;justify-content:center}.trend-bar{width:60%;max-width:34px;background:#e8a33d;border-radius:4px 4px 0 0;min-height:2px}.trend-bar.pass{background:var(--ok)}.trend-label{position:absolute;bottom:-20px;font-size:.72rem;color:var(--muted)}.sect-title{font-size:1rem;margin:22px 0 8px;color:var(--ink)}.motiv{margin:6px 0 4px}.motiv-vocab{display:inline-flex;align-items:baseline;gap:10px;text-decoration:none;border:1px solid var(--border);border-radius:12px;padding:12px 18px;background:#fff}.motiv-emoji{font-size:1.3rem}.motiv-val{font-size:1.7rem;font-weight:800;color:var(--ok)}.motiv-den{font-size:.95rem;font-weight:600;color:var(--muted)}.motiv-key{color:var(--muted);font-size:.9rem}.cal{border:1px solid var(--border);border-radius:12px;background:#fff;padding:12px}.cal-head{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:10px}.cal-title{font-weight:700;color:var(--ink)}.cal-nav{border:1px solid var(--border);background:#fff;border-radius:8px;padding:4px 10px;cursor:pointer;color:var(--ink)}.cal-nav:disabled{opacity:.35;cursor:default}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:4px;gap:4px}.cal-wd{text-align:center;font-size:.72rem;color:var(--muted);padding-bottom:2px}.cal-cell{aspect-ratio:1/1;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:40px}.cal-cell.empty{background:transparent}.cal-day{font-size:.72rem;color:var(--muted)}.cal-min{font-size:.66rem;font-weight:700;line-height:1}.cal-cell.lv0{background:#f1f3f5}.cal-cell.lv1{background:#d6efd9}.cal-cell.lv2{background:#a3dbaa}.cal-cell.lv3{background:#5cb968}.cal-cell.lv4{background:#2f9e44}.cal-cell.lv3 .cal-day,.cal-cell.lv3 .cal-min,.cal-cell.lv4 .cal-day,.cal-cell.lv4 .cal-min{color:#fff}.cal-cell.lv1 .cal-min,.cal-cell.lv2 .cal-min{color:#1c6b2b}.cal-cell.today{outline:2px solid var(--primary);outline-offset:-2px}.cal-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:.82rem;color:var(--muted)}.cal-legend{display:inline-flex;align-items:center;gap:3px}.cal-legend .lg{width:12px;height:12px;border-radius:3px;display:inline-block}.cal-legend .lv1{background:#d6efd9}.cal-legend .lv2{background:#a3dbaa}.cal-legend .lv3{background:#5cb968}.cal-legend .lv4{background:#2f9e44}.seg{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;margin:4px 0 14px}.seg,.seg-btn{background:#fff}.seg-btn{border:none;border-radius:0;color:var(--muted);padding:8px 16px;font-size:.9rem;border-right:1px solid var(--border)}.seg-btn:last-child{border-right:none}.seg-btn.active{background:var(--primary);color:#fff;font-weight:700}