:root{color:#102a43;background:#faf7ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--color-blue: #0077c8;--color-olive: #6b8e23;--color-amber: #f9c74f;--color-ink: #102a43;--color-paper: #faf7ef;--surface: #ffffff;--blue-soft: rgba(0, 119, 200, .1);--blue-line: rgba(0, 119, 200, .16);--olive-soft: rgba(107, 142, 35, .12);--olive-line: rgba(107, 142, 35, .24);--amber-soft: rgba(249, 199, 79, .22);--amber-line: rgba(249, 199, 79, .36);--ink-muted: rgba(16, 42, 67, .66);--ink-faint: rgba(16, 42, 67, .1);--shadow-card: 0 10px 22px rgba(16, 42, 67, .07)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--color-paper)}button{font:inherit}.app-shell{position:relative;width:min(100vw,430px);min-height:100vh;margin:0 auto;overflow:hidden;background:var(--color-paper);border-left:1px solid var(--ink-faint);border-right:1px solid var(--ink-faint)}.app-bg-mark{position:absolute;top:12px;right:-18px;color:#0077c80f;font-size:9rem;font-weight:850;pointer-events:none}.center-screen,.home-screen,.practice-screen,.profile-screen{position:relative;z-index:1;min-height:100vh;padding:max(24px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom))}.center-screen{display:grid;place-items:center;align-content:center;gap:16px;text-align:center}.olive-loader{font-size:2.2rem;animation:bob 1.3s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.muted{color:var(--ink-muted)}.error-box,.error-banner{width:100%;border:1px solid var(--amber-line);border-radius:8px;padding:12px;color:var(--color-ink);background:var(--amber-soft);white-space:pre-wrap}.home-screen{display:flex;flex-direction:column;justify-content:space-between;gap:32px}.brand-block{position:relative;padding-right:68px}.profile-avatar-button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:3px solid var(--surface);border-radius:50%;color:var(--surface);background:var(--color-blue);box-shadow:0 10px 20px #0077c833;cursor:pointer;overflow:hidden}.brand-block .profile-avatar-button{position:absolute;top:-3px;right:0;width:54px;height:54px}.profile-avatar-button img{width:100%;height:100%;object-fit:cover}.profile-avatar-button span{font-size:1rem;font-weight:850}.brand-kicker,.direction-pill,.combo-pill,.intro-kicker{display:inline-flex;align-items:center;min-height:34px;border:1px solid var(--blue-line);border-radius:999px;color:var(--color-blue);background:var(--blue-soft);font-size:.82rem;font-weight:750}.brand-kicker{gap:8px;padding:7px 12px}.brand-block h1{margin:22px -68px 6px 0;color:var(--color-blue);font-size:4rem;font-weight:950;line-height:.92;letter-spacing:0}.brand-block p{margin:0 -68px 0 0;color:var(--ink-muted);font-size:1rem}.today-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.today-stats>div,.practice-card,.profile-section,.word-list,.answer-button{border:1px solid var(--blue-line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow-card)}.today-stats>div{display:grid;gap:3px;min-height:72px;padding:12px 8px}.today-stats strong{color:var(--color-blue);font-size:1.7rem;font-weight:850;line-height:1}.today-stats span{color:var(--ink-muted);font-size:.82rem;font-weight:750;line-height:1.2}.home-actions{display:grid;gap:14px}.practice-category-filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.practice-category-filter button{min-width:0;min-height:40px;padding:0 6px;border:1px solid var(--blue-line);border-radius:999px;color:var(--color-blue);background:var(--blue-soft);font-size:.82rem;font-weight:750;cursor:pointer}.practice-category-filter .practice-category-active{border-color:var(--olive-line);color:var(--color-olive);background:var(--olive-soft)}.primary-button,.secondary-button,.answer-button,.icon-button{min-height:48px;border:0;border-radius:8px;cursor:pointer}.primary-button{min-height:64px;color:var(--surface);background:var(--color-blue);box-shadow:0 12px 24px #0077c838;font-size:1.2rem;font-weight:850}.secondary-button{color:var(--color-blue);background:var(--blue-soft);border:1px solid var(--blue-line);font-weight:850}.home-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;color:var(--ink-muted);font-size:.82rem}.home-footer span:nth-child(2){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;text-align:center}.home-footer span:last-child{text-align:right}.top-bar{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;min-height:48px;margin-bottom:24px}.top-bar>span{color:var(--color-ink);font-size:1.35rem;font-weight:850;text-align:center}.top-bar>.profile-avatar-button{justify-self:end}.icon-button{color:var(--color-blue);background:var(--blue-soft);border:1px solid var(--blue-line);font-size:1.3rem}.practice-screen{display:flex;flex-direction:column}.practice-meta-row{display:flex;align-items:center;justify-content:center;gap:8px}.direction-pill{padding:7px 13px}.combo-pill{gap:5px;padding:7px 11px;color:var(--ink-muted);background:var(--surface);font-weight:850;box-shadow:none}.combo-pill span{opacity:.55}.combo-pill-hot{border-color:var(--amber-line);color:var(--color-ink);background:var(--amber-soft)}.combo-pill-hot span{opacity:1}.practice-card{position:relative;display:grid;place-items:center;min-width:0;min-height:180px;margin:22px 0;padding:26px 18px;text-align:center}.practice-word-card .fit-one-line{padding:0 32px}.practice-pronunciation{position:absolute;top:12px;right:12px}.loading-card{align-content:center;color:var(--ink-muted)}.fit-one-line{display:block;width:100%;min-width:0;overflow:hidden}.fit-one-line[data-lines="2"]>div{display:-webkit-box;overflow:hidden;overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.prompt{--min-word-font-size: 34;--min-two-line-font-size: 24;max-width:100%;width:100%;color:var(--color-ink);font-size:3.5rem;font-weight:950;line-height:1.05;overflow-wrap:normal;white-space:nowrap}.intro-card{align-content:center;gap:10px;min-height:320px}.intro-action-row{display:inline-flex;align-items:center;justify-self:center;gap:8px}.intro-kicker{gap:6px;min-height:30px;padding:6px 11px}.pronunciation-button{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--blue-line);border-radius:50%;color:var(--color-blue);background:var(--surface);box-shadow:none;cursor:pointer}.pronunciation-button-active{border-color:var(--olive-line);background:var(--olive-soft)}.intro-greek{--min-word-font-size: 30;--min-two-line-font-size: 22;max-width:100%;width:100%;color:var(--color-blue);font-size:3.5rem;font-weight:950;line-height:1;overflow-wrap:normal;white-space:nowrap}.intro-english{color:var(--color-olive);font-size:1rem;font-weight:850;line-height:1.25;overflow-wrap:anywhere}.intro-card p{max-width:32ch;margin:4px 0 6px;color:var(--ink-muted);font-size:1rem;font-weight:650;line-height:1.45}.intro-continue-button{min-width:150px;min-height:48px;border:0;border-radius:8px;color:var(--surface);background:var(--color-blue);box-shadow:none;font-weight:850;cursor:pointer}.answers{display:grid;gap:12px}.answer-button{width:100%;min-height:58px;padding:14px 16px;color:var(--color-ink);font-size:1rem;font-weight:850;text-align:center;overflow-wrap:anywhere}.answer-button:disabled{cursor:default;opacity:.94}.answer-correct{border-color:var(--olive-line);color:var(--color-olive);background:var(--olive-soft)}.answer-wrong{border-color:var(--amber-line);color:var(--color-ink);background:var(--amber-soft)}.feedback{display:grid;gap:4px;min-height:58px;margin-top:16px;padding:12px 14px;border-radius:8px}.feedback span{color:var(--ink-muted)}.feedback-correct{color:var(--color-olive);background:var(--olive-soft)}.feedback-wrong{color:var(--color-ink);background:var(--amber-soft)}.answer-explanation{display:grid;gap:8px;margin-top:8px;color:var(--color-ink)}.answer-explanation>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;background:#ffffffb8}.answer-explanation span{color:var(--ink-muted);font-size:.82rem}.answer-explanation strong{color:var(--color-ink);text-align:right;overflow-wrap:anywhere}.answer-explanation p{margin:2px 0 0;color:var(--color-ink);font-weight:750;line-height:1.35}.next-button{justify-self:end;min-height:38px;margin-top:4px;padding:0 16px;border:0;border-radius:8px;color:var(--color-ink);background:var(--color-amber);font-weight:850;cursor:pointer}.profile-loading{display:grid;place-items:center;gap:10px;padding:48px 0;color:var(--ink-muted)}.profile-block{display:grid;gap:8px;margin:16px 0}.profile-block-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 2px}.heading-with-info{display:inline-flex;align-items:center;gap:8px}.profile-block-heading h2{margin:0;color:var(--color-ink);font-size:1.2rem;line-height:1.1}.profile-block-heading span{color:var(--ink-muted);font-size:.82rem;font-weight:750}.info-button{display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid var(--blue-line);border-radius:50%;color:var(--color-blue);background:var(--surface);font-size:.82rem;font-weight:850;cursor:pointer}.profile-section{display:grid;gap:14px;padding:18px}.profile-activity,.words-card{background:var(--surface)}.activity-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.activity-day{display:grid;justify-items:center;gap:6px}.activity-day span:last-child{color:var(--ink-muted);font-size:.82rem;font-weight:750}.activity-cell{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:6px;border:1px solid var(--blue-line);color:var(--ink-muted);background:#102a430a;font-size:.82rem;font-weight:850}.activity-level-1{color:var(--color-olive);background:var(--olive-soft)}.activity-level-2{color:var(--color-olive);background:#6b8e2333}.activity-level-3{color:var(--color-ink);background:#f9c74f5c}.activity-level-4{color:var(--surface);background:var(--color-olive)}.words-tip{display:grid;gap:8px;padding:10px 12px;border:1px solid var(--olive-line);border-radius:8px;color:var(--color-ink);background:var(--olive-soft);font-size:.82rem}.words-tip p{margin:0;font-weight:750}.words-tip ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}.words-tip li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px}.words-tip li>span:last-child{color:var(--ink-muted);white-space:nowrap}.word-row strong{color:var(--color-ink);font-size:1rem;overflow-wrap:anywhere}.word-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.word-filters button{display:grid;place-items:center;gap:2px;min-width:0;min-height:48px;padding:6px 8px;border:1px solid var(--blue-line);border-radius:8px;color:var(--color-blue);background:var(--surface);font-size:.95rem;font-weight:750;cursor:pointer}.word-filters button strong{color:var(--color-ink);font-size:.82rem;font-weight:850;line-height:1.1;white-space:nowrap}.word-filters .word-filter-active{border-color:var(--olive-line);color:var(--color-olive);background:var(--olive-soft)}.word-list{display:grid;max-height:360px;overflow:auto;box-shadow:none}.word-row{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:11px 13px;border-top:1px solid var(--ink-faint)}.word-row>div{display:grid;gap:3px;min-width:0}.word-row:first-child{border-top:0}.word-row span{color:var(--ink-muted);line-height:1.3;overflow-wrap:anywhere}.word-bucket{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;min-width:54px;padding:7px 9px;border:1px solid var(--blue-line);border-radius:999px;background:var(--blue-soft)}.word-bucket strong{color:var(--color-blue);font-size:.82rem;font-weight:850;line-height:1}.empty-words{margin:0;padding:14px;color:var(--ink-muted)}.profile-note{margin:18px 0 0;color:var(--color-olive);font-weight:750;text-align:center}