:root{--color-primary:#2e7d74;--color-primary-light:#5ba59b;--color-primary-dark:#266b63;--color-primary-hover:#266b63;--color-secondary:#c99a4e;--color-accent:#c99a4e;--color-bg:#f5f7f5;--color-surface:#fff;--color-surface-2:#eef1ee;--color-surface-hover:#eef3f1;--color-text:#232826;--color-text-secondary:#6b746f;--color-border:#e3e7e3;--color-success:#3f8f6b;--color-error:#c2675e;--color-shadow:#283c3712;--color-shadow-strong:#283c371f;--color-primary-tint:#2e7d741a;--radius:16px;--radius-sm:10px;--radius-lg:22px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:28px;--shadow-sm:0 1px 2px var(--color-shadow);--shadow-md:0 4px 14px var(--color-shadow);--shadow-lg:0 10px 30px var(--color-shadow-strong);--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--nav-height:66px}[data-theme=dark]{--color-primary:#6fb3a9;--color-primary-light:#8ac7be;--color-primary-dark:#5ba59b;--color-primary-hover:#7fc0b6;--color-secondary:#d9b675;--color-accent:#d9b675;--color-bg:#1b201e;--color-surface:#232927;--color-surface-2:#2b312f;--color-surface-hover:#2b312f;--color-text:#e4e8e5;--color-text-secondary:#9aa39e;--color-border:#333a37;--color-success:#6fb392;--color-error:#d98b83;--color-shadow:#00000038;--color-shadow-strong:#00000061;--color-primary-tint:#6fb3a924}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;min-height:100dvh}h1,h2,h3,h4{letter-spacing:-.02em;line-height:1.2}button{color:inherit;cursor:pointer;border-radius:var(--radius-pill);letter-spacing:-.01em;border:none;padding:12px 22px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .18s,transform .12s,opacity .18s,box-shadow .18s,border-color .18s}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}[data-theme=dark] .btn-primary{color:#10201d}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-sm{padding:8px 14px;font-size:.85rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:transform .16s,box-shadow .16s,border-color .16s}@media (hover:hover){.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}}.card:active{transform:scale(.98)}input,textarea{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);width:100%;padding:12px 14px;font-family:inherit;font-size:1rem;transition:border-color .18s,box-shadow .18s}input::placeholder,textarea::placeholder{color:var(--color-text-secondary);opacity:.7}input:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-tint);outline:none}textarea{resize:vertical;line-height:1.5}.app-layout{flex-direction:column;min-height:100dvh;display:flex}.app-content{padding:var(--space-5);padding-bottom:calc(var(--nav-height) + 24px + env(safe-area-inset-bottom));flex:1;width:100%;max-width:620px;margin:0 auto}.bottom-nav{height:calc(var(--nav-height) + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--color-surface) 88%, transparent);-webkit-backdrop-filter:saturate(160%)blur(14px);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--color-text-secondary);border-radius:var(--radius-sm);flex-direction:column;flex:1;align-items:center;gap:3px;min-width:56px;padding:6px;font-size:.66rem;text-decoration:none;transition:color .18s;display:flex}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-icon{justify-content:center;align-items:center;transition:transform .18s;display:flex}.bottom-nav-item.active .bottom-nav-icon{transform:translateY(-1px)scale(1.08)}.bottom-nav-label{letter-spacing:-.01em;font-weight:600}.login-page{background:radial-gradient(120% 120% at 50% 0%, var(--color-surface-hover), var(--color-bg));justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-lg);width:100%;max-width:400px;padding:48px 32px}.login-card h1{color:var(--color-primary);margin-bottom:8px;font-size:2rem}.login-card p{color:var(--color-text-secondary);margin-bottom:32px}.btn-google{background:var(--color-primary);color:#fff;width:100%;padding:15px;font-size:1.05rem}[data-theme=dark] .btn-google{color:#10201d}.login-divider{color:var(--color-text-secondary);align-items:center;gap:12px;margin:20px 0;font-size:.82rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.login-form{text-align:left;flex-direction:column;gap:10px;display:flex}.login-form input,.login-form .tap-hint{text-align:center}.login-sent{color:var(--color-text);flex-direction:column;align-items:center;gap:10px;display:flex}.login-sent svg{color:var(--color-success)}.login-status{color:var(--color-text-secondary);padding:12px 0}.login-error{color:var(--color-error);margin-top:14px;font-size:.88rem;font-weight:600}.page-title{margin-bottom:20px;font-size:1.7rem;font-weight:700}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);margin:24px 0 12px;font-size:.8rem;font-weight:700}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;box-shadow:var(--shadow-sm);padding:20px}.stat-value{color:var(--color-primary);font-size:2rem;font-weight:700;display:block}.stat-label{color:var(--color-text-secondary);margin-top:4px;font-size:.85rem}.quick-start{width:100%;margin-bottom:16px;padding:16px;font-size:1.05rem}.info-banner{background:var(--color-primary-tint);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text-secondary);margin-bottom:16px;padding:12px 16px;font-size:.9rem}.sets-preview{flex-direction:column;gap:8px;display:flex}.set-preview-card{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.set-count{color:var(--color-text-secondary);font-size:.85rem}.page-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.sets-grid{flex-direction:column;gap:12px;display:flex}.set-card{cursor:pointer}.set-card h3{margin-bottom:4px}.set-desc{color:var(--color-text-secondary);margin-bottom:8px;font-size:.85rem}.set-meta{color:var(--color-text-secondary);justify-content:space-between;font-size:.85rem;display:flex}.create-set-form{flex-direction:column;gap:12px;display:flex}.color-picker{gap:10px;display:flex}.color-dot{cursor:pointer;color:#fff;width:38px;height:38px;box-shadow:none;border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .2s,transform .15s;display:flex}.color-dot:hover{transform:scale(1.08)}.color-dot.selected{border-color:var(--color-text)}.empty-state{text-align:center;color:var(--color-text-secondary);padding:40px 12px}.empty-state p+p{margin-top:8px}.loading{text-align:center;color:var(--color-text-secondary);padding:40px}.toast-container{bottom:calc(var(--nav-height) + 16px);z-index:200;flex-direction:column;gap:8px;width:90%;max-width:400px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius-pill);text-align:center;box-shadow:var(--shadow-md);padding:13px 20px;font-size:.9rem;font-weight:600;animation:.3s toast-in}.toast-success{background:var(--color-success);color:#fff}.toast-error{background:var(--color-error);color:#fff}.toast-info{background:var(--color-primary);color:#fff}[data-theme=dark] .toast-info,[data-theme=dark] .toast-success,[data-theme=dark] .toast-error{color:#10201d}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.word-form,.bulk-form{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.direction-toggle{gap:8px;display:flex}.direction-toggle button{background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-pill);flex:1;padding:9px}.direction-toggle button.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-tint)}.suggestion{background:var(--color-primary-tint);border-radius:var(--radius-sm);cursor:pointer;padding:12px;font-size:.9rem}.tap-hint{color:var(--color-text-secondary);font-size:.82rem}.translating{color:var(--color-text-secondary);font-size:.85rem}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.set-actions{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.word-list{flex-direction:column;gap:8px;display:flex}.word-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.word-pair{align-items:center;gap:8px;display:flex}.word-czech{font-weight:600}.word-arrow{color:var(--color-text-secondary)}.word-spanish{color:var(--color-primary)}.word-meta{align-items:center;gap:8px;display:flex}.mastery-badge{border-radius:var(--radius-pill);padding:2px 10px;font-size:.72rem;font-weight:700}.btn-icon{min-width:auto;box-shadow:none;background:0 0;padding:8px;font-size:1rem}.btn-delete{opacity:.55}.btn-delete:hover{opacity:1}.bulk-review{flex-direction:column;gap:8px;max-height:300px;display:flex;overflow-y:auto}.bulk-row{align-items:center;gap:8px;display:flex}.bulk-original{min-width:100px;font-weight:600}.bulk-warning{color:var(--color-secondary)}.flashcard-mode{flex-direction:column;align-items:center;gap:20px;padding-top:20px;display:flex}.practice-progress{color:var(--color-text-secondary);font-size:.9rem;font-weight:600}.flashcard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;width:100%;max-width:420px;min-height:220px;box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;padding:48px 24px;display:flex}.flashcard-lang{text-transform:uppercase;letter-spacing:2px;color:var(--color-text-secondary);margin-bottom:12px;font-size:.72rem;display:block}.flashcard-word{font-size:2.1rem;font-weight:700;display:block}.flashcard-hint{color:var(--color-text-secondary);margin-top:16px;font-size:.8rem}.flashcard-back{border-top:1px solid var(--color-border);margin-top:24px;padding-top:24px}.flashcard-notes{color:var(--color-text-secondary);margin-top:8px;font-size:.85rem;font-style:italic;display:block}.rating-buttons{gap:8px;width:100%;max-width:420px;display:flex}.rating-buttons button{border-radius:var(--radius-sm);background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-text);flex:1;padding:13px 8px;font-size:.85rem}.rating-buttons button:hover{border-color:var(--color-primary);color:var(--color-primary)}.quiz-mode{flex-direction:column;align-items:center;gap:20px;padding-top:20px;display:flex}.quiz-question{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-md);padding:36px 24px}.quiz-options{flex-direction:column;gap:8px;width:100%;max-width:420px;display:flex}.quiz-option{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);text-align:left;color:var(--color-text);padding:15px 20px;font-size:1rem;transition:all .18s}.quiz-option:hover:not(:disabled){border-color:var(--color-primary)}.quiz-option.correct{background:var(--color-success);color:#fff;border-color:var(--color-success)}.quiz-option.wrong{background:var(--color-error);color:#fff;border-color:var(--color-error)}[data-theme=dark] .quiz-option.correct,[data-theme=dark] .quiz-option.wrong{color:#10201d}.typing-mode{flex-direction:column;align-items:center;gap:20px;padding-top:20px;display:flex}.typing-question{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-md);padding:36px 24px}.typing-input-area{flex-direction:column;gap:12px;width:100%;max-width:420px;display:flex}.typing-input{text-align:center;font-size:1.1rem}.typing-exact{border-color:var(--color-success)!important}.typing-fuzzy{border-color:var(--color-secondary)!important}.typing-wrong{border-color:var(--color-error)!important}.typing-feedback{text-align:center;border-radius:var(--radius-sm);padding:12px;font-weight:600}.typing-feedback-exact{color:var(--color-success);background:#3f8f6b26}.typing-feedback-fuzzy{color:var(--color-secondary);background:#c99a4e29}.typing-feedback-wrong{color:var(--color-error);background:#c2675e26}.matching-mode{flex-direction:column;align-items:center;gap:20px;padding-top:20px;display:flex}.matching-columns{gap:16px;width:100%;max-width:500px;display:flex}.matching-column{flex-direction:column;flex:1;gap:8px;display:flex}.matching-header{text-align:center;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.78rem;font-weight:700}.matching-item{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);text-align:center;color:var(--color-text);padding:14px;font-size:.95rem;transition:all .18s}.matching-item:hover:not(:disabled){border-color:var(--color-primary)}.matching-item.selected{border-color:var(--color-primary);background:var(--color-primary-tint)}.matching-item.matched{opacity:.35;background:var(--color-success);color:#fff;border-color:var(--color-success)}[data-theme=dark] .matching-item.matched{color:#10201d}.matching-item.shake{animation:.3s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.settings-page{max-width:520px}.settings-section{margin-bottom:24px}.setting-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-bottom:8px;padding:16px;display:flex}.toggle{border-radius:var(--radius-pill);background:var(--color-border);width:52px;height:30px;padding:0;transition:background .3s;position:relative}.toggle.active{background:var(--color-primary)}.toggle-knob{width:24px;height:24px;box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;transition:transform .3s;position:absolute;top:3px;left:3px}.toggle.active .toggle-knob{transform:translate(22px)}.settings-footer{text-align:center;color:var(--color-text-secondary);margin-top:32px;font-size:.85rem}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:300;background:#141c1980;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:26px}.modal-title{margin-bottom:12px;font-size:1.25rem}.modal-message{color:var(--color-text-secondary);margin-bottom:20px;font-size:.95rem;line-height:1.5}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.btn-danger{background:var(--color-error);color:#fff}[data-theme=dark] .btn-danger{color:#10201d}.practice-results{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-top:40px;display:flex}.results-icon{color:var(--color-primary);display:flex}.results-message{font-size:1.5rem;font-weight:700}.results-mode{color:var(--color-text-secondary);font-size:.9rem}.results-stats{gap:16px;width:100%;max-width:420px;margin:8px 0;display:flex}.results-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex:1;padding:16px 8px}.results-stat-value{color:var(--color-primary);font-size:1.5rem;font-weight:700;display:block}.results-stat-label{color:var(--color-text-secondary);margin-top:4px;font-size:.8rem}.results-detail{color:var(--color-text-secondary);font-size:.9rem}.results-actions{gap:12px;width:100%;max-width:420px;margin-top:8px;display:flex}.results-actions button{flex:1}.set-chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chip{border-radius:var(--radius-pill);background:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-text-secondary);padding:8px 16px;font-size:.85rem}.chip.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-tint)}.queue-info{color:var(--color-text-secondary);margin-bottom:8px;font-size:.85rem}.mode-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.mode-card{text-align:center;cursor:pointer;padding:22px 12px}.mode-card.selected{border:1.5px solid var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-tint)}.mode-icon{color:var(--color-primary);justify-content:center;margin-bottom:8px;display:flex}.mode-desc{color:var(--color-text-secondary);margin-top:4px;font-size:.8rem;display:block}.grammar-group{margin-bottom:8px}.grammar-grid{flex-direction:column;gap:12px;display:flex}.grammar-card{cursor:pointer}.grammar-card-head{align-items:center;gap:10px;margin-bottom:6px;display:flex}.grammar-card-icon{font-size:1.15rem}.grammar-card-title{font-size:1.05rem;font-weight:700}.grammar-card-preview{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.45;display:-webkit-box;overflow:hidden}.grammar-chooser{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.chooser-actions{gap:10px;display:flex}.chooser-actions button{flex:1}.btn-back{color:var(--color-text-secondary);box-shadow:none;background:0 0;margin-bottom:12px;padding:6px 0;font-size:.9rem;font-weight:600}.btn-back:hover{color:var(--color-primary)}.grammar-entry-page{flex-direction:column;display:flex}.entry-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.entry-title{font-size:1.55rem;font-weight:700}.entry-subtitle{color:var(--color-text-secondary);margin-top:2px;font-size:.95rem}.entry-category{border-radius:var(--radius-pill);background:var(--color-primary-tint);color:var(--color-primary);margin-top:8px;padding:3px 12px;font-size:.74rem;font-weight:700;display:inline-block}.entry-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.entry-notes{color:var(--color-text-secondary);background:var(--color-surface-2);border-radius:var(--radius-sm);margin-top:16px;padding:14px 16px;font-size:.92rem;line-height:1.55}.conj-table-wrap{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);overflow-x:auto}.conj-table{border-collapse:collapse;width:100%;font-size:.95rem}.conj-table th,.conj-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:11px 14px}.conj-table thead th{background:var(--color-surface-2);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);font-size:.78rem;font-weight:700}.conj-table tbody tr:last-child th,.conj-table tbody tr:last-child td{border-bottom:none}.conj-person{color:var(--color-primary);white-space:nowrap;font-weight:600}.conj-corner{width:1%}.conj-empty{color:var(--color-text-secondary);opacity:.5}.conj-table-edit th,.conj-table-edit td{padding:5px}.conj-table-edit input{border-radius:var(--radius-sm);min-width:84px;padding:8px 10px;font-size:.9rem}.conj-table-edit .conj-person input{color:var(--color-primary);font-weight:600}.conj-col-head{align-items:center;gap:4px;display:flex}.conj-col-remove{color:var(--color-error);min-width:auto;box-shadow:none;background:0 0;padding:2px 6px;font-size:1.1rem;line-height:1}.conj-col-remove:disabled{opacity:.3}.conj-add-col{width:1%}.conj-add-col button{background:var(--color-primary-tint);color:var(--color-primary);min-width:auto;box-shadow:none;padding:6px 12px;font-size:1.1rem}.grammar-editor{flex-direction:column;gap:12px;display:flex}.editor-title-input{font-size:1.15rem;font-weight:700}.editor-template-bar{flex-direction:column;gap:8px;display:flex}.template-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;gap:6px;padding:8px;display:flex}.template-option{text-align:left;border-radius:var(--radius-sm);color:var(--color-text);box-shadow:none;background:0 0;padding:10px 12px;font-weight:500}.template-option:hover{background:var(--color-primary-tint);color:var(--color-primary)}.rule-view{flex-direction:column;gap:16px;display:flex}.rule-body{white-space:pre-wrap;font-size:1rem;line-height:1.6}.rule-examples{flex-direction:column;gap:8px;display:flex}.rule-example{background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);flex-direction:column;gap:3px;padding:12px 14px;display:flex}.rule-example-es{color:var(--color-primary);font-weight:600}.rule-example-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.rule-example-head .speak-btn{width:30px;height:30px}.rule-example-cz{color:var(--color-text-secondary);font-size:.9rem}.examples-editor{flex-direction:column;gap:8px;display:flex}.examples-head{justify-content:space-between;align-items:center;display:flex}.section-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);font-size:.8rem;font-weight:700}.example-row{align-items:center;gap:8px;display:flex}.example-row input{flex:1}.icon-btn{border-radius:var(--radius-pill);width:44px;height:44px;color:var(--color-text-secondary);box-shadow:none;background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.icon-btn-danger:hover{color:var(--color-error)}.speak-btn{border-radius:var(--radius-pill);background:var(--color-primary-tint);width:40px;height:40px;color:var(--color-primary);box-shadow:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.speak-btn:hover{background:var(--color-primary);color:#fff}[data-theme=dark] .speak-btn:hover{color:#10201d}.sheet-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:300;background:#141c1980;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:10px 22px calc(22px + env(safe-area-inset-bottom));width:100%;max-width:620px;box-shadow:var(--shadow-lg);border-bottom:none;animation:.26s cubic-bezier(.32,.72,.25,1) sheet-up}.sheet-handle{border-radius:var(--radius-pill);background:var(--color-border);width:38px;height:4px;margin:0 auto 16px}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.sheet-title{font-size:1.2rem}.sheet{max-height:88dvh;overflow-y:auto}.article-chips{align-items:center;gap:8px;display:flex}.article-chips .chip{padding:6px 18px;font-weight:700}.form-hint{text-align:center;margin-top:2px}@keyframes sheet-up{0%{opacity:.6;transform:translateY(40%)}to{opacity:1;transform:translateY(0)}}.segmented{background:var(--color-surface-2);border-radius:var(--radius-pill);gap:2px;padding:3px;display:flex}.segmented button{border-radius:var(--radius-pill);color:var(--color-text-secondary);box-shadow:none;white-space:nowrap;background:0 0;flex:1;padding:9px 12px;font-size:.86rem}.segmented button[aria-selected=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.skeleton{border-radius:var(--radius);background:linear-gradient(100deg, var(--color-surface-2) 40%, var(--color-surface) 50%, var(--color-surface-2) 60%);background-size:200% 100%;min-height:64px;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:120% 0}to{background-position:-80% 0}}.offline-banner{z-index:150;background:var(--color-secondary);color:#fff;text-align:center;padding:9px 16px;font-size:.85rem;font-weight:600;position:sticky;top:0}[data-theme=dark] .offline-banner{color:#10201d}.error-screen{text-align:center;min-height:100dvh;color:var(--color-text);background:var(--color-bg);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex}.error-screen svg{color:var(--color-error)}.error-screen p{color:var(--color-text-secondary);max-width:320px}.empty-state-icon{color:var(--color-text-secondary);opacity:.6;justify-content:center;margin-bottom:12px;display:flex}.hero-card{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);border-radius:var(--radius-lg);color:#fff;box-shadow:var(--shadow-md);margin-bottom:20px;padding:24px}[data-theme=dark] .hero-card{color:#10201d}.hero-title{margin-bottom:4px;font-size:1.25rem;font-weight:700}.hero-sub{opacity:.85;margin-bottom:18px;font-size:.9rem}.hero-actions{gap:10px;display:flex}.hero-actions button{color:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff29;border:1px solid #ffffff4d;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 10px;font-size:.92rem;display:flex}[data-theme=dark] .hero-actions button{background:#10201d1f;border-color:#10201d47}.hero-actions button:disabled{opacity:.45}.quick-links{flex-direction:column;gap:8px;display:flex}.quick-link{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;font-size:.95rem;font-weight:600;display:flex}.quick-link:active{transform:scale(.98)}.quick-link-icon{color:var(--color-primary);display:flex}.quick-link-arrow{color:var(--color-text-secondary);margin-left:auto;display:flex}.stat-icon{color:var(--color-primary);justify-content:center;margin-bottom:6px;display:flex}.practice-shell{flex-direction:column;align-items:center;gap:20px;display:flex}.practice-shell-header{align-items:center;gap:12px;width:100%;max-width:460px;display:flex}.practice-shell-header .lesson-progress-bar{flex:1;max-width:none}.practice-shell-count{color:var(--color-text-secondary);white-space:nowrap;text-align:right;min-width:52px;font-size:.82rem;font-weight:700}.practice-shell-spacer{flex-shrink:0;width:44px;height:44px}.quiz-option.shake{animation:.3s shake}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.flashcard-back{animation:.22s fade-up}.lesson-mode{flex-direction:column;align-items:center;gap:20px;padding-top:12px;display:flex}.lesson-progress-bar{border-radius:var(--radius-pill);background:var(--color-surface-2);width:100%;max-width:420px;height:6px;overflow:hidden}.lesson-progress-fill{border-radius:var(--radius-pill);background:var(--color-primary);height:100%;transition:width .3s}.present-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:10px;padding:40px 24px;display:flex}.present-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--color-secondary);font-size:.72rem;font-weight:700}.present-spanish{color:var(--color-primary);font-size:2.1rem;font-weight:700}.present-czech{color:var(--color-text);font-size:1.15rem}.present-notes{color:var(--color-text-secondary);font-size:.88rem;font-style:italic}.listen-replay{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-md);color:var(--color-primary);justify-content:center;align-items:center;gap:10px;padding:32px 24px;font-size:1rem;display:flex}.lesson-feedback{text-align:center;border-radius:var(--radius-sm);width:100%;max-width:420px;padding:12px;font-weight:600}.lesson-feedback.ok{color:var(--color-success);background:#3f8f6b26}.lesson-feedback.ko{color:var(--color-error);background:#c2675e26}.verb-toolbar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.verb-toolbar input{flex:1}.verb-list{flex-direction:column;gap:8px;display:flex}.verb-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:13px 16px;display:flex}.verb-row:active{transform:scale(.98)}.verb-infinitive{color:var(--color-primary);min-width:86px;font-weight:700}.verb-cz{color:var(--color-text-secondary);flex:1;font-size:.9rem}.verb-score{color:var(--color-text-secondary);font-size:.78rem;font-weight:700}.verb-score.good{color:var(--color-success)}.verb-score.bad{color:var(--color-error)}.verb-detail-header{align-items:center;gap:12px;margin-bottom:6px;display:flex}.verb-detail-header h1{color:var(--color-primary);font-size:1.7rem}.verb-detail-cz{color:var(--color-text-secondary);margin-bottom:18px}.verb-tense-block{margin-bottom:18px}.verb-tense-title{color:var(--color-text-secondary);align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;font-weight:700;display:flex}.irregular-dot{background:var(--color-secondary);border-radius:50%;flex-shrink:0;width:7px;height:7px}.verb-form-row{cursor:pointer}.verb-form-irregular{color:var(--color-secondary);font-weight:600}.drill-setup{flex-direction:column;gap:14px;display:flex}.drill-mode{flex-direction:column;align-items:center;gap:20px;padding-top:12px;display:flex}.drill-question{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:420px;box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:8px;padding:32px 24px;display:flex}.drill-person{font-size:1.4rem;font-weight:700}.drill-infinitive{color:var(--color-primary);font-size:1.05rem;font-weight:600}.drill-tense-chip{border-radius:var(--radius-pill);background:var(--color-primary-tint);color:var(--color-primary);padding:3px 12px;font-size:.74rem;font-weight:700}.drill-summary{flex-direction:column;gap:6px;width:100%;max-width:420px;display:flex}.drill-summary-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:space-between;padding:10px 14px;font-size:.9rem;display:flex}.tenses-section{flex-direction:column;display:flex}.tense-verb-box{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.tense-verb-row{align-items:center;gap:10px;display:flex}.tense-verb-row input{flex:1}.tense-verb-note{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:.85rem;display:flex}.tense-verb-note.ok{color:var(--color-success);font-weight:600}.tense-verb-note.warn{color:var(--color-secondary);font-weight:600}.tense-note{color:var(--color-text-secondary);margin-top:6px;font-size:.82rem;line-height:1.45}.setting-note{color:var(--color-text-secondary);margin:4px 0 12px;font-size:.82rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=380px){.bottom-nav-label{font-size:.6rem}}