:root{--ink: #111318;--ink-soft: #4a4f5a;--ink-faint: #8a8f9a;--paper: #fafaf7;--paper-2: #f3f2ee;--line: #e4e2dc;--line-soft: #ecebe5;--brand-red: #e53935;--brand-gold: #f4b400;--der: #2b6cb0;--der-bg: #eaf1f8;--der-ink: #1e4d80;--die: #b8336a;--die-bg: #f7eaef;--die-ink: #8a1f4f;--das: #4c9a6a;--das-bg: #e9f6ee;--das-ink: #2f7a4d;--success: #2f7a4d;--success-bg: #e9f6ee;--success-border: #b8e0c8;--error: #b91c1c;--error-bg: #fdeaea;--error-border: #f3c0c0;--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-word: "Fraunces", Georgia, "Times New Roman", serif;--r-sm: 8px;--r-md: 12px;--r-lg: 20px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(26, 29, 35, .04);--shadow-md: 0 4px 16px rgba(26, 29, 35, .08);--shadow-lg: 0 12px 40px rgba(26, 29, 35, .12);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--ease: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur: .22s;--dur-slow: .4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-ui);color:var(--ink);background:var(--paper);line-height:1.5;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:var(--sp-4);padding-top:max(var(--sp-5),env(safe-area-inset-top));padding-bottom:max(var(--sp-5),env(safe-area-inset-bottom));padding-left:max(var(--sp-4),env(safe-area-inset-left));padding-right:max(var(--sp-4),env(safe-area-inset-right));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}.hidden{display:none!important}.app{width:100%;max-width:560px;align-self:center;display:flex;flex-direction:column;gap:var(--sp-5);text-align:center}.app-header{text-align:center}.tagline{font-size:.875rem;color:var(--ink-faint);margin-bottom:var(--sp-4)}.section-tabs{display:inline-flex;gap:var(--sp-1);padding:var(--sp-1);background:var(--ink);border-radius:var(--r-pill);margin-bottom:var(--sp-4)}.section-tab{padding:var(--sp-2) var(--sp-5);border-radius:var(--r-pill);font-size:.9375rem;font-weight:600;color:#ffffffb3;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.section-tab:hover{color:#fff}.section-tab.active{background:#fff;color:var(--ink)}.mode-tabs{display:inline-flex;gap:var(--sp-1);padding:var(--sp-1);background:var(--paper-2);border-radius:var(--r-pill);margin-bottom:var(--sp-4)}.mode-tab{padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);font-size:.875rem;font-weight:500;color:var(--ink-soft);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.mode-tab:hover{color:var(--ink)}.mode-tab.active{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-sm)}.question-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-6) var(--sp-5);box-shadow:var(--shadow-md);display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}.streak-message{font-size:.875rem;font-weight:600;color:var(--success);min-height:1.25rem}.mode-banner{width:100%;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--paper-2);color:var(--ink-soft);font-size:.8125rem;text-align:center}.prompt-label{font-size:.8125rem;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em}.english-word{font-family:var(--font-word);font-weight:500;font-size:clamp(2rem,9vw,3rem);line-height:1.1;text-align:center;color:var(--ink);word-break:break-word;overflow-wrap:break-word;min-width:0}.pronounce-controls{display:flex;gap:var(--sp-2)}.pronounce-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);color:var(--ink-soft);font-size:.875rem;font-weight:500;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.pronounce-btn:hover{background:var(--paper-2);border-color:var(--line-soft)}.pronounce-btn:active{transform:scale(.97)}.pronounce-icon{font-size:1rem}.step{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.step-label{font-size:.8125rem;color:var(--ink-soft);font-weight:500;text-align:center}.kbd-hint{font-size:.6875rem;color:var(--ink-faint);font-weight:400}.article-options{display:flex;gap:var(--sp-3);width:100%;justify-content:center}.noun-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);width:100%}.noun-btn{min-height:52px;min-width:0;padding:var(--sp-3) var(--sp-3);border-radius:var(--r-md);font-size:.9375rem;font-weight:500;border:2px solid var(--line);background:var(--paper);color:var(--ink);text-align:center;word-break:break-word;overflow-wrap:break-word;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease),color var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}.noun-btn:hover{border-color:var(--ink-faint)}.noun-btn:active{transform:scale(.97)}.noun-btn:disabled{cursor:default}.feedback{width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);font-size:.9375rem;font-weight:500;text-align:center;border:1px solid;animation:feedback-in var(--dur) var(--ease)}.feedback.correct{background:var(--success-bg);border-color:var(--success-border);color:var(--success)}.feedback.incorrect{background:var(--error-bg);border-color:var(--error-border);color:var(--error)}.feedback .feedback-answer{display:block;margin-top:var(--sp-1);font-weight:600}@keyframes feedback-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gender-der{color:var(--der-ink)}.gender-die{color:var(--die-ink)}.gender-das{color:var(--das-ink)}.noun-btn.correct{border-color:var(--success);background:var(--success-bg);color:var(--success)}.noun-btn.incorrect{border-color:var(--error);background:var(--error-bg);color:var(--error)}.stats-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-md)}.stats-panel-title{font-size:1.125rem;font-weight:600;margin-bottom:var(--sp-4);text-align:center}.action-btn{padding:var(--sp-2) var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);color:var(--ink-soft);font-size:.8125rem;font-weight:500;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.action-btn:hover{background:var(--paper-2);color:var(--ink)}.action-btn.primary{background:var(--ink);border-color:var(--ink);color:#fff;font-size:.9375rem;padding:var(--sp-3) var(--sp-6)}.action-btn.primary:hover{background:var(--ink-soft);border-color:var(--ink-soft)}.quickfire-desc{font-size:.875rem;color:var(--ink-soft)}.quickfire-best{font-size:.8125rem;color:var(--ink-faint);min-height:1.2em}.lcwc-input{width:100%;padding:var(--sp-3) var(--sp-4);border:2px solid var(--line);border-radius:var(--r-md);font-family:inherit;font-size:1.0625rem;color:var(--ink);background:var(--paper);text-align:center}.lcwc-input:focus{outline:none;border-color:var(--der)}.lcwc-diff-line{width:100%;text-align:center;font-size:.9375rem}.lcwc-diff-label{display:block;font-size:.75rem;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--sp-1)}.lcwc-diff-words{font-weight:500}.lcwc-word-correct{color:var(--success)}.lcwc-word-wrong{color:var(--error);text-decoration:line-through;text-decoration-color:var(--error-border)}.study-search{margin-bottom:var(--sp-4)}.study-list{display:flex;flex-direction:column;gap:var(--sp-2);text-align:left}.study-empty{text-align:center;color:var(--ink-faint);font-size:.875rem;padding:var(--sp-4) 0}.study-row{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden}.study-row-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);font-size:.9375rem;text-align:left}.study-row-header:hover{background:var(--paper-2)}.study-row-noun{font-weight:600}.study-row-en{color:var(--ink-faint);font-weight:400;margin-left:var(--sp-1)}.study-row-lock{font-size:.8125rem;color:var(--ink-faint);flex-shrink:0}.study-row-body{padding:0 var(--sp-4) var(--sp-4)}.declension-table{width:100%;border-collapse:collapse;font-size:.875rem;margin-top:var(--sp-2)}.declension-table th{text-align:left;font-weight:600;color:var(--ink-faint);font-size:.6875rem;text-transform:uppercase;letter-spacing:.04em;padding:var(--sp-1) var(--sp-2);border-bottom:1px solid var(--line)}.declension-table td{padding:var(--sp-2);border-bottom:1px solid var(--line-soft)}.declension-table tr:last-child td{border-bottom:none}.declension-plural{margin-top:var(--sp-3);font-size:.875rem;color:var(--ink-soft)}.study-row-play{margin-top:var(--sp-3);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);border:1px solid var(--line);font-size:.75rem}.site-nav{border-bottom:1px solid var(--line);background:var(--paper)}.site-nav-inner{width:100%;max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4)}.site-wordmark{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-word);font-weight:600;font-size:1.125rem;color:var(--ink);text-decoration:none}.site-wordmark-mark{width:28px;height:28px;border-radius:7px}.site-nav-links{display:flex;gap:var(--sp-5);list-style:none}.site-nav-links a{font-size:.875rem;font-weight:500;color:var(--ink-soft);text-decoration:none}.site-nav-links a:hover,.site-nav-links a[aria-current=page]{color:var(--ink)}.site-main{width:100%;max-width:720px;margin:0 auto;padding:var(--sp-6) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-7)}.site-footer{text-align:center;font-size:.75rem;color:var(--ink-faint);padding:var(--sp-5) var(--sp-4) var(--sp-6)}.site-footer-links{display:flex;justify-content:center;gap:var(--sp-4);list-style:none;margin-top:var(--sp-2)}.site-footer-links a{color:var(--ink-faint);text-decoration:underline}.site-footer-links a:hover{color:var(--ink-soft)}.site-btn{display:inline-block;padding:var(--sp-3) var(--sp-6);border:1px solid var(--line);border-radius:var(--r-md);background:var(--paper);color:var(--ink);font-size:.9375rem;font-weight:600;text-decoration:none;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.site-btn:hover{background:var(--paper-2)}.site-btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.site-btn.primary:hover{background:var(--ink-soft);border-color:var(--ink-soft)}.hero{text-align:center}.hero-title{font-family:var(--font-word);font-weight:600;font-size:clamp(2rem,6vw,3rem);letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--sp-3);color:var(--ink)}.hero-title em{color:var(--brand-red);font-style:normal}.hero-subtitle{font-size:1.0625rem;color:var(--ink-soft);max-width:46ch;margin:0 auto var(--sp-5)}.cta-row{display:flex;justify-content:center;gap:var(--sp-3);flex-wrap:wrap}.callout{background:var(--paper-2);border:1px solid var(--line);border-left:3px solid var(--ink-faint);border-radius:var(--r-md);padding:var(--sp-4);margin-bottom:var(--sp-4)}.callout p{font-size:.875rem;color:var(--ink-soft);margin-bottom:0}.callout strong{color:var(--ink)}.prose{color:var(--ink);font-size:1rem}.prose h1{font-family:var(--font-word);font-weight:600;font-size:clamp(1.75rem,5vw,2.25rem);margin-bottom:var(--sp-2)}.prose h2{font-family:var(--font-word);font-weight:600;font-size:1.375rem;margin:var(--sp-6) 0 var(--sp-3)}.prose p{margin-bottom:var(--sp-4);line-height:1.7;color:var(--ink-soft)}.prose ul,.prose ol{margin:0 0 var(--sp-4) var(--sp-5);line-height:1.7;color:var(--ink-soft)}.prose li{margin-bottom:var(--sp-2)}.prose table{width:100%;border-collapse:collapse;margin-bottom:var(--sp-4);font-size:.9375rem}.prose th,.prose td{text-align:left;padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--line-soft)}.prose th{color:var(--ink-faint);font-weight:600;font-size:.8125rem;text-transform:uppercase;letter-spacing:.02em}.prose strong{color:var(--ink)}.prose .lede{font-size:1.0625rem;color:var(--ink-soft)}@media(max-width:640px){.site-nav-links{gap:var(--sp-3)}}@media(max-width:420px){.stats-bar{gap:var(--sp-4)}.stats-bar-secondary{gap:var(--sp-3)}.article-options{gap:var(--sp-2)}.article-btn{font-size:1rem;min-height:52px}.noun-options{gap:var(--sp-2)}.question-card{padding:var(--sp-5) var(--sp-4)}}@media(max-width:360px){.stats-bar-secondary{display:none}.stat-card .stat-card-value{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid var(--brand-red);outline-offset:2px}