.english-shell{gap:20px;max-width:1280px;margin:0 auto;display:grid}.english-shell .button{min-height:40px;box-shadow:none;border-radius:4px;transition:border-color .12s}.english-shell .button:hover{transform:none}.english-shell .button-primary{box-shadow:none}.english-shell .button-secondary,.english-shell .button-ghost{border-color:var(--line);background:#faf9f7}.english-shell .button-secondary:hover,.english-shell .button-ghost:hover{border-color:var(--ink)}.english-kpi-card strong,.english-card-head h2,.english-section-head h3,.english-note-card strong,.english-map-card strong{color:var(--ink)}.english-kpi-card span,.english-section-head span,.english-headword,.english-feedback-text,.english-side-copy,.english-queue-card p,.english-queue-card span,.english-stat-list dt,.english-note-card p,.english-map-card p,.english-example-card small{color:var(--muted)}.english-mode-row,.english-deck-row,.english-topic-row,.english-toggle-row,.english-action-row,.english-shadow-chip-row,.english-related-row{flex-wrap:wrap;gap:6px;display:flex}.english-action-hint{min-height:40px;color:var(--muted);white-space:nowrap;align-items:center;font-size:.84rem;font-weight:700;display:inline-flex}.english-deck-row{grid-template-columns:1fr;gap:8px;display:grid}.english-deck-chip{border:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);text-align:left;background:#faf9f7;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;transition:border-color .12s,background .12s,color .12s;display:grid}.english-deck-chip strong,.english-deck-chip small{min-width:0}.english-deck-chip strong{font-size:.92rem}.english-deck-chip small{color:var(--muted);font-size:.78rem;font-weight:700}.english-deck-chip:hover:not(:disabled){border-color:var(--ink)}.english-deck-chip.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.english-deck-chip.is-active small{color:#ffffffb8}.english-deck-chip:disabled{cursor:not-allowed;opacity:.66}.english-mode-chip,.english-topic-chip,.english-shadow-chip,.english-related-chip{border:1px solid var(--line);color:#4a525d;letter-spacing:.02em;background:#faf9f7;border-radius:3px;min-height:32px;padding:0 10px;font-size:.82rem;font-weight:700;transition:border-color .12s,background .12s}.english-mode-chip:hover,.english-topic-chip:hover,.english-shadow-chip:hover,.english-related-chip:hover,.english-queue-card:hover,.english-option-card:hover{border-color:var(--ink)}.english-mode-chip.is-active,.english-topic-chip.is-active,.english-shadow-chip.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.english-inline-toggle{border:1px solid var(--line);background:#faf9f7;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-size:.84rem;display:inline-flex}.english-inline-toggle input{accent-color:var(--ink)}.english-main-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.english-stage-card,.english-side-card{border:1px solid var(--line);background:#fff;border-radius:6px;gap:16px;padding:20px;display:grid}.english-stage-card{min-height:640px;position:relative;overflow:hidden}.english-study-topline{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;font-size:.82rem;font-weight:700;display:flex}.english-study-card{border:1px solid var(--line);background:#faf9f7;border-radius:4px;grid-template-columns:1fr;min-height:400px;padding:24px;display:grid}.english-study-sheet{align-content:center;gap:18px;display:grid}.english-study-word{color:var(--ink);letter-spacing:-.04em;margin:0;font-size:clamp(3.2rem,7vw,5.2rem);font-weight:800;line-height:1.05}.german-study-word{flex-wrap:wrap;align-items:baseline;gap:.18em;display:flex}.german-article-mark{letter-spacing:-.03em;font-size:.62em;font-weight:900}.german-article-mark.is-masculine{color:#1f62d1}.german-article-mark.is-feminine{color:#d53b36}.german-article-mark.is-neuter{color:#d0a11e}.english-study-timer{gap:6px;max-width:18rem;display:grid}.english-study-timer-line{background:#ededeb;border-radius:0;height:6px;position:relative;overflow:hidden}.english-study-timer-line i{width:100%;animation:english-study-timer var(--timer-duration,4s) linear forwards;background:#c8c6c1;border-radius:0;position:absolute;inset:0 auto 0 0}.english-study-timer span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}@keyframes english-study-timer{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}.english-family-strip{gap:8px;max-width:42rem;display:grid}.english-family-strip>span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:700}.english-family-strip>div{flex-wrap:wrap;gap:6px;display:flex}.english-family-chip{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#faf9f7;border-radius:3px;align-items:center;gap:6px;padding:5px 9px;transition:border-color .12s;display:inline-flex}.english-family-chip:hover{border-color:var(--ink)}.english-family-chip strong{font-size:.9rem;line-height:1}.english-family-chip small{color:#4a525d;background:#ededeb;border-radius:2px;place-items:center;min-width:1.3rem;min-height:1.3rem;font-size:.65rem;font-weight:700;display:inline-grid}.german-form-strip{max-width:38rem;margin-top:-2px}.german-form-strip.is-hidden{visibility:hidden}.german-form-strip.is-visible{visibility:visible}.german-form-chip{cursor:default;background:#f7f5f0;border-color:#e5e1da;padding:4px 8px}.german-form-chip:hover{border-color:#d8d2c8}.german-form-chip strong{font-size:.82rem}.german-form-chip small{min-width:auto;min-height:auto;color:var(--muted);background:0 0;padding:2px 4px}.english-study-placeholder{color:var(--muted);border-top:1px solid var(--line);gap:10px;max-width:34ch;margin:0;padding-top:16px;font-size:.95rem;line-height:1.75;display:grid}.english-study-answer{border-top:1px solid var(--line);gap:8px;max-width:30ch;padding-top:16px;display:grid}.english-study-answer.is-hidden{visibility:hidden}.english-study-answer.is-visible{visibility:visible}.english-study-answer span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem}.english-study-answer strong{color:var(--ink);font-size:clamp(1.6rem,3.5vw,2.2rem);line-height:1.35}.english-study-answer strong,.english-study-answer span{margin:0}.english-study-card.is-revealed{border-color:var(--ink)}.english-judge-row{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding-top:12px;display:flex}.english-judge-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:4px;align-items:center;gap:6px;padding:6px 14px;transition:border-color .12s,background .12s;display:inline-flex}.english-judge-button:hover{border-color:var(--ink)}.english-judge-button.is-correct:hover{background:#f2f9f4;border-color:#b0d4bc}.english-judge-button.is-wrong:hover{border-color:var(--ink)}.english-judge-button span{font-size:1.1rem;font-weight:800;line-height:1}.english-judge-button small{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:.72rem;font-weight:700}.english-judge-button.is-correct.is-active{background:#f2f9f4;border-color:#b0d4bc}.english-judge-button.is-skip.is-active{border-color:var(--ink)}.english-about{border-top:1px solid var(--line);margin-top:24px;padding:32px 0 0}.english-about-title{color:var(--ink);margin:0 0 24px;font-size:clamp(1.1rem,2.5vw,1.4rem);font-weight:800;line-height:1.5}.english-about-grid{gap:0;display:grid}.english-about-item{border-top:1px solid var(--line);grid-template-columns:32px 1fr;gap:12px;padding:20px 0;display:grid}.english-about-item span{background:var(--ink);color:#fff;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.78rem;font-weight:800;line-height:1;display:flex}.english-about-item strong{color:var(--ink);margin-bottom:6px;font-size:.88rem;font-weight:700;line-height:1.4;display:block}.english-about-item p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.7}.english-stats-card{padding:14px 16px}.english-stats-row{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.english-stat-block{flex-direction:column;gap:2px;display:flex}.english-stat-block strong{color:var(--ink);font-size:1.3rem;font-weight:800;line-height:1.2}.english-stat-block small{color:var(--muted);letter-spacing:.04em;font-size:.68rem;font-weight:600}.english-quick-bar{background:#ededeb;border-radius:0;height:8px;margin-top:6px;position:relative;overflow:hidden}.english-quick-bar i{background:#b0d4bc;min-width:0;position:absolute;inset:0 auto 0 0}.english-weekly-trend{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.english-weekly-trend>small{color:var(--muted);letter-spacing:.04em;margin-bottom:8px;font-size:.68rem;font-weight:600;display:block}.english-weekly-bars{grid-template-columns:repeat(4,1fr);align-items:end;gap:6px;height:48px;display:grid}.english-weekly-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;height:100%;display:flex}.english-weekly-col i{background:var(--ink);border-radius:0;width:100%;min-height:2px;display:block}.english-weekly-col small{color:var(--muted);font-size:.65rem;font-weight:700}.english-progress-rail{gap:6px;max-width:420px;display:grid}.english-progress-rail-line{background:#ededeb;border-radius:0;height:6px;position:relative;overflow:hidden}.english-progress-rail-line i{background:var(--ink);border-radius:0;position:absolute;inset:0 auto 0 0}.english-progress-rail-copy{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:.74rem;display:flex}.english-timing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.english-review-schedule-grid{flex-wrap:wrap;gap:6px;display:flex}.english-timing-grid label,.english-review-schedule-grid label{border:1px solid var(--line);background:#faf9f7;border-radius:4px;grid-template-columns:1fr 3.8rem auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.english-timing-grid span,.english-timing-grid small,.english-review-schedule-grid span,.english-review-schedule-grid small{color:var(--muted);font-size:.76rem;font-weight:700}.english-timing-grid input,.english-review-schedule-grid input{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;text-align:center;background:#fff;border-radius:3px;padding:6px;font-weight:700}.english-review-schedule-grid label{white-space:nowrap;align-items:center;gap:4px;padding:5px 8px;display:inline-flex}.english-review-schedule-grid input{width:4rem}.english-timing-presets{flex-wrap:wrap;gap:6px;display:flex}.english-timing-presets button{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#faf9f7;border-radius:3px;padding:5px 10px;font-size:.8rem;font-weight:700;transition:border-color .12s}.english-timing-presets button:hover{border-color:var(--ink)}.english-meaning-card{border:1px solid var(--line);background:#faf9f7;border-radius:4px;gap:14px;padding:18px;display:grid}.english-meaning-main{gap:6px;display:grid}.english-meaning-japanese{color:var(--ink);margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1.35}.english-meaning-chunk{color:var(--muted);margin:0;font-size:.95rem}.english-history-list{gap:0;display:grid}.english-history-list.is-compact{border-top:1px solid var(--line)}.english-history-list.is-main{-moz-column-gap:16px;border-top:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}.english-history-row{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 0;display:grid}.english-history-row.is-dense{gap:10px;padding:8px 0}.english-history-row:hover{color:#122a2ff5}.english-history-word,.english-history-line{gap:2px;display:grid}.english-history-word strong,.english-history-line em{margin:0;font-size:.95rem;font-style:normal;font-weight:700}.english-history-row.is-dense .english-history-word strong,.english-history-row.is-dense .english-history-line em{font-size:.88rem}.english-history-word small,.english-history-line small{color:var(--muted);margin:0;font-size:.76rem;line-height:1.45}.english-history-row.is-dense .english-history-word small,.english-history-row.is-dense .english-history-line small{font-size:.72rem;line-height:1.35}.english-history-line{justify-items:end}.english-history-line em{color:#914040fa}.english-history-fold{margin-top:8px}.english-history-fold.is-main{grid-column:1/-1}.english-history-fold summary{cursor:pointer;color:var(--muted);padding-top:8px;font-size:.78rem;list-style:none}.english-history-fold summary::-webkit-details-marker{display:none}.english-history-fold[open] summary{margin-bottom:2px}.english-side-stack,.english-pane-stack,.english-example-list,.english-queue-list,.english-stat-list,.english-map-grid{gap:12px;display:grid}.english-side-stack{align-self:start;position:sticky;top:96px}.english-card-head,.english-section-head,.english-context-meter-head,.english-shadow-feedback{justify-content:space-between;align-items:center;gap:8px;display:flex}.english-section-head{border-bottom:1px solid var(--line);padding-bottom:8px}.english-section-head h3{margin:0;font-size:.88rem}.english-stage-pill{letter-spacing:.03em;text-transform:uppercase;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;min-height:26px;padding:0 8px;font-size:.72rem;font-weight:700;display:inline-flex}.english-stage-pill.new{color:#4a525d;background:#ededeb;border-color:#d4d2ce}.english-stage-pill.learning{color:#8d4a11;background:#fef3e2;border-color:#f0d4a8}.english-stage-pill.reviewing{color:#175a72;background:#e4f2f8;border-color:#a8d4e6}.english-stage-pill.solid{color:#25603a;background:#e8f5ea;border-color:#b8dcc0}.english-chunk-header{justify-content:space-between;align-items:start;gap:18px;display:flex}.english-headword{text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:.92rem}.english-meaning{color:#142327f0;margin:0;font-size:1.02rem;line-height:1.65}.english-mini-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:200px;display:grid}.english-mini-metrics div{border:1px solid var(--line);background:#faf9f7;border-radius:4px;gap:2px;padding:8px 10px;display:grid}.english-mini-metrics span{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.english-mini-metrics strong{font-size:1.05rem}.english-context-meter{gap:6px;display:grid}.english-context-meter-bar{background:#ededeb;border-radius:0;height:6px;position:relative;overflow:hidden}.english-context-meter-bar i{background:var(--ink);border-radius:0;position:absolute;inset:0 auto 0 0}.english-example-block,.english-shadow-card,.english-review-card{border:1px solid var(--line);background:#faf9f7;border-radius:4px;gap:12px;padding:16px;display:grid}.english-example-card,.english-note-card,.english-map-card{border:1px solid var(--line);background:#fff;border-radius:4px;gap:6px;padding:12px;display:grid}.english-example-card p,.english-review-prompt,.english-shadow-prompt p,.english-side-copy,.english-feedback-text,.english-review-result p{margin:0;line-height:1.65}.english-example-card.is-starter{border-left:3px solid var(--ink)}.english-topic-badge{letter-spacing:.03em;text-transform:uppercase;border:1px solid #0000;border-radius:3px;align-items:center;width:fit-content;min-height:22px;padding:0 7px;font-size:.68rem;font-weight:700;display:inline-flex}.english-topic-badge.topic-campus{color:#175a72;background:#e4f2f8;border-color:#a8d4e6}.english-topic-badge.topic-science{color:#25603a;background:#e8f5ea;border-color:#b8dcc0}.english-topic-badge.topic-work{color:#8d4a11;background:#fef3e2;border-color:#f0d4a8}.english-topic-badge.topic-social{color:#6b4575;background:#f3eef6;border-color:#d4c0dc}.english-topic-badge.topic-media{color:#3a5a6a;background:#edf1f3;border-color:#b8cad4}.english-topic-badge.topic-travel{color:#7a4530;background:#faf0eb;border-color:#e0c0b0}.english-note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.english-note-card-wide{padding:14px}.english-shadow-prompt{background:var(--ink);color:#f4f2ee;border-radius:4px;min-height:80px;padding:16px}.english-audio-player{width:100%}.english-feedback-text{font-size:.92rem}.english-error-text{color:#8a235c;margin:0;font-size:.92rem}.english-review-prompt{color:var(--ink);font-size:1rem}.english-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.english-option-card,.english-queue-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:4px;gap:6px;padding:10px 12px;transition:border-color .12s;display:grid}.english-option-card.is-selected,.english-queue-card.is-active{border-color:var(--ink);background:#faf9f7}.english-option-card.is-correct{background:#e8f5ea;border-color:#4a9a6e}.english-option-card.is-wrong{background:#fce8e8;border-color:#c06060}.english-review-result{border-radius:4px;gap:8px;padding:12px;display:grid}.english-review-result.is-correct{background:#e8f5ea;border:1px solid #b8dcc0}.english-review-result.is-wrong{background:#fce8e8;border:1px solid #e0b0b0}.english-map-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.english-related-chip{min-height:28px;padding:0 8px;font-size:.82rem}.english-queue-card{grid-template-columns:minmax(0,1fr) auto;align-items:start}.english-stat-list{margin:0}.english-stat-list div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.english-stat-list div:first-child{border-top:none;padding-top:0}.english-stat-list dd{color:var(--ink);margin:0;font-weight:700}@media (max-width:1180px){.english-main-grid{grid-template-columns:1fr}.english-side-stack{position:static;top:auto}}@media (max-width:760px){.english-note-grid,.english-option-grid,.english-map-grid,.english-history-list.is-main{grid-template-columns:1fr}.english-review-schedule-grid{flex-wrap:wrap}.english-study-card{min-height:auto}.english-stage-card,.english-side-card{padding:14px}.english-chunk-header{display:grid}.english-mini-metrics{min-width:0}.english-action-row .button,.english-action-hint{justify-content:center;width:100%}}
