:root{color:#1a1a1a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.page{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.card{background:#fff;border:1px solid #ddd;border-radius:8px;width:min(100%,420px);padding:1.5rem}.page--dashboard{place-items:start center}.dashboard{gap:1rem;width:min(100%,720px);display:grid}.dashboard-panel{width:100%}.dashboard-section h2,.feature-card h2{margin:0 0 .35rem;font-size:1.2rem}.dashboard-section__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.range-select{min-width:140px}.feature-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.feature-card{color:inherit;background:#fff;border:1px solid #ddd;border-radius:8px;gap:.35rem;padding:1.25rem 1.35rem;text-decoration:none;transition:border-color .15s,background-color .15s;display:grid}.feature-card:hover{background:#fafafa;border-color:#1a1a1a}h1{margin:0 0 .5rem;font-size:1.75rem}.muted{color:#666;margin:0}.actions{gap:.75rem;margin-top:1.5rem;display:flex}.header-row{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.form{gap:1rem;display:grid}.language-current{margin:-.35rem 0 0;font-size:.9rem}label{gap:.35rem;font-size:.9rem;display:grid}input{font:inherit;border:1px solid #ccc;border-radius:6px;padding:.6rem .75rem}button{color:#fff;font:inherit;cursor:pointer;background:#1a1a1a;border:1px solid #1a1a1a;border-radius:6px;padding:.65rem 1rem}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{color:#1a1a1a;background:#fff}.status{color:#333;word-break:break-word;margin:1rem 0 0;font-size:.9rem}.page-nav{margin:0 0 1.25rem}.page-nav--inline{flex-wrap:wrap;gap:.85rem 1rem;margin:0;display:flex}.text-link{color:#1a1a1a;text-underline-offset:2px;font-weight:600;text-decoration:underline}.flashcards-page{width:min(100%,520px)}.flashcard-stats{background:#fafafa;border:1px solid #ddd;border-radius:8px;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem;padding:.85rem 1rem;display:grid}.flashcard-stats div{gap:.15rem;display:grid}.flashcard-stats__label{color:#666;font-size:.8rem}.flashcard-controls{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem;display:grid}select{font:inherit;background:#fff;border:1px solid #ccc;border-radius:6px;padding:.6rem .75rem}.button-link{color:#fff;font:inherit;text-align:center;background:#1a1a1a;border:1px solid #1a1a1a;border-radius:6px;padding:.65rem 1rem;text-decoration:none;display:inline-block}.study-page{background:#f5f5f5;grid-template-rows:auto 1fr;min-height:100vh;padding:1rem 1.25rem 1.5rem;display:grid}.study-page__header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.study-page__progress{margin:0;font-size:.95rem}.study-page__main{place-items:center;min-height:0;display:grid}.study-session{width:min(100%,560px)}.study-complete{background:#fff;border:1px solid #ddd;border-radius:8px;justify-items:start;gap:1rem;width:min(100%,420px);padding:1.5rem;display:grid}.study-complete h1{margin:0}.flashcard{color:#1a1a1a;cursor:pointer;text-align:center;background:#fff;border:1px solid #1a1a1a;border-radius:10px;place-items:center;gap:.75rem;width:100%;min-height:min(48vh,320px);margin:0 0 1.25rem;padding:1.5rem;display:grid}.flashcard--flipped{color:#fff;background:#1a1a1a}.flashcard__hint{opacity:.7;font-size:.8rem}.flashcard__word{word-break:break-word;font-size:1.75rem;font-weight:650}.difficulty-row{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.difficulty-btn{gap:.15rem;padding:.55rem .25rem;font-size:.85rem;display:grid}.difficulty-btn__value{font-weight:700}.difficulty-btn__label{opacity:.85;font-size:.75rem}.flashcards-stats-page{width:min(100%,640px)}.heatmap{gap:.75rem;margin-top:1rem;display:grid}.heatmap__grid{grid-template-columns:repeat(auto-fill,minmax(18px,1fr));gap:4px;display:grid}.heatmap__cell{aspect-ratio:1;background:#ebedf0;border:1px solid #1b1f230f;border-radius:3px;width:100%;min-width:14px;min-height:14px}.heatmap__cell--level-0{background:#ebedf0}.heatmap__cell--level-1{background:#9be9a8}.heatmap__cell--level-2{background:#40c463}.heatmap__cell--level-3{background:#30a14e}.heatmap__cell--level-4{background:#216e39}.heatmap__legend{color:#666;justify-content:flex-end;align-items:center;gap:4px;font-size:.8rem;display:flex}.heatmap__legend .heatmap__cell{flex:0 0 12px;width:12px;min-width:12px;min-height:12px}.words-chart{gap:.75rem;margin-top:1rem;display:grid}.words-chart__plot{border-bottom:1px solid #ddd;align-items:flex-end;gap:.4rem;height:140px;padding:.5rem .25rem 0;display:flex}.words-chart__col{flex:1 1 0;grid-template-rows:1fr auto;justify-items:center;gap:.35rem;min-width:0;height:100%;display:grid}.words-chart__bar{background:#f0f0f0;border-radius:3px 3px 0 0;flex-direction:column-reverse;justify-content:flex-start;width:min(100%,28px);height:100%;display:flex;overflow:hidden}.words-chart__seg{width:100%;min-height:0;transition:height .2s}.words-chart__seg--spoken{background:#0f766e}.words-chart__seg--heard{background:#b45309}.words-chart__label{color:#666;font-size:.7rem;line-height:1}.words-chart__legend{color:#666;flex-wrap:wrap;gap:.85rem;font-size:.8rem;display:flex}.words-chart__legend-item{align-items:center;gap:.35rem;display:inline-flex}.words-chart__swatch{border-radius:2px;width:.7rem;height:.7rem}.words-chart__swatch--spoken{background:#0f766e}.words-chart__swatch--heard{background:#b45309}.flows-page{width:min(100%,720px)}.flows-search{margin-bottom:1rem;display:block}.flows-search input{width:100%}.filter-row{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.filter-pill{color:#1a1a1a;font:inherit;cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:.4rem .75rem;font-size:.85rem}.filter-pill:hover{border-color:#1a1a1a}.filter-pill--active{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.flow-list{background:#fff;border:1px solid #ddd;border-radius:8px;margin-top:1rem;display:grid;overflow:hidden}.flow-list__empty{padding:1.25rem 1rem}.flow-row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #eee;border-radius:0;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;margin:0;padding:.75rem 1rem;display:grid}.flow-row:last-child{border-bottom:none}.flow-row--available:hover:not(:disabled){background:#fafafa}.flow-row--stub{opacity:.55;cursor:not-allowed}.flow-row--busy{opacity:.75}.flow-row:disabled{opacity:inherit;cursor:not-allowed}.flow-row__main{gap:.15rem;min-width:0;display:grid}.flow-row__title{font-weight:600;line-height:1.3}.flow-row__theme{color:#666;font-size:.8rem}.flow-row__stub-label{color:#888;font-size:.75rem}.flow-row__progress{font-variant-numeric:tabular-nums;white-space:nowrap;color:#333;font-size:.85rem}.flow-row__progress--muted{color:#999}.flow-row__progress--done{color:#216e39;font-weight:700}.flow-row__check{color:#216e39;background:#e6f6eb;border-radius:999px;place-items:center;width:1.35rem;height:1.35rem;display:inline-grid}.level-badge{letter-spacing:.02em;color:#fff;border-radius:4px;place-items:center;min-width:2.1rem;padding:.2rem .4rem;font-size:.75rem;font-weight:700;display:inline-grid}.level-badge--teal{background:#0f766e}.level-badge--amber{background:#b45309}.level-badge--coral{background:#c2410c}.session-page{background:#f5f5f5;grid-template-rows:auto 1fr;min-height:100vh;padding:1rem 1.25rem 1.25rem;display:grid}.session-page__top{justify-content:flex-end;margin-bottom:.75rem;display:flex}.session-page__status{width:min(100%,720px);margin:0 auto}.session-layout{grid-template-columns:minmax(240px,38%) 1fr;gap:1rem;width:min(100%,1100px);height:calc(100vh - 4.5rem);min-height:0;margin:0 auto;display:grid}.session-side{background:#fff;border:1px solid #ddd;border-radius:8px;align-content:start;gap:.85rem;padding:1.25rem;display:grid;overflow:auto}.session-side__header{align-items:center;gap:.65rem;display:flex}.session-side__theme{color:#666;margin:0;font-size:.85rem}.session-side__title{margin:0;font-size:1.35rem;line-height:1.25}.session-side__scenario{color:#444;margin:0;font-size:.92rem;line-height:1.45}.session-side__section-label{letter-spacing:.04em;text-transform:uppercase;color:#666;margin:.5rem 0 0;font-size:.8rem;font-weight:650}.session-milestones{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.session-milestone{color:#444;grid-template-columns:1.35rem 1fr;align-items:start;gap:.55rem;font-size:.92rem;display:grid}.session-milestone__mark{color:#fff;background:#fff;border:1.5px solid #ccc;border-radius:999px;place-items:center;width:1.35rem;height:1.35rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-grid}.session-milestone--done{color:#1a1a1a}.session-milestone--done .session-milestone__mark{background:#216e39;border-color:#216e39}.session-chat{background:#fff;border:1px solid #ddd;border-radius:8px;grid-template-rows:1fr auto;min-height:0;display:grid;overflow:hidden}.session-chat__messages{background:#fafafa;flex-direction:column;gap:.85rem;min-height:0;padding:1.25rem;display:flex;overflow-y:auto}.chat-msg{flex-direction:column;max-width:min(92%,480px);display:flex}.chat-msg--assistant{align-self:flex-start;align-items:flex-start}.chat-msg--user{align-self:flex-end;align-items:flex-end}.chat-msg__row{align-items:flex-end;gap:.4rem;max-width:100%;display:flex}.chat-msg--user .chat-msg__row{flex-direction:row-reverse}.chat-msg__bubble{background:#fff;border:1px solid #ddd;border-radius:10px;min-width:0;padding:.7rem .9rem}.chat-msg__speak{color:#555;background:#fff;border:1px solid #ddd;border-radius:999px;flex:none;place-items:center;width:2rem;height:2rem;padding:0;display:inline-grid}.chat-msg__speak:hover{color:#1a1a1a;border-color:#1a1a1a}.chat-msg__speak--loading{opacity:.65;animation:1s ease-in-out infinite speak-pulse}.chat-msg__speak--playing{color:#0f766e;background:#ecfdf5;border-color:#0f766e;animation:1.2s ease-in-out infinite speak-pulse}@keyframes speak-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.chat-msg--user .chat-msg__bubble{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.chat-msg__bubble p{white-space:pre-wrap;word-break:break-word;margin:0}.chat-msg__bubble--thinking{min-width:3.25rem;padding-block:.85rem}.thinking-dots{align-items:center;gap:.3rem;display:inline-flex}.thinking-dots span{background:#999;border-radius:999px;width:.4rem;height:.4rem;animation:1s ease-in-out infinite thinking-bounce}.thinking-dots span:nth-child(2){animation-delay:.15s}.thinking-dots span:nth-child(3){animation-delay:.3s}@keyframes thinking-bounce{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.typewriter-caret{vertical-align:text-bottom;opacity:.55;background:currentColor;width:.45em;height:1em;margin-left:1px;animation:.8s step-end infinite typewriter-blink;display:inline-block}@keyframes typewriter-blink{50%{opacity:0}}.msg-feedback{max-width:100%;margin-top:.3rem}.msg-feedback__btn{font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .45rem;font-size:.75rem;display:inline-flex}.msg-feedback__btn:disabled{opacity:1;cursor:default}.msg-feedback--correct .msg-feedback__btn{color:#216e39}.msg-feedback--minor_mistake .msg-feedback__btn{color:#b45309}.msg-feedback--incorrect .msg-feedback__btn{color:#b91c1c}.msg-feedback__detail{color:#333;background:#fff;border:1px solid #ddd;border-radius:6px;margin:.35rem 0 0;padding:.55rem .7rem;font-size:.85rem}.session-chat__composer{background:#fff;border-top:1px solid #ddd;gap:.65rem;padding:.85rem 1rem 1rem;display:grid}.session-complete-banner{color:#216e39;background:#e6f6eb;border:1px solid #9be9a8;border-radius:6px;padding:.65rem .85rem;font-size:.9rem;font-weight:600}.session-compose{grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;display:grid}.session-compose input{min-width:0}.session-compose__mic{color:#1a1a1a;background:#fff;border-color:#ccc;place-items:center;width:2.5rem;height:2.5rem;padding:0;display:inline-grid}.session-compose__mic:disabled{opacity:.45}.session-compose__mic--recording{color:#b91c1c;background:#fee2e2;border-color:#b91c1c;animation:1.1s ease-in-out infinite mic-pulse}.session-compose__voice-status{margin:0;font-size:.85rem}@keyframes mic-pulse{0%,to{box-shadow:0 0 #b91c1c59}50%{box-shadow:0 0 0 6px #b91c1c00}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=520px){.flashcard-controls,.difficulty-row,.feature-cards,.dashboard-section__header{grid-template-columns:1fr}.dashboard-section__header{flex-direction:column}.difficulty-row{grid-template-columns:repeat(5,minmax(0,1fr))}.flow-row{grid-template-rows:auto auto;grid-template-columns:auto 1fr}.flow-row__progress{grid-column:2}.session-layout{grid-template-columns:1fr;height:auto}.session-chat{min-height:60vh}.session-compose{grid-template-columns:auto 1fr}.session-compose button[type=submit]{grid-column:1/-1}}