:root{--bg: #0f1220;--surface: #1a1f36;--surface-2: #232a4a;--text: #eef1fb;--muted: #9aa3c7;--accent: #2b5cff;--accent-soft: #2b5cff33;--uayellow: #ffd93b;--good: #23c07a;--easy: #4d8bff;--again: #ff5d6c;--amber: #ffb020;--radius: 20px;--gap: 16px;--tap: 56px;color-scheme:dark}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg: #f5f7ff;--surface: #ffffff;--surface-2: #eef1fb;--text: #131936;--muted: #5b6485;--accent-soft: #2b5cff1a;color-scheme:light}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;overscroll-behavior:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:max(env(safe-area-inset-top),12px) 16px calc(var(--tap) + max(env(safe-area-inset-bottom),12px) + 16px)}.header{display:flex;align-items:baseline;justify-content:space-between;padding:8px 4px 20px}.brand{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--accent)}.brand span{color:var(--uayellow)}.streak-chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface);padding:8px 14px;border-radius:999px;font-weight:700;font-size:15px}.card{background:var(--surface);border-radius:var(--radius);padding:20px}.stack{display:flex;flex-direction:column;gap:var(--gap)}.hero{text-align:center;padding:28px 20px}.hero .plan-line{color:var(--muted);font-size:15px;margin:0 0 4px}.hero h2{font-size:22px;margin:0 0 20px}.progress-bar{height:10px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin-bottom:8px}.progress-bar>div{height:100%;background:var(--accent);transition:width .4s ease}.mini-stats{display:flex;gap:12px}.mini-stats .stat{flex:1;text-align:center;background:var(--surface);border-radius:var(--radius);padding:18px 10px}.mini-stats .num{font-size:28px;font-weight:800}.mini-stats .lbl{color:var(--muted);font-size:13px;margin-top:2px}.btn-primary{width:100%;min-height:var(--tap);border-radius:16px;background:var(--accent);color:#fff;font-size:18px;font-weight:700;transition:transform .08s ease,opacity .2s}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.45}.btn-ghost{width:100%;min-height:48px;border-radius:14px;background:var(--surface-2);color:var(--text);font-weight:600}.study{flex:1;display:flex;flex-direction:column}.study-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.study-top .bar{flex:1;height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.study-top .bar>div{height:100%;background:var(--accent);transition:width .3s}.close{font-size:22px;color:var(--muted);width:40px;height:40px}.mode-tag{align-self:center;color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.flashcard{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:10px}.emoji{font-size:84px;line-height:1}.uk{font-size:40px;font-weight:800;letter-spacing:-.01em}.translit{font-size:18px;color:var(--muted)}.es{font-size:24px;font-weight:600}.example{margin-top:8px;color:var(--muted);font-size:16px;line-height:1.4}.example b{color:var(--text)}.grammar{background:var(--surface-2);border-left:3px solid var(--uayellow);border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.45;text-align:left;max-width:340px;color:var(--text)}.speak-btn{width:72px;height:72px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:30px;display:flex;align-items:center;justify-content:center;transition:transform .08s}.speak-btn:active{transform:scale(.92)}.hint{color:var(--muted);font-size:14px}.write-input{width:100%;min-height:var(--tap);border-radius:14px;background:var(--surface-2);color:var(--text);font-size:22px;text-align:center;border:2px solid transparent;padding:10px}.write-input:focus{outline:none;border-color:var(--accent)}.write-input.ok{border-color:var(--good)}.write-input.bad{border-color:var(--again)}.actions{display:flex;flex-direction:column;gap:10px;padding-top:12px}.rating-row{display:flex;gap:10px}.rating{flex:1;min-height:var(--tap);border-radius:14px;font-weight:700;font-size:16px;background:var(--surface-2);transition:transform .08s}.rating:active{transform:scale(.96)}.rating.again{background:color-mix(in srgb,var(--again) 22%,var(--surface-2));color:var(--again)}.rating.good{background:color-mix(in srgb,var(--good) 22%,var(--surface-2));color:var(--good)}.rating.easy{background:color-mix(in srgb,var(--easy) 22%,var(--surface-2));color:var(--easy)}.done{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.done .big{font-size:72px}.done h2{margin:0;font-size:26px}.done p{color:var(--muted);margin:0;max-width:300px}.section-title{font-size:15px;font-weight:700;color:var(--muted);margin:4px 4px 10px;text-transform:uppercase;letter-spacing:.06em}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cell{aspect-ratio:1;border-radius:8px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted)}.cell.on{background:var(--accent);color:#fff;font-weight:700}.cell.today{outline:2px solid var(--amber);outline-offset:-2px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;display:flex;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--surface-2);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{flex:1;padding:10px 0 12px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:11px;font-weight:600}.bottom-nav button.active{color:var(--accent)}.bottom-nav .ico{font-size:22px}.notice{background:color-mix(in srgb,var(--amber) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--amber) 40%,transparent);border-radius:14px;padding:12px 14px;font-size:14px;color:var(--text);line-height:1.4}@keyframes pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.pop{animation:pop .3s ease}.row-2{display:flex;gap:10px}.row-2 .btn-ghost{flex:1}.stepper{display:flex;align-items:center;gap:14px}.stepper button{width:38px;height:38px;border-radius:12px;background:var(--surface-2);color:var(--text);font-size:22px;font-weight:700}.stepper-num{font-size:20px;font-weight:800;min-width:24px;text-align:center}.card-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-2);border-radius:12px;padding:10px 12px}.card-row>div:first-child{min-width:0;overflow:hidden}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0}.modal{width:100%;max-width:480px;background:var(--surface);border-radius:24px 24px 0 0;padding:20px 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;animation:slideup .25s ease}@keyframes slideup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-head h3{margin:0;font-size:20px}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:13px;color:var(--muted);font-weight:600}button.stat{border:none;cursor:pointer;font:inherit;color:inherit;transition:transform .08s}button.stat:active{transform:scale(.97)}.filter-row{display:flex;gap:8px}.chip{flex:1;padding:9px 0;border-radius:999px;background:var(--surface);color:var(--muted);font-weight:600;font-size:14px;text-transform:capitalize}.chip.active{background:var(--accent);color:#fff}.word-item{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:14px;padding:10px 12px}.word-item>div{overflow:hidden}.word-item .hint{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.speak-btn.small{width:40px;height:40px;font-size:18px;flex-shrink:0}.mini-btn{flex-shrink:0;padding:8px 12px;border-radius:10px;background:var(--surface-2);color:var(--text);font-weight:600;font-size:14px}.badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;vertical-align:middle}.badge.nuevo{background:var(--surface-2);color:var(--muted)}.badge.vista{background:var(--accent-soft);color:var(--accent)}.badge.dominada{background:color-mix(in srgb,var(--good) 22%,var(--surface-2));color:var(--good)}.add-sentence-link{align-self:center;color:var(--muted);font-size:14px;font-weight:600;padding:8px;margin-top:2px}.add-sentence-link:active{color:var(--accent)}.word-img{width:220px;height:150px;object-fit:cover;border-radius:18px;background:var(--surface-2)}.word-thumb{width:46px;height:46px;border-radius:10px;object-fit:cover;flex-shrink:0;background:var(--surface-2)}.emoji-thumb{display:flex;align-items:center;justify-content:center;font-size:24px}.mini-stats.three .stat{padding:14px 6px}.mini-stats.three .num{font-size:24px}.mini-stats.three .lbl{font-size:11px}.btn-ghost.big{min-height:54px;font-size:16px;background:color-mix(in srgb,var(--accent) 16%,var(--surface));color:var(--accent)}.search{width:100%;min-height:48px;border-radius:14px;background:var(--surface);color:var(--text);border:2px solid transparent;padding:0 16px;font-size:16px}.search:focus{outline:none;border-color:var(--accent)}.lesson-row{display:flex;align-items:center;gap:12px;text-align:left;background:var(--surface);border-radius:14px;padding:14px;transition:transform .08s}.lesson-row:active{transform:scale(.99)}.lesson-title{font-weight:700;font-size:16px;margin-bottom:2px}.done-check{color:var(--good);margin-right:6px}.badge.lvl-A1{background:color-mix(in srgb,var(--good) 22%,var(--surface-2));color:var(--good)}.badge.lvl-A2{background:var(--accent-soft);color:var(--accent)}.badge.lvl-B1{background:color-mix(in srgb,var(--amber) 22%,var(--surface-2));color:var(--amber)}.ex-row{display:flex;align-items:center;gap:10px}.option{width:100%;text-align:left;min-height:46px;border-radius:12px;background:var(--surface-2);color:var(--text);padding:10px 14px;font-size:16px;transition:transform .06s}.option:active{transform:scale(.99)}.option.ok{background:color-mix(in srgb,var(--good) 26%,var(--surface-2));color:var(--good);font-weight:700}.option.bad{background:color-mix(in srgb,var(--again) 26%,var(--surface-2));color:var(--again)}