*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0F0E17;--surface: #1A1929;--surface2: #252438;--border: #2E2D45;--accent: #6C63FF;--accent2: #FF6B6B;--text: #FFFFFE;--text-muted: #A7A9BE;--card-front: #1A1929;--card-back: #1E1C35;--radius: 20px;--radius-sm: 12px;--font: "Segoe UI", system-ui, -apple-system, sans-serif;--pink: #FF79C6}html,body{height:100%;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none}#root{height:100%}.app{display:flex;flex-direction:column;min-height:100%;min-height:-webkit-fill-available;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);outline:none}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-left{display:flex;align-items:center;gap:10px}.header-logo{font-size:24px}.header-title{font-size:18px;font-weight:700;letter-spacing:-.3px}.header-right{display:flex;align-items:center;gap:8px}.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--surface2);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,background .15s}.icon-btn:hover{background:var(--border);transform:scale(1.08)}.icon-btn.muted{opacity:.5}@keyframes pulse-ring{0%{box-shadow:0 0 #6c63ff80}70%{box-shadow:0 0 0 8px #6c63ff00}to{box-shadow:0 0 #6c63ff00}}.icon-btn.pulse{animation:pulse-ring 1.8s infinite}.lang-toggle{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface2);font-size:12px;font-weight:700;color:var(--text-muted);cursor:pointer;letter-spacing:.5px;transition:background .15s}.lang-toggle:hover{background:var(--border)}.lang-sep{opacity:.3}.lang-active{color:var(--accent)}.main{flex:1;display:flex;flex-direction:column;align-items:center;padding:16px 16px 88px;gap:16px;overflow-y:auto}.type-filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%;max-width:640px}.type-chip{display:flex;flex-direction:column;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;line-height:1.3;white-space:nowrap}.type-chip:hover{transform:translateY(-1px)}.type-chip.active{color:var(--bg)}.type-chip-label{font-size:12px;font-weight:700}.type-chip-desc{font-size:10px;opacity:.8}.card-area{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:480px;min-height:340px}.card-scene{width:100%;min-height:340px;perspective:1200px;cursor:pointer;outline:none}.card{width:100%;min-height:340px;position:relative;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.4,0,.2,1);border-radius:var(--radius)}.card.flipped{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;min-height:340px;border-radius:var(--radius);backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px;border:1px solid var(--border)}.card-front{background:linear-gradient(145deg,var(--card-front),var(--surface2));gap:12px}.card-back{background:linear-gradient(145deg,var(--card-back),#2a2847);transform:rotateY(180deg);justify-content:flex-start;padding-top:24px;gap:8px}.card-type-badge{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:4px 12px;border-radius:999px;border:1px solid}.card-infinitive{font-size:clamp(32px,8vw,48px);font-weight:800;letter-spacing:-1px;text-align:center;color:var(--text)}.card-english{font-size:16px;color:var(--text-muted);text-align:center}.inf-root{color:var(--text)}.inf-end,.badge-desc{color:var(--pink)}.card-rule{font-size:11.5px;font-weight:600;font-family:Courier New,monospace;background:#ff79c614;border:1px solid rgba(255,121,198,.22);border-radius:8px;padding:5px 13px;letter-spacing:.2px;display:flex;align-items:center}.rule-end{color:var(--pink)}.rule-forms{color:#ffffffe0}.card-hint{font-size:12px;color:var(--text-muted);opacity:.5;margin-top:4px}.card-tense-label{position:absolute;bottom:14px;right:18px;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--accent);opacity:.6}.card-tense-label.back{color:var(--accent2)}.conjugation-grid{width:100%;display:flex;flex-direction:column;gap:6px;margin-top:8px}.conjugation-row{display:flex;align-items:baseline;gap:12px;padding:6px 10px;border-radius:var(--radius-sm);background:#ffffff0a}.conjugation-row:nth-child(2n){background:#ffffff05}.pronoun{font-size:11px;font-weight:700;color:var(--text-muted);min-width:56px;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.conjugation{font-size:15px;font-weight:600;color:var(--text);word-break:break-word}.form-sep{color:var(--text-muted);opacity:.4;margin:0 2px;font-weight:400}.form-fem{color:#f0a500;font-weight:600}.nav-controls{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:480px}.tense-toggle{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px;gap:4px}.tense-btn{padding:8px 24px;border-radius:999px;border:none;font-size:13px;font-weight:700;cursor:pointer;background:transparent;color:var(--text-muted);transition:all .2s}.tense-btn.active{background:var(--accent);color:var(--text)}.nav-row{display:flex;align-items:center;gap:20px}.nav-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .15s}.nav-btn:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.08)}.nav-counter{font-size:14px;font-weight:700;color:var(--text-muted);min-width:60px;text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:100;padding-bottom:env(safe-area-inset-bottom)}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:480px;padding:24px;display:flex;flex-direction:column;gap:20px}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:20px;font-weight:800}.modal-close{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:4px 8px}.modal-label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.modal-hint{font-size:11px;font-weight:400;opacity:.7}.modal-input{width:100%;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:14px;outline:none}.modal-input:focus{border-color:var(--accent)}.modal-note{font-size:12px;color:var(--text-muted);opacity:.6;line-height:1.5}.modal-footer{display:flex;gap:10px;justify-content:flex-end}.modal-cancel{padding:10px 20px;border-radius:999px;border:1px solid var(--border);background:none;color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer}.modal-save{padding:10px 24px;border-radius:999px;border:none;background:var(--accent);color:var(--text);font-size:14px;font-weight:700;cursor:pointer}.modal-save:hover{opacity:.9}.card-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.practice-panel{width:100%;min-height:340px;border-radius:var(--radius);background:linear-gradient(145deg,var(--card-back),#2a2847);border:1px solid var(--border);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px;gap:16px;text-align:center}.practice-sentence{font-size:clamp(16px,4vw,20px);font-weight:600;color:var(--text);line-height:1.7;text-align:center}.practice-speak-btn{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,121,198,.35);background:#ff79c614;color:var(--pink);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s;line-height:1}.practice-speak-btn:hover{background:#ff79c62e;transform:scale(1.08)}.practice-speak-btn:active{transform:scale(.95)}.practice-blank{color:var(--pink);border-bottom:2px solid var(--pink);padding:0 6px;display:inline-block;min-width:80px;font-style:italic;opacity:.8}.practice-answer{color:var(--pink);font-weight:800;font-size:clamp(18px,5vw,24px);padding:0 4px}.practice-translation{font-size:13px;color:var(--text-muted)}.practice-reveal-btn{padding:10px 28px;border-radius:999px;border:1px solid var(--pink);background:#ff79c61a;color:var(--pink);font-size:13px;font-weight:700;letter-spacing:.3px;cursor:pointer;transition:background .15s;margin-top:4px}.practice-reveal-btn:hover{background:#ff79c633}.practice-dialogue{width:100%;background:#ffffff0a;border-radius:var(--radius-sm);padding:12px 14px 12px 16px;display:flex;align-items:center;gap:10px}.practice-dialogue-lines{flex:1;display:flex;flex-direction:column;gap:4px}.practice-dialogue-line{font-size:14px;color:var(--text-muted);font-style:italic;text-align:left;line-height:1.5}.practice-coming-soon{font-size:14px;color:var(--text-muted);opacity:.45;font-style:italic}.practice-toggle{padding:7px 22px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;cursor:pointer;transition:all .15s}.practice-toggle:hover{border-color:var(--pink);color:var(--pink)}.practice-toggle.active{background:#ff79c61a;border-color:var(--pink);color:var(--pink)}@keyframes slideUp{0%{transform:translate(-50%) translateY(120%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes iosPopUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.install-prompt{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:90%;max-width:400px;background:#1c1b2ef0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:10px 48px 10px 12px;display:flex;align-items:center;gap:10px;z-index:9999;box-shadow:0 8px 32px #00000080;animation:slideUp .42s cubic-bezier(.22,1,.36,1) forwards}.install-app-icon{width:44px;height:44px;border-radius:10px;flex-shrink:0;object-fit:cover}.install-app-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.install-app-name{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-app-sub{font-size:11px;color:var(--text-muted)}.install-get-btn{flex-shrink:0;padding:6px 18px;border-radius:999px;border:none;background:#0a84ff29;color:#0a84ff;font-size:14px;font-weight:800;letter-spacing:.3px;cursor:pointer;transition:background .15s,transform .1s}.install-get-btn:hover{background:#0a84ff42}.install-get-btn:active{transform:scale(.95)}.install-btn-x{position:absolute;top:50%;right:12px;transform:translateY(-50%);width:22px;height:22px;border:none;background:#ffffff14;border-radius:50%;color:var(--text-muted);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:background .15s}.install-btn-x:hover{background:#ffffff29}.install-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .16s ease forwards}.install-overlay-inner{width:100%;max-width:340px;background:var(--surface);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:28px 22px 22px;display:flex;flex-direction:column;gap:20px;animation:iosPopUp .26s cubic-bezier(.34,1.5,.64,1) forwards;text-align:center}.install-overlay-instruction{display:flex;flex-direction:column;gap:10px}.install-overlay-line{font-size:15px;font-weight:500;color:var(--text);line-height:1.5}.install-overlay-line-ua{font-size:13px;color:var(--text-muted);line-height:1.5}.install-overlay-close{padding:13px;border-radius:13px;border:none;background:#0a84ff;color:#fff;font-size:15px;font-weight:700;cursor:pointer;width:100%;transition:opacity .15s}.install-overlay-close:hover{opacity:.88}.install-overlay-dismiss{background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;opacity:.5;padding:2px;transition:opacity .15s}.install-overlay-dismiss:hover{opacity:.9}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}*{-webkit-tap-highlight-color:transparent}@media (min-width: 600px){.main{padding:24px 24px 32px}.card-face{padding:36px 32px}.conjugation{font-size:16px}}