: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);--telegram-top-buffer: max(72px, calc(env(safe-area-inset-top) + 56px) )}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:#faf7ef}button{font:inherit}.app-shell{position:relative;width:min(100vw,430px);min-height:100vh;margin:0 auto;overflow:hidden;background:#faf7ef;border-left:1px solid var(--ink-faint);border-right:1px solid var(--ink-faint)}@supports (min-height: 100svh){.app-shell{min-height:100svh}}.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:var(--telegram-top-buffer) 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:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:20px;gap:clamp(14px,2.2svh,28px);height:100vh;min-height:100vh;overflow:hidden;background:#faf7ef}@supports (height: 100svh){.home-screen{height:100svh;min-height:100svh}}.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:0;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}.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-block h1{margin:0;color:var(--color-blue);font-size:3.65rem;font-weight:950;line-height:.96;letter-spacing:0}.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-summary{margin:0;color:var(--color-ink);font-size:1.35rem;font-weight:650;line-height:1.32}.today-summary strong{color:var(--color-blue);font-weight:850}.home-actions{display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;min-height:0}.practice-category-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.practice-category-row>span{flex:0 0 auto;color:var(--color-ink);font-size:1.35rem;font-weight:650;line-height:1.32}.practice-category-row button{flex:0 0 auto;min-width:0;min-height:36px;padding:0 12px;border:1px solid var(--blue-line);border-radius:999px;color:var(--color-blue);background:var(--blue-soft);font-size:1.35rem;font-weight:650;cursor:pointer}.practice-category-row .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}.emoji-practice-wrap{position:relative;display:grid;place-items:center;justify-self:center;align-self:center}.tap-bubble{position:absolute;bottom:calc(100% - 22px);left:50%;z-index:2;transform:translate(-50%) rotate(-2deg);padding:10px 14px;border:2px solid var(--color-ink);border-radius:18px;color:var(--color-ink);background:var(--surface);box-shadow:0 8px #102a431f;font-size:1rem;font-weight:850;white-space:nowrap;animation:tap-bubble-pop 3s ease-in-out both}.tap-bubble:after{content:"";position:absolute;left:50%;bottom:-9px;width:14px;height:14px;border-right:2px solid var(--color-ink);border-bottom:2px solid var(--color-ink);background:var(--surface);transform:translate(-50%) rotate(45deg)}.emoji-practice-button{display:grid;place-items:center;width:min(86vw,40svh,390px);aspect-ratio:1;border:0;background:transparent;font-size:clamp(8.5rem,min(48vw,38svh),15rem);line-height:1;cursor:pointer;filter:drop-shadow(0 20px 22px rgba(16,42,67,.2)) drop-shadow(0 8px 18px rgba(107,142,35,.24))}.emoji-practice-button:active{animation:none;transform:scale(.98)}.emoji-practice-button-idle{animation:emoji-idle-nudge .85s ease-in-out both}@keyframes tap-bubble-pop{0%{opacity:0;transform:translate(-50%) translateY(8px) rotate(-2deg) scale(.92)}12%,82%{opacity:1;transform:translate(-50%) translateY(0) rotate(-2deg) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-8px) rotate(-2deg) scale(.96)}}@keyframes emoji-idle-nudge{0%,to{transform:translateY(0) rotate(0) scale(1)}28%{transform:translateY(-7px) rotate(-3deg) scale(1.035)}56%{transform:translateY(0) rotate(2deg) scale(.995)}76%{transform:translateY(-3px) rotate(0) scale(1.015)}}@media(prefers-reduced-motion:reduce){.emoji-practice-button,.tap-bubble{animation:none}}.secondary-button{color:var(--color-blue);background:var(--blue-soft);border:1px solid var(--blue-line);font-weight:850}.home-footer{color:var(--ink-muted);font-size:clamp(.72rem,3.2vw,.82rem);text-align:center;font-weight:650;white-space:nowrap}.home-footer span{margin-left:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.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}.dictionary-category-filter{position:relative;display:inline-flex;align-items:center;gap:8px;justify-self:start}.dictionary-category-label{color:var(--color-ink);font-size:.95rem;font-weight:750}.dictionary-category-filter>button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 13px;border:1px solid var(--blue-line);border-radius:999px;color:var(--color-blue);background:var(--blue-soft);font-size:.95rem;font-weight:750;cursor:pointer}.dictionary-category-filter>.dictionary-category-active{border-color:var(--olive-line);color:var(--color-olive);background:var(--olive-soft)}.dictionary-category-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:3;display:grid;gap:6px;min-width:min(260px,calc(100vw - 80px));padding:8px;border:1px solid var(--blue-line);border-radius:8px;background:var(--color-paper);box-shadow:0 14px 26px #102a4324}.dictionary-category-menu button{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:42px;padding:8px 10px;border:1px solid var(--blue-line);border-radius:8px;color:var(--color-ink);background:var(--surface);font-size:.95rem;font-weight:750;cursor:pointer}.dictionary-category-menu button strong{color:var(--color-blue);font-size:.82rem;font-weight:850}.dictionary-category-menu .dictionary-category-option-active{border-color:var(--olive-line);color:var(--color-olive);background:var(--olive-soft)}.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}