@import"https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;600&family=Noto+Serif+JP:wght@400;500&family=Klee+One:wght@400;600&display=swap";.kaiwa-page{display:grid;gap:14px;min-width:0}.kaiwa-missions-container{width:100%}.kaiwa-missions-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.kaiwa-missions-heading{margin:0;font-size:22px;color:var(--text)}.kaiwa-missions-intro{margin:0 0 20px;font-size:14px;line-height:1.6;color:var(--text-soft)}.kaiwa-missions-list{display:grid;gap:14px}.kaiwa-how-panel{margin-bottom:18px;display:grid;gap:14px}.kaiwa-how-panel-compact{padding:16px 18px}.kaiwa-how-header{display:grid;gap:4px}.kaiwa-how-title{margin:0;font-size:18px;color:var(--text)}.kaiwa-how-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.kaiwa-how-block{border:1px solid var(--border);border-radius:8px;background:#ffffff73;padding:14px}.kaiwa-how-block-title{margin:0 0 8px;font-size:14px;color:var(--text)}.kaiwa-how-list{margin:0;padding-left:18px;display:grid;gap:6px;font-size:13px;line-height:1.55;color:var(--text-soft)}.kaiwa-how-list code{font-size:.95em}.kaiwa-mission-card{display:grid;gap:6px;padding:18px 20px;transition:border-color .25s}.kaiwa-mission-card-top{display:flex;justify-content:space-between;align-items:center}.kaiwa-mission-title{margin:0;font-size:18px;color:var(--text)}.kaiwa-mission-title-ja{font-size:14px;color:var(--text-soft)}.kaiwa-mission-description{margin:0;font-size:13px;color:var(--text-soft);line-height:1.5}.kaiwa-mission-cta{justify-self:end;margin-top:4px;font-size:13px;text-decoration:none}.kaiwa-mission-note{margin:4px 0 0;font-size:12px;color:var(--text-dim);line-height:1.5}.kaiwa-mission-locked{opacity:.5;pointer-events:none}.kaiwa-mission-available{border-color:#0089a76b}.kaiwa-mission-completed{border-color:#5b8c5a85}.kaiwa-chip-available{background:var(--accent-soft);color:var(--accent);border-color:#0089a74d}.kaiwa-chip-recommended{background:#d1a02b1f;color:#8a6410;border-color:#d1a02b4d}.kaiwa-transcript--empty{display:flex;align-items:center;justify-content:center;flex:1}.kaiwa-transcript-list{display:grid;gap:16px;min-width:0}.kaiwa-turn{border:none;border-left:3px solid var(--border);border-radius:0;padding:10px 14px;background:none;min-width:0}.kaiwa-turn-assistant{border-left-color:#0089a780}.kaiwa-turn-user{border-left-color:#5b8c5a80}.kaiwa-turn-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.kaiwa-turn-copy{all:unset;cursor:pointer;opacity:0;transition:opacity .15s ease;color:var(--text-soft);padding:2px;border-radius:4px;display:flex;align-items:center}.kaiwa-turn:hover .kaiwa-turn-copy{opacity:.6}.kaiwa-turn-copy:hover{opacity:1!important;color:var(--text)}@media(hover:none){.kaiwa-turn-copy{opacity:0;pointer-events:none}.kaiwa-turn:last-child .kaiwa-turn-copy{opacity:.4;pointer-events:auto}}.kaiwa-turn-role{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.kaiwa-turn-ja{font-size:16px;line-height:1.6;color:var(--text);white-space:normal;overflow-wrap:anywhere;word-break:break-word}.kaiwa-turn-en{margin-top:6px;font-size:13px;line-height:1.5;color:var(--text-soft);font-family:var(--font-body);font-weight:500;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:6px 8px;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.kaiwa-turn-en::selection{background:#6a97ff66;color:var(--text)}.kaiwa-turn-ja *{overflow-wrap:anywhere;word-break:break-word}.kaiwa-turn-ja-interactive{-webkit-user-select:text;user-select:text}.kaiwa-turn-token{display:inline;padding:0;margin:0;background:none;border:none;color:inherit;font:inherit;line-height:inherit;cursor:pointer;border-radius:4px}.kaiwa-turn-token:hover{background:#0089a71f}.kaiwa-turn-token:focus-visible{outline:2px solid rgba(0,137,167,.45);outline-offset:1px}.kaiwa-turn-meta{margin-top:6px;font-size:12px;color:var(--text-dim)}.kaiwa-turn-ruby-segment rt{font-size:.55em;color:var(--text-soft)}.kaiwa-error{border-left:3px solid var(--incorrect);color:var(--incorrect);font-size:13px}.kaiwa-stats-ribbon{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.kaiwa-stats-ribbon-item{display:inline-flex;align-items:center;padding:5px 12px;border-radius:999px;border:1px solid var(--border);background:#fcfaf2b8;font-size:12px;color:var(--text-soft);letter-spacing:.02em}.cafe-menu-board{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:24px 20px;display:grid;gap:16px}.cafe-menu-board-header{text-align:center;padding-bottom:8px;border-bottom:1px solid var(--border)}.cafe-menu-board-store{font-family:var(--font-display);font-size:22px;color:var(--text);letter-spacing:.1em}.cafe-menu-section{display:grid;gap:6px}.cafe-menu-section-header{display:flex;align-items:baseline;gap:8px;padding-bottom:4px}.cafe-menu-section-title{font-family:var(--font-display);font-size:15px;color:var(--accent)}.cafe-menu-section-title-en{font-size:12px;color:var(--text-dim)}.cafe-menu-item{display:grid;grid-template-columns:1fr auto;gap:4px;padding:4px 0}.cafe-menu-item-ja{font-size:15px;color:var(--text);grid-column:1}.cafe-menu-item-price{font-size:14px;color:var(--text-soft);grid-column:2;grid-row:1 / 3;align-self:center;font-variant-numeric:tabular-nums}.cafe-menu-item-en{font-size:12px;color:var(--text-dim);grid-column:1}.cafe-menu-board-compact{padding:16px 14px;gap:10px}.cafe-menu-board-compact .cafe-menu-board-store{font-size:16px}.cafe-menu-board-compact .cafe-menu-item-ja{font-size:14px}.cafe-menu-board-compact .cafe-menu-item-en{font-size:11px}.cafe-menu-board-compact .cafe-menu-item-price{font-size:13px}.kaiwa-mission-page{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:24px 16px}.kaiwa-launch-container{width:100%;max-width:760px;display:grid;gap:20px}.kaiwa-launch-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.kaiwa-launch-top-copy{display:grid;gap:8px}.kaiwa-launch-title{margin:0;font-size:clamp(28px,5vw,38px);color:var(--text)}.kaiwa-launch-subtitle{margin:0;font-size:15px;color:var(--text-soft);line-height:1.6;max-width:60ch}.kaiwa-launch-start-now{padding-inline:10px;color:var(--text-dim)}.kaiwa-launch-tutor-card,.kaiwa-launch-guidance,.kaiwa-launch-section,.kaiwa-launch-persona-library,.kaiwa-launch-persona-selected{display:grid;gap:12px}.kaiwa-launch-tutor-top,.kaiwa-launch-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.kaiwa-launch-tutor-title{margin:4px 0 0;font-size:18px;color:var(--text)}.kaiwa-launch-tutor-copy,.kaiwa-launch-menu-copy,.kaiwa-warmup-copy,.kaiwa-warmup-focus-copy{margin:0;font-size:14px;color:var(--text-soft);line-height:1.6}.kaiwa-launch-meta{display:flex;flex-wrap:wrap;gap:6px}.kaiwa-launch-guidance{background:linear-gradient(135deg,rgba(0,137,167,.08),transparent 56%),var(--surface)}.kaiwa-launch-guidance-list{display:grid;gap:10px}.kaiwa-launch-guidance-item{display:grid;gap:4px;padding-top:10px;border-top:1px solid var(--border)}.kaiwa-launch-guidance-item:first-child{border-top:none;padding-top:0}.kaiwa-launch-guidance-label,.kaiwa-launch-guidance-text{margin:0}.kaiwa-launch-guidance-label{font-size:13px;font-weight:600;color:var(--text)}.kaiwa-launch-guidance-text{font-size:13px;color:var(--text-soft);line-height:1.6}.kaiwa-launch-stage-chip,.kaiwa-launch-branch-chip{border-color:#0089a740}.kaiwa-launch-branch-chip{background:#0089a714;color:var(--accent)}.kaiwa-launch-section-body{display:grid;gap:10px}.kaiwa-launch-row{display:grid;gap:8px;padding:14px 0;border-top:1px solid var(--border)}.kaiwa-launch-row:first-child{border-top:none;padding-top:0}.kaiwa-launch-row:last-child{padding-bottom:0}.kaiwa-launch-row-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:16px}.kaiwa-launch-row-copy{display:grid;gap:4px}.kaiwa-launch-row-ja{font-size:18px;color:var(--text);letter-spacing:.04em}.kaiwa-launch-row-reading{font-size:13px;color:var(--text-dim)}.kaiwa-launch-row-en{font-size:14px;color:var(--text-soft)}.kaiwa-launch-row-note,.kaiwa-warmup-note{font-size:12px;color:var(--text-dim);line-height:1.5;margin:0}.kaiwa-launch-row-response-hint{font-size:12px;color:var(--accent);line-height:1.5;opacity:.85}.kaiwa-launch-btn-group{display:flex;gap:8px;align-items:flex-start;flex-shrink:0}.kaiwa-launch-listen-btn{min-height:44px;justify-content:center;padding-inline:14px;white-space:nowrap}.kaiwa-launch-listen-btn[data-state=playing]{border-color:#0089a79e;color:var(--accent);background:#0089a729}.kaiwa-launch-listen-btn[data-state=heard]{border-color:#0089a76b;color:var(--accent);background:#0089a714}.kaiwa-launch-listen-icon{display:inline-flex;align-items:center;justify-content:center}.kaiwa-launch-speak-btn{min-height:44px;justify-content:center;padding-inline:14px;white-space:nowrap}.kaiwa-launch-speak-btn[data-state=ready]{border-color:#0089a76b;color:var(--accent);background:#0089a714}.kaiwa-launch-speak-btn[data-state=recording],.kaiwa-launch-speak-btn[data-state=preparing],.kaiwa-launch-speak-btn[data-state=checking]{border-color:#0089a79e;color:var(--accent);background:#0089a729}.kaiwa-launch-speak-btn[data-state=recording]{animation:inlinePlayPulse 1.05s ease-in-out infinite}.kaiwa-launch-speak-btn[data-state=success]{border-color:#5b8c5a80;color:var(--correct);background:#5b8c5a1f}.kaiwa-launch-speak-btn[data-state=retry],.kaiwa-launch-speak-btn[data-state=unavailable]{border-color:#c4756e6b;color:var(--incorrect);background:#c4756e14}.kaiwa-launch-speak-icon{display:inline-flex;align-items:center;justify-content:center}.kaiwa-launch-speak-icon-pulse{animation:gentlePulse .95s ease-in-out infinite}.kaiwa-launch-speak-icon-spin{animation:guidedSpeakingSpin 1s linear infinite}.kaiwa-launch-examples{display:grid;gap:6px;padding-left:16px;border-left:2px solid var(--border);margin-top:2px}.kaiwa-launch-example-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 0}.kaiwa-launch-example-copy{display:grid;gap:4px;min-width:0}.kaiwa-launch-example-ja{font-size:15px;color:var(--text)}.kaiwa-launch-example-en{font-size:13px;color:var(--text-dim)}.kaiwa-flow-preview{display:grid;gap:10px}.kaiwa-flow-turn{display:grid;gap:2px;padding:8px 12px;border-radius:8px}.kaiwa-flow-turn-partner{background:#0000000a}.kaiwa-flow-turn-you{background:#0089a70f}.kaiwa-flow-speaker{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.kaiwa-flow-ja{font-size:17px;color:var(--text)}.kaiwa-flow-en{font-size:13px;color:var(--text-soft)}.kaiwa-flow-tag{font-size:11px;color:var(--text-dim);font-style:italic}.kaiwa-flow-note{font-size:11px;color:var(--text-dim)}.kaiwa-launch-context-prompt{display:grid;gap:12px}.kaiwa-launch-suggestion-chips{display:flex;flex-wrap:wrap;gap:8px}.kaiwa-launch-suggestion-chip{cursor:pointer;display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:100px;background:var(--bg);font-size:15px;color:var(--text);transition:border-color .15s,background .15s}.kaiwa-launch-suggestion-chip:hover{border-color:var(--accent)}.kaiwa-launch-suggestion-chip-active{border-color:var(--accent);background:#0089a714}.kaiwa-launch-suggestion-en{font-size:12px;color:var(--text-dim)}.kaiwa-launch-disclosure{display:grid;gap:12px}.kaiwa-launch-disclosure-toggle{width:100%;padding:0;border:none;background:transparent;font:inherit;color:inherit;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left}.kaiwa-launch-disclosure-icon{font-size:20px;color:var(--text-dim);line-height:1}.kaiwa-launch-section-muted{background:transparent;border:none;padding:0}.kaiwa-launch-notes-panel,.kaiwa-launch-menu-panel{display:grid;gap:10px}.kaiwa-launch-input,.kaiwa-launch-select{width:100%;min-height:44px;padding:12px;font-size:14px;font-family:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;box-sizing:border-box}.kaiwa-launch-notes-label{font-size:14px;color:var(--text);line-height:1.5}.kaiwa-launch-notes-textarea{width:100%;padding:12px;font-size:14px;font-family:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;resize:vertical;line-height:1.5;box-sizing:border-box}.kaiwa-launch-notes-textarea::placeholder{color:var(--text-dim)}.kaiwa-launch-notes-textarea:focus{outline:none;border-color:var(--accent)}.kaiwa-launch-input:focus,.kaiwa-launch-select:focus{outline:none;border-color:var(--accent)}.kaiwa-launch-persona-library-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.kaiwa-launch-persona-grid{display:grid;gap:12px}.kaiwa-launch-persona-card{display:grid;gap:10px;padding:16px;border:1px solid var(--border);border-radius:10px;background:#00000005}.kaiwa-launch-persona-card-selected{border-color:#0089a759;background:#0089a70f}.kaiwa-launch-persona-card-top,.kaiwa-launch-persona-actions,.kaiwa-launch-persona-chips{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.kaiwa-launch-persona-name{margin:0;font-size:18px;color:var(--text)}.kaiwa-launch-persona-copy,.kaiwa-launch-persona-summary{margin:0;font-size:14px;color:var(--text-soft);line-height:1.6}.kaiwa-launch-persona-editor,.kaiwa-launch-persona-form{display:grid;gap:12px}.kaiwa-launch-persona-mode{display:grid;gap:10px}.kaiwa-launch-persona-option{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text)}.kaiwa-launch-persona-error{margin:0;font-size:13px;color:var(--accent)}.kaiwa-launch-actions,.kaiwa-warmup-actions,.kaiwa-review-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.kaiwa-launch-actions,.kaiwa-warmup-actions,.kaiwa-review-nav{justify-content:flex-end}.kaiwa-flow-btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center}.kaiwa-flow-btn--full{width:100%}.kaiwa-nav-primary{order:2}.kaiwa-nav-secondary{order:1}.kaiwa-nav-tertiary{order:-1;margin-right:auto}.kaiwa-text-link-btn{padding:0;border:none;background:transparent;color:var(--text-dim);font:inherit;font-size:13px;cursor:pointer;transition:color .2s ease}.kaiwa-text-link-btn:hover{color:var(--text)}.kaiwa-warmup-container{width:100%;max-width:760px;display:grid;gap:20px}.kaiwa-warmup-top{display:grid;gap:8px}.kaiwa-warmup-title{margin:0;font-size:clamp(28px,5vw,38px);color:var(--text)}.kaiwa-warmup-focus,.kaiwa-warmup-tutor-shell{display:grid;gap:12px}.kaiwa-warmup-focus-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.kaiwa-warmup-focus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kaiwa-warmup-focus-block{display:grid;gap:6px}.kaiwa-warmup-focus-text{margin:0;font-size:15px;color:var(--text);line-height:1.6}.kaiwa-warmup-transcript{height:calc(100dvh - 250px);display:flex;flex-direction:column;gap:8px;min-height:0}.kaiwa-prep-container{width:100%;max-width:480px;display:grid;gap:20px}.kaiwa-prep-container-wide{max-width:760px}.kaiwa-prep-top{display:grid;gap:8px}.kaiwa-prep-title{margin:0;font-size:clamp(28px,5vw,38px);color:var(--text)}.kaiwa-prep-subtitle{margin:0;font-size:15px;color:var(--text-soft);line-height:1.6}.kaiwa-prep-tutor-card,.kaiwa-prep-section,.kaiwa-prep-menu-panel{display:grid;gap:12px}.kaiwa-prep-tutor-top,.kaiwa-prep-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.kaiwa-prep-tutor-title{margin:4px 0 0;font-size:18px;color:var(--text)}.kaiwa-prep-tutor-copy,.kaiwa-prep-menu-copy{margin:0;font-size:14px;color:var(--text-soft);line-height:1.6}.kaiwa-prep-section-body{display:grid;gap:10px}.kaiwa-prep-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0;border-top:1px solid var(--border)}.kaiwa-prep-row:first-child{border-top:none;padding-top:0}.kaiwa-prep-row:last-child{padding-bottom:0}.kaiwa-prep-row-copy{display:grid;gap:4px;flex:1}.kaiwa-prep-row-ja{font-size:18px;color:var(--text)}.kaiwa-prep-row-reading{font-size:13px;color:var(--text-dim)}.kaiwa-prep-row-en{font-size:14px;color:var(--text-soft)}.kaiwa-prep-row-note{font-size:12px;color:var(--text-dim);line-height:1.5}.kaiwa-prep-row-listen{white-space:nowrap}.kaiwa-prep-progress{height:3px;background:var(--border);border-radius:2px;overflow:hidden}.kaiwa-prep-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .3s ease-out}.kaiwa-prep-counter{font-size:11px;color:var(--text-dim);text-align:right}.kaiwa-prep-card{display:grid;gap:8px;padding:36px 28px;text-align:center;cursor:pointer;border:1px solid var(--border);background:var(--surface);border-radius:8px;transition:border-color .15s;animation:cardReveal .3s ease-out;width:100%;font-family:inherit;color:inherit}.kaiwa-prep-card:hover{border-color:#0089a74d}.kaiwa-prep-card-flash{border-color:var(--accent)!important}.kaiwa-prep-phrase-ja{font-size:clamp(28px,5vw,36px);font-family:var(--font-body);color:var(--text);line-height:1.3}.kaiwa-prep-phrase-reading{font-size:16px;color:var(--text-soft)}.kaiwa-prep-phrase-en{font-size:15px;color:var(--text)}.kaiwa-prep-divider{height:1px;background:var(--border);margin:4px 0}.kaiwa-prep-phrase-note{font-size:13px;color:var(--text-dim);line-height:1.5}.kaiwa-prep-listen-hint{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.kaiwa-prep-nav{display:flex;justify-content:space-between;align-items:center}.kaiwa-briefing-container{width:100%;max-width:480px;display:grid;gap:20px}.kaiwa-briefing-top{display:grid;gap:8px}.kaiwa-briefing-intro{margin:0;font-size:14px;color:var(--text-soft);line-height:1.5}.kaiwa-briefing-notes-panel{display:grid;gap:10px}.kaiwa-briefing-label{font-size:14px;color:var(--text);line-height:1.4}.kaiwa-briefing-textarea{width:100%;padding:12px;font-size:14px;font-family:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;resize:vertical;line-height:1.5;box-sizing:border-box}.kaiwa-briefing-textarea::placeholder{color:var(--text-dim)}.kaiwa-briefing-textarea:focus{outline:none;border-color:var(--accent)}.kaiwa-briefing-nav{display:flex;justify-content:space-between;align-items:center}.kaiwa-onboarding-shell{width:100%;max-width:760px;display:grid;gap:20px}.kaiwa-onboarding-intro{display:grid;gap:10px}.kaiwa-onboarding-title{margin:0;font-size:clamp(28px,5vw,40px);color:var(--text)}.kaiwa-onboarding-copy{margin:0;font-size:15px;color:var(--text-soft);line-height:1.7;max-width:62ch}.kaiwa-onboarding-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.kaiwa-live-menu-toggle{display:flex;align-items:center;gap:6px;justify-content:center}.kaiwa-live-menu-toggle-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s}.kaiwa-live-menu-toggle-icon-open{transform:rotate(90deg)}.kaiwa-live-menu-panel{animation:cardReveal .2s ease-out;width:100%;max-width:760px;align-self:center}.kaiwa-live-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;height:calc(100dvh - 48px)}.kaiwa-live-header{display:grid;gap:10px;width:100%;max-width:760px}.kaiwa-live-utility-row{display:flex;justify-content:flex-start;width:100%}.kaiwa-header-pill{display:inline-flex;align-items:center;gap:6px;justify-content:center;padding:0 16px;min-height:46px;border-radius:20px;border:1px solid rgba(0,137,167,.35);background:#0089a714;color:var(--accent);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s}.kaiwa-header-pill:hover{background:#0089a733}.kaiwa-header-pill-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:kaiwaPulse 1.6s ease-in-out infinite}.kaiwa-live-summary-card{display:grid;gap:12px;padding:14px 16px;border:1px solid rgba(0,137,167,.16);border-radius:16px;background:linear-gradient(135deg,rgba(0,137,167,.05),transparent 58%),#f5f1ebb8}.kaiwa-live-goal{display:grid;gap:6px;text-align:left}.kaiwa-live-goal-meta{display:flex;flex-wrap:wrap;gap:6px}.kaiwa-live-persona-meta{display:grid;gap:2px}.kaiwa-live-persona-name,.kaiwa-live-persona-copy{margin:0}.kaiwa-live-persona-name{font-size:14px;color:var(--text)}.kaiwa-live-persona-copy{font-size:13px;color:var(--text-soft)}.kaiwa-live-stage-chip,.kaiwa-live-branch-chip{border-color:#0089a740}.kaiwa-live-branch-chip{background:#0089a714;color:var(--accent)}.kaiwa-live-goal-text{margin:0;font-size:14px;color:var(--text);line-height:1.5}.kaiwa-live-objectives{display:grid;gap:10px;padding-top:10px;border-top:1px solid rgba(0,137,167,.12)}.kaiwa-live-objectives-toggle{width:100%;padding:0;border:none;background:transparent;color:inherit;font:inherit;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;cursor:pointer}.kaiwa-live-objectives-summary{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.kaiwa-live-objective-dots{display:inline-flex;align-items:center;gap:6px}.kaiwa-live-objective-dot{width:10px;height:10px;border-radius:999px;border:1px solid var(--border-strong);background:transparent}.kaiwa-live-objective-dot-met{border-color:var(--correct);background:#5b8c5a2e}.kaiwa-live-objectives-count{font-size:13px;color:var(--text-soft);white-space:nowrap}.kaiwa-live-objectives-chevron{font-size:18px;line-height:1;color:var(--text-dim)}.kaiwa-live-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 14px}.kaiwa-live-check{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-dim);line-height:1.5;transition:color .3s}.kaiwa-live-check-icon{flex-shrink:0}.kaiwa-live-check-label{display:block}.kaiwa-live-check-met{color:var(--correct);animation:cardReveal .3s ease-out}.kaiwa-live-header--compact .kaiwa-live-summary-card{padding-top:12px;padding-bottom:12px}.kaiwa-live-transcript{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent;display:flex;flex-direction:column;justify-content:flex-start;padding:0}.kaiwa-live-transcript .kaiwa-transcript{background:transparent;border:none;border-radius:0;padding:0}.kaiwa-live-transcript .kaiwa-transcript--empty{justify-content:flex-start;padding-top:6px}.kaiwa-live-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0}.kaiwa-live-dot{width:10px;height:10px;border-radius:50%;background:var(--text-dim);transition:background .3s}.kaiwa-live-dot-listening{background:var(--correct);animation:kaiwaPulse 1.6s ease-in-out infinite}.kaiwa-live-dot-speaking{background:var(--accent);animation:kaiwaPulse 1.6s ease-in-out infinite}.kaiwa-live-dot-idle{background:var(--text-dim)}.kaiwa-live-status-text{font-size:14px;color:var(--text-soft)}.kaiwa-live-hint{background:#5b8c5a14;border:1px solid rgba(91,140,90,.28);border-radius:10px;border-left:3px solid var(--correct);display:grid;gap:6px;padding:10px 12px;animation:cardReveal .3s ease-out}.kaiwa-live-hint-text{margin:0;font-size:14px;color:var(--text);line-height:1.5}.kaiwa-live-voice-tip{margin:8px 0 0;font-size:13px;color:var(--text-dim);line-height:1.5;text-align:center}.kaiwa-live-hint-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--accent-soft);border:1px solid rgba(0,137,167,.3);border-radius:8px;font-size:13px;color:var(--text-soft);line-height:1.4;animation:cardReveal .3s ease-out .8s backwards;max-width:760px;width:100%;align-self:center;box-sizing:border-box}.kaiwa-live-hint-dismiss{all:unset;cursor:pointer;flex-shrink:0;color:var(--text-dim);font-size:14px;padding:2px 4px;border-radius:4px;line-height:1;margin-left:auto}.kaiwa-live-hint-dismiss:hover{color:var(--text-soft)}.kaiwa-live-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:2px;width:100%;max-width:760px;flex-shrink:0;flex-wrap:wrap}.kaiwa-live-controls-left,.kaiwa-live-controls-right{display:flex;align-items:center;gap:10px}.kaiwa-live-controls-right{margin-left:auto}.kaiwa-live-tool-button{margin-right:0}.kaiwa-live-tool-button.phrase-notebook-trigger{width:44px;min-width:44px;min-height:44px}.kaiwa-live-tool-pill{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.kaiwa-live-tool-pill-accent{border-color:#0089a759;color:var(--accent)}.kaiwa-live-jump-row{width:100%;max-width:760px;display:flex;justify-content:flex-end}.kaiwa-live-jump-btn{min-height:38px;padding-inline:14px;font-size:12px}.kaiwa-channel-switcher{overflow:hidden;width:100%;flex:1;min-height:0}.kaiwa-channel-track{display:flex;gap:16px;height:100%;transition:transform .35s cubic-bezier(.25,.1,.25,1);padding-left:calc((100% - 760px)/2)}.kaiwa-channel-slot{flex:0 0 760px;height:100%;display:flex;flex-direction:column;gap:0;transition:opacity .3s ease,transform .3s ease}.kaiwa-channel-slot--active{opacity:1;transform:scale(1)}.kaiwa-channel-slot--inactive{opacity:0;pointer-events:none;cursor:pointer}@media(min-width:1600px){.kaiwa-channel-slot--inactive{opacity:.25;position:static;pointer-events:auto;transform:none;max-width:80px;overflow:hidden;mask-image:linear-gradient(to right,rgba(0,0,0,.4),transparent);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.4),transparent)}.kaiwa-channel-slot--inactive .kaiwa-channel-panel{pointer-events:none}}.kaiwa-channel-panel{height:100%;border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:18px 18px 16px;box-sizing:border-box;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.kaiwa-channel-switcher--partner .kaiwa-channel-track{transform:translate(0)}.kaiwa-channel-switcher--tutor .kaiwa-channel-track{transform:translate(-776px)}.kaiwa-tutor-channel{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.kaiwa-tutor-error{font-size:13px;color:var(--accent);text-align:center;padding:4px 0}.kaiwa-tutor-input-area{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0 0;border-top:1px solid var(--border);flex-shrink:0;margin-top:auto}.kaiwa-tutor-quick-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px}.kaiwa-tutor-quick-btn{min-height:40px;padding:6px 12px;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.kaiwa-tutor-quick-btn-short{display:none}.kaiwa-tutor-input{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:14px;color:var(--text);outline:none;font-family:inherit}.kaiwa-tutor-input:focus{border-color:var(--accent)}.kaiwa-tutor-input::placeholder{color:var(--text-dim)}.kaiwa-tutor-send{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;border:none;background:var(--accent);color:#fff;cursor:pointer;flex-shrink:0}.kaiwa-tutor-send:disabled{opacity:.4;cursor:not-allowed}.kaiwa-review-container{width:100%;max-width:480px;display:grid;gap:20px}.kaiwa-review-hero{text-align:center;display:grid;gap:8px;justify-items:center}.kaiwa-review-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;font-size:28px;font-weight:700;animation:cardReveal .4s ease-out}.kaiwa-review-icon-pass{background:#5b8c5a33;color:var(--correct);border:2px solid rgba(91,140,90,.4)}.kaiwa-review-icon-retry{background:var(--accent-soft);color:var(--accent);border:2px solid rgba(0,137,167,.3)}.kaiwa-review-icon-warning{background:#d1a02b26;color:#d1a02b;border:2px solid rgba(209,160,43,.3)}.kaiwa-review-title{margin:0;font-size:22px;color:var(--text);animation:cardReveal .3s ease-out}.kaiwa-review-subtitle{margin:0;font-size:15px;color:var(--text-soft);line-height:1.5}.kaiwa-review-rubric{display:grid;gap:8px}.kaiwa-review-check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-dim)}.kaiwa-review-check-met{color:var(--correct)}.kaiwa-review-check-icon{font-size:16px;width:20px;text-align:center}.kaiwa-review-tip{border-left:3px solid var(--accent);display:grid;gap:6px}.kaiwa-review-tip-text{margin:0;font-size:14px;color:var(--text-soft);line-height:1.5}.kaiwa-review-loading{text-align:center;padding:48px 0}.kaiwa-review-loading-text{margin:0;color:var(--text-soft);font-size:15px}.kaiwa-review-loading-subtext{margin:6px 0 0;color:var(--text-soft);font-size:13px;opacity:.7}.kaiwa-review-loading-mascot{display:flex;justify-content:center;margin:28px auto 0;width:160px}.kaiwa-review-loading-pacer{animation:sumi-pace 3.2s ease-in-out infinite}@keyframes sumi-pace{0%{transform:translate(-24px) scaleX(1)}45%{transform:translate(24px) scaleX(1)}50%{transform:translate(24px) scaleX(-1)}95%{transform:translate(-24px) scaleX(-1)}to{transform:translate(-24px) scaleX(1)}}.kaiwa-review-skip-btn{margin-top:32px;font-size:13px}@media(prefers-reduced-motion:reduce){.kaiwa-review-loading-pacer{animation:none}}.kaiwa-debrief-strengths-list{margin:0;padding:0 0 0 18px;display:grid;gap:4px}.kaiwa-debrief-strength{font-size:14px;color:var(--correct);line-height:1.5}.kaiwa-debrief-growth{border-left:3px solid #c4a24e;display:grid;gap:6px}.kaiwa-debrief-growth-item{color:var(--text-soft);line-height:1.5}.kaiwa-debrief-moments{display:grid;gap:8px}.kaiwa-debrief-moments-label{margin-bottom:4px}.kaiwa-moment-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;animation:cardReveal .3s ease-out}.kaiwa-moment-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;background:none;border:none;cursor:pointer;font-size:14px;font-family:inherit;color:var(--text);text-align:left;gap:8px}.kaiwa-moment-header:hover{background:var(--hover)}.kaiwa-moment-title{flex:1;font-weight:500}.kaiwa-moment-chevron{font-size:16px;color:var(--text-dim);flex-shrink:0;width:20px;text-align:center}.kaiwa-moment-body{padding:0 14px 14px;display:grid;gap:10px}.kaiwa-moment-transcript{background:var(--bg);border-radius:6px;padding:8px 10px;display:grid;gap:4px}.kaiwa-moment-turn{display:flex;gap:8px;font-size:13px;line-height:1.5;color:var(--text-soft)}.kaiwa-moment-turn-anchor{color:var(--text);font-weight:500}.kaiwa-moment-turn-role{flex-shrink:0;font-weight:600;min-width:50px}.kaiwa-moment-turn-text{flex:1}.kaiwa-moment-explanation{margin:0;font-size:14px;color:var(--text-soft);line-height:1.5}.kaiwa-moment-context{margin:0;font-size:13px;color:var(--text-dim);line-height:1.5;font-style:italic}.kaiwa-moment-options{display:grid;gap:6px}.kaiwa-moment-options-label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.kaiwa-moment-chips{display:flex;flex-wrap:wrap;gap:6px}.kaiwa-moment-chip{display:inline-block;padding:4px 10px;background:var(--accent-soft);color:var(--accent);border-radius:4px;font-size:14px;font-weight:500}.kaiwa-moment-ask-tutor{font-size:13px;padding:6px 0;justify-self:start}.kaiwa-moment-card-stuck{border-color:var(--warning, #c4a24e)}.kaiwa-moment-card-stuck .kaiwa-moment-header:hover{background:#c4a24e0f}.kaiwa-moment-stuck-icon{color:var(--warning, #c4a24e)}.debrief-tutor-body{display:flex;flex-direction:column;padding:0}.debrief-tutor-header{display:grid;gap:10px;justify-content:flex-start}.debrief-tutor-header-copy{display:grid;gap:4px}.debrief-tutor-title{margin:0;font-size:16px;color:var(--text);line-height:1.4}.debrief-tutor-back{justify-self:start}.debrief-tutor-body .kaiwa-tutor-channel{flex:1;min-height:0;padding:0 16px 16px}.kaiwa-debrief-recommendation{border-left:3px solid var(--accent);display:grid;gap:4px}.kaiwa-debrief-recommendation-focus{margin:0;font-size:15px;font-weight:500;color:var(--text)}.kaiwa-debrief-recommendation-action{margin:0;font-size:14px;color:var(--text-soft);line-height:1.5}.kaiwa-debrief-follow-up{display:grid;gap:8px}.kaiwa-debrief-follow-up-copy{margin:0;font-size:14px;color:var(--text-soft);line-height:1.6}.kaiwa-debrief-follow-up-btn{justify-self:stretch}.kaiwa-transcript-help-drawer{width:min(420px,100vw)}.kaiwa-transcript-help-body{display:grid;gap:12px}.kaiwa-transcript-help-panel{display:grid;gap:8px}.kaiwa-transcript-help-selection{margin:0;font-size:20px;color:var(--text);line-height:1.6}.kaiwa-transcript-help-copy{margin:0;font-size:14px;color:var(--text);line-height:1.6}.kaiwa-transcript-help-copy-soft{color:var(--text-soft)}.kaiwa-transcript-help-selection-row{display:flex;align-items:flex-start;gap:8px}.kaiwa-transcript-help-selection-row .kaiwa-transcript-help-selection{flex:1;min-width:0}.kaiwa-transcript-help-play-btn{flex-shrink:0;padding:4px;color:var(--text-soft);transition:color .15s}.kaiwa-transcript-help-play-btn:hover{color:var(--text)}.kaiwa-transcript-help-play-btn:disabled{opacity:.4;cursor:default}.kaiwa-transcript-help-breakdown{display:grid;gap:10px}.kaiwa-transcript-help-breakdown-item{display:flex;align-items:flex-start;gap:8px}.kaiwa-transcript-help-breakdown-text{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.kaiwa-transcript-help-breakdown-original{font-size:16px;color:var(--text);font-weight:500}.kaiwa-transcript-help-breakdown-kana{font-size:13px;color:var(--text-soft)}.kaiwa-transcript-help-breakdown-gloss{font-size:13px;color:var(--text-soft);font-style:italic}.debrief-tutor-overlay{width:min(460px,100vw)}@keyframes kaiwaPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.08)}}@keyframes cardReveal{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media(max-width:720px){.kaiwa-mission-page{align-items:flex-start;padding-top:16px}.kaiwa-launch-top,.kaiwa-warmup-focus-top{flex-direction:column;align-items:stretch}.kaiwa-prep-row,.kaiwa-launch-persona-card-top,.kaiwa-launch-persona-actions{flex-direction:column}.kaiwa-launch-row-main,.kaiwa-launch-example-row{grid-template-columns:1fr}.kaiwa-launch-btn-group{flex-wrap:wrap}.kaiwa-warmup-focus-grid{grid-template-columns:1fr}.kaiwa-live-header{gap:8px}.kaiwa-live-summary-card{gap:10px;padding:12px 14px;border-radius:14px}.kaiwa-live-goal,.kaiwa-live-goal-meta{gap:4px}.kaiwa-live-goal-meta .kaiwa-live-branch-chip{display:none}.kaiwa-live-persona-copy{font-size:12px}.kaiwa-live-objectives{padding-top:8px;gap:8px}.kaiwa-live-objectives-toggle{align-items:flex-start}.kaiwa-live-objectives-summary{gap:8px;justify-content:flex-start}.kaiwa-live-checks{grid-template-columns:1fr;gap:8px}.kaiwa-live-check{font-size:12px}.kaiwa-channel-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:12px;width:calc(200% + 12px);padding-left:0;height:100%}.kaiwa-channel-slot{min-height:0}.kaiwa-live-container{height:calc(100dvh - 40px)}.kaiwa-channel-panel{border:none;border-radius:0;background:transparent;padding:0}.kaiwa-channel-switcher--partner .kaiwa-channel-track{transform:translate(0)}.kaiwa-channel-switcher--tutor .kaiwa-channel-track{transform:translate(calc(-50% - 6px))}.kaiwa-live-controls{width:100%;justify-content:space-between;gap:8px;padding-top:2px}.kaiwa-live-controls-left,.kaiwa-live-controls-right{gap:8px}.kaiwa-live-controls-right{margin-left:auto}.kaiwa-live-jump-row{justify-content:stretch}.kaiwa-live-jump-btn{width:100%}.kaiwa-tutor-quick-actions{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px;gap:6px}.kaiwa-tutor-quick-actions::-webkit-scrollbar{display:none}.kaiwa-tutor-quick-btn{flex-shrink:0;white-space:nowrap;font-size:11px;min-height:38px;padding:5px 10px}.kaiwa-tutor-quick-btn-full{display:none}.kaiwa-tutor-quick-btn-short{display:inline}.kaiwa-live-transcript{padding:0}.kaiwa-onboarding-actions,.kaiwa-launch-actions,.kaiwa-prep-nav,.kaiwa-briefing-nav,.kaiwa-warmup-actions,.kaiwa-review-nav{flex-direction:column;align-items:stretch}.kaiwa-flow-btn,.kaiwa-review-nav>.action-btn,.kaiwa-review-nav>.ghost-btn,.kaiwa-review-nav>a{width:100%}.kaiwa-nav-tertiary{order:3;margin-right:0;text-align:center}.debrief-tutor-overlay{width:100vw;max-width:none;border-left:none}.debrief-tutor-body .kaiwa-tutor-channel{padding-inline:14px}}.kaiwa-session-bookmark{text-align:center;padding:8px 0;margin:-4px 0 8px}.kaiwa-session-bookmark-text{font-size:13px;color:var(--text-soft);font-family:var(--font-display);font-style:italic;letter-spacing:.01em}.kaiwa-session-bookmark--milestone .kaiwa-session-bookmark-text{color:var(--accent)}.writing-select{animation:fadeIn .4s ease}.writing-header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.writing-title{font-size:18px;font-weight:500;color:var(--text);margin:0}.alpha-badge{background:var(--accent-soft);color:var(--accent);font-size:10px;padding:2px 8px;border-radius:3px;font-family:var(--font-body);font-weight:500;letter-spacing:.08em;text-transform:uppercase}.writing-description{color:var(--text-soft);font-size:14px;margin:0 0 20px}.writing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;max-width:min(100%,820px)}@media(max-width:640px){.writing-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}}.writing-grid-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:border-color .2s,background .2s;padding:6px}.writing-grid-cell:hover{border-color:var(--border-strong);background:var(--surface-hover)}.writing-grid-kanji{font-family:var(--font-body);font-size:26px;line-height:1.1;color:var(--text)}.writing-grid-reading{font-size:12px;color:var(--text-soft)}.writing-grid-meaning{font-size:10px;color:var(--text-dim);font-family:var(--font-body);text-align:center;line-height:1.2}.writing-grid-reading-summary{font-size:9px;color:var(--text-dim);font-family:var(--font-body);letter-spacing:.02em}.writing-practice{animation:fadeIn .4s ease}.writing-practice-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.writing-practice-info{display:grid;gap:6px}.writing-practice-char{font-family:var(--font-body);font-size:24px;font-weight:500;color:var(--text);line-height:1}.writing-reading-chips{display:flex;gap:6px;flex-wrap:wrap}.writing-reading-chip{font-family:var(--font-body);font-size:11px;color:var(--text-soft);border:1px solid var(--border);border-radius:999px;padding:2px 8px}.writing-reading-note{margin:0;font-size:11px;color:var(--text-dim);font-family:var(--font-body)}.writing-practice-meta{display:grid;gap:8px;justify-items:end}.writing-practice-progress{font-size:13px;color:var(--text-soft);white-space:nowrap}.writing-mode-toggle{display:flex;gap:6px}.writing-mode-btn{min-width:74px;padding:6px 10px;font-size:11px}.writing-mode-btn.active{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.writing-practice-area{position:relative;width:min(var(--canvas-size, 400px),85vw);aspect-ratio:1;margin:0 auto;border-radius:8px;background:var(--surface);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.writing-practice-area:before,.writing-practice-area:after{content:"";position:absolute;z-index:0;pointer-events:none}.writing-practice-area:before{width:1px;height:100%;left:50%;top:0;background:var(--border)}.writing-practice-area:after{height:1px;width:100%;top:50%;left:0;background:var(--border)}.writing-guide-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.writing-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;touch-action:none;cursor:crosshair;border:1px solid var(--border);border-radius:8px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.writing-grading{margin:14px auto 0;width:min(var(--canvas-size, 400px),85vw);border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:var(--surface)}.writing-grading-row{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--text-soft)}.writing-grading-row strong{color:var(--text);font-size:13px}.writing-grading-band{margin:8px 0 0;font-size:12px;font-family:var(--font-body);text-transform:uppercase;letter-spacing:.04em}.writing-grading-band.pass{color:var(--correct)}.writing-grading-band.retry{color:var(--incorrect)}.writing-grading-tips{margin-top:8px;display:grid;gap:4px}.writing-grading-tip{margin:0;font-size:12px;color:var(--text-soft)}.writing-controls{display:flex;gap:8px;justify-content:center;margin-top:16px;flex-wrap:wrap}.writing-complete{text-align:center;margin-top:20px}.writing-complete-message{font-family:var(--font-body);font-size:18px;color:var(--correct);margin:0 0 14px}.writing-loading,.writing-error{color:var(--text-soft);font-size:14px;text-align:center;padding:40px 0}.writing-error{color:var(--incorrect)}@keyframes strokeDraw{0%{stroke-dashoffset:var(--path-length, 200)}to{stroke-dashoffset:0}}@media(max-width:768px){.writing-grid{max-width:100%}.writing-practice-header{flex-direction:column;align-items:stretch}.writing-practice-meta{justify-items:start}}@media(max-width:600px){.writing-grid{gap:6px}.writing-grid-kanji{font-size:22px}.writing-grid-meaning{font-size:9px}.writing-practice-header{gap:8px}}:root{--bg: #FCFAF2;--surface: #F5F1EB;--surface-hover: #EDE8E0;--border: #D4D2CF;--border-strong: #B8B5B0;--text: #343434;--text-soft: #949495;--text-dim: #B8B5B0;--accent: #0089A7;--accent-soft: rgba(0, 137, 167, .12);--accent-warm: #AC8181;--correct: #5B8C5A;--incorrect: #C4756E;--font-display: "EB Garamond", Georgia, serif;--font-body: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", Georgia, serif;--font-vocab: "Klee One", serif;--radius-card: 12px;--radius-pill: 20px;--radius-chip: 8px;--radius-sm: 6px}*{box-sizing:border-box;margin:0;padding:0}input:focus{outline:none}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body)}a{color:inherit;text-decoration:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes inlinePlayPulse{0%,to{box-shadow:0 0 #0089a759}50%{box-shadow:0 0 0 5px #0089a700}}@keyframes gentlePulse{0%,to{opacity:.6}50%{opacity:1}}.fade-in{animation:fadeIn .35s ease-out}.slide-up{animation:slideUp .35s ease-out}.card-reveal{animation:cardReveal .35s ease-out}@media(prefers-reduced-motion:reduce){.fade-in,.slide-up,.card-reveal{animation:none;opacity:1;transform:none}}.app-shell{--site-header-height: 76px;min-height:100vh;color:var(--text);display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:10;padding:0 24px;border-bottom:1px solid var(--border);background:var(--bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;justify-content:space-between;align-items:center;width:100%;max-width:1020px;margin:0 auto;gap:16px;height:var(--site-header-height)}.site-header-branding{min-width:0;display:grid;gap:8px}.site-header-logo{width:fit-content;font-size:clamp(1.6rem,2.2vw,2rem);font-weight:600;color:var(--text);line-height:1;letter-spacing:-.02em}.site-header-breadcrumbs{min-width:0}.site-header-right{display:flex;align-items:center;gap:10px;flex:0 0 auto}.site-header-auth-btn{font-family:var(--font-body);font-size:12px;color:var(--text-soft);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 12px;cursor:pointer;transition:color .18s,border-color .18s,background-color .18s}.site-header-auth-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-hover)}.site-header-settings{color:var(--text-dim);display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:999px;border:1px solid transparent;transition:color .18s,border-color .18s,background-color .18s}.site-header-settings:hover{color:var(--text);border-color:var(--border);background:var(--surface)}.phrase-notebook-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-soft);font-family:var(--font-body);font-size:12px;cursor:pointer;transition:color .18s,border-color .18s,background-color .18s}.phrase-notebook-trigger:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-hover)}.phrase-notebook-trigger[data-variant=header],.phrase-notebook-trigger[data-variant=icon-only]{width:34px;min-width:34px;padding:0}.breadcrumb{min-width:0}.breadcrumb-list{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:0;min-width:0;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.breadcrumb-list::-webkit-scrollbar{display:none}.breadcrumb-item{display:inline-flex;align-items:center;min-width:0}.breadcrumb-item+.breadcrumb-item:before{content:"/";margin:0 8px;color:var(--text-dim);font-size:12px;font-family:var(--font-body)}.breadcrumb-link,.breadcrumb-current{min-width:0;font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-body)}.breadcrumb-link{color:var(--text-soft);transition:color .18s ease}.breadcrumb-link:hover,.breadcrumb-current{color:var(--text)}.breadcrumb-home-link{display:inline-flex;align-items:center;justify-content:center;color:var(--text-soft);transition:color .18s ease}.breadcrumb-home-link:hover{color:var(--text)}.app-frame{padding:0 24px;flex:1 1 auto;min-width:0;flex-direction:column;display:flex;min-height:0}.site-footer{border-top:1px solid var(--border);padding:14px 24px}.site-footer-inner{width:100%;max-width:1020px;margin:0 auto;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.site-footer-link{color:var(--text-soft);font-family:var(--font-body);font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:transparent;border:none;padding:0;cursor:pointer;transition:color .18s ease}.site-footer-link:hover{color:var(--text)}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0 10px;border-bottom:1px solid var(--border);max-width:1020px;margin:0 auto;width:100%}.session-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.session-chip{background:var(--surface);color:var(--text-soft)}.session-link{padding:6px 10px;font-size:11px}.app-main{padding:28px 16px;max-width:1020px;margin:0 auto;width:100%}.hub-page{display:grid;gap:24px}.hub-hero{display:grid;gap:10px;padding:clamp(12px,3vw,24px) 0}.hub-kicker{margin:0;color:var(--accent);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-family:var(--font-body)}.hub-title{margin:0;font-size:clamp(2rem,5vw,3.2rem);line-height:.98;letter-spacing:-.04em;color:var(--text)}.hub-lede{margin:0;max-width:58ch;color:var(--text-soft);font-size:15px;line-height:1.75}.learn-resume-link{margin:0;font-size:13px;color:var(--text-soft)}.learn-resume-link a{color:var(--accent)}.hub-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.hub-grid-compact{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.hub-card{position:relative;display:grid;gap:12px;padding:22px 20px 20px;border:1px solid transparent;border-radius:var(--radius-card);color:inherit;text-decoration:none;background:var(--surface);transition:transform .22s ease,border-color .22s ease;overflow:hidden}.hub-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.hub-card-featured{background:var(--surface)}.hub-card-muted{opacity:.9}.hub-card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.hub-card-kicker{color:var(--text-dim);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-family:var(--font-body)}.hub-card-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;border-radius:999px;padding:4px 8px;border:1px solid var(--border);color:var(--text-soft);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-body)}.hub-card-badge-accent{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.hub-card-title{margin:0;font-size:clamp(1.35rem,3vw,1.7rem);line-height:1.05;color:var(--text)}.hub-card-copy{margin:0;color:var(--text-soft);font-size:14px;line-height:1.7}.hub-card-cta{color:var(--text);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-body)}.scope-picker{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);overflow:hidden}.scope-tabs{display:flex;border-bottom:1px solid var(--border)}.scope-tab{flex:1;padding:12px 10px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-soft);font-size:13px;font-family:var(--font-body);letter-spacing:.04em;cursor:pointer;transition:color .2s,border-color .2s}.scope-tab:hover:not(:disabled){color:var(--text)}.scope-tab.active{color:var(--text);border-bottom-color:var(--accent)}.scope-tab:disabled{opacity:.35;cursor:default}.scope-panel{padding:16px 20px;min-height:48px}.scope-detail{display:grid;gap:10px}.scope-empty-state{grid-template-columns:auto 1fr;align-items:center}.scope-summary{margin:0;color:var(--text-soft);font-size:14px;line-height:1.6;font-family:var(--font-body)}.scope-forms-list{margin:0;color:var(--text-dim);font-size:12px;font-family:var(--font-body);letter-spacing:.02em}.scope-learn-link{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.scope-stage-chips{display:flex;flex-wrap:wrap;gap:6px}.scope-stage-chip{cursor:pointer;transition:border-color .2s,color .2s}.scope-stage-chip-active{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.scope-stage-note{opacity:.6;font-size:10px}.scope-custom-controls{gap:14px}.scope-control-row{display:grid;gap:6px}.scope-control-label{color:var(--text-dim);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-body)}.practice-mode-group{display:grid;gap:12px}.practice-group-title{margin:0;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-family:var(--font-body)}.nav-btn{background:transparent;border:1px solid var(--border);color:var(--text-soft);padding:8px 18px;border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-body);font-size:13px;letter-spacing:.05em;transition:all .25s}.nav-btn:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface)}.nav-btn.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.action-btn{background:var(--accent);border:none;color:#fff;padding:12px 28px;border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:.03em;transition:all .25s}.action-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.action-btn:disabled{opacity:.4;cursor:default;transform:none;filter:none}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-pill);padding:10px 24px;font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease}.ghost-btn{background:transparent;border:1px solid var(--border-strong);color:var(--text-soft);padding:10px 22px;border-radius:var(--radius-pill);cursor:pointer;font-family:var(--font-body);font-size:13px;transition:all .25s}.ghost-btn:hover{background:var(--surface);color:var(--text)}.ghost-btn:disabled,.ghost-btn[aria-disabled=true]{opacity:.42;cursor:default;background:transparent;color:var(--text-dim);border-color:var(--border)}.ghost-btn:disabled:hover,.ghost-btn[aria-disabled=true]:hover{background:transparent;color:var(--text-dim)}.btn-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:6px}.status-with-icon{display:inline-flex;align-items:center;gap:6px}.app-icon{flex-shrink:0}.star-rating{display:inline-flex;align-items:center;gap:3px}.star-rating-icon.empty{opacity:.4}.chip{display:inline-block;padding:4px 10px;border-radius:3px;font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.04em}.chip-success{background:#5b8c5a33;color:var(--correct);align-self:center}.verb-row{display:grid;grid-template-columns:1.6fr 1fr auto auto;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s;gap:12px}.verb-row:hover{background:var(--surface-hover)}.form-tag{padding:5px 12px;border:1px solid var(--border);border-radius:3px;cursor:pointer;font-family:var(--font-body);font-size:12px;transition:all .2s;background:transparent;color:var(--text-soft);white-space:nowrap}.form-tag:hover{border-color:var(--border-strong);color:var(--text)}.form-tag.selected{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.form-hero{width:100%;max-width:460px;display:flex;flex-direction:column;align-items:center;gap:6px;margin:0 auto 22px;text-align:center}.form-hero-kicker{font-family:var(--font-body);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim)}.form-hero-value{margin:0;font-size:clamp(30px,4.2vw,40px);line-height:1.1;font-weight:600;color:var(--accent)}.form-hero-desc{font-family:var(--font-body);font-size:12px;color:var(--text-soft);letter-spacing:.03em}.secondary-verb{font-size:35px;font-weight:500;line-height:1.25;color:var(--text)}.secondary-meaning{margin-top:6px;font-size:13px;color:var(--text-soft);font-family:var(--font-body)}.inline-play-btn{width:32px;height:32px;border-radius:999px;border:1px solid rgba(0,137,167,.28);background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .24s ease;font-size:14px;line-height:1;flex:0 0 auto}.inline-play-btn[data-size=small]{width:28px;height:28px;font-size:12px}.inline-play-btn:hover{color:var(--accent);border-color:#0089a78c;background:#0089a72e;transform:translateY(-1px)}.inline-play-btn[data-busy=true]{border-color:#0089a7cc;color:var(--accent);animation:inlinePlayPulse .95s ease-in-out infinite}.inline-play-btn:disabled{opacity:.55;cursor:default;transform:none;animation:none}.flashcard-line-with-audio{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.sentence-rich-text{display:inline;line-height:inherit}.sentence-segment{ruby-position:over;line-height:inherit}.sentence-segment rt{font-size:.5em;font-weight:400;letter-spacing:.03em;color:var(--text-soft)}.sentence-segment-plain{line-height:inherit}.speaking-sentence-muted{color:var(--text-soft)}.speaking-sentence-focus{color:var(--accent)}.flashcard-context-shell{width:100%;max-width:520px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:10px}.flashcard-context-translation{width:100%;max-width:500px;font-size:13px;line-height:1.35;color:var(--text-soft);font-family:var(--font-body);letter-spacing:.02em;text-align:center;overflow:hidden;max-height:0;opacity:0;margin-bottom:0;transform:translateY(6px);transition:max-height .32s ease,opacity .22s ease,transform .28s ease,margin-bottom .32s ease}.flashcard-context-translation.visible{max-height:40px;opacity:1;margin-bottom:4px;transform:translateY(0)}.flashcard-context-display{width:100%;min-height:74px;display:flex;align-items:center;justify-content:center}.flashcard-context-line{width:100%;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.flashcard-context-line.hidden{display:none;pointer-events:none}.flashcard-context-line.visible{display:flex}.flashcard-conjugation-value{font-size:clamp(32px,5vw,40px);font-weight:500;color:var(--accent);line-height:1.25}.flashcard-sentence-value{max-width:100%;text-align:center;font-size:clamp(32px,5vw,40px);font-weight:500;line-height:1.25;color:var(--text-soft);letter-spacing:.01em;word-break:normal;overflow-wrap:anywhere;line-break:anywhere}.flashcard-sentence-muted{color:var(--text-dim)}.flashcard-sentence-focus{color:var(--accent)}.flashcard-context-controls{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;min-height:34px}.flashcard-context-btn{border:1px solid var(--border-strong);background:transparent;color:var(--text-soft);padding:6px 12px;border-radius:999px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-family:var(--font-body);cursor:pointer;transition:all .22s ease}.flashcard-context-btn:hover{border-color:#0089a794;color:var(--accent);background:var(--accent-soft)}.flashcard-context-btn.active{border-color:#0089a7cc;color:var(--accent);background:#0089a73d}.flashcard-context-audio-slot,.browse-context-audio-slot{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center}.flashcard-context-audio-slot .inline-play-btn,.browse-context-audio-slot .inline-play-btn{opacity:0;transform:scale(.88);pointer-events:none;transition:opacity .24s ease,transform .28s ease}.flashcard-context-audio-slot.visible .inline-play-btn,.browse-context-audio-slot.visible .inline-play-btn{opacity:1;transform:scale(1);pointer-events:auto}.browse-form-card{padding:10px 14px;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;flex-direction:column;gap:8px;min-height:158px}.browse-form-desc{font-size:10px;color:var(--text-dim);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.1em}.browse-context-display{min-height:68px;display:flex;align-items:center}.browse-conjugation-line{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.browse-conjugation-value{font-size:clamp(24px,3.3vw,30px);font-weight:500;color:var(--accent);line-height:1.25}.browse-context-shell{width:100%;display:flex;flex-direction:column;gap:4px;animation:fadeIn .24s ease-out}.browse-context-translation{font-size:11px;line-height:1.3;color:var(--text-soft);font-family:var(--font-body);letter-spacing:.02em}.browse-context-sentence{min-height:28px;font-size:clamp(20px,2.9vw,25px);line-height:1.3;word-break:normal;overflow-wrap:anywhere;line-break:anywhere;color:var(--text-soft)}.browse-context-muted{color:var(--text-dim)}.browse-context-focus{color:var(--accent)}.browse-context-controls{margin-top:auto;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:30px}.practice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.speaking-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;max-width:680px}.guided-speaking-shell{display:grid;gap:14px}.guided-speaking-header{display:grid;gap:6px}.guided-speaking-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.guided-speaking-title{margin:0;font-size:16px;font-family:var(--font-body)}.guided-speaking-badge{border-radius:999px;border:1px solid rgba(0,137,167,.4);background:var(--accent-soft);color:var(--accent);padding:3px 8px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;font-family:var(--font-body)}.guided-speaking-instruction,.guided-speaking-supporting,.guided-speaking-status,.guided-speaking-review-feedback{margin:0;color:var(--text-soft);line-height:1.5;font-size:12px}.guided-speaking-prompt-card{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:14px;display:grid;gap:12px}.guided-speaking-meta-row{display:flex;gap:8px;flex-wrap:wrap}.guided-speaking-prompt-row,.guided-speaking-prompt-block{display:grid;gap:4px}.guided-speaking-prompt-label,.guided-speaking-review-label{font-size:11px;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-body)}.guided-speaking-prompt-value{font-size:28px;line-height:1.25}.guided-speaking-prompt-value.ruby{font-size:30px}.guided-speaking-prompt-value.compact{font-size:18px}.guided-speaking-prompt-block-body{font-size:22px;line-height:1.45}.guided-speaking-phase{display:grid;gap:12px}.guided-speaking-primary-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:space-between}.guided-speaking-cta{min-width:190px;justify-content:center}.guided-speaking-cta .btn-with-icon{justify-content:center}.guided-speaking-cta[data-state=recording]{border-color:#0089a7a6;color:var(--accent);background:#0089a72e;animation:inlinePlayPulse 1.05s ease-in-out infinite}.guided-speaking-cta[data-state=preparing],.guided-speaking-cta[data-state=submitting]{border-color:#0089a7a6}.guided-speaking-cta-icon{display:inline-flex;align-items:center;justify-content:center}.guided-speaking-cta-icon-pulse{animation:gentlePulse .95s ease-in-out infinite}.guided-speaking-cta-icon-spin{animation:guidedSpeakingSpin 1s linear infinite}.guided-speaking-record-shell{display:grid;gap:12px;justify-items:start}.guided-speaking-review{border:1px solid var(--border);border-radius:10px;padding:14px;display:grid;gap:12px}.guided-speaking-review.passed{border-color:#5b8c5a66;background:#5b8c5a14}.guided-speaking-review.failed{border-color:#c4756e66;background:#c4756e14}.guided-speaking-review-title{font-size:15px;color:var(--text)}.guided-speaking-review-grid{display:grid;gap:10px}.guided-speaking-review-item{display:grid;gap:4px}.guided-speaking-review-value{font-size:22px;font-family:var(--font-body);color:var(--text)}.guided-speaking-review-copy{font-size:13px;color:var(--text);word-break:break-word}.guided-speaking-review-playback{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.guided-speaking-footer{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:2px}.speaking-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px;flex-wrap:wrap}.speaking-card-controls{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:18px 0 14px}.speaking-mic-btn{width:148px;height:148px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(0,137,167,.52);background:var(--accent-soft);color:var(--accent);font-family:var(--font-body);font-size:14px;letter-spacing:.06em;font-weight:700;cursor:pointer;transition:transform .22s ease,filter .22s ease,border-color .22s ease}.speaking-mic-btn .btn-with-icon{flex-direction:column;gap:8px}.speaking-mic-btn:hover{transform:translateY(-2px) scale(1.01);filter:brightness(1.08);border-color:#0089a7d1}.speaking-mic-btn:disabled{opacity:.45;cursor:default;transform:none;filter:none}.speaking-status{font-size:12px;color:var(--text-soft);font-family:var(--font-body);text-align:left;max-width:460px}@keyframes guidedSpeakingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:18px}.home-layout{display:grid;gap:16px}.home-kaiwa-hero,.home-kaiwa-teaser,.home-secondary-nav{display:grid;gap:14px}.home-kaiwa-hero{padding:clamp(22px,4vw,34px);border-radius:22px;background:linear-gradient(135deg,rgba(0,137,167,.08),transparent 56%),var(--surface)}.home-kaiwa-hero-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.home-kaiwa-kicker{margin:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.home-hero h1{margin:0 0 8px;font-size:clamp(32px,5vw,44px);line-height:1;color:var(--text)}.home-hero p{margin:0;color:var(--text-soft);line-height:1.6;max-width:640px}.home-kaiwa-hero h1,.home-kaiwa-teaser h2,.home-secondary-nav h2{margin:0;color:var(--text)}.home-kaiwa-hero h1{font-size:clamp(2.1rem,5vw,3.2rem);line-height:1.02;max-width:12ch}.home-kaiwa-teaser h2,.home-secondary-nav h2{font-size:clamp(1.35rem,3vw,1.7rem);line-height:1.15}.home-kaiwa-copy,.home-secondary-nav-copy p{margin:0;color:var(--text-soft);line-height:1.65;max-width:62ch}.home-kaiwa-actions{display:flex;gap:10px;flex-wrap:wrap}.home-kaiwa-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.home-kaiwa-summary-card{display:grid;align-content:start;gap:4px;padding:14px 16px;border:1px solid var(--border);border-radius:16px;background:#fcfaf2b8}.home-kaiwa-summary-link{color:inherit;text-decoration:none;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.home-kaiwa-summary-link:hover{border-color:var(--accent);background:#0089a714}.home-kaiwa-summary-link:focus-visible{outline:2px solid rgba(0,137,167,.24);outline-offset:2px;border-color:var(--accent);background:#0089a714}.home-kaiwa-summary-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.home-kaiwa-summary-card strong{font-size:18px;color:var(--text)}.home-kaiwa-summary-ja,.home-kaiwa-summary-note,.home-kaiwa-practice-again{font-size:13px;line-height:1.6;color:var(--text-soft)}.home-kaiwa-practice-again{margin:0}.home-kaiwa-practice-again a{color:var(--accent)}.home-kaiwa-teaser{border-radius:18px;padding:clamp(20px,4vw,30px);border:1px solid var(--border);background:var(--surface)}.home-secondary-nav{padding:0}.home-secondary-nav-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-secondary-nav-copy{color:var(--text-soft);line-height:1.65;margin:0}.home-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-secondary-card{display:grid;gap:10px;padding:16px;border:1px solid transparent;border-radius:16px;color:inherit;background:var(--surface);transition:border-color .18s ease,transform .18s ease,background-color .18s ease}.home-secondary-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.home-secondary-card-title{font-size:19px;color:var(--text)}.home-secondary-card-copy{color:var(--text-soft);line-height:1.55}.home-secondary-card-cta{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.orientation-banner{margin-bottom:16px;padding:14px 16px;border-radius:6px;border:1px solid var(--border-strong);background:var(--accent-soft)}.orientation-kicker{font-size:11px;color:var(--text-dim);letter-spacing:.06em;margin-bottom:6px}.orientation-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.orientation-heading{font-size:17px;margin:0 0 10px}.orientation-top .orientation-heading{margin-bottom:0}.orientation-copy{margin:0 0 12px;font-size:13px;color:var(--text-soft);line-height:1.6}.orientation-banner .about-notes-list{margin-bottom:12px}.orientation-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.home-continue{display:grid;gap:12px}.home-continue-heading{font-size:18px;margin:0}.home-continue-stage{font-size:13px;color:var(--text-soft);margin:0;font-family:var(--font-body)}.home-continue-block h3{font-size:14px;margin:12px 0 8px;font-family:var(--font-body);color:var(--text-soft)}.mini-deck{display:grid;gap:8px}.home-example-sentence{font-size:22px;line-height:1.8}.home-example-muted{color:var(--text-soft)}.home-example-focus{color:var(--accent)}.home-example-translation{font-size:13px;color:var(--text-dim);font-family:var(--font-body);margin:4px 0 0}.about-layout{display:grid;gap:24px;max-width:680px}.about-section h2{font-size:22px;margin:0 0 10px}.about-section h3{font-size:17px;margin:0 0 8px}.about-section p{color:var(--text-soft);line-height:1.7;margin:0 0 8px}.about-notes-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.about-notes-list li{padding:8px 12px;border-left:2px solid var(--accent);color:var(--text-soft);font-size:13px;line-height:1.5;font-family:var(--font-body)}.about-section-eyebrow{margin:0 0 6px;font-size:11px;color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;font-family:var(--font-body)}.mascot-review-section{padding:20px;border:1px solid var(--border);border-radius:var(--radius-card);background:radial-gradient(circle at top right,rgba(0,137,167,.08),transparent 40%),linear-gradient(180deg,#f5f1ebf2,#fcfaf2)}.mascot-review-stage{display:grid;gap:20px;margin-top:18px;align-items:center;grid-template-columns:minmax(200px,240px) minmax(0,1fr)}.mascot-review-canvas{min-height:240px;display:grid;place-items:center;border-radius:var(--radius-card);border:1px solid rgba(0,137,167,.18);background:radial-gradient(circle at 50% 18%,rgba(0,137,167,.1),transparent 38%),linear-gradient(180deg,#fcfaf2fa,#f5f1ebeb)}.mascot-review-copy{display:grid;gap:8px}.mascot-review-copy p{margin:0}.mascot-review-label{color:var(--text);font-size:22px;font-family:var(--font-display)}.mascot-review-state-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.mascot-review-state-btn,.mascot-review-card{border:1px solid var(--border);background:#fcfaf2f0;color:var(--text);font:inherit;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.mascot-review-state-btn{padding:9px 14px;border-radius:999px}.mascot-review-state-btn:hover,.mascot-review-card:hover{border-color:#0089a773;background:#0089a714;transform:translateY(-1px)}.mascot-review-state-btn.is-active,.mascot-review-card.is-active{border-color:var(--accent);background:#0089a71f}.mascot-review-gallery{display:grid;gap:12px;margin-top:18px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.mascot-review-card{display:grid;gap:10px;justify-items:center;padding:14px 10px 12px;border-radius:var(--radius-chip)}.mascot-review-card span{font-size:12px;color:var(--text-soft)}@media(max-width:720px){.mascot-review-stage{grid-template-columns:1fr}.mascot-review-canvas{min-height:200px}}.page-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.page-links .nav-btn{text-transform:uppercase}.preset-banner{padding:12px 14px;border-radius:6px;border:1px solid var(--border-strong);background:var(--accent-soft)}.preset-banner-label{margin:0 0 4px;font-size:11px;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-body)}.preset-banner-copy{margin:0 0 10px;color:var(--text-soft);font-size:12px;line-height:1.5}.alpha-notice-banner{margin-bottom:10px;padding:10px 12px;border-radius:6px;border:1px solid var(--border-strong);background:var(--accent-soft);color:var(--text-soft);font-size:12px;font-family:var(--font-body);max-width:1020px;margin-left:auto;margin-right:auto;width:100%}.learn-pathway-layout{display:grid;gap:16px;min-width:0}.learn-pathway-map-panel{display:grid;gap:12px;min-width:0}.learn-coming-soon-panel{border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:var(--surface)}.script-pathway-intro-example{display:grid;gap:12px;padding:14px;border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--surface)}.script-pathway-intro-example-showcase{display:grid;gap:10px;align-content:start;padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--bg)}.script-pathway-intro-example-kicker{margin:0;color:var(--accent);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-body)}.script-pathway-intro-example-ruby{display:inline-flex;align-items:center;min-height:72px;font-size:clamp(2.25rem,5vw,3rem);line-height:1.1}.script-pathway-intro-example-copy{margin:0;max-width:30ch;color:var(--text-soft);font-size:12px;line-height:1.5}.script-pathway-intro-example-details{margin:0;display:grid;gap:8px;align-content:start}.script-pathway-intro-example-row{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface)}.script-pathway-intro-example-row dt{margin:0;color:var(--text-dim);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-body)}.script-pathway-intro-example-row dd{margin:0;color:var(--text);font-size:18px;line-height:1.3}.script-pathway-intro-example-latin{color:var(--accent);font-size:15px;letter-spacing:.05em;font-family:var(--font-body)}.script-pathway-intro-example-meaning{color:var(--text-soft);font-size:15px}@media(min-width:760px){.script-pathway-intro-example{grid-template-columns:minmax(220px,.9fr) minmax(240px,1fr);align-items:stretch}}.learn-coming-soon-list{margin:0;padding-left:18px;color:var(--text-soft);font-size:13px;line-height:1.5}.learn-coming-soon-list li+li{margin-top:6px}.learn-pathway-progress-line{margin:0;font-size:12px;color:var(--text-dim);letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-body)}.learn-panel-title{margin:0;font-size:17px;font-family:var(--font-body)}.learn-stage-map{display:grid;gap:10px}.learn-stage-item{border-radius:10px}.learn-stage-item.highlighted .learn-stage-node{animation:learnStagePulse 1.2s ease}@keyframes learnStagePulse{0%{box-shadow:0 0 #0089a785}to{box-shadow:0 0 0 14px #0089a700}}.learn-stage-node{width:100%;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:border-color .2s,transform .2s,background .2s}.learn-stage-node:hover{border-color:var(--border-strong);transform:translateY(-1px)}.learn-stage-node-main{width:100%;text-align:left;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:8px;padding:12px}.learn-stage-node.selected{border-color:#0089a78f;background:var(--accent-soft)}.learn-stage-node.status-locked{opacity:.74}.learn-stage-node.status-available{border-color:#0089a76b}.learn-stage-node.status-in-progress{border-color:#0089a78c}.learn-stage-node.status-completed,.learn-stage-node.status-completed-partial{border-color:#5b8c5a85}.learn-stage-order{font-size:11px;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-body);margin-bottom:5px}.learn-stage-title{font-size:18px;margin-bottom:4px}.learn-stage-focus{font-size:12px;color:var(--text-soft);line-height:1.4}.learn-stage-meta{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:11px;color:var(--text-dim);font-family:var(--font-body)}.learn-coming-soon-tag{border:1px dashed var(--border-strong);border-radius:999px;padding:2px 8px;font-size:10px;letter-spacing:.05em;text-transform:uppercase}.learn-stage-grade{margin-left:auto;display:flex;flex-direction:column;align-items:center;white-space:nowrap}.learn-stage-grade-centered{margin-left:0}.learn-stage-grade-stars{display:inline-flex;align-items:center;gap:2px;color:var(--accent)}.learn-stage-grade-label{font-size:9px;color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase}.gate-test-grade{display:flex;align-items:center;gap:8px;margin:4px 0}.gate-test-grade-stars{display:inline-flex;align-items:center;gap:2px;color:var(--accent)}.gate-test-grade-label{font-size:14px;font-weight:600;color:var(--text)}.gate-test-grade-best{font-size:11px;color:var(--text-dim)}.learn-stage-copy{margin:0 0 10px;color:var(--text-soft);line-height:1.5;font-size:13px}.learn-test-shell{border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--surface)}.learn-test-alert{border:1px solid var(--incorrect);border-radius:6px;padding:8px 10px;color:var(--incorrect);background:#c4756e26;font-size:12px;margin-bottom:10px}.learn-test-copy{margin:0 0 8px;color:var(--text-soft);line-height:1.5;font-size:12px}.learn-test-metrics{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.learn-test-idle{display:grid;gap:4px}.learn-test-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.learn-test-card{border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--surface);width:100%;min-height:100%;display:flex;flex-direction:column}.learn-test-layout{display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;min-height:clamp(420px,64dvh,620px)}.learn-test-progress-zone{padding-top:16px}.learn-test-content-zone{min-height:0;display:flex;align-items:center}.learn-test-question-body{width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:center;gap:12px}.learn-test-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--text-dim);letter-spacing:.05em;text-transform:uppercase;font-family:var(--font-body)}.learn-test-question-type{margin:0 0 8px;text-transform:capitalize;font-size:14px;font-family:var(--font-body);text-align:center}.learn-test-input-shell{display:grid;gap:8px;max-width:460px;width:min(100%,460px);margin:0 auto}.learn-test-input{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);color:var(--text);background:var(--bg);font-size:18px;font-family:var(--font-body)}.learn-test-options{display:grid;gap:8px;width:min(100%,520px);margin:0 auto}.learn-test-option{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--text-soft)}.learn-test-grade{border:1px solid var(--border-strong);border-radius:6px;padding:10px;margin-bottom:8px;background:var(--surface)}.chip.chip-complete{border-color:#5b8c5ab8;color:var(--correct)}.verb-lesson-shell{display:grid;gap:14px}.verb-step{border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--surface)}.verb-section-title{margin:0 0 8px;font-size:14px;font-family:var(--font-body)}.verb-checklist{border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--surface)}.verb-checklist-list{margin:0;padding:0;list-style:none;display:grid;gap:6px}.verb-check-item{display:flex;gap:8px;align-items:center;color:var(--text-soft);font-size:13px}.verb-check-item.done{color:var(--correct)}.verb-check-icon{font-size:13px;width:14px;text-align:center}.verb-concept-check{display:grid;gap:8px}.verb-reference-grid{display:grid;gap:10px}.verb-reference-card{border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--surface)}.verb-reference-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.verb-reference-verb{margin:0 0 2px;font-size:20px}.verb-reference-meaning{font-size:12px;color:var(--text-soft)}.verb-reference-table{display:grid;gap:6px}.verb-reference-row{display:grid;gap:8px;grid-template-columns:18px minmax(88px,auto) 1fr auto;align-items:center;border:1px solid var(--border);border-radius:8px;padding:8px}.verb-reference-label{color:var(--text-dim);font-size:12px;font-family:var(--font-body)}.verb-reference-value{font-size:18px}.verb-reference-actions{display:inline-flex;align-items:center;gap:6px}.verb-listen-check{width:16px;height:16px;border-radius:999px;border:1px solid var(--border-strong);color:transparent;display:inline-flex;align-items:center;justify-content:center;font-size:11px;transition:all .2s ease}.verb-listen-check .app-icon{width:12px;height:12px}.verb-listen-check.checked{color:var(--correct);border-color:#5b8c5ab8;background:#5b8c5a1f}.verb-examples-grid{display:grid;gap:10px}.verb-example-card{border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--surface);display:grid;gap:8px}.verb-example-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.verb-example-verb{margin:0 0 2px;font-size:20px}.verb-example-meaning{color:var(--text-soft);font-size:12px}.verb-example-table{display:grid;gap:8px}.verb-example-row{display:grid;gap:8px;grid-template-columns:18px minmax(88px,auto) 1fr auto;align-items:center;border:1px solid var(--border);border-radius:8px;padding:8px}.verb-example-sentence{grid-column:2 / -1;padding-top:4px}.verb-example-sentence .browse-context-shell{padding:0}.script-step-card-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));width:min(100%,920px);margin-inline:auto;min-width:0;align-items:stretch}.script-step-card-grid>*{min-width:0}.kanji-batch-progress{width:min(100%,920px);margin:0 auto 14px;display:grid;gap:10px}.kanji-batch-progress-nav{display:flex;justify-content:space-between;gap:10px}.kanji-batch-progress-nav>.ghost-btn{min-width:0;flex:1 1 0;justify-content:center}.script-lesson-card{position:relative;display:grid;grid-template-rows:minmax(148px,1fr) auto;border:1px solid var(--border);border-radius:14px;background:var(--surface);min-width:0;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.script-lesson-card[data-state=played]{border-color:#0089a76b;box-shadow:inset 0 0 0 1px var(--accent-soft)}.script-lesson-card[data-state=recording]{border-color:#0089a7b8;box-shadow:inset 0 0 0 1px var(--accent-soft),0 10px 24px var(--accent-soft)}.script-lesson-card[data-state=done]{border-color:#5b8c5ab8;box-shadow:inset 0 0 0 1px #5b8c5a24}.script-lesson-card[data-state=matched]{border-color:#4ade8059;background:#5b8c5a14;box-shadow:inset 0 0 0 1px #4ade8014}.script-lesson-card[data-state=partial]{border-color:#f0ad4e4d;background:#f0ad4e14;box-shadow:inset 0 0 0 1px #f0ad4e14}.script-lesson-card[data-state=not-understood]{border-color:var(--border-strong);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.script-lesson-card-top{position:relative;display:grid;justify-items:center;align-content:center;gap:6px;min-height:148px;padding:34px 22px 20px;border:0;background:transparent;color:var(--text);cursor:pointer;overflow:hidden;transition:background-color .2s ease}.script-lesson-card-top:hover{background:var(--surface)}.script-lesson-card-top:focus-visible{outline:2px solid rgba(0,137,167,.48);outline-offset:-2px}.script-lesson-card-top[data-busy=true]{background:var(--accent-soft)}.script-lesson-card-eyebrow,.script-lesson-card-romaji{position:relative;z-index:1;color:var(--text-dim);font-size:12px;letter-spacing:.06em;font-family:var(--font-body)}.script-lesson-card-eyebrow{text-transform:uppercase}.script-lesson-card-kana{position:relative;z-index:1;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1;font-family:var(--font-body);transition:color .2s ease,transform .18s ease}.script-lesson-card-top[data-busy=true] .script-lesson-card-kana{color:var(--accent);transform:scale(1.06)}.script-lesson-card-ripple{position:absolute;left:calc(var(--script-ripple-x) - 28px);top:calc(var(--script-ripple-y) - 28px);width:56px;height:56px;border-radius:999px;background:#0089a738;pointer-events:none;transform:scale(0);animation:scriptCardRipple .6s ease-out forwards}.script-lesson-card-speaker{position:absolute;top:12px;right:14px;z-index:2;color:var(--text-soft);opacity:.36;transition:opacity .2s ease,transform .2s ease}.script-lesson-card-speaker.busy{opacity:.78;animation:scriptCardPulse .6s ease-in-out}.script-lesson-card-done-dot{position:absolute;top:12px;left:14px;z-index:2;width:8px;height:8px;border-radius:999px;background:var(--correct);box-shadow:0 0 0 3px #5b8c5a24}.script-lesson-card-bottom{min-height:72px;display:flex;align-items:stretch;justify-content:center;padding:0;border-top:1px solid var(--border);background:var(--surface)}.script-kanji-disclosure-card .script-lesson-card-bottom{display:block;padding:14px}.script-kanji-disclosure-controls{display:flex;gap:8px;flex-wrap:wrap}.script-kanji-disclosure-controls>.ghost-btn{padding:6px 10px;font-size:11px}.script-kanji-disclosure-panels{display:grid;gap:8px;margin-top:12px}.script-kanji-disclosure-panel{border-radius:10px;border:1px solid var(--border);background:var(--surface);padding:10px 12px}.kanji-disclosure-row{display:flex;align-items:center;gap:8px}.kanji-compound-play-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-soft);cursor:pointer;flex-shrink:0;transition:color .15s,border-color .15s}.kanji-compound-play-btn:hover{color:var(--accent);border-color:var(--accent)}.script-lesson-card-strip-copy{width:100%;min-height:72px;display:flex;align-items:center;justify-content:center;padding:0 14px;text-align:center;font-size:13px;letter-spacing:.02em}.script-lesson-card-strip-copy.muted{color:var(--text-dim)}.script-lesson-card-strip-btn{width:100%;min-height:72px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:0;background:#0089a712;color:var(--accent);font-size:13px;letter-spacing:.02em;cursor:pointer;transition:background-color .2s ease,color .2s ease}.script-lesson-card-strip-btn:hover:not(:disabled){background:var(--accent-soft);color:var(--text)}.script-lesson-card-strip-btn:focus-visible{outline:2px solid rgba(0,137,167,.48);outline-offset:-2px}.script-lesson-card-strip-btn.muted{background:#5b8c5a0f;color:var(--text-soft)}.script-lesson-card-strip-btn.error{background:#c4756e14;color:var(--incorrect)}.script-lesson-card-strip-btn.recording,.script-lesson-card-strip-btn.retry{background:#0089a71a;color:var(--accent)}.script-lesson-card-strip-btn.retry.partial{background:#f0ad4e1a;color:#f0ad4e}.script-lesson-card-strip-btn.retry.not-understood{background:var(--accent-soft);color:var(--text-soft)}.script-lesson-card-strip-btn:disabled{cursor:default;opacity:.88}.script-lesson-card-feedback{width:100%;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px 12px}.script-lesson-card-feedback-label{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:16px;font-size:13px;letter-spacing:.01em}.script-lesson-card-feedback-label.matched{color:#4ade80}.script-lesson-card-feedback-label.partial{color:#f0ad4e}.script-lesson-card-feedback-label.not-understood{color:var(--text-dim)}.script-lesson-card-feedback-actions{display:flex;align-items:center;justify-content:center;gap:6px}.script-lesson-card-feedback-btn{min-width:0;padding:5px 14px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text-soft);font-size:12px;line-height:1.2;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.script-lesson-card-feedback-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-hover);color:var(--text)}.script-lesson-card-feedback-btn:focus-visible{outline:2px solid rgba(0,137,167,.48);outline-offset:1px}.script-lesson-card-feedback-btn:disabled{cursor:default;opacity:.72}.script-lesson-card-waveform{display:flex;align-items:center;gap:3px;height:18px}.script-lesson-card-waveform-bar{width:3px;height:7px;border-radius:999px;background:currentColor;animation:scriptCardWave .8s ease-in-out infinite alternate}.script-lesson-card-waveform-bar:nth-child(2){animation-delay:.08s}.script-lesson-card-waveform-bar:nth-child(3){animation-delay:.16s}.script-lesson-card-waveform-bar:nth-child(4){animation-delay:.24s}.script-lesson-card-waveform-bar:nth-child(5){animation-delay:.32s}.script-lesson-card-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.inline-play-btn.script-reference-action{width:34px;height:34px;border-color:var(--border);background:var(--surface);color:var(--text-soft)}.inline-play-btn.script-reference-action:hover{border-color:var(--border-strong);background:var(--surface-hover);color:var(--text)}.inline-play-btn.script-reference-action[data-busy=true]{border-color:#0089a7a8;background:#0089a733;color:var(--accent);animation:inlinePlayPulse .95s ease-in-out infinite}.inline-play-btn.inline-try-btn.script-reference-action[data-recording=true]{border-color:#0089a7cc;background:#0089a73d}.inline-play-btn.script-reference-action:disabled{animation:none}.script-study-choice-grid.script-listening-choice-grid{width:100%;margin:0;min-height:72px;gap:0;align-items:stretch;background:var(--surface)}.script-study-choice-grid.script-listening-choice-grid .script-study-choice-item{display:flex;align-items:stretch;min-width:0}.script-study-choice-grid.script-listening-choice-grid .script-listening-choice-chip{flex:1 1 100%;min-width:0;min-height:72px;border:0;border-right:1px solid var(--border);border-radius:0;background:transparent;font-size:1.2rem;font-weight:500;letter-spacing:.01em;box-shadow:none}.script-study-choice-grid.script-listening-choice-grid .script-study-choice-item:last-child .script-listening-choice-chip{border-right:0}.script-study-choice-grid.script-listening-choice-grid .script-listening-choice-chip:hover:not(:disabled),.script-study-choice-grid.script-listening-choice-grid .script-listening-choice-chip:focus-visible{background:var(--surface);transform:none;outline:none}.script-study-choice-grid.script-listening-choice-grid .script-listening-choice-chip.selected{border-color:transparent;background:#0089a724;box-shadow:inset 0 0 0 1px #0089a72e}.script-study-choice-grid.script-listening-choice-grid .script-listening-choice-chip.correct{border-color:transparent;background:#5b8c5a29;color:var(--correct);box-shadow:none}.script-study-choice-grid.script-listening-choice-grid .script-listening-choice-chip.incorrect{border-color:transparent;background:#c4756e1f;color:#f3d4d4;box-shadow:none}.script-listening-card .script-lesson-card-bottom{align-items:stretch;background:var(--surface)}@media(max-width:520px){.script-step-card-grid{grid-template-columns:minmax(0,1fr)}.script-gate-score-ring-row{gap:20px}.script-gate-choice-chip{min-height:68px}.script-gate-choice-chip.kana{font-size:1.85rem}.script-gate-choice-chip.romaji{font-size:1.15rem}.script-gate-nav{width:100%}}@keyframes scriptCardRipple{0%{transform:scale(0);opacity:1}to{transform:scale(3);opacity:0}}@keyframes scriptCardPulse{0%,to{opacity:.36}50%{opacity:.8}}@keyframes scriptCardWave{0%{height:5px}to{height:18px}}.inline-try-shell{display:inline-flex;align-items:center;gap:6px}.inline-try-btn{border-color:#0089a757;background:var(--accent-soft)}.inline-try-feedback{font-size:11px;color:var(--text-dim);white-space:nowrap}.inline-try-feedback.error{color:var(--incorrect)}.verb-practice-shell{display:grid;gap:10px}.verb-practice-tabs{display:flex;gap:8px;flex-wrap:wrap}.verb-practice-tab.active{border-color:#0089a78f;color:var(--text)}.verb-practice-panel{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:10px;display:grid;gap:10px}.verb-practice-card{display:grid;gap:8px}.verb-practice-kicker{color:var(--text-dim);font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-body)}.verb-practice-main{font-size:26px}.verb-practice-sub{color:var(--text-soft);font-size:12px}.verb-practice-answer{font-size:24px;color:var(--correct)}.verb-practice-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.verb-practice-summary{border-top:1px solid var(--border);padding-top:8px}.verb-gate-status{border-style:dashed}.immersive-shell{min-height:100dvh}.study-screen{min-height:100dvh;padding:calc(20px + env(safe-area-inset-top)) clamp(18px,3vw,36px) calc(20px + env(safe-area-inset-bottom))}.study-screen-shell{width:min(100%,1120px);min-height:calc(100dvh - 40px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:0 auto;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.study-screen-header{padding:20px clamp(18px,3vw,28px) 18px;border-bottom:1px solid var(--border);display:grid;gap:14px;background:var(--surface)}.study-screen-topline{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.study-screen-topline-main{min-width:0}.study-screen-eyebrow{margin:0;color:var(--accent);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-body)}.study-screen-breadcrumbs .breadcrumb-link,.study-screen-breadcrumbs .breadcrumb-current{font-size:11px}.study-screen-close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:20px;min-height:20px;padding:0;border:none;background:transparent;color:var(--text-soft);cursor:pointer;transition:color .18s ease}.study-screen-close:hover{color:var(--text)}.study-screen-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.study-screen-heading{display:grid;gap:6px;min-width:0}.study-screen-title{margin:0;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.15;font-family:var(--font-body)}.study-screen-meta{margin:0;color:var(--text-soft);font-size:14px;line-height:1.5}.study-screen-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.study-screen-progress{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.study-step-progress{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.study-step-progress-label{color:var(--text-dim);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-body)}.study-step-heading{margin:0 0 18px;font-size:18px;font-family:var(--font-body)}.study-screen-content{min-height:0;overflow-y:auto;padding:clamp(18px,3vw,28px);-webkit-overflow-scrolling:touch}.study-screen-page{min-height:100%;min-width:0}.study-screen-page>*{min-width:0}.study-scroll-region{min-width:0;min-height:0}.study-screen-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px clamp(18px,3vw,28px) max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface)}.study-screen-footer-spacer{flex:1}.study-unavailable{min-height:320px;display:grid;place-content:center;gap:18px;justify-items:start}.study-unavailable-copy{margin:0;color:var(--text-soft);font-size:15px;line-height:1.6;max-width:40ch}.modal-overlay{position:fixed;inset:0;z-index:10}.modal-backdrop{position:absolute;inset:0;background:#0000009e;animation:fadeIn .2s ease-out}.modal-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none;overflow-y:auto}.modal-content{width:100%;max-width:640px;max-height:90vh;background:var(--bg);border:1px solid var(--border-strong);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;animation:slideUp .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-header-title{margin:0;font-size:16px;font-family:var(--font-body);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-soft);font-size:16px;cursor:pointer;transition:all .22s}.modal-close-btn:hover{border-color:var(--border-strong);color:var(--text)}.modal-body{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-top:1px solid var(--border);flex-shrink:0}.modal-footer-spacer{flex:1}.lesson-step-indicator{display:flex;gap:6px;align-items:center}.lesson-step-dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong);transition:all .22s}.lesson-step-dot.completed{background:var(--correct)}.lesson-step-dot.active{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.learn-drilldown-shell{display:grid;gap:10px}.lesson-kit-shell{display:flex;flex-direction:column;gap:10px;min-height:520px;min-height:max(520px,calc(100dvh - 170px))}.lesson-kit-shell>.lesson-kit-panel{flex:1 1 auto;min-height:0}.learn-drilldown-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--text-dim);font-family:var(--font-body)}.learn-breadcrumb-link{padding:2px 8px;font-size:11px}.learn-drilldown-panel{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden}.lesson-kit-panel{border:1px solid var(--border);border-radius:12px;background:var(--surface);overflow:hidden;display:flex;flex-direction:column;min-height:clamp(520px,calc(100dvh - 220px),780px);height:100%;min-width:0;width:100%}.modal-content .lesson-kit-panel{min-height:0;height:100%}.lesson-kit-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.lesson-kit-header-main,.lesson-kit-header-actions,.lesson-kit-body,.lesson-kit-footer{min-width:0}.lesson-kit-header-main{display:flex;align-items:center;gap:12px;min-width:0}.lesson-kit-header-actions{display:flex;align-items:center;gap:8px}.lesson-kit-body{flex:1 1 auto;padding:16px}.lesson-kit-footer{margin-top:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border);flex-shrink:0}.lesson-kit-exit-btn{padding:7px 12px;font-size:11px}.lesson-step-body{display:grid;gap:14px}.lesson-step-copy-group{display:grid;gap:6px;width:min(100%,920px);margin-inline:auto;min-width:0}.lesson-step-frame{min-height:0}.lesson-step-copy{margin:0;color:var(--text-soft);line-height:1.6;font-size:14px}.lesson-step-copy strong{color:var(--text)}.lesson-step-progress{font-size:12px;color:var(--text-dim)}.script-writing-step-body{justify-items:stretch}.script-writing-step-body>.lesson-step-copy,.script-writing-step-body>.script-writing-card-flow{width:min(100%,760px);margin-inline:auto;min-width:0}.script-writing-card-flow{display:grid;gap:14px}.script-writing-progress-shell{width:min(100%,760px);margin-inline:auto}.script-writing-progress-bar{width:100%}.script-writing-card{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--surface)}.script-writing-card-reference{display:grid;justify-items:center;gap:0;padding:18px 20px 14px;border-bottom:1px solid var(--border)}.script-writing-card-romaji{color:var(--text-dim);font-size:clamp(1rem,2vw,1.18rem);letter-spacing:.18em;text-transform:uppercase;font-family:var(--font-body)}.script-writing-card-kana{font-size:clamp(3rem,11vw,4.8rem);line-height:1;font-family:var(--font-body)}.script-writing-card-practice{padding:16px;display:flex;justify-content:center}.script-writing-card-practice .inline-kanji-practice{width:100%;max-width:100%;gap:0}.script-writing-card-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:24px}.script-writing-card-status-copy{margin:0;color:var(--text-soft);font-size:13px}.script-writing-card-status-copy.finished{color:var(--correct)}.script-writing-card-status-spacer{min-height:20px}.script-writing-card-actions,.script-writing-card-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.script-writing-card-actions>.ghost-btn,.script-writing-card-nav>.ghost-btn{min-width:0}.script-writing-card-actions{justify-content:flex-end;margin-top:-6px}.script-writing-card-retry{width:48px;height:48px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--text-dim);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.script-writing-card-retry:hover,.script-writing-card-retry:focus-visible{background:var(--surface);color:var(--text);outline:none}.script-writing-card-retry:hover{transform:translateY(-1px)}.script-writing-card-retry:disabled{opacity:.42;cursor:default;transform:none}.inline-kanji-practice{width:min(100%,560px);margin-inline:auto;display:grid;justify-items:center;gap:12px;min-width:0}.inline-kanji-info{width:100%;text-align:center;min-width:0}.inline-kanji-heading{margin:0;font-size:20px;line-height:1.35;font-family:var(--font-body);overflow-wrap:anywhere}.inline-kanji-canvas-area{margin-inline:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.inline-kanji-canvas-status{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px}.inline-kanji-canvas-status p{margin:0;font-size:13px}.inline-kanji-canvas-status.loading p{color:var(--text-soft)}.inline-kanji-canvas-status.error p{color:var(--text-dim)}.inline-kanji-guidelines{position:absolute;inset:0;pointer-events:none;z-index:0}.inline-kanji-guideline{position:absolute;background:var(--surface-hover)}.inline-kanji-guideline.vertical{top:10px;bottom:10px;left:50%;width:1px;transform:translate(-.5px)}.inline-kanji-guideline.horizontal{left:10px;right:10px;top:50%;height:1px;transform:translateY(-.5px)}.inline-kanji-canvas-area .writing-guide-svg,.inline-kanji-canvas-area .writing-canvas{position:absolute;inset:0;z-index:1}.inline-kanji-canvas-area .writing-canvas{z-index:2;-webkit-tap-highlight-color:transparent}.inline-kanji-controls{width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;min-width:0}.inline-kanji-stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.inline-kanji-stroke-count,.inline-kanji-score{font-size:12px;color:var(--text-dim)}.inline-kanji-score strong{display:inline-block;min-width:40px;text-align:right;color:var(--text)}.inline-kanji-control-btn{font-size:11px}.script-practice-screen{display:grid;gap:18px;min-height:min(640px,calc(100dvh - 220px))}.script-practice-progress-zone{padding-top:8px}.script-practice-content-zone{min-height:0;display:flex;align-items:center}.script-practice-question-panel{width:100%;display:flex;flex-direction:column;justify-content:center;gap:18px}.script-practice-question-copy{display:grid;gap:10px;justify-items:center;text-align:center}.script-practice-title{margin:0;font-size:clamp(1.6rem,5vw,1.95rem);font-family:var(--font-body)}.script-practice-copy{margin:0;color:var(--text-soft);line-height:1.6;font-size:14px}.script-practice-response-shell,.script-practice-speaking-stack,.script-practice-writing-shell{display:grid;gap:16px;justify-items:center}.script-practice-kana-card{width:min(100%,228px)}.script-practice-kana-card .script-lesson-card-top{min-height:180px}.script-practice-card-hint,.script-practice-muted-note,.script-practice-mic-status{margin:0;color:var(--text-soft);font-size:13px;line-height:1.5;text-align:center}.script-practice-muted-note{color:var(--text-dim)}.script-practice-hero-card{width:min(100%,320px);padding:22px 20px;border-radius:18px;border:1px solid var(--border);background:var(--surface);text-align:center}.script-practice-hero{margin:0;line-height:1}.script-practice-hero.kana{font-size:clamp(4rem,14vw,4.8rem);font-family:var(--font-body)}.script-practice-hero.romaji{font-size:clamp(3rem,11vw,4rem);font-weight:700;letter-spacing:-.03em;font-family:var(--font-body)}.script-practice-audio-hero-shell{display:grid;gap:10px;justify-items:center}.script-practice-audio-hero{width:84px;height:84px;border-radius:999px;border:2px solid var(--border-strong);background:var(--surface);color:var(--text-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease,transform .2s ease}.script-practice-audio-hero:hover,.script-practice-audio-hero:focus-visible{border-color:#0089a766;background:var(--accent-soft);color:var(--text);outline:none;transform:translateY(-1px)}.script-practice-audio-hero.busy{border-color:#0089a7b8;background:#0089a724;color:var(--accent)}.script-practice-choice-grid{width:min(100%,360px)}.script-practice-choice-grid .script-study-choice-chip.kana{font-size:2.3rem}.script-practice-choice-grid .script-study-choice-chip.romaji{font-size:1.35rem}.script-practice-feedback{margin:0;min-height:1.5rem;font-size:13px;line-height:1.5;text-align:center}.script-practice-feedback.prompt{color:var(--text-soft)}.script-practice-feedback.success{color:var(--correct)}.script-practice-feedback.error{color:var(--incorrect)}.script-practice-nav{width:min(100%,360px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.script-practice-nav-back{width:120px;min-width:0;justify-content:center;flex:0 0 auto}.script-practice-nav-next{width:160px;min-width:0;justify-content:center;flex:0 0 auto}.script-practice-mic-btn{width:80px;height:80px}.script-practice-results{gap:22px;min-height:clamp(420px,calc(100dvh - 260px),620px)}@media(max-width:768px){.script-writing-card-actions,.script-writing-card-nav{justify-content:stretch}.script-writing-card-actions>.ghost-btn{flex:1 1 140px}.script-writing-card-nav>.ghost-btn{flex:1 1 0;justify-content:center}.script-practice-nav-back,.script-practice-nav-next{width:auto;min-width:0;flex:1 1 0}}.lesson-completion-screen{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:24px 0}.lesson-completion-title{margin:0;font-size:20px}.lesson-completion-copy{margin:0;color:var(--text-soft);font-size:14px;line-height:1.6;max-width:400px}.lesson-completion-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:8px}.gate-test-modal-body{display:flex;flex-direction:column;gap:14px}.gate-test-intro{margin:0;color:var(--text-soft);line-height:1.6;font-size:14px}.gate-test-results{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:16px 0}.gate-test-scores{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.gate-test-score-block{display:flex;flex-direction:column;align-items:center;gap:4px}.gate-test-score-value{font-size:36px;font-weight:700;font-family:var(--font-body)}.gate-test-score-value.passed{color:var(--correct)}.gate-test-score-value.failed{color:var(--incorrect)}.gate-test-score-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-body)}.gate-test-result-message{margin:0;color:var(--text-soft);font-size:14px;line-height:1.5;max-width:400px}.gate-test-result-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:4px}.gate-test-review-list{width:100%;max-width:680px;border:1px solid var(--border);border-radius:8px;padding:10px;text-align:left;display:grid;gap:8px}.gate-test-review-title{margin:0;font-size:13px;font-family:var(--font-body)}.gate-test-review-item{border:1px solid var(--border);border-radius:8px;padding:8px;display:grid;gap:4px}.gate-test-review-answer{margin:0;font-size:12px}.gate-test-review-answer.incorrect{color:var(--incorrect)}.gate-test-review-answer.correct{color:var(--correct)}.script-gate-study-content{display:flex}.script-gate-study-content .study-screen-page{width:100%;min-height:100%;display:flex;align-items:stretch;justify-content:center}.script-gate-shell{width:min(100%,480px);margin:0 auto;display:grid;gap:14px}.script-gate-alert{border:1px solid var(--incorrect);border-radius:12px;padding:10px 12px;color:var(--incorrect);background:#c4756e26;font-size:13px}.script-gate-screen{width:100%;display:grid;gap:26px;animation:scriptGateFadeUp .35s ease-out}.script-gate-screen-center{justify-items:center;text-align:center}.script-gate-score-ring-row{width:100%;display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.script-gate-score-ring{display:grid;justify-items:center;gap:10px}.script-gate-score-ring-visual{position:relative;display:grid;place-items:center;color:var(--accent)}.script-gate-score-ring-visual.written{color:var(--correct)}.script-gate-score-ring-visual.pronunciation{color:var(--accent)}.script-gate-score-ring-visual.muted{color:var(--text-dim)}.script-gate-score-ring-visual svg{transform:rotate(-90deg)}.script-gate-score-ring-track{stroke:var(--border)}.script-gate-score-ring-meter{stroke:currentColor;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.script-gate-score-ring-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(1.4rem,4vw,1.9rem);font-weight:700;letter-spacing:-.03em;color:currentColor;font-family:var(--font-body)}.script-gate-score-ring-label{font-size:11px;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;font-family:var(--font-body)}.script-gate-threshold-copy{margin:0;color:var(--text-soft);font-size:13px;line-height:1.6}.script-gate-threshold-copy span{color:var(--text-dim);margin:0 6px}.script-gate-action-stack{width:100%;display:grid;gap:12px;justify-items:center}.script-gate-primary-action,.script-gate-secondary-action{width:min(100%,220px);justify-content:center}.script-gate-muted-copy,.script-gate-footnote,.script-gate-prompt-copy,.script-gate-input-hint,.script-gate-speaking-status,.script-gate-result-message,.script-gate-speaking-review-copy{margin:0;color:var(--text-soft);line-height:1.6}.script-gate-muted-copy,.script-gate-input-hint,.script-gate-speaking-status{font-size:12px}.script-gate-footnote,.script-gate-result-message{font-size:13px}.script-gate-question-screen{grid-template-rows:auto minmax(0,1fr);gap:16px;min-height:clamp(420px,64dvh,640px)}.script-gate-progress-zone{padding-top:16px}.script-gate-content-zone{min-height:0;display:flex;align-items:center}.script-gate-question-panel{width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:center;gap:18px}.script-gate-question-panel.written-question{gap:16px}.script-gate-question-panel.keyboard-active{justify-content:flex-start;padding-bottom:calc(var(--script-gate-keyboard-inset, 0px) + 12px)}.script-study-progress-row{width:100%;display:flex;align-items:center;gap:12px}.script-study-progress-track{flex:1;height:4px;border-radius:999px;background:var(--border);overflow:hidden}.script-study-progress-fill{height:100%;border-radius:inherit;background:var(--accent);transition:width .45s cubic-bezier(.4,0,.2,1)}.script-study-progress-counter{min-width:2.5rem;text-align:right;color:var(--text-dim);font-size:12px;font-variant-numeric:tabular-nums;font-family:var(--font-body)}.script-study-choice-grid{width:min(100%,320px);margin:0 auto;display:grid;grid-template-columns:repeat(var(--script-study-choice-columns, 2),minmax(0,1fr));gap:10px}.script-study-choice-item{display:flex;min-width:0}.script-study-choice-item.has-detail{display:grid;gap:8px}.script-study-choice-chip{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;min-width:0;min-height:54px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);margin:0;padding:10px 12px;display:flex;flex:1 1 auto;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.script-study-choice-chip.kana{font-size:2.15rem;font-family:var(--font-body)}.script-study-choice-chip.romaji{font-size:1.35rem;font-family:var(--font-body)}.script-study-choice-chip.script-study-choice-chip-text{min-height:48px;justify-content:flex-start;font-size:15px;font-family:var(--font-body)}.script-study-choice-chip:hover:not(:disabled),.script-study-choice-chip:focus-visible{border-color:#0089a747;background:var(--accent-soft);outline:none;transform:translateY(-1px)}.script-study-choice-chip.selected{border-color:#0089a7b8;background:var(--accent-soft);box-shadow:inset 0 0 0 1px #0089a729}.script-study-choice-chip.correct{border-color:#5b8c5ab8;background:#5b8c5a29;color:var(--correct)}.script-study-choice-chip.incorrect{border-color:#c4756eb8;background:#c4756e1f;color:var(--incorrect)}.script-study-choice-chip:disabled{cursor:default}.script-study-choice-detail{font-size:13px;line-height:1.5;color:var(--text-soft)}.script-study-choice-detail.correct{color:var(--correct)}.verb-concept-choice-grid{width:min(100%,720px)}.script-gate-question-copy{display:grid;gap:10px;justify-items:center;text-align:center}.script-gate-written-hero-shell{position:relative;z-index:1}.script-gate-question-panel.keyboard-active .script-gate-written-hero-shell{position:sticky;top:0;padding:8px 0 14px;background:linear-gradient(180deg,#fcfaf2fa,#fcfaf2e6 78%,#fcfaf200)}.script-gate-question-type{color:var(--accent);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;font-family:var(--font-body)}.script-gate-prompt-copy{font-size:15px}.script-gate-hero{margin:0;line-height:1;color:var(--text)}.script-gate-hero-romaji{font-size:clamp(3.2rem,11vw,4.1rem);font-weight:700;letter-spacing:-.03em;font-family:var(--font-body)}.script-gate-hero-kana{font-size:clamp(4.2rem,14vw,4.9rem);font-weight:400}.script-gate-input-group{width:min(100%,320px);margin:0 auto;display:grid;gap:8px;scroll-margin-block:140px}.script-gate-written-answer-shell{display:grid;gap:16px}.script-gate-question-panel.keyboard-active .script-gate-written-answer-shell{position:sticky;bottom:calc(var(--script-gate-keyboard-inset, 0px) + 8px);z-index:1;padding-top:8px;background:linear-gradient(180deg,#fcfaf200,#fcfaf2eb 28%,#fcfaf2fa)}.script-gate-input{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:28px;font-weight:300;text-align:center;caret-color:var(--accent);font-family:var(--font-body);transition:border-color .2s ease,box-shadow .2s ease}.script-gate-input:focus{border-color:#0089a773;box-shadow:0 0 0 3px #0089a71a}.script-gate-choice-grid{width:min(100%,320px);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.script-gate-choice-chip{min-height:76px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.script-gate-choice-chip.kana{font-size:2.15rem;font-family:var(--font-body)}.script-gate-choice-chip.romaji{font-size:1.35rem;font-family:var(--font-body)}.script-gate-choice-chip:hover,.script-gate-choice-chip:focus-visible{border-color:#0089a747;background:var(--accent-soft);outline:none;transform:translateY(-1px)}.script-gate-choice-chip.selected{border-color:#0089a7b8;background:var(--accent-soft);box-shadow:inset 0 0 0 1px #0089a729}.script-gate-nav{width:min(100%,320px);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.script-gate-nav-back{width:120px;min-width:0;justify-content:center;flex:0 0 auto}.script-gate-nav-next{width:140px;min-width:0;justify-content:center;flex:0 0 auto}.script-gate-speaking-label-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.script-gate-speaking-badge{padding:3px 8px;border-radius:999px;border:1px solid rgba(0,137,167,.4);background:var(--accent-soft);color:var(--accent);font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;font-family:var(--font-body)}.script-gate-speaking-stack{display:grid;gap:14px;justify-items:center}.script-gate-kana-card{width:min(100%,210px)}.script-gate-kana-card .script-lesson-card-top{min-height:176px}.script-gate-mic-block{display:grid;gap:12px;justify-items:center}.script-gate-mic-btn{width:74px;height:74px;border-radius:999px;border:2px solid var(--border-strong);background:var(--surface);color:var(--text-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.script-gate-mic-btn:hover:not(:disabled),.script-gate-mic-btn:focus-visible{border-color:#0089a766;color:var(--text);outline:none;transform:translateY(-1px)}.script-gate-mic-btn.listening{border-color:#0089a7b8;background:var(--accent-soft);color:var(--accent);animation:scriptGateMicPulse 1.2s ease-in-out infinite}.script-gate-mic-btn:disabled{cursor:default;opacity:.78}.script-gate-mic-btn .spin{animation:guidedSpeakingSpin 1s linear infinite}.script-gate-speaking-review{width:min(100%,320px);border-radius:14px;border:1px solid var(--border);background:var(--surface);padding:12px 14px;display:grid;gap:6px;text-align:center}.script-gate-speaking-review.passed{border-color:#5b8c5a52;background:#5b8c5a14}.script-gate-speaking-review.failed{border-color:#c4756e47;background:#c4756e14}.script-gate-speaking-review-title{margin:0;font-size:14px;font-family:var(--font-body)}.script-gate-results{position:relative;gap:22px}.script-study-celebration-badge,.script-gate-result-badge{width:82px;height:82px;border-radius:999px;display:grid;place-items:center;animation:scriptGatePop .5s cubic-bezier(.34,1.56,.64,1) .15s both}.script-study-celebration-badge.passed,.script-gate-result-badge.passed{background:#5b8c5a2e;color:var(--correct)}.script-gate-result-badge.failed{background:#c4756e29;color:var(--incorrect)}.script-study-celebration-check,.script-gate-result-check{width:38px;height:38px;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.script-study-celebration-check polyline,.script-gate-result-check polyline{stroke-dasharray:30;stroke-dashoffset:30;animation:scriptGateCheckDraw .4s ease-out .45s both}.script-gate-results-copy{display:grid;gap:8px}.script-gate-results-title{margin:0;font-size:clamp(1.7rem,5vw,2rem);font-weight:700;font-family:var(--font-body)}.script-gate-results-title.passed{color:var(--correct)}.script-gate-results-title.failed{color:var(--text)}.script-gate-results-subtitle{margin:0;color:var(--text-dim);font-size:14px}.script-gate-grade{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.script-gate-grade-stars{color:var(--accent)}.script-gate-grade-label{font-size:14px;font-family:var(--font-body)}.script-gate-grade-best{color:var(--text-dim);font-size:12px}@keyframes scriptGateFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scriptGatePop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes scriptGateCheckDraw{0%{stroke-dashoffset:30}to{stroke-dashoffset:0}}@keyframes scriptGateMicPulse{0%,to{box-shadow:0 0 #0089a747}50%{box-shadow:0 0 0 14px #0089a700}}.learn-test-hint-shell{display:flex;align-items:center;gap:8px;margin-bottom:8px}.learn-test-hint-chip{font-family:var(--font-body)}.learn-test-question-footer{width:min(100%,320px);margin:8px auto 0;display:flex;align-items:center;justify-content:space-between;gap:16px}.learn-test-nav-back{width:120px;justify-content:center;flex:0 0 auto}.learn-test-nav-next{width:140px;justify-content:center;flex:0 0 auto}.learn-test-verb-prompt{margin-bottom:10px;font-size:22px;text-align:center}.learn-stage-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 12px 12px}.learn-stage-note{margin:0;padding:0 12px 12px;color:var(--text-soft);font-size:13px;line-height:1.5}@media(max-width:768px){.app-shell{--site-header-height: 68px}.site-header{padding:0 16px}.site-header-inner{grid-template-columns:minmax(0,1fr) auto;gap:10px}.site-header-branding{gap:6px}.site-header-logo{font-size:24px}.site-header-auth-btn,.breadcrumb-item-mobile-hidden{display:none}.breadcrumb-item+.breadcrumb-item:before{margin:0 6px}.app-frame{padding:0 16px}.section-toolbar{padding:12px 0 8px}.session-options{width:100%}.app-main{padding:16px 8px}.site-footer{padding:14px 16px calc(14px + env(safe-area-inset-bottom))}.hub-page{gap:16px}.hub-hero{padding:12px 0}.hub-title{font-size:clamp(1.8rem,8vw,2.5rem)}.hub-grid,.hub-grid-compact{grid-template-columns:1fr}.scope-panel{padding:14px 16px}.scope-tab{font-size:12px;padding:10px 6px}.verb-row{grid-template-columns:1fr}.secondary-verb{font-size:30px}.flashcard-sentence-value{font-size:clamp(27px,8vw,34px)}.flashcard-context-display{min-height:0}.flashcard-context-line{align-items:flex-start}.flashcard-context-shell{gap:12px}.flashcard-context-translation.visible{max-height:84px}.browse-form-card{min-height:0}.browse-context-display{min-height:74px}.browse-conjugation-value{font-size:clamp(22px,7.2vw,28px)}.browse-context-sentence{font-size:clamp(18px,6.2vw,22px)}.speaking-card{padding:16px}.guided-speaking-primary-actions,.guided-speaking-footer{display:grid;grid-template-columns:1fr}.guided-speaking-cta{width:100%;min-width:0}.guided-speaking-record-shell{justify-items:center}.guided-speaking-status,.guided-speaking-supporting,.guided-speaking-instruction{text-align:center}.guided-speaking-prompt-value{font-size:24px}.guided-speaking-prompt-block-body{font-size:18px}.speaking-card-controls{align-items:center}.speaking-status{text-align:center}.speaking-mic-btn{width:124px;height:124px;font-size:13px}.home-card-grid,.home-kaiwa-summary-grid{grid-template-columns:1fr}.learn-stage-heading{font-size:19px}.learn-stage-node-main,.learn-test-card{padding:10px}.learn-test-layout,.script-gate-question-screen{min-height:0}.learn-test-content-zone,.script-gate-content-zone{align-items:stretch}.learn-test-question-footer,.script-gate-nav{width:100%;max-width:320px;gap:10px}.learn-test-nav-back,.learn-test-nav-next,.script-gate-nav-back,.script-gate-nav-next{width:auto;min-width:0;flex:1 1 0}.study-screen{padding:0}.study-screen-shell{width:100%;min-height:100dvh;border:none;border-radius:0;box-shadow:none}.study-screen-header{padding:calc(10px + env(safe-area-inset-top)) 16px 10px;gap:10px}.study-screen-eyebrow{display:none}.study-screen-heading-row{gap:8px}.study-screen-progress,.study-step-progress{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.study-screen-actions{margin-left:auto;width:auto}.study-screen-close{min-width:24px;min-height:24px}.study-step-progress-label{display:none}.study-screen-content{padding:16px}.study-screen-footer{padding:14px 16px max(16px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr}.study-screen-footer>.action-btn{width:100%}.study-screen-footer>.ghost-btn{width:auto;justify-self:start}.study-screen-footer-spacer{display:none}.lesson-kit-panel,.lesson-kit-shell{min-height:calc(100dvh - 128px)}.lesson-step-frame{min-height:0}.lesson-kit-header{align-items:stretch;flex-wrap:wrap}.lesson-kit-header-main{width:100%;justify-content:space-between;flex-wrap:wrap}.lesson-kit-header-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-kit-header-actions>*{width:100%}.lesson-kit-footer{flex-wrap:wrap}.lesson-kit-footer>button{flex:1 1 140px}.lesson-kit-footer.single-action>button{flex-basis:100%}.script-practice-actions>button{width:100%}.modal-container{padding:0}.modal-content{max-width:100%;max-height:100%;height:100vh;height:100dvh;border-radius:0;border:none}}.feedback-body{display:flex;flex-direction:column;gap:12px}.feedback-label{font-size:14px;color:var(--text-soft);font-family:var(--font-body)}.feedback-textarea{width:100%;min-height:100px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5;resize:vertical;transition:border-color .22s}.feedback-textarea::placeholder{color:var(--text-dim)}.feedback-textarea:focus{outline:none;border-color:var(--accent)}.feedback-textarea:disabled{opacity:.5}.feedback-char-count{font-size:12px;color:var(--text-dim);text-align:right;min-height:16px;font-family:var(--font-body)}.feedback-screenshot-toggle{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--text-soft);font-family:var(--font-body);cursor:pointer}.feedback-screenshot-toggle input[type=checkbox]{accent-color:var(--accent)}.feedback-screenshot-preview{width:100%;max-height:160px;object-fit:contain;border:1px solid var(--border);border-radius:6px;margin-top:4px}.feedback-error{color:var(--incorrect);font-size:13px;margin:0;font-family:var(--font-body)}.feedback-success{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 0;text-align:center;color:var(--text);font-family:var(--font-body)}.cs-root{display:flex;flex-direction:column;gap:18px}.cs-title{font-family:var(--font-body);font-size:18px;font-weight:700;margin:0;color:var(--text)}.cs-why{margin:-8px 0 0;font-size:13px;color:var(--accent);font-style:italic;line-height:1.5}.cs-section{display:flex;flex-direction:column;gap:6px}.cs-heading{font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--text);margin:0}.cs-rule-body{font-size:14px;color:var(--text-soft);line-height:1.6;margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.cs-example-chip{display:inline-block;font-family:var(--font-body);font-size:13px;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-sm);padding:2px 10px;white-space:nowrap}.cs-table{width:100%;border-collapse:collapse}.cs-table th{text-align:left;font-family:var(--font-body);font-size:12px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;padding:0 0 8px;border-bottom:2px solid var(--accent)}.cs-table td{font-family:var(--font-body);font-size:14px;color:var(--text);padding:10px 0;border-bottom:1px solid var(--border);line-height:1.5}.cs-table tr:last-child td{border-bottom:none}.cs-table th:not(:first-child),.cs-table td:not(:first-child){padding-left:16px}.cs-action-cell{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;min-width:100%}.cs-action-cell-label{color:var(--text-soft)}.cs-action-cell-btn{padding:4px 8px;font-size:12px;white-space:nowrap}.cs-table-mono td{font-family:var(--font-body);letter-spacing:.02em}.cs-kana-with-reading{display:inline-flex;align-items:baseline;gap:6px}.cs-kana-main{color:var(--text)}.cs-kana-reading{font-family:var(--font-body);font-size:11px;color:var(--text-dim);letter-spacing:.02em}.cs-furigana-text{line-height:inherit}.cs-furigana-ruby rt{font-family:var(--font-body);font-size:.55em;font-weight:500;color:var(--text-soft);letter-spacing:.03em}.cs-furigana-suffix{margin-left:.35em;font-family:var(--font-body);font-size:.9em;color:var(--text-soft)}.cs-note{font-size:13px;line-height:1.6;color:var(--text-soft);display:flex;align-items:baseline;gap:6px}.cs-note-warning{color:var(--text);font-weight:500}.cs-note-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.cs-note-info{font-weight:500}.cs-divider{border:none;border-top:1px solid var(--accent);margin:4px 0 0;opacity:.5}.cs-backdrop{position:fixed;inset:0;background:#00000075;z-index:11;animation:fadeIn .2s ease both}.cs-drawer{position:fixed;top:0;right:0;width:88vw;max-width:420px;height:100vh;height:100dvh;border-left:1px solid var(--border-strong);background:var(--bg);z-index:12;display:flex;flex-direction:column;outline:none;animation:csDrawerSlide .24s ease both}@keyframes csDrawerSlide{0%{transform:translate(100%)}to{transform:translate(0)}}.cs-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.cs-drawer-label{font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--text-soft);text-transform:uppercase;letter-spacing:.05em}.cs-drawer-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px}.cs-trigger{padding:4px 10px;font-size:11px;font-family:var(--font-body);font-weight:500;border:1px solid rgba(0,137,167,.3);color:var(--accent);background:transparent;border-radius:var(--radius-pill);cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.cs-trigger:hover{background:var(--accent-soft);border-color:var(--accent)}.phrase-notebook-drawer{max-width:460px}.phrase-notebook-tabs{display:flex;gap:0;border-bottom:1.5px solid var(--border);padding:0 16px;flex-shrink:0}.phrase-notebook-tab{all:unset;cursor:pointer;padding:10px 16px;font-size:13px;font-family:inherit;color:var(--text-soft);border-bottom:2px solid transparent;margin-bottom:-1.5px;transition:color .2s,border-color .2s}.phrase-notebook-tab:hover{color:var(--text)}.phrase-notebook-tab--active{color:var(--accent);font-weight:600;border-bottom-color:var(--accent)}.phrase-notebook-body{display:grid;gap:16px}.phrase-notebook-panel,.phrase-notebook-empty,.phrase-notebook-item{display:grid;gap:12px}.phrase-notebook-panel-header{display:grid;gap:6px}.phrase-notebook-panel-copy,.phrase-notebook-empty-title,.phrase-notebook-empty-copy,.phrase-notebook-item-text,.phrase-notebook-item-reading,.phrase-notebook-item-translation,.phrase-notebook-item-note{margin:0}.phrase-notebook-empty-title{font-size:15px;color:var(--text)}.phrase-notebook-empty-copy,.phrase-notebook-item-translation,.phrase-notebook-item-note,.phrase-notebook-action-copy{color:var(--text-soft);font-size:13px;line-height:1.5}.phrase-notebook-list{display:grid;gap:12px}.phrase-notebook-list-item.saved .phrase-notebook-item{border-color:#0089a761;background:#0089a70d}.phrase-notebook-item{padding:16px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface)}.phrase-notebook-item-editing{padding:16px;border:1px solid rgba(0,137,167,.24);border-radius:var(--radius-card);background:#0089a70a}.phrase-notebook-item-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.phrase-notebook-item-source,.phrase-notebook-item-date,.phrase-notebook-field>span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.phrase-notebook-item-text{font-size:18px;line-height:1.5;color:var(--text)}.phrase-notebook-item-reading{color:var(--accent);font-size:14px}.phrase-notebook-item-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.phrase-notebook-action-btn{min-height:34px}.phrase-notebook-icon-btn{width:34px;min-width:34px;padding:0}.phrase-notebook-try-shell{gap:0}.phrase-notebook-inline-try{width:34px;height:34px}.phrase-notebook-form{display:grid;gap:12px}.phrase-notebook-field{display:grid;gap:6px}.phrase-notebook-field>input,.phrase-notebook-field>textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;resize:vertical}.phrase-notebook-field>input:focus,.phrase-notebook-field>textarea:focus{outline:1px solid rgba(0,137,167,.28);border-color:#0089a773}.phrase-notebook-form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cs-page-intro{color:var(--text-soft);line-height:1.6;margin:0 0 16px}.cs-page-list{display:flex;flex-direction:column;gap:8px}.cs-page-card{border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow:hidden}.cs-page-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;width:100%;background:none;border:none;cursor:pointer;color:var(--text);text-align:left;transition:background .15s}.cs-page-card-header:hover{background:var(--surface-hover)}.cs-page-card-title{font-family:var(--font-body);font-size:15px;font-weight:600}.cs-page-card-purpose{flex:1;font-size:13px;color:var(--text-soft);text-align:right}.cs-page-card-toggle{font-size:18px;color:var(--text-dim);flex-shrink:0;width:20px;text-align:center}.cs-page-card-body{padding:0 18px 18px;animation:cardReveal .3s ease both}@media(max-width:600px){.cs-page-card-purpose{display:none}}.kana-ref{display:grid;gap:24px}.kana-ref-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.kana-ref-title{font-size:22px;margin:0}.kana-ref-section{display:grid;gap:10px}.kana-ref-section-title{font-size:14px;color:var(--text-soft);margin:0;font-family:var(--font-body)}.kana-table{width:100%;border-collapse:collapse;table-layout:fixed}.kana-table th{font-size:11px;color:var(--text-dim);font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;padding:4px 2px;text-align:center;font-weight:400}.kana-table tbody th{width:32px;text-align:right;padding-right:8px}.kana-cell{text-align:center;padding:8px 2px;border:1px solid var(--border);border-radius:6px}.kana-cell-empty{border-color:transparent}.kana-char{display:block;font-size:clamp(20px,4vw,26px);line-height:1.2;color:var(--text)}.kana-romaji{display:block;font-size:11px;color:var(--text-dim);font-family:var(--font-body);margin-top:2px}@media(max-width:600px){.kana-char{font-size:18px}.kana-cell{padding:6px 1px}}.hangul-ref-subtitle{font-size:14px;color:var(--text-soft);font-weight:400;margin-left:8px}.hangul-section-note{font-size:13px;color:var(--text-soft);margin:0;line-height:1.5}.hangul-jamo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px}.hangul-jamo-cell{position:relative;display:grid;gap:4px;text-align:center;padding:12px 4px 10px;border:1px solid var(--border);border-radius:6px}.hangul-audio-tile{width:100%;appearance:none;-webkit-appearance:none;background:var(--bg);color:inherit;font:inherit;text-align:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.hangul-audio-tile:hover:not(:disabled),.hangul-audio-tile:focus-visible{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--bg));transform:translateY(-1px)}.hangul-audio-tile.busy{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.hangul-audio-tile:disabled{cursor:default}.hangul-tile-speaker{position:absolute;top:5px;right:5px;color:var(--text-dim);opacity:.35;transition:opacity .2s ease,color .2s ease;line-height:0}.hangul-tile-speaker.mini{position:static;flex-shrink:0}.hangul-audio-tile:hover .hangul-tile-speaker,.hangul-audio-tile:focus-visible .hangul-tile-speaker{opacity:.7;color:var(--accent)}.hangul-tile-speaker.busy{color:var(--accent);opacity:1;animation:inlinePlayPulse .95s ease-in-out infinite}.hangul-block-diagrams{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:8px}.hangul-block-diagram-card{border:1px solid var(--border);border-radius:8px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;gap:8px}.hangul-block-diagram-label{font-size:12px;font-weight:600;color:var(--text-soft);letter-spacing:.03em;text-transform:uppercase}.hangul-block-visual{display:grid;gap:2px;width:64px;font-size:14px;font-weight:600;text-align:center}.hangul-block-visual span{border:1.5px solid var(--border);border-radius:4px;padding:6px 4px;line-height:1}.hangul-bv-initial{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.hangul-bv-medial{color:#6b8e6b;background:color-mix(in srgb,#6b8e6b 8%,var(--bg))}.hangul-bv-final{color:#8b7355;background:color-mix(in srgb,#8b7355 8%,var(--bg))}.hangul-block-cv{grid-template-columns:1fr 1fr}.hangul-block-cv-vert{grid-template-columns:1fr}.hangul-block-cvc{grid-template-columns:1fr 1fr}.hangul-block-cvc .hangul-bv-final{grid-column:1 / -1}.hangul-block-diagram-example{display:flex;align-items:center;gap:6px}.hangul-block-diagram-note{font-size:11px;color:var(--text-dim);text-align:center;line-height:1.4}.hangul-block-part{font-size:clamp(20px,4vw,26px);color:var(--text);font-family:var(--font-jp)}.hangul-block-plus,.hangul-block-equals{font-size:16px;color:var(--text-dim)}.hangul-block-result{font-size:clamp(26px,5vw,34px);color:var(--accent);font-family:var(--font-jp)}.hangul-syllable-table th{text-align:left}.hangul-syllable-row{cursor:pointer;transition:background .2s ease}.hangul-syllable-row:hover{background:color-mix(in srgb,var(--accent) 5%,var(--bg))}.hangul-syllable-row.busy{background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.hangul-syllable-block{font-size:clamp(20px,4vw,26px);font-family:var(--font-jp);text-align:center;padding:8px 4px;position:relative}.hangul-table-speaker{display:inline-block;margin-left:6px;color:var(--text-dim);opacity:.35;vertical-align:middle;transition:opacity .2s ease,color .2s ease;line-height:0}.hangul-syllable-row:hover .hangul-table-speaker{opacity:.7;color:var(--accent)}.hangul-table-speaker.busy{color:var(--accent);opacity:1;animation:inlinePlayPulse .95s ease-in-out infinite}.hangul-syllable-parts{font-size:13px;color:var(--text-soft);font-family:var(--font-body);padding:8px 4px}.hangul-syllable-type{font-size:11px;color:var(--text-dim);font-family:var(--font-body);padding:8px 4px}.hangul-builder{display:flex;flex-direction:column;gap:14px}.hangul-builder-step-label{font-size:12px;font-weight:500;color:var(--text-soft);margin-bottom:6px}.hangul-builder-optional{font-weight:400;color:var(--text-dim)}.hangul-builder-choices{display:flex;flex-wrap:wrap;gap:5px}.hangul-builder-btn{background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:6px 10px;font-family:var(--font-jp);font-size:16px;color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease;min-width:36px;text-align:center}.hangul-builder-btn:hover{border-color:var(--accent)}.hangul-builder-btn.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg));color:var(--accent);font-weight:500}.hangul-builder-result{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--border)}.hangul-builder-result-char{font-size:clamp(48px,10vw,64px);font-family:var(--font-jp);color:var(--accent);line-height:1;min-width:72px;text-align:center}.hangul-builder-actions{display:flex;gap:8px;align-items:center}.hangul-builder-play{display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--accent) 10%,var(--bg));border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:6px;padding:8px 14px;font-family:var(--font-body);font-size:13px;color:var(--accent);cursor:pointer;transition:background .2s ease}.hangul-builder-play:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 16%,var(--bg))}.hangul-builder-play.busy{animation:inlinePlayPulse .95s ease-in-out infinite}.hangul-builder-play:disabled{cursor:default;opacity:.6}.hangul-builder-reset{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:8px 14px;font-family:var(--font-body);font-size:13px;color:var(--text-soft);cursor:pointer;transition:border-color .2s ease}.hangul-builder-reset:hover{border-color:var(--text-dim)}.hangul-words-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.hangul-word-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;border:1px solid var(--border);border-radius:8px}.hangul-word-hangul{font-size:clamp(22px,4vw,28px);color:var(--text);font-family:var(--font-jp);line-height:1.3}.hangul-word-romanization{font-size:12px;color:var(--text-dim);font-family:var(--font-body)}.hangul-word-meaning{font-size:12px;color:var(--text-soft);font-family:var(--font-body)}.hangul-batchim-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.hangul-batchim-card{border:1px solid var(--border);border-radius:8px;padding:14px 12px;display:flex;flex-direction:column;gap:8px}.hangul-batchim-header{display:flex;align-items:center;gap:8px}.hangul-batchim-sound{font-size:18px;font-weight:600;font-family:var(--font-jp);color:var(--accent)}.hangul-batchim-neutralizes{font-size:12px;color:var(--text-soft);line-height:1.4}.hangul-batchim-examples{display:flex;flex-direction:column;gap:4px}.hangul-batchim-example{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:6px 10px;cursor:pointer;font:inherit;color:inherit;text-align:left;appearance:none;-webkit-appearance:none;transition:border-color .2s ease,background .2s ease}.hangul-batchim-example:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--bg))}.hangul-batchim-example.busy{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.hangul-batchim-word{font-size:16px;font-family:var(--font-jp);color:var(--text)}.hangul-batchim-meaning{font-size:12px;color:var(--text-soft);flex:1}.hangul-double-batchim-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.hangul-double-batchim-item{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:5px;font-size:13px}.hangul-db-written{font-size:18px;font-family:var(--font-jp);color:var(--text);min-width:24px;text-align:center}.hangul-db-arrow{color:var(--text-dim)}.hangul-db-pronounced{font-family:var(--font-jp);color:var(--accent);font-weight:500}.hangul-db-example{color:var(--text-soft);font-size:12px;margin-left:auto}.hangul-rule-korean{font-weight:400;color:var(--text-dim);font-size:13px}.hangul-rule-examples{display:flex;flex-direction:column;gap:6px}.hangul-rule-example{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:10px 12px;cursor:pointer;font:inherit;color:inherit;text-align:left;appearance:none;-webkit-appearance:none;transition:border-color .2s ease,background .2s ease}.hangul-rule-example:hover:not(:disabled){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--bg))}.hangul-rule-example.busy{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.hangul-rule-written{font-size:16px;font-family:var(--font-jp);color:var(--text)}.hangul-rule-arrow{color:var(--text-dim);font-size:14px}.hangul-rule-spoken{font-size:14px;font-family:var(--font-jp);color:var(--accent);font-weight:500}.hangul-rule-meaning{font-size:12px;color:var(--text-soft);flex:1}.hangul-quiz-modes{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:8px}.hangul-quiz-mode-btn{background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:6px 12px;font-family:var(--font-body);font-size:12px;color:var(--text-soft);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.hangul-quiz-mode-btn:hover{border-color:var(--accent)}.hangul-quiz-mode-btn.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg));color:var(--accent);font-weight:500}.hangul-quiz-difficulty{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:4px}.hangul-quiz-diff-btn{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:4px 10px;font-family:var(--font-body);font-size:11px;color:var(--text-dim);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.hangul-quiz-diff-btn:hover{border-color:var(--text-soft)}.hangul-quiz-diff-btn.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--bg))}.hangul-quiz-prompt{display:flex;justify-content:center;padding:16px 0}.hangul-quiz-jamo{font-size:clamp(48px,10vw,64px);color:var(--text);font-family:var(--font-jp);line-height:1.2}.hangul-quiz-listen-btn{background:color-mix(in srgb,var(--accent) 10%,var(--bg));border:1.5px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:12px;padding:20px 32px;font-family:var(--font-body);font-size:15px;color:var(--accent);cursor:pointer;transition:background .2s ease}.hangul-quiz-listen-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 16%,var(--bg))}.hangul-quiz-listen-btn:disabled{cursor:default;opacity:.6}.hangul-quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:320px;margin:0 auto}.hangul-quiz-option{background:var(--bg);border:1.5px solid var(--border);border-radius:8px;padding:12px 8px;font-family:var(--font-body);font-size:14px;color:var(--text);cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.hangul-quiz-option:hover:not(:disabled){border-color:var(--accent)}.hangul-quiz-option:disabled{cursor:default}.hangul-quiz-correct{background:#5b8c5a18;border-color:#5b8c5a;color:#5b8c5a}.hangul-quiz-wrong{background:#c4756e18;border-color:#c4756e;color:#c4756e}.hangul-quiz-score{color:var(--accent);font-weight:500}.hangul-quiz-streak{font-size:12px;color:var(--accent)}.hangul-quiz-best-streak{font-size:12px;color:var(--text-dim);text-align:center;margin-top:12px}