@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--color-bg: #FCFBF8;--color-surface: #FFFFFF;--color-ink: #111827;--color-muted: #4B5563;--color-border: #E7E2D9;--color-primary: #0F766E;--color-primary-light: #14B8A6;--color-primary-dark: #0A5C56;--color-warm: #C67A2B;--color-warm-light: #F59E0B;--color-success: #059669;--color-warning: #B45309;--color-error: #DC2626;--color-ring: rgba(15, 118, 110, .5);--color-teal-tint: rgba(15, 118, 110, .04);--color-warm-tint: rgba(198, 122, 43, .04);--color-success-light: rgba(16, 185, 129, .08);--color-warning-light: rgba(245, 158, 11, .08);--color-error-light: rgba(220, 38, 38, .08);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--bg-dark: var(--color-bg);--bg-card: var(--color-surface);--bg-input: #F7F5F1;--border-color: var(--color-border);--text-main: var(--color-ink);--text-muted: var(--color-muted);--text-inverse: #FFFFFF;--primary: var(--color-primary);--primary-hover: var(--color-primary-light);--accent-purple: #7C3AED;--accent-green: var(--color-success);--accent-orange: var(--color-warm);--accent-yellow: var(--color-warm-light);--accent-red: var(--color-error);--glass-bg: rgba(255, 255, 255, .85);--glass-border: var(--color-border);--shadow-lg: 0 8px 32px rgba(15, 118, 110, .08), 0 2px 8px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .04);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-smooth: all .2s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-ink);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;color:var(--color-ink)}a{color:var(--color-primary);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--color-primary-dark)}::selection{background:#0f766e2e;color:var(--color-ink)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.btn-primary:focus-visible,.btn-secondary:focus-visible{box-shadow:0 0 0 3px var(--color-ring);outline:none}.skip-link{position:absolute;top:-100%;left:16px;z-index:200;padding:8px 16px;background:var(--color-primary);color:#fff;font-size:.875rem;font-weight:600;border-radius:8px;text-decoration:none;transition:top .2s ease}.skip-link:focus{top:16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.skip-link{transition:none}}.app-container{display:flex;min-height:100vh;position:relative}.app-mobile-header{display:none;position:fixed;top:0;left:0;right:0;z-index:150;height:56px;padding:0 1rem;align-items:center;justify-content:space-between;gap:.75rem;background:#fcfbf8eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.app-brand-wrap{display:flex;flex-direction:column;min-width:0}.app-brand{font-size:1.1rem;font-weight:800;color:var(--color-ink);letter-spacing:-.02em;text-decoration:none;line-height:1.2}.app-brand:hover{color:var(--color-ink)}.brand-teal{color:var(--color-primary)}.app-brand-sub{font-size:.7rem;font-weight:600;color:var(--color-muted);letter-spacing:.02em}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-muted);cursor:pointer;transition:var(--transition-fast)}.mobile-menu-btn:focus,.mobile-menu-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 3px var(--color-ring)}.mobile-nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;background:#11182740}.mobile-nav-overlay.is-open{display:block}.mobile-nav-drawer{display:none;position:fixed;top:56px;left:0;right:0;z-index:145;max-height:calc(100vh - 56px);overflow-y:auto;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:.75rem 1rem 1.25rem}.mobile-nav-drawer.is-open{display:block}.mobile-nav-drawer .nav-links{gap:.25rem}.mobile-nav-drawer .nav-item a{min-height:44px}.app-sidebar{width:280px;background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:100;padding:1.5rem}.logo-section{display:flex;flex-direction:column;gap:.15rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.logo-section .app-brand{font-size:1.35rem}.logo-section .app-brand-sub{font-size:.75rem}.nav-links{list-style:none;display:flex;flex-direction:column;gap:.35rem;flex-grow:1}.nav-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.nav-item a{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;color:var(--color-muted);font-weight:500;font-size:.9rem;border-radius:var(--radius-md);transition:var(--transition-fast);text-decoration:none;min-height:44px}.nav-item a:hover{background-color:var(--color-teal-tint);color:var(--color-ink)}.nav-item.active a{background:#0f766e14;border:1px solid rgba(15,118,110,.18);color:var(--color-primary-dark);font-weight:600}.app-content{flex-grow:1;margin-left:280px;padding:2rem 2.5rem;max-width:1200px;width:calc(100% - 280px)}.content-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.header-title h2{font-size:1.75rem;margin-bottom:.35rem}.header-title p{color:var(--color-muted);max-width:42rem}.header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.grid-cols-12{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}.col-span-12{grid-column:span 12}.col-span-8{grid-column:span 8}.col-span-6{grid-column:span 6}.col-span-4{grid-column:span 4}.col-span-3{grid-column:span 3}.hero-bg{background:linear-gradient(180deg,#F0F7F6 0%,var(--color-bg) 100%);position:relative;border-radius:var(--radius-xl);padding:1.75rem 1.5rem;margin-bottom:1.5rem;border:1px solid var(--color-border)}.hero-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(ellipse 600px 400px at 15% 30%,rgba(15,118,110,.06) 0%,transparent 70%),radial-gradient(ellipse 500px 350px at 85% 60%,rgba(198,122,43,.04) 0%,transparent 70%);pointer-events:none}.hero-bg>*{position:relative;z-index:1}.hero-bg .content-header{margin-bottom:0}@media (max-width: 1024px){.app-sidebar{width:240px;padding:1.25rem}.app-content{margin-left:240px;width:calc(100% - 240px);padding:1.75rem}.col-span-8,.col-span-6,.col-span-4,.col-span-3{grid-column:span 12}}@media (max-width: 768px){.app-mobile-header{display:flex}.app-sidebar{display:none}.app-content{margin-left:0;width:100%;padding:1.25rem 1rem;padding-top:calc(56px + 1.25rem)}.content-header{flex-direction:column;align-items:flex-start}.hero-bg{padding:1.25rem 1rem;border-radius:var(--radius-lg)}}@media (prefers-reduced-motion: reduce){.nav-item a,.mobile-menu-btn{transition:none}}.card-panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition-smooth);position:relative;overflow:hidden}.card-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));opacity:0;transition:opacity .3s ease}.card-panel:hover{transform:translateY(-2px);border-color:#0f766e40;box-shadow:var(--shadow-lg)}.card-panel:hover:before{opacity:1}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.border-questions{border-top:4px solid var(--primary)}.border-family{border-top:4px solid var(--accent-green)}.border-grammar{border-top:4px solid var(--accent-orange)}.border-pronouns{border-top:4px solid var(--accent-purple)}.border-greetings{border-top:4px solid var(--accent-yellow)}.border-mistakes{border-top:4px solid var(--accent-red)}.dashboard-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.widget-stat{display:flex;align-items:center;gap:1rem}.stat-icon{width:3.5rem;height:3.5rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-icon.blue{background-color:#0f766e14;color:var(--color-primary)}.stat-icon.green{background-color:var(--color-success-light);color:var(--color-success)}.stat-icon.orange{background-color:var(--color-warning-light);color:var(--color-warm)}.stat-icon.purple{background-color:#7c3aed14;color:var(--accent-purple)}.stat-value{font-size:1.75rem;font-weight:800}.stat-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.map-container{display:flex;flex-direction:column;align-items:center;padding:2rem 0;overflow-x:auto}.map-root{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--text-inverse);font-weight:800;padding:1rem 2.5rem;border-radius:var(--radius-full);font-size:1.3rem;box-shadow:0 4px 16px #0f766e40;margin-bottom:3rem;text-align:center}.map-branches{display:flex;justify-content:center;gap:1.5rem;width:100%;min-width:900px}.map-node{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;flex:1;text-align:center;transition:var(--transition-smooth);cursor:pointer;position:relative}.map-node:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.map-node-title{font-size:1.1rem;font-weight:700;margin-bottom:.75rem;text-transform:capitalize}.map-node.family{border-top:4px solid var(--accent-green)}.map-node.questions{border-top:4px solid var(--primary)}.map-node.pronouns{border-top:4px solid var(--accent-purple)}.map-node.grammar{border-top:4px solid var(--accent-orange)}.map-node.greetings{border-top:4px solid var(--accent-yellow)}.map-leaves{list-style:none;text-align:left;font-size:.85rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.4rem}.map-leaves li{padding:.25rem .5rem;background-color:var(--color-teal-tint);border-radius:var(--radius-sm)}.phrase-strip{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:.75rem;transition:var(--transition-fast)}.phrase-strip:hover{background-color:var(--bg-input)}.phrase-dutch{font-size:1.15rem;font-weight:700;color:var(--color-ink);display:flex;align-items:center;gap:.5rem}.phrase-pron{font-size:.85rem;font-style:italic;color:var(--accent-purple)}.phrase-eng{color:var(--text-muted);font-size:.95rem}.badge-reg{font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.15rem .4rem;border-radius:var(--radius-sm);display:inline-block}.badge-reg.formal{background-color:#0f766e14;color:var(--color-primary);border:1px solid rgba(15,118,110,.18)}.badge-reg.informal{background-color:#7c3aed14;color:var(--accent-purple);border:1px solid rgba(124,58,237,.18)}.table-responsive{overflow-x:auto}.study-table{width:100%;min-width:480px;border-collapse:collapse;margin-top:.5rem}.study-table th,.study-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.study-table th{color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.study-table tr:hover td{background-color:var(--color-teal-tint)}.explorer-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-input{flex-grow:1;background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);padding:.75rem 1rem;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.95rem;transition:var(--transition-fast)}.filter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-ring)}.filter-select{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);padding:.75rem 1rem;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.95rem;cursor:pointer}.flashcard-wrapper{perspective:1000px;width:100%;max-width:480px;height:280px;margin:2rem auto;cursor:pointer}.flashcard-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flashcard-wrapper.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius-lg);border:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;box-shadow:var(--shadow-lg)}.flashcard-front{background-color:var(--bg-card);border-top:5px solid var(--primary)}.flashcard-back{background-color:var(--bg-input);transform:rotateY(180deg);border-top:5px solid var(--accent-purple)}.card-controls{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.btn{background-color:var(--color-surface);border:1.5px solid var(--color-border);color:var(--color-ink);padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:var(--transition-fast);font-family:var(--font-sans);min-height:44px}.btn:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 2px 8px #0f766e14}.btn:disabled,.btn[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border:none;color:var(--text-inverse);box-shadow:0 2px 8px #0f766e40}.btn-primary:hover{color:var(--text-inverse);transform:translateY(-1px);box-shadow:0 4px 16px #0f766e59}.btn-success{background:var(--accent-green);border:none;color:var(--text-inverse)}.btn-success:hover{background-color:#25da67}.btn-danger{background:var(--accent-red);border:none;color:var(--text-inverse)}.btn-danger:hover{background-color:#f15f81}.decision-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.decision-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem 1rem;position:relative;text-align:center;transition:var(--transition-smooth)}.decision-card:hover{border-color:#0f766e40;box-shadow:var(--shadow-sm)}.decision-card:before{content:attr(data-step);position:absolute;top:-.5rem;left:50%;transform:translate(-50%);background-color:var(--accent-orange);color:var(--text-inverse);font-size:.7rem;font-weight:700;text-transform:uppercase;padding:.1rem .5rem;border-radius:var(--radius-sm)}.decision-pronoun{font-size:1.25rem;font-weight:700;margin-top:.5rem;color:var(--color-ink)}.decision-formula{color:var(--accent-orange);font-weight:600;font-size:.85rem;margin-bottom:.5rem}.decision-example{font-size:.9rem;background-color:var(--color-teal-tint);padding:.5rem;border-radius:var(--radius-sm);color:var(--color-muted)}.mistake-list{list-style:none}.mistake-list li{padding:1rem;background-color:var(--color-error-light);border-left:4px solid var(--color-error);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:.75rem}.mistake-dutch-wrong{color:var(--accent-red);text-decoration:line-through;font-weight:600}.mistake-dutch-right{color:var(--accent-green);font-weight:700;margin-left:.5rem}.focus-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.focus-list li{padding-left:1.5rem;position:relative}.focus-list li:before{content:"→";color:var(--accent-green);position:absolute;left:0;font-weight:700}.btn-speak{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;color:var(--text-muted);font-size:1.1rem;line-height:1;padding:.2rem .3rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);vertical-align:middle;flex-shrink:0}.btn-speak:hover{color:var(--color-primary);background-color:#0f766e14;border-color:#0f766e33;transform:scale(1.15)}.btn-speak:active{transform:scale(.95)}.btn-speak.speaking{color:var(--accent-orange);animation:speak-pulse .6s ease-in-out infinite alternate}@keyframes speak-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}.btn-speak-inline{font-size:.95rem;padding:.1rem .25rem}.btn-speak-lg{font-size:1.4rem;padding:.3rem .4rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rf-touch-target{min-height:44px;min-width:44px}.rf-index{display:grid;gap:1.5rem;max-width:900px}.rf-section-title{font-size:1.1rem;font-weight:700;color:var(--color-ink);margin-bottom:.5rem}.rf-lesson-list{list-style:none;display:grid;gap:1rem}.rf-lesson-card{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem}.rf-lesson-card-body{flex:1 1 16rem}.rf-lesson-card-body h4{font-size:1.25rem;margin:.15rem 0;color:var(--color-ink)}.rf-eyebrow{font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--color-primary);background:#0f766e0f;border:1px solid rgba(15,118,110,.12);padding:4px 10px;border-radius:8px;display:inline-block;margin-bottom:.5rem}.rf-muted{color:var(--color-muted)}.rf-local-notice{color:var(--color-warm);font-size:.875rem;margin:.75rem 0;padding:.65rem .85rem;background:var(--color-warm-tint);border:1px solid rgba(198,122,43,.15);border-radius:var(--radius-md)}.rf-status-pill{display:inline-block;margin-top:.75rem;padding:.35rem .75rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--bg-input);font-size:.85rem;font-family:var(--font-mono)}.rf-complete-badge{color:var(--color-success);font-weight:600;margin-top:.5rem}.rf-complete-badge:before{content:"✓ "}.rf-stepper ol{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.rf-step-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-muted);border-radius:var(--radius-full);padding:.55rem .95rem;font-weight:600;font-size:.85rem;cursor:pointer;min-height:44px;transition:var(--transition-fast)}.rf-step-btn:hover:not(:disabled){border-color:#0f766e4d;color:var(--color-ink)}.rf-step-btn.active{color:var(--color-primary-dark);border-color:var(--color-primary);background:#0f766e14;font-weight:700}.rf-step-btn:disabled,.rf-step-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.rf-step-btn:focus-visible,.rf-step-btn:focus,.btn:focus-visible,.rf-input:focus-visible,.option-btn:focus-visible,.mobile-menu-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 3px var(--color-ring)}.rf-live{min-height:1.25rem;margin-bottom:.75rem;color:var(--color-muted);font-size:.9rem}.rf-lesson-shell{max-width:720px}.rf-reading-lines{list-style:none;display:grid;gap:1rem;margin:1rem 0}.rf-dutch{font-size:1.25rem;font-weight:700;line-height:1.55;color:var(--color-ink)}.rf-english{margin-top:.35rem;color:var(--color-muted);font-size:.95rem;line-height:1.5}.rf-chunks{list-style:none;margin-top:.5rem;padding-left:.75rem;border-left:3px solid rgba(15,118,110,.35)}.rf-chunk-en{color:var(--color-muted)}.rf-pattern-note,.rf-exercise,.rf-audio-panel,.rf-mastery{margin-top:1.25rem;padding:1rem 1.15rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-teal-tint)}.rf-audio-panel{background:var(--bg-input);color:var(--color-muted);align-items:center}.rf-audio-trigger{border-color:#0f766e4d;color:var(--color-primary-dark);background:var(--color-surface)}.rf-audio-trigger:hover{border-color:var(--color-primary);color:var(--color-primary-dark);background:#0f766e0f}.rf-audio-trigger.is-playing{border-color:var(--color-primary);color:#fff;background:var(--color-primary);box-shadow:0 0 0 3px var(--color-ring)}.rf-audio-trigger-compact{min-height:44px;padding:.45rem .7rem;font-size:.78rem}.rf-audio-status{min-height:1.5rem;margin-top:.75rem;color:var(--color-primary-dark);font-size:.9rem;font-weight:600}.rf-dutch-audio-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(231,226,217,.75)}.rf-dutch-audio-row .rf-dutch{flex:1 1 auto}.rf-inline-audio-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;gap:.4rem}.rf-audio-vocabulary{margin-top:1.5rem}.rf-audio-vocab-item{padding:.75rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.rf-audio-vocab-row{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(8rem,1fr) auto;align-items:center;gap:.75rem}.rf-audio-vocab-row>[lang=nl]{font-weight:700;color:var(--color-ink)}.rf-reading-line.is-audio-selected,.rf-audio-vocab-item.is-audio-selected{border-color:#0f766e80;background:#0f766e09}.rf-pronunciation-card{margin:.25rem 0 1rem;padding:1rem;border:1px solid rgba(15,118,110,.28);border-left:4px solid var(--color-primary);border-radius:12px;background:#0f766e0e;color:var(--color-ink)}.rf-pronunciation-card[hidden]{display:none}.rf-pronunciation-eyebrow{margin:0 0 .45rem;color:var(--color-primary-dark);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.rf-pronunciation-dutch{margin:0;font-size:1.05rem;font-weight:750;line-height:1.5}.rf-pronunciation-ipa-line,.rf-pronunciation-english,.rf-pronunciation-note{margin:.55rem 0 0}.rf-pronunciation-label{display:inline-block;margin-right:.45rem;padding:.15rem .4rem;border-radius:6px;background:var(--color-primary);color:#fff;font-family:var(--font-mono);font-size:.7rem;font-weight:800}.rf-ipa{overflow-wrap:anywhere;color:var(--color-primary-dark);font-family:var(--font-mono);font-size:.95rem;line-height:1.7}.rf-pronunciation-note{color:var(--color-muted);font-size:.78rem;line-height:1.45}.rf-choice-grid,.rf-personal-actions,.rf-audio-panel,.rf-nav-controls,.rf-mode-toggle{display:flex;flex-wrap:wrap;gap:.75rem}.rf-fieldset{border:1px solid var(--color-border);border-radius:12px;padding:1rem;margin:1rem 0;background:var(--color-surface)}.rf-feedback{margin-top:.85rem;padding:.85rem 1rem;border-radius:12px;border:1px solid var(--color-border);background:var(--bg-input)}.rf-feedback.is-correct{border-color:#05966959;background:var(--color-success-light)}.rf-feedback.is-partial{border-color:#b4530959;border-style:dashed;background:var(--color-warning-light)}.rf-feedback.is-incorrect{border-color:#dc262659;background:var(--color-error-light)}.rf-result-label{font-weight:700}.rf-feedback.is-correct .rf-result-label{color:var(--color-success)}.rf-feedback.is-partial .rf-result-label{color:var(--color-warning)}.rf-feedback.is-incorrect .rf-result-label{color:var(--color-error)}.rf-feedback.is-correct .rf-result-label:before{content:"✓ "}.rf-feedback.is-partial .rf-result-label:before{content:"◐ "}.rf-feedback.is-incorrect .rf-result-label:before{content:"✕ "}.rf-match-row.is-part-miss{border:1px dashed rgba(180,83,9,.45);border-radius:12px;padding:.65rem .75rem;background:var(--color-warning-light)}.rf-part-correction{display:block;width:100%;margin-top:.35rem;font-size:.9rem;font-weight:600;grid-column:1 / -1;color:var(--color-warning)}.rf-sequence-list{list-style:none;display:grid;gap:.5rem;margin:.75rem 0}.rf-sequence-item{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:center;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.rf-sequence-item.is-selected{border-color:var(--color-primary);background:#0f766e0a}.rf-seq-actions{display:flex;flex-wrap:wrap;gap:.5rem}.rf-input{width:100%;max-width:100%;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-ink);padding:.75rem 1rem;border-radius:12px;font-family:var(--font-sans);font-size:1rem;min-height:44px}.rf-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-ring);outline:none}.rf-input[aria-invalid=true]{border-color:var(--color-error)}.rf-split-fields,.rf-personal-fields,.rf-match-row,.rf-vocab-list{display:grid;gap:.75rem;margin:.75rem 0}.rf-match-row{grid-template-columns:minmax(8rem,1fr) minmax(10rem,1.2fr);align-items:center}.rf-weak-list{list-style:none;display:grid;gap:.75rem}.rf-weak-list li{padding:.85rem 1rem;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface)}.rf-review-summary{margin-top:.5rem}@media (max-width: 640px){.rf-match-row{grid-template-columns:1fr}.rf-lesson-shell,.rf-index,.content-header,.rf-nav-controls{max-width:100%}.rf-stepper ol{gap:.35rem}.rf-step-btn{font-size:.8rem;padding:.5rem .75rem}.rf-dutch-audio-row{flex-direction:column}.rf-inline-audio-actions{width:100%}.rf-audio-trigger-compact{flex:1 1 7rem;justify-content:center}.rf-audio-vocab-row{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.rf-step-btn,.btn,.card-panel{transition:none!important}.card-panel:hover{transform:none}.btn-speak.speaking{animation:none}}.numbers-letters-view{max-width:600px;margin:0 auto;padding:1rem}.nl-header{margin-bottom:2rem;text-align:center}.nl-card{padding:1.5rem}.nl-input-group{display:flex;gap:.5rem;margin-bottom:.5rem}.nl-input{flex:1;font-size:1.125rem;padding:.75rem}.nl-submit{white-space:nowrap;min-width:8.75rem}.nl-result-panel{margin-top:1.5rem;padding:1.5rem;background-color:var(--color-surface-subtle);border-radius:var(--radius-md);text-align:center}.nl-res-original{font-size:2rem;font-weight:700;margin-bottom:.5rem}.nl-res-dutch{font-size:1.5rem;color:var(--color-primary-teal);margin-bottom:1.5rem}.nl-audio-controls{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.btn-outline{background-color:transparent;border:1.5px solid var(--color-border);color:var(--color-ink)}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-outline.active{border-color:var(--color-primary);color:var(--color-primary);background-color:#0f766e14}.nl-audio-status{min-height:1.25em}.nl-card[aria-busy=true] .nl-audio-status:before{content:"";display:inline-block;width:.8rem;height:.8rem;margin-right:.45rem;border:2px solid rgba(15,118,110,.25);border-top-color:var(--color-primary);border-radius:50%;vertical-align:-.1rem;animation:nl-generating-spin .8s linear infinite}@keyframes nl-generating-spin{to{transform:rotate(360deg)}}.nl-card[aria-busy=true] .nl-result-panel{border-color:#0f766e47}.nl-card button:disabled,.nl-card input:disabled{cursor:wait}@media (prefers-reduced-motion: reduce){.nl-card[aria-busy=true] .nl-audio-status:before{animation:none;border-color:var(--color-primary)}}@media (max-width: 480px){.nl-input-group{flex-direction:column}.nl-submit{width:100%}.nl-audio-controls{flex-direction:column}.nl-audio-controls .btn{width:100%;justify-content:center}}.dashboard-home{--dash-gap: 1.25rem;--dash-radius: var(--radius-lg);max-width:960px;margin:0 auto;padding:1.5rem 1.25rem 3rem;display:flex;flex-direction:column;gap:var(--dash-gap)}.dashboard-home-header{padding-bottom:.25rem}.dashboard-home-header h2{font-size:1.375rem;line-height:1.25;margin-bottom:.35rem}.dashboard-home-header p{color:var(--color-muted);font-size:.95rem;max-width:42rem}.dashboard-primary{background:linear-gradient(180deg,var(--color-teal-tint) 0%,var(--color-surface) 55%);border:1px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:var(--dash-radius);padding:1.75rem;box-shadow:var(--shadow-lg)}.dashboard-primary-content{display:flex;flex-direction:column;gap:.5rem}.dashboard-primary-label{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-dark)}.dashboard-primary-content h3{font-size:1.5rem;line-height:1.3;margin:.15rem 0 .1rem}.dashboard-primary-content>p:not(.dashboard-primary-label){color:var(--color-muted);font-size:.95rem}.dashboard-primary-content>p>span[lang=nl]{display:inline-block;font-size:1.1rem;font-weight:700;color:var(--color-ink)}.dashboard-primary-content>p>span:not([lang]){display:inline-block;color:var(--color-muted);font-size:.95rem;margin-left:.1em}.dashboard-primary-content>p>span:not([lang]):before{content:"— "}.dashboard-primary-action{align-self:flex-start;margin-top:.75rem;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.75rem;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 2px 8px #0f766e40;transition:var(--transition-smooth)}.dashboard-primary-action:hover{color:#fff;transform:translateY(-1px);box-shadow:0 4px 16px #0f766e59}.dashboard-primary-action:active{transform:scale(.98)}.dashboard-primary [role=status] .dashboard-primary-action{background:var(--color-surface);color:var(--color-primary-dark);border:1.5px solid var(--color-border);box-shadow:none}.dashboard-progress{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--dash-radius);padding:1.5rem}.dashboard-progress h3{font-size:1.05rem}.dashboard-progress-summary{margin-top:.15rem;color:var(--color-muted);font-size:.9rem;font-weight:600}.dashboard-progress-note{margin-top:.5rem;padding:.6rem .85rem;background:var(--color-warm-tint);border:1px solid rgba(198,122,43,.18);border-radius:var(--radius-md);color:var(--color-warning);font-size:.85rem}.dashboard-lesson-list{list-style:none;display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.dashboard-lesson-node{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:var(--transition-fast)}.dashboard-lesson-node a{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem .6rem;padding:.75rem .9rem;min-height:44px;color:var(--color-ink);border-radius:inherit}.dashboard-lesson-node a:hover{color:var(--color-ink);background:var(--color-teal-tint)}.dashboard-lesson-node a>span:first-child{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--color-muted);flex:0 0 auto}.dashboard-lesson-node a>span[lang=nl]{font-weight:700;flex:1 1 auto}.dashboard-lesson-node a>span:nth-child(3){color:var(--color-muted);font-size:.85rem;flex:1 1 auto}.dashboard-lesson-status{font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:.15rem .55rem;border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-muted);flex:0 0 auto}.dashboard-lesson-node--completed{border-color:#05966959;background:var(--color-success-light)}.dashboard-lesson-node--completed .dashboard-lesson-status{color:var(--color-success);border-color:#05966959;background:var(--color-surface)}.dashboard-lesson-node--completed a>span:first-child:before{content:"✓ "}.dashboard-lesson-node--current{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-ring)}.dashboard-lesson-node--current a>span[lang=nl]{color:var(--color-primary-dark)}.dashboard-lesson-node--current .dashboard-lesson-status{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}.dashboard-lesson-node--upcoming{border-color:var(--color-border);background:var(--color-surface);opacity:.9}.dashboard-lesson-node--upcoming .dashboard-lesson-status{color:var(--color-muted)}.dashboard-retrieval{background:var(--color-surface);border:1px dashed rgba(198,122,43,.4);border-radius:var(--dash-radius);padding:1.25rem 1.5rem}.dashboard-retrieval h3{font-size:1rem;color:var(--color-warm)}.dashboard-retrieval p[lang=nl]{font-weight:700;font-size:1.05rem;margin-top:.35rem}.dashboard-retrieval-status{display:inline-block;margin-top:.4rem;padding:.15rem .6rem;border-radius:var(--radius-full);border:1px solid rgba(198,122,43,.35);color:var(--color-warm);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.dashboard-retrieval a{display:inline-flex;margin-top:.75rem;min-height:44px;align-items:center;font-weight:600}.dashboard-secondary-grid{display:grid;grid-template-columns:1fr;gap:var(--dash-gap)}.dashboard-review,.dashboard-listening{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--dash-radius);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}.dashboard-review h3,.dashboard-listening h3{font-size:1rem}.dashboard-review>p:first-of-type{color:var(--color-muted);font-size:.9rem}.dashboard-review-list{list-style:none;display:grid;gap:.6rem}.dashboard-review-list li{padding:.65rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-teal-tint);font-size:.9rem}.dashboard-review-list li strong{color:var(--color-ink)}.dashboard-review-list li span[lang=nl]{color:var(--color-muted);font-size:.85rem}.dashboard-review a,.dashboard-listening a{align-self:flex-start;margin-top:.4rem;min-height:44px;display:inline-flex;align-items:center;padding:.5rem 1.1rem;border-radius:var(--radius-full);border:1.5px solid var(--color-border);font-weight:600;font-size:.88rem;transition:var(--transition-fast)}.dashboard-review a:hover,.dashboard-listening a:hover{border-color:var(--color-primary);background:var(--color-teal-tint)}.dashboard-listening p[lang=nl]{font-weight:700}.dashboard-legacy{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--bg-input);padding:.9rem 1.1rem}.dashboard-legacy h3{font-size:.85rem;font-weight:700;color:var(--color-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.4rem}.dashboard-legacy ul{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.dashboard-legacy a{font-size:.88rem;color:var(--color-muted)}.dashboard-legacy a:hover{color:var(--color-primary)}.dashboard-utilities{border-top:1px solid var(--color-border);padding-top:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.dashboard-utilities p{color:var(--color-muted);font-size:.8rem}.dashboard-reset-link{background:none;border:1px solid var(--color-border);color:var(--color-muted);font-family:var(--font-sans);font-size:.8rem;font-weight:600;padding:.55rem 1rem;min-height:44px;min-width:44px;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast)}.dashboard-reset-link:hover{color:var(--color-error);border-color:#dc262659;background:var(--color-error-light)}.dashboard-home a:focus-visible,.dashboard-home button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 3px var(--color-ring)}@media (min-width: 640px){.dashboard-lesson-list{flex-direction:row;flex-wrap:wrap}.dashboard-lesson-node{flex:1 1 12rem}.dashboard-lesson-node a{flex-direction:column;align-items:flex-start}}@media (min-width: 900px){.dashboard-secondary-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.dashboard-home{padding-top:2rem}.dashboard-lesson-node{flex:1 1 0}}@media (prefers-reduced-motion: reduce){.dashboard-primary-action,.dashboard-lesson-node,.dashboard-review a,.dashboard-listening a,.dashboard-reset-link{transition:none!important}.dashboard-primary-action:hover,.dashboard-primary-action:active{transform:none}}.quiz-container{display:flex;flex-direction:column;gap:1.5rem}.question-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.75rem;box-shadow:var(--shadow-sm)}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.question-topic{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--color-primary);background-color:#0f766e14;padding:.2rem .6rem;border-radius:var(--radius-sm)}.question-number{color:var(--color-muted);font-size:.85rem}.question-text{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;color:var(--color-ink)}.options-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.option-btn{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-ink);padding:1rem 1.25rem;border-radius:12px;text-align:left;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);font-family:var(--font-sans);width:100%;min-height:44px}.option-btn:hover:not(:disabled){border-color:#0f766e4d;background-color:var(--color-teal-tint)}.option-btn:disabled{cursor:not-allowed;opacity:.6}.option-btn.selected{border-color:var(--color-primary);background-color:#0f766e14}.option-btn.correct{background-color:var(--color-success-light)!important;border-color:var(--color-success)!important;color:var(--color-success)!important;font-weight:700}.option-btn.incorrect{background-color:var(--color-error-light)!important;border-color:var(--color-error)!important;color:var(--color-error)!important;text-decoration:line-through}.feedback-box{margin-top:1.5rem;padding:1.25rem;background-color:var(--bg-input);border:1px solid var(--color-border);border-radius:12px;display:none}.feedback-box.visible{display:block}.feedback-status{font-weight:700;margin-bottom:.5rem}.feedback-status.correct{color:var(--color-success)}.feedback-status.incorrect{color:var(--color-error)}.feedback-text{font-size:.95rem;color:var(--color-muted)}.timer-container{display:flex;align-items:center;gap:.5rem;background-color:var(--color-surface);border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:var(--radius-full);font-weight:700;font-size:1rem}.timer-icon{font-size:1.1rem}.timer-value{font-variant-numeric:tabular-nums;color:var(--color-warm)}.timer-warning{color:var(--color-error)!important}.fill-in-input{width:100%;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-ink);padding:1rem 1.25rem;border-radius:12px;font-size:1.1rem;font-family:var(--font-sans);margin-bottom:1rem;transition:var(--transition-fast);min-height:44px}.fill-in-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-ring)}.results-summary-card{text-align:center;padding:3rem 2rem}.results-score-circle{width:120px;height:120px;border-radius:var(--radius-full);background:var(--color-surface);border:4px solid var(--color-primary);display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto 1.5rem}.results-score-num{font-size:2.25rem;font-weight:800;color:var(--color-ink);line-height:1}.results-score-total{font-size:.85rem;color:var(--color-muted)}.results-verdict{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}@media (prefers-reduced-motion: reduce){.feedback-box.visible,.timer-warning{animation:none}.option-btn{transition:none}}