:root{font-family:Manrope,Segoe UI,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color-scheme:light;--ink: #13181e;--muted: #5c6671;--accent: #1f7a8c;--accent-dark: #145664;--accent-soft: rgba(31, 122, 140, .12);--accent-warm: #f18f3b;--surface: rgba(255, 255, 255, .88);--surface-strong: #ffffff;--card-soft: rgba(255, 255, 255, .7);--border: #e7ded0;--shadow: 0 24px 60px -38px rgba(13, 20, 30, .55);--bg: #f3efe7;--bg-gradient: radial-gradient(circle at top left, #fff7ea 0%, #f7efe1 45%, #edf3f4 100%);--glow-cool: rgba(31, 122, 140, .18);--glow-warm: rgba(241, 143, 59, .22);--row-alt: rgba(247, 242, 234, .65);--toggle-off: rgba(92, 102, 113, .3)}[data-theme=dark]{color-scheme:dark;--ink: #f4f6f8;--muted: #b7c0c8;--accent: #63c0d0;--accent-dark: #4aa5b6;--accent-soft: rgba(99, 192, 208, .16);--accent-warm: #f4a24b;--surface: rgba(20, 26, 32, .9);--surface-strong: #151a20;--card-soft: rgba(21, 28, 34, .75);--border: rgba(97, 110, 122, .45);--shadow: 0 24px 60px -38px rgba(0, 0, 0, .8);--bg: #0f1419;--bg-gradient: radial-gradient(circle at top left, #18212a 0%, #0f1419 55%, #0c1115 100%);--glow-cool: rgba(99, 192, 208, .2);--glow-warm: rgba(244, 162, 75, .2);--row-alt: rgba(255, 255, 255, .04);--toggle-off: rgba(180, 190, 200, .28)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:var(--bg);color:var(--ink);transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button,input,select{font:inherit}code{font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em}.app{min-height:100vh;padding:48px 20px 80px;position:relative;overflow:hidden;background:var(--bg-gradient);transition:background .3s ease}.app:before,.app:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,var(--glow-cool),transparent 65%);filter:blur(.5px);opacity:.9;animation:drift 18s ease-in-out infinite;z-index:0}.app:before{top:-160px;right:-120px}.app:after{bottom:-200px;left:-160px;background:radial-gradient(circle,var(--glow-warm),transparent 70%);animation-delay:-6s}.app-shell{max-width:1150px;margin:0 auto;position:relative;z-index:1}.app-header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:28px}.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.brand h1{font-family:Space Grotesk,sans-serif;font-size:clamp(2.4rem,3.3vw,3.4rem);margin:10px 0 8px;letter-spacing:-.02em}.brand p{margin:0;color:var(--muted);max-width:520px}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);font-weight:600;font-size:.85rem}.pill-button{border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark);font-weight:600;font-size:.85rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.pill-button.active{background:var(--accent);color:#fff;box-shadow:0 12px 30px -20px #1f7a8ccc}.card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s ease,box-shadow .25s ease}.card:hover{transform:translateY(-2px);box-shadow:0 30px 60px -42px #0d141e99}.auth-card{display:grid;gap:20px}.auth-header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}.auth-toggle{display:flex;gap:8px;flex-wrap:wrap}.user-badge{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:16px;background:var(--card-soft);border:1px solid var(--border);box-shadow:0 18px 40px -32px #0d141e8c}.user-email{font-weight:700}.label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.form{display:grid;gap:16px}.field{display:grid;gap:8px;font-weight:600;color:var(--ink)}.field span{font-size:.92rem}input,select{border-radius:14px;border:1px solid var(--border);padding:12px 14px;background:var(--surface-strong);box-shadow:inset 0 0 0 1px #fff9;transition:border .2s ease,box-shadow .2s ease}input:focus,select:focus{outline:2px solid rgba(31,122,140,.25);border-color:#1f7a8c73;box-shadow:0 10px 20px -18px #1f7a8cb3}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid rgba(31,122,140,.35);outline-offset:2px}.helper{font-size:.82rem;color:var(--muted);font-weight:500}.btn{border:none;border-radius:999px;padding:10px 18px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;box-shadow:0 16px 30px -20px #1f7a8ccc}.btn.secondary{background:var(--surface-strong);border:1px solid var(--accent);color:var(--accent-dark)}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--ink)}.btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.btn:not(:disabled):hover,.pill-button:not(.active):hover{transform:translateY(-1px)}.notice{margin-top:16px;padding:12px 16px;border-radius:14px;font-weight:600}.notice.success{background:#258a5a1a;color:#256c48}.notice.error{background:#c13b211f;color:#9c2c18}.warning{margin-bottom:20px;border-left:4px solid var(--accent-warm)}.mode-switch{display:inline-flex;gap:8px;padding:6px;border-radius:999px;background:var(--card-soft);border:1px solid var(--border);margin-bottom:20px}.mode-button{border:none;background:transparent;padding:10px 18px;border-radius:999px;font-weight:700;color:var(--muted);cursor:pointer}.mode-button.active{background:var(--accent);color:#fff;box-shadow:0 10px 24px -18px #1f7a8cd9}.settings{position:relative}.settings-button{border:1px solid var(--border);background:var(--surface-strong);color:var(--ink);border-radius:999px;padding:10px 16px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 14px 30px -24px #0d141e80}.settings-button:hover{transform:translateY(-1px)}.settings-panel{position:absolute;top:calc(100% + 12px);right:0;width:280px;background:var(--surface-strong);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:0 24px 50px -34px #0d141eb3;animation:pop .25s ease;z-index:10;max-height:70vh;overflow-y:auto}.settings-title{font-weight:700;margin-bottom:12px}.settings-section{margin:12px 0 6px;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.settings-hint{margin:12px 0 0;font-size:.82rem;color:var(--muted)}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.segmented-button{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:12px;padding:10px 12px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.segmented-button.active{background:linear-gradient(120deg,var(--accent),var(--accent-dark));color:#fff;border-color:transparent;box-shadow:0 12px 24px -20px #1f7a8ccc}.reset-grid{display:grid;gap:8px}.reset-button{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:12px;padding:10px 12px;font-weight:600;cursor:pointer;text-align:left;transition:transform .2s ease,box-shadow .2s ease}.reset-button:hover{transform:translateY(-1px);box-shadow:0 10px 20px -18px #0d141e99}.reset-button.danger{border-color:#c13b2199;color:#b63a22}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:var(--card-soft);margin-bottom:10px;position:relative;cursor:pointer}.toggle-label{font-weight:600}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-ui{width:46px;height:24px;border-radius:999px;background:var(--toggle-off);position:relative;transition:background .2s ease}.toggle-ui:after{content:"";width:20px;height:20px;border-radius:50%;background:var(--surface-strong);position:absolute;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 4px 10px #0003}.toggle input:checked+.toggle-ui{background:linear-gradient(120deg,var(--accent),var(--accent-dark))}.toggle input:checked+.toggle-ui:after{transform:translate(22px)}.toggle input:focus+.toggle-ui{box-shadow:0 0 0 3px #1f7a8c40}.main-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.panel{min-height:420px}.quiz-header,.learning-header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.quiz-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.meta-item{padding:12px 14px;border-radius:16px;background:var(--card-soft);border:1px solid var(--border)}.value{font-size:1.15rem;font-weight:800;margin-top:6px}.result{margin-top:20px;padding:16px;border-radius:16px;border:1px solid transparent;display:grid;gap:8px;animation:rise .5s ease both}.result.good{background:#258a5a1f;border-color:#258a5a59}.result.bad{background:#c13b211f;border-color:#c13b2159}.cooldown-note{padding:10px 12px;border-radius:12px;border:1px dashed var(--border);background:var(--card-soft);font-size:.9rem;color:var(--muted);margin-bottom:12px}.flashcards{display:grid;gap:20px}.flashcard{perspective:1200px}.drill-progress{margin-bottom:20px;display:grid;gap:10px}.progress-bar{height:12px;border-radius:999px;background:var(--card-soft);border:1px solid var(--border);overflow:hidden;display:flex}.bar-segment{height:100%}.bar-segment.correct{background:linear-gradient(120deg,#2f9f72,#1f7a8c)}.bar-segment.corrected{background:linear-gradient(120deg,#f18f3b,#c13b21)}.bar-segment.remaining{background:linear-gradient(120deg,rgba(92,102,113,.25),transparent)}.progress-stats{display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem;color:var(--muted)}.drill-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.flashcard-inner{position:relative;width:100%;min-height:240px;border-radius:24px;background:var(--surface);border:1px solid var(--border);transform-style:preserve-3d;transition:transform .5s ease;box-shadow:var(--shadow)}.flashcard[data-revealed=true] .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{position:absolute;inset:0;padding:24px;display:grid;place-items:center;gap:8px;text-align:center;backface-visibility:hidden;border-radius:24px;background:var(--surface)}.flashcard-face.back{transform:rotateY(180deg)}.flashcard-label{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.flashcard-tag{font-size:.8rem;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent-dark)}.flashcard-word{font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,3vw,2.8rem);font-weight:700}.flashcard-hint{color:var(--muted)}.flashcard-meta{font-size:.9rem;color:var(--muted);font-weight:600}.flashcard-actions{display:flex;gap:12px;flex-wrap:wrap}.result-title,.result-line strong{font-weight:700}.learning .field{min-width:220px}.learning-stack,.learning-section{display:grid;gap:16px}.learning-section h3{margin:0;font-family:Space Grotesk,sans-serif}.tense-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.table-card h3{margin:0 0 12px;font-family:Space Grotesk,sans-serif}.table-card h4{margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:1.05rem}.conj-table{width:100%;border-collapse:collapse}.conj-table td{padding:7px 4px;vertical-align:top}.conj-table tr:nth-child(2n){background:var(--row-alt);border-radius:12px}.person{font-weight:700;width:40%;color:var(--accent-dark)}.form-cell{font-weight:600}.vocab-table{width:100%;border-collapse:collapse;font-size:.95rem}.vocab-table th,.vocab-table td{text-align:left;padding:10px 8px}.vocab-table thead{text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;color:var(--muted)}.vocab-table tbody tr:nth-child(2n){background:var(--row-alt)}.progress h3{margin-top:0}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.stat{padding:12px;border-radius:14px;background:var(--card-soft);border:1px solid var(--border)}.stat-label{font-size:.8rem;color:var(--muted)}.stat-value{font-size:1.4rem;font-weight:800}.progress-list{display:grid;gap:8px;margin-bottom:12px}.progress-row{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:12px;background:var(--card-soft);font-size:.85rem;color:var(--muted)}.leaderboard{margin:0;display:grid;gap:12px}.leaderboard h3{margin:0}.leaderboard.full{padding-top:0;border-top:none}.leaderboard-section{margin-bottom:12px}.leaderboard-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.leaderboard-list{display:grid;gap:6px;margin-top:6px}.leaderboard-row{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:12px;background:var(--card-soft);border:1px solid var(--border);font-size:.85rem}.leaderboard-row.highlight{background:linear-gradient(120deg,var(--accent-soft),transparent);border-color:#1f7a8c66}.leaderboard-name{font-weight:600;color:var(--ink)}.leaderboard-metric{font-weight:700;color:var(--accent-dark)}.leaderboard-empty{font-size:.85rem;color:var(--muted);padding:6px 0}.tip-box{margin-top:16px;padding:16px;border-radius:16px;background:#1f7a8c1f}.tip-box h3{margin-top:0}.tip-box ul{margin:8px 0 0;padding-left:18px;color:var(--muted)}.muted{color:var(--muted)}.empty-state{padding:20px;border-radius:16px;background:#fffc;border:1px dashed var(--border)}.fade-in{animation:rise .7s ease both}.stagger-1{animation-delay:.08s}.stagger-2{animation-delay:.16s}.stagger-3{animation-delay:.24s}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(10px,-12px)}}@keyframes pop{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:960px){.main-grid,.quiz-meta{grid-template-columns:1fr}.user-badge{width:100%;justify-content:space-between}}@media(max-width:640px){.app{padding:32px 16px 60px}.card{padding:20px}.quiz-header,.learning-header{flex-direction:column;align-items:flex-start}.mode-switch{width:100%;justify-content:space-between}.mode-button{flex:1;text-align:center}.header-actions{width:100%;justify-content:space-between}.settings-button{width:100%}.settings-panel{left:0;right:auto;width:min(280px,90vw)}.segmented{grid-template-columns:1fr}}