:root{--clay:#9e4624;--clay-dark:#7d3819;--brandy:#73362a;--aqua:#85ced1;--aqua-dark:#4fa5a9;--cream:#f6ecdf;--ink:#2a1610;--success:#7cc77a;--success-dark:#3e8f3e;--danger:#e8776c;--danger-dark:#b8362b;--bg:var(--cream);--surface:#fff;--text:var(--ink);--text-muted:#6b4a3d;--border:var(--ink);--shadow-offset:5px 5px 0 var(--ink);--sans:"Space Grotesk", system-ui, "Segoe UI", sans-serif;--display:"Archivo Black", var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.55 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{font-family:var(--display);text-transform:uppercase;letter-spacing:-.5px;color:var(--ink);margin:0;font-weight:400;line-height:1.05}p{color:var(--text-muted);margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}main{flex:1;width:100%}.navbar{z-index:50;background:var(--brandy);border-bottom:4px solid var(--ink);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1140px;margin:0 auto;padding:10px 24px;display:flex}.brand{white-space:nowrap;align-items:center;gap:12px;display:flex}.brand-mark{border:3px solid var(--ink);background:var(--aqua);width:42px;height:42px;color:var(--ink);font-family:var(--display);justify-content:center;align-items:center;font-size:14px;display:inline-flex;transform:rotate(-6deg)}.brand-name{font-family:var(--display);letter-spacing:.5px;text-transform:uppercase;color:var(--cream);font-size:13px;line-height:1.15}.nav-links{align-items:center;gap:6px;display:flex}.nav-link{font-family:var(--display);letter-spacing:.5px;text-transform:uppercase;color:var(--cream);border:2px solid #0000;padding:9px 16px;font-size:13px;transition:color .15s,border-color .15s,background .15s;position:relative}.nav-link:hover{border-color:var(--cream)}.nav-link.is-active{color:var(--ink);background:var(--aqua);border-color:var(--ink)}.navbar-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.lang-switch{border:2px solid var(--cream);display:inline-flex}.lang-option{font-family:var(--display);letter-spacing:.5px;color:var(--cream);cursor:pointer;background:0 0;border:none;padding:7px 9px;font-size:12px;transition:background .15s,color .15s}.lang-option+.lang-option{border-left:2px solid var(--cream)}.lang-option:hover:not(.is-active){background:#f6ecdf26}.lang-option.is-active{background:var(--cream);color:var(--ink)}.auth-button{background:var(--aqua);border:2px solid var(--ink);font-family:var(--display);letter-spacing:.3px;text-transform:uppercase;color:var(--ink);cursor:pointer;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;transition:transform .12s,box-shadow .12s;display:inline-flex}.auth-button:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.auth-button.is-active{background:var(--cream)}.auth-button svg{width:16px;height:16px}.auth-avatar{border-radius:50%;width:18px;height:18px}.nav-toggle{border:2px solid var(--cream);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;padding:0;display:none}.nav-toggle span{background:var(--cream);height:2px;margin:0 8px;display:block}@media (width<=980px){.nav-toggle{display:flex}.nav-links{background:var(--brandy);border-bottom:4px solid var(--ink);flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:100%;left:0;right:0}.nav-links.is-open{display:flex}.nav-link{border:none;border-bottom:2px solid #f6ecdf26;padding:14px 20px}.nav-link.is-active{border-bottom:2px solid var(--ink)}}@media (width<=480px){.navbar-inner{gap:12px;padding:10px 16px}.navbar-actions{gap:8px}.brand-name{display:none}.auth-button{padding:8px 10px}}.footer{background:var(--brandy);border-top:4px solid var(--ink);color:var(--cream);margin-top:64px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;max-width:1140px;margin:0 auto;padding:36px 24px 28px;display:flex}.footer-brand{flex-direction:column;gap:14px;max-width:360px;display:flex}.footer-tagline{color:var(--cream);opacity:.85}.footer-links{flex-wrap:wrap;gap:6px;display:flex}.footer-link{font-family:var(--display);letter-spacing:.5px;text-transform:uppercase;color:var(--cream);border:2px solid #0000;padding:9px 16px;font-size:13px;transition:border-color .15s}.footer-link:hover{border-color:var(--cream)}.footer-bottom{max-width:1140px;color:var(--cream);opacity:.75;border-top:2px solid #f6ecdf26;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin:0 auto;padding:16px 24px 20px;font-size:14px;display:flex}@media (width<=600px){.footer-inner{flex-direction:column;gap:20px;padding:28px 16px 20px}.footer-links{margin-left:-16px}.footer-bottom{flex-direction:column;padding:14px 16px 18px}}.contact{flex-direction:column;gap:8px;display:flex}.contact-title{color:var(--brandy);font-size:18px}.contact-intro{margin-bottom:6px;font-size:14.5px}.contact-form{flex-direction:column;gap:8px;display:flex;position:relative}.contact-row{flex-wrap:wrap;gap:8px;display:flex}.contact-row input{flex:1;min-width:160px}.contact-form textarea,.contact-form input{font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--ink);padding:8px 11px;font-size:14px}.contact-form textarea{resize:vertical;min-height:96px}.contact-form textarea:focus,.contact-form input:focus{outline:3px solid var(--aqua);outline-offset:1px}.contact-submit{background:var(--aqua);border:2px solid var(--ink);font-family:var(--display);letter-spacing:.3px;text-transform:uppercase;color:var(--ink);cursor:pointer;flex-shrink:0;padding:8px 18px;font-size:12px;transition:transform .12s,box-shadow .12s}.contact-submit:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.contact-submit:disabled{opacity:.45;cursor:not-allowed}.contact-honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact-error{color:var(--danger-dark);font-size:13.5px}.contact-sent{color:var(--ink);font-size:14.5px}.contact-again{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.contact-again:hover{color:var(--clay)}.hero{text-align:center;background:var(--clay);border-bottom:4px solid var(--ink);padding:90px 24px 130px;position:relative;overflow:hidden}.hero-scribble{opacity:.4;pointer-events:none;mix-blend-mode:multiply;width:820px;max-width:85vw;height:auto;position:absolute;top:-100px;right:-80px}.hero-content{flex-direction:column;align-items:center;gap:20px;max-width:640px;margin:0 auto;display:flex;position:relative}.badge{background:var(--aqua);border:3px solid var(--ink);color:var(--ink);font-family:var(--display);letter-spacing:.5px;padding:6px 16px;font-size:13px;display:inline-flex;transform:rotate(-4deg)}.hero-title{flex-direction:column;align-items:center;gap:4px;display:flex}.hero-title-lead{text-transform:none;letter-spacing:0;color:var(--cream);font-family:Playfair Display,serif;font-size:clamp(22px,3.2vw,32px);font-style:italic;font-weight:600}.hero-title-main{color:var(--aqua);text-shadow:4px 4px 0 var(--ink);font-size:clamp(48px,9vw,84px)}.hero-text{max-width:560px;color:var(--cream);font-size:18px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:8px;display:flex}.btn{border:3px solid var(--ink);font-family:var(--display);letter-spacing:.5px;text-transform:uppercase;box-shadow:var(--shadow-offset);justify-content:center;align-items:center;padding:14px 26px;font-size:14px;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(2px,2px)}.btn-primary{background:var(--aqua);color:var(--ink)}.btn-outline{background:var(--cream);color:var(--ink)}.features{grid-template-columns:repeat(3,1fr);gap:32px 24px;max-width:1140px;margin:-70px auto 80px;padding:0 24px;display:grid;position:relative}.feature-card{border:3px solid var(--ink);box-shadow:var(--shadow-offset);transform:rotate(var(--rotate));flex-direction:column;align-items:flex-start;gap:10px;padding:28px 24px 32px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.feature-card:hover{box-shadow:8px 8px 0 var(--ink);transform:rotate(0)translate(-2px,-2px)}.tone-aqua{background:var(--aqua)}.tone-cream{background:var(--cream)}.tone-clay{background:var(--clay)}.tone-clay h3,.tone-clay .feature-arrow{color:var(--cream)}.tone-clay p{color:#f6ecdfd9}.feature-icon{width:34px;height:34px;color:var(--ink)}.feature-card h3{font-size:20px}.feature-card p{font-size:14.5px}.feature-arrow{font-family:var(--display);letter-spacing:.3px;text-transform:uppercase;margin-top:8px;font-size:12px}.home-contact{border-top:2px dashed #2a16104d;max-width:640px;margin:0 auto;padding:32px 24px 0;scroll-margin-top:90px}@media (width<=980px){.features{grid-template-columns:repeat(2,1fr);margin-top:-50px}.hero{padding:72px 20px 100px}.hero-scribble{width:480px;top:-70px;right:-80px}}@media (width<=560px){.features{grid-template-columns:1fr}.feature-card{transform:none}}.page-header{align-items:center;gap:20px;max-width:1140px;margin:0 auto;padding:56px 24px 36px;display:flex}.page-icon{border:3px solid var(--ink);background:var(--aqua);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:inline-flex;transform:rotate(-4deg)}.page-icon svg{width:28px;height:28px;color:var(--ink)}.page-header h1{color:var(--brandy);font-size:34px}.page-header p{margin-top:6px;font-size:15px}.page-body{max-width:1140px;margin:0 auto;padding:0 24px 80px}.empty-card{background:var(--surface);border:3px dashed var(--ink);text-align:center;color:var(--text-muted);padding:44px 28px;font-size:15px}.lesson-list{flex-direction:column;gap:16px;display:flex}.lesson-row{align-items:stretch;gap:14px;display:flex}.lesson-check{background:var(--surface);border:3px solid var(--ink);width:60px;box-shadow:var(--shadow-offset);cursor:pointer;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .12s,box-shadow .12s,color .12s;display:flex}.lesson-check svg{width:26px;height:26px}.lesson-check:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.lesson-row.is-done .lesson-check{color:var(--clay);background:var(--aqua)}.lesson-check-placeholder{box-shadow:none;border-style:dashed}.lesson-link{background:var(--surface);border:3px solid var(--ink);box-shadow:var(--shadow-offset);flex:1;align-items:center;gap:20px;padding:20px 24px;transition:transform .12s,box-shadow .12s,background .12s;display:flex}a.lesson-link:hover{box-shadow:7px 7px 0 var(--ink);background:var(--aqua);transform:translate(-2px,-2px)}.lesson-row.is-done .lesson-link{background:color-mix(in srgb, var(--aqua) 22%, var(--surface))}.lesson-number{font-family:var(--display);color:var(--clay);flex-shrink:0;width:48px;font-size:26px}.lesson-info{flex:1}.lesson-info h3{font-size:20px}.lesson-info p{margin-top:2px;font-size:14px}.lesson-arrow{font-family:var(--display);color:var(--ink);font-size:20px}.lesson-row.is-soon{opacity:.55}.lesson-row.is-soon .lesson-link{box-shadow:none;cursor:default;border-style:dashed}.lesson-links{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:48px;display:grid}.lesson-link-card{border:3px solid var(--ink);box-shadow:var(--shadow-offset);align-items:center;gap:16px;padding:22px 24px;transition:transform .12s,box-shadow .12s;display:flex}.lesson-link-card.tone-aqua{background:var(--aqua)}.lesson-link-card.tone-cream{background:var(--surface)}.lesson-link-card:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.lesson-link-icon{width:32px;height:32px;color:var(--ink);flex-shrink:0}.lesson-link-text{flex:1}.lesson-link-text h3{font-size:19px}.lesson-link-text p{color:var(--ink);margin-top:2px;font-size:14px}.lesson-link-arrow{font-family:var(--display);color:var(--ink);font-size:20px}.lesson-top{background:var(--clay);border-bottom:4px solid var(--ink);text-align:left;padding:32px 24px 40px}.lesson-top>*{max-width:1140px;margin-left:auto;margin-right:auto}.back-link{font-family:var(--display);letter-spacing:.3px;color:var(--cream);width:fit-content;margin-bottom:18px;font-size:13px;display:block}.back-link:hover{color:var(--aqua)}.lesson-tag{background:var(--aqua);border:3px solid var(--ink);color:var(--ink);font-family:var(--display);margin-bottom:14px;padding:5px 14px;font-size:12px;display:inline-flex;transform:rotate(-3deg)}.lesson-title{color:var(--cream);text-shadow:3px 3px 0 var(--ink);font-size:clamp(36px,6vw,56px)}.lesson-subtitle{color:var(--cream);margin-top:8px;font-size:17px}.lesson-top-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.complete-toggle{background:var(--cream);border:3px solid var(--ink);box-shadow:var(--shadow-offset);font-family:var(--display);letter-spacing:.3px;text-transform:uppercase;color:var(--ink);cursor:pointer;flex-shrink:0;align-items:center;gap:8px;margin-top:4px;padding:10px 18px;font-size:12.5px;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.complete-toggle svg{width:20px;height:20px}.complete-toggle:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.complete-toggle.is-done{background:var(--aqua)}.intro-card{background:var(--surface);border:3px solid var(--ink);box-shadow:var(--shadow-offset);margin-top:40px;padding:24px 28px}.intro-card p{color:var(--text);font-size:15.5px}.table-wrap{border:3px solid var(--ink);box-shadow:var(--shadow-offset);margin-top:32px;overflow-x:auto}.tip-card{background:var(--aqua);border:3px solid var(--ink);box-shadow:var(--shadow-offset);margin-top:32px;padding:22px 26px}.tip-label{font-family:var(--display);letter-spacing:.4px;text-transform:uppercase;margin-bottom:8px;font-size:13px;display:inline-flex}.tip-card p{color:var(--ink);font-size:15px}.practice-section{margin-top:48px}.practice-tag{margin-bottom:14px;transform:rotate(-3deg)}.practice-heading{color:var(--brandy);font-size:28px}.practice-intro{max-width:60ch;margin-top:10px;font-size:15px}.word-grid{margin-top:24px}.practice-more-link{background:var(--cream);border:3px solid var(--ink);box-shadow:var(--shadow-offset);font-family:var(--display);letter-spacing:.3px;text-transform:uppercase;color:var(--ink);align-items:center;gap:8px;margin-top:24px;padding:12px 20px;font-size:13px;transition:transform .12s,box-shadow .12s;display:inline-flex}.practice-more-link:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}@media (width<=640px){.lesson-top{padding:26px 20px 32px}}.alphabet-table{border-collapse:collapse;width:100%;min-width:620px}.alphabet-table thead th{background:var(--brandy);color:var(--cream);font-family:var(--display);letter-spacing:.4px;text-transform:uppercase;text-align:left;padding:14px 18px;font-size:12.5px}.alphabet-table tbody td{border-top:2px solid var(--ink);color:var(--text);padding:12px 18px;font-size:14.5px}.alphabet-table tbody tr:nth-child(2n){background:color-mix(in srgb, var(--aqua) 16%, var(--surface))}.alphabet-table tbody tr:hover{background:var(--aqua)}.letter-cell{font-family:var(--display);color:var(--clay-dark);white-space:nowrap;font-size:18px}.voorbeeld-cell{font-style:italic;font-weight:600}.gender-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:32px;display:grid}.gender-card{background:var(--surface);border:3px solid var(--ink);box-shadow:var(--shadow-offset);padding:22px 24px}.gender-croatian{font-family:var(--display);color:var(--brandy);font-size:22px;display:block}.gender-label{color:var(--clay);margin-top:2px;font-size:13px;font-weight:600;display:block}.gender-rule{color:var(--ink);margin-top:14px;font-size:15px;font-weight:600}.gender-examples{color:var(--text-muted);margin:12px 0 0;padding-left:18px;font-size:14px}.gender-examples li{margin-top:4px}.ending-rule-intro{max-width:65ch;margin-top:32px;font-size:15px}.ending-rule{background:var(--surface);border:3px solid var(--ink);box-shadow:var(--shadow-offset);flex-direction:column;align-items:center;gap:18px;margin-top:16px;padding:24px;display:flex}.ending-rule-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.ending-rule-case{flex-direction:column;flex-shrink:0;align-items:center;gap:4px;display:flex}.ending-rule-ending{font-family:var(--display);color:var(--brandy);font-size:40px}.ending-rule-tag{color:var(--text-muted);text-align:center;font-size:12px}.ending-rule-except{flex-direction:column;align-items:center;gap:10px;display:flex}.ending-rule-arrow{font-family:var(--display);letter-spacing:.3px;text-transform:uppercase;color:var(--text-muted);font-size:11px}.ending-rule-letters{flex-wrap:wrap;justify-content:center;gap:6px;max-width:280px;display:flex}.ending-rule-letter{background:var(--aqua);border:2px solid var(--ink);width:32px;height:32px;font-family:var(--display);color:var(--ink);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.plain-text{color:var(--text);margin-top:32px;font-size:15.5px}.category-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:32px;display:grid}.category-card{background:var(--surface);border:3px solid var(--ink);box-shadow:var(--shadow-offset);padding:22px 24px}.category-label{font-family:var(--display);color:var(--brandy);font-size:18px;display:block}.category-examples{color:var(--text-muted);margin:14px 0 0;padding-left:18px;font-size:14px}.category-examples li{margin-top:6px}.demonstrative-betekenis{color:var(--ink);margin-top:14px;font-size:15px;font-weight:600}.demonstrative-example{color:var(--text-muted);margin-top:8px;font-size:13.5px;font-style:italic}.pairs-table{border-collapse:collapse;width:100%;min-width:480px}.pairs-table thead th{background:var(--brandy);color:var(--cream);font-family:var(--display);letter-spacing:.4px;text-transform:uppercase;text-align:left;padding:14px 18px;font-size:12.5px}.pairs-table tbody td{border-top:2px solid var(--ink);color:var(--text);padding:12px 18px;font-size:14.5px}.pairs-table tbody tr:nth-child(2n){background:color-mix(in srgb, var(--aqua) 16%, var(--surface))}.pairs-table tbody tr:hover{background:var(--aqua)}.pairs-croatian{font-family:var(--display);color:var(--clay-dark);white-space:nowrap;font-size:15px}.who-what-block{background:var(--surface);border:3px solid var(--ink);box-shadow:var(--shadow-offset);flex-wrap:wrap;align-items:center;gap:32px;margin-top:32px;padding:20px 28px;display:flex}.who-what-phrases{flex-wrap:wrap;flex-shrink:0;gap:24px;display:flex}.who-what-item{flex-direction:column;gap:2px;display:flex}.who-what-phrase{font-family:var(--display);color:var(--brandy);white-space:nowrap;font-size:19px}.who-what-meaning{color:var(--text-muted);font-size:12.5px}.who-what-explain{min-width:220px;color:var(--text);flex:1;font-size:15px}.vocab-sync-status{background:var(--surface);border:3px dashed var(--ink);color:var(--text-muted);margin-bottom:20px;padding:12px 16px;font-size:13.5px}.vocab-sync-status.is-synced{background:color-mix(in srgb, var(--aqua) 22%, var(--surface));color:var(--text);border-style:solid}.vocab-form{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.vocab-form-row{flex-wrap:wrap;gap:8px;display:flex}.vocab-form-row input,.vocab-form-row select,.vocab-import textarea{min-width:140px;font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--ink);flex:1;padding:7px 10px;font-size:14px}.vocab-form-row input:focus,.vocab-form-row select:focus,.vocab-import textarea:focus{outline:3px solid var(--aqua);outline-offset:1px}.vocab-form-meta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.vocab-target{color:var(--clay-dark);font-size:13px;font-weight:600}.vocab-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.vocab-link:hover{color:var(--clay)}.vocab-submit{background:var(--aqua);border:2px solid var(--ink);font-family:var(--display);letter-spacing:.3px;text-transform:uppercase;color:var(--ink);cursor:pointer;flex-shrink:0;padding:7px 16px;font-size:12px;transition:transform .12s,box-shadow .12s}.vocab-submit:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.vocab-submit:disabled{opacity:.45;cursor:not-allowed}.vocab-import{background:var(--surface);border:2px dashed var(--ink);flex-direction:column;gap:8px;margin-bottom:20px;padding:14px 16px;display:flex}.vocab-import-hint{font-size:13px}.vocab-import-hint code{background:var(--bg);color:var(--ink);padding:1px 5px;font-size:12px}.vocab-import textarea{resize:vertical;min-height:110px;font-family:ui-monospace,monospace;font-size:13px}.vocab-file{align-items:center;display:inline-flex;position:relative;overflow:hidden}.vocab-file input{opacity:0;cursor:pointer;position:absolute;inset:0}.vocab-import-message{font-size:13.5px;font-weight:600}.vocab-import-message.is-ok{color:var(--clay-dark)}.vocab-import-message.is-error{color:#b3261e}.vocab-table-wrap{border:3px solid var(--ink);box-shadow:var(--shadow-offset);background:var(--surface);margin-top:14px;overflow-x:auto}.vocab-table{border-collapse:collapse;width:100%;min-width:560px}.vocab-table thead th{background:var(--brandy);color:var(--cream);font-family:var(--display);letter-spacing:.4px;text-transform:uppercase;text-align:left;padding:12px 14px;font-size:12px}.vocab-table tbody td{border-top:2px solid var(--ink);color:var(--text);vertical-align:middle;padding:8px 14px;font-size:14.5px}.vocab-table tbody tr:nth-child(2n){background:color-mix(in srgb, var(--aqua) 16%, var(--surface))}.vocab-table tbody tr:hover{background:color-mix(in srgb, var(--aqua) 45%, var(--surface))}.vocab-table tbody tr.is-selected{background:var(--aqua)}.vocab-word-cell{font-family:var(--display);color:var(--clay-dark);font-size:16px}.vocab-notitie-cell{color:var(--text-muted);font-style:italic}.vocab-col-check{width:44px}.vocab-col-action{text-align:right;width:56px}.vocab-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--clay);cursor:pointer}.vocab-sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.vocab-remove{background:var(--bg);border:2px solid var(--ink);width:32px;height:32px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:transform .12s,box-shadow .12s,background .12s,color .12s;display:inline-flex}.vocab-remove svg{width:17px;height:17px}.vocab-remove:hover{box-shadow:3px 3px 0 var(--ink);background:var(--clay);color:var(--cream);transform:translate(-1px,-1px)}.vocab-overview{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.vocab-overview-row{background:var(--surface);border:3px solid var(--ink);box-shadow:var(--shadow-offset);align-items:center;gap:20px;padding:20px 24px;transition:transform .12s,box-shadow .12s,background .12s;display:flex}.vocab-overview-row.is-all{background:color-mix(in srgb, var(--aqua) 22%, var(--surface))}.vocab-overview-row:hover{box-shadow:7px 7px 0 var(--ink);background:var(--aqua);transform:translate(-2px,-2px)}.vocab-overview-count{font-family:var(--display);color:var(--clay);flex-shrink:0;min-width:48px;font-size:26px}.vocab-overview-info{flex:1}.vocab-overview-info h3{font-size:20px}.vocab-overview-info p{margin-top:2px;font-size:14px}.vocab-overview-arrow{font-family:var(--display);color:var(--ink);font-size:20px}.vocab-detail-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.vocab-back-link{font-family:var(--display);letter-spacing:.3px;color:var(--clay-dark);font-size:13px}.vocab-back-link:hover{color:var(--clay)}.vocab-newlist{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.vocab-newlist input,.vocab-bulk select{font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--ink);padding:7px 10px;font-size:14px}.vocab-newlist input{flex:1;min-width:180px}.vocab-newlist input:focus,.vocab-bulk select:focus{outline:3px solid var(--aqua);outline-offset:1px}.vocab-secondary{background:var(--cream);border:2px solid var(--ink);font-family:var(--display);letter-spacing:.3px;text-transform:uppercase;color:var(--ink);cursor:pointer;align-items:center;padding:7px 14px;font-size:12px;transition:transform .12s,box-shadow .12s;display:inline-flex}.vocab-secondary:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.vocab-secondary:disabled{opacity:.45;cursor:not-allowed}.vocab-secondary.is-danger:hover{background:var(--clay);color:var(--cream)}.vocab-bulk{background:var(--surface);border:3px dashed var(--ink);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.vocab-check{font-family:var(--display);letter-spacing:.3px;text-transform:uppercase;color:var(--ink);align-items:center;gap:10px;font-size:12px;display:inline-flex}.vocab-list-tag{background:var(--aqua);border:2px solid var(--ink);font-family:var(--display);letter-spacing:.3px;text-transform:uppercase;color:var(--ink);padding:2px 10px;font-size:10.5px;display:inline-block}.vocab-detail-actions{flex-wrap:wrap;gap:8px;display:flex}.vocab-section-title{color:var(--brandy);margin-bottom:6px;font-size:20px}.vocab-section-title:not(:first-child){margin-top:48px}.vocab-section-text{margin-bottom:18px;font-size:14.5px}.vocab-overview-row.is-premade{background:color-mix(in srgb, var(--clay) 10%, var(--surface))}.vocab-premade-hint{margin-bottom:16px;font-size:13.5px}.vocab-premade-lesson{color:var(--clay-dark);font-weight:600;text-decoration:underline}.vocab-overview-item{align-items:stretch;gap:12px;display:flex}.vocab-overview-item .vocab-overview-row{flex:1;min-width:0}.vocab-overview-remove{background:var(--surface);border:3px solid var(--ink);width:52px;box-shadow:var(--shadow-offset);color:var(--text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .12s,box-shadow .12s,color .12s,background .12s;display:flex}.vocab-overview-remove svg{width:22px;height:22px}.vocab-overview-remove:hover{box-shadow:7px 7px 0 var(--ink);background:color-mix(in srgb, var(--danger) 25%, var(--surface));color:var(--danger-dark);transform:translate(-2px,-2px)}.quiz-setup{background:var(--surface);border:3px solid var(--ink);box-shadow:var(--shadow-offset);flex-direction:column;gap:20px;margin-top:14px;padding:24px;display:flex}.quiz-group{flex-direction:column;gap:8px;display:flex}.quiz-group label,.quiz-group-label{font-family:var(--display);letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted);font-size:11.5px}.quiz-count{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.quiz-count input{width:90px;font:inherit;color:var(--ink);background:var(--bg);border:2px solid var(--ink);padding:9px 12px;font-size:15px}.quiz-count input:focus{outline:3px solid var(--aqua);outline-offset:1px}.quiz-count-total{font-size:14px}.quiz-chip{background:var(--bg);border:2px solid var(--ink);font-family:var(--display);letter-spacing:.3px;text-transform:uppercase;color:var(--ink);cursor:pointer;padding:7px 12px;font-size:12px}.quiz-chip:hover{background:var(--aqua)}.quiz-chip.is-active{background:var(--aqua);box-shadow:2px 2px 0 var(--ink)}.quiz-toggle{flex-wrap:wrap;gap:8px;display:flex}.quiz-option{background:var(--bg);border:2px solid var(--ink);min-width:150px;font-family:var(--display);letter-spacing:.3px;text-transform:uppercase;color:var(--ink);cursor:pointer;flex:1;padding:10px 14px;font-size:12px;transition:transform .12s,box-shadow .12s,background .12s}.quiz-option:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.quiz-option.is-active{background:var(--aqua);box-shadow:3px 3px 0 var(--ink)}.quiz-option:disabled{opacity:.45;cursor:not-allowed}.quiz-hint{font-size:13px}.quiz-start{background:var(--aqua);border:3px solid var(--ink);box-shadow:var(--shadow-offset);font-family:var(--display);letter-spacing:.3px;text-transform:uppercase;color:var(--ink);cursor:pointer;align-self:flex-start;padding:12px 24px;font-size:13px;transition:transform .12s,box-shadow .12s}.quiz-start:hover:not(:disabled){box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.quiz-start:disabled{opacity:.45;cursor:not-allowed}.quiz-session{max-width:640px;margin:0 auto}.quiz-progress{background:var(--surface);border:2px solid var(--ink);height:12px}.quiz-progress-bar{background:var(--aqua);height:100%;transition:width .3s}.quiz-progress-text{text-align:right;margin:8px 0 20px;font-size:13px}.flashcard-face{text-align:center;background:var(--surface);border:3px solid var(--ink);min-height:320px;box-shadow:var(--shadow-offset);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px 24px;display:flex}.flashcard-back{animation:.15s flashcard-fade}@keyframes flashcard-fade{0%{opacity:.4}to{opacity:1}}.flashcard-back.is-correct{background:var(--success);border-color:var(--success-dark)}.flashcard-back.is-wrong{background:var(--danger);border-color:var(--danger-dark)}.flashcard-label{font-family:var(--display);letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted);font-size:11.5px}.flashcard-prompt{font-family:var(--display);color:var(--ink);overflow-wrap:anywhere;font-size:clamp(28px,6vw,40px);line-height:1.15}.flashcard-verdict{font-family:var(--display);letter-spacing:.4px;text-transform:uppercase;color:var(--brandy);font-size:14px}.flashcard-given,.flashcard-note{color:var(--text);font-size:14px}.flashcard-note{font-style:italic}.flashcard-form{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.flashcard-form input{min-width:200px;font:inherit;color:var(--ink);background:var(--bg);border:2px solid var(--ink);flex:1;padding:10px 12px;font-size:16px}.flashcard-form input:focus{outline:3px solid var(--aqua);outline-offset:1px}.flashcard-choices{flex-direction:column;gap:10px;width:100%;display:flex}.flashcard-choice{font:inherit;color:var(--ink);background:var(--bg);border:2px solid var(--ink);cursor:pointer;padding:12px 16px;font-size:16px;font-weight:600;transition:transform .12s,box-shadow .12s,background .12s}.flashcard-choice:hover{box-shadow:4px 4px 0 var(--ink);background:var(--aqua);transform:translate(-2px,-2px)}.quiz-button{background:var(--aqua);border:2px solid var(--ink);font-family:var(--display);letter-spacing:.3px;text-transform:uppercase;color:var(--ink);cursor:pointer;padding:10px 20px;font-size:12.5px;transition:transform .12s,box-shadow .12s}.quiz-button:hover:not(:disabled){box-shadow:4px 4px 0 var(--ink);transform:translate(-2px,-2px)}.quiz-button:disabled{opacity:.45;cursor:not-allowed}.quiz-button.is-plain{background:var(--cream)}.quiz-stop{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin:24px auto 0;padding:0;font-size:13px;text-decoration:underline;display:block}.quiz-stop:hover{color:var(--clay)}.quiz-results{text-align:center;background:var(--surface);border:3px solid var(--ink);max-width:640px;box-shadow:var(--shadow-offset);margin:0 auto;padding:32px 24px}.quiz-score{font-family:var(--display);color:var(--clay);font-size:64px;line-height:1}.quiz-score span{color:var(--text-muted);font-size:32px}.quiz-score-label{margin-top:6px;font-size:15px}.quiz-missed{text-align:left;margin:24px 0 0}.quiz-missed h3{color:var(--brandy);font-size:15px}.quiz-missed ul{color:var(--text);margin:10px 0 0;padding-left:20px;font-size:14.5px}.quiz-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}@media (prefers-reduced-motion:reduce){.flashcard-back{animation:none}.quiz-progress-bar{transition:none}}.practice-back-link{width:fit-content;font-family:var(--display);letter-spacing:.3px;color:var(--clay-dark);margin-bottom:24px;font-size:13px;display:block}.practice-back-link:hover{color:var(--clay)}.practice-list{flex-direction:column;gap:16px;display:flex}.practice-row{background:var(--surface);border:3px solid var(--ink);box-shadow:var(--shadow-offset);align-items:center;gap:20px;padding:20px 24px;transition:transform .12s,box-shadow .12s,background .12s;display:flex}.practice-row:hover{box-shadow:7px 7px 0 var(--ink);background:var(--aqua);transform:translate(-2px,-2px)}.practice-number{font-family:var(--display);color:var(--clay);flex-shrink:0;width:48px;font-size:26px}.practice-info{flex:1}.practice-info h3{font-size:20px}.practice-info p{margin-top:2px;font-size:14px}.practice-arrow{font-family:var(--display);color:var(--ink);font-size:20px}.word-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;display:grid}.word-card{background:var(--surface);border:3px solid var(--ink);box-shadow:var(--shadow-offset);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:22px 16px;font-family:inherit;transition:transform .12s,box-shadow .12s,background .12s;display:flex}.word-card:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.word-card.is-revealed{background:var(--aqua)}.word-icon{width:36px;height:36px;color:var(--clay-dark)}.word-text{font-family:var(--display);text-transform:lowercase;color:var(--ink);font-size:20px}.word-text mark{color:var(--clay);background:0 0}.word-hint{color:var(--text-muted);font-size:12.5px;font-style:italic}.word-reveal{flex-direction:column;gap:2px;display:flex}.word-answer{color:var(--ink);font-size:14px;font-weight:600}.word-betekenis{color:var(--brandy);font-size:13px}.rowquiz{flex-direction:column;gap:14px;display:flex}.rowquiz-score{color:var(--text-muted);align-items:center;gap:14px;font-size:14px;display:flex}.rowquiz-rows{background:var(--ink);border:3px solid var(--ink);box-shadow:var(--shadow-offset);grid-template-columns:minmax(0,1fr);gap:2px;display:grid}.rowquiz-rows>*{background:var(--surface)}.rowquiz-row{align-items:center;gap:12px;padding:10px 16px;display:flex}.rowquiz-rows>:nth-child(2n){background:color-mix(in srgb, var(--aqua) 14%, var(--surface))}@media (width>=900px){.rowquiz-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.rowquiz-rows>:nth-child(2n){background:var(--surface)}.rowquiz-rows>:nth-child(4n+3),.rowquiz-rows>:nth-child(4n+4){background:color-mix(in srgb, var(--aqua) 14%, var(--surface))}.rowquiz-rows>:last-child:nth-child(odd){grid-column:1/-1}}.rowquiz-row-icon{width:22px;height:22px;color:var(--clay-dark);flex-shrink:0}.rowquiz-row-word{font-family:var(--display);color:var(--ink);min-width:92px;font-size:15px}.rowquiz-row-meaning{min-width:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-style:italic;overflow:hidden}.rowquiz-row-options{flex-shrink:0;gap:6px;display:flex}.rowquiz-chip{font-family:var(--display);letter-spacing:.2px;text-transform:uppercase;color:var(--ink);background:var(--bg);border:2px solid var(--ink);cursor:pointer;padding:6px 10px;font-size:11px;transition:transform .1s,background .1s}.rowquiz-chip:hover:not(:disabled){background:var(--aqua);transform:translate(-1px,-1px)}.rowquiz-chip:disabled{cursor:not-allowed}.rowquiz-chip.is-correct{background:var(--success);border-color:var(--success-dark);color:var(--ink)}.rowquiz-chip.is-wrong{background:var(--danger);border-color:var(--danger-dark);color:var(--ink)}@media (width<=540px){.rowquiz-row{flex-wrap:wrap}.rowquiz-row-meaning{white-space:normal;flex-basis:100%;order:3}.rowquiz-row-options{margin-left:auto}}.rowquiz-row-blank{color:var(--text-muted)}.choicequiz-row{flex-direction:column;gap:8px;padding:14px 16px;display:flex}.choicequiz-context{color:var(--text);font-size:14.5px}.choicequiz-prompt{font-family:var(--display);color:var(--ink);font-size:16px}.choicequiz-blank{color:var(--text-muted)}.choicequiz-filled{background:var(--success);padding:0 4px}.choicequiz-options{flex-wrap:wrap;gap:6px;display:flex}.choicequiz-chip{font-family:var(--sans);letter-spacing:0;text-transform:none;padding:6px 12px;font-size:14px;font-weight:600}.choicequiz-explain{font-size:13.5px;font-style:italic}.choicequiz-explain.is-correct{color:var(--success-dark)}.choicequiz-explain.is-wrong{color:var(--danger-dark)}.writequiz-line{flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0;display:flex}.writequiz-label{min-width:120px;color:var(--text-muted);font-size:13px}.writequiz-input{min-width:180px;font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--ink);flex:1;padding:6px 10px;font-size:15px}.writequiz-input:focus{outline:3px solid var(--aqua);outline-offset:1px}.writequiz-input.is-correct{background:color-mix(in srgb, var(--success) 35%, var(--surface));border-color:var(--success-dark)}.writequiz-input.is-wrong{background:color-mix(in srgb, var(--danger) 18%, var(--surface));border-color:var(--danger-dark)}.choicequiz-explain strong{font-style:normal}.dialogue-list{grid-template-columns:minmax(0,1fr);align-items:start;gap:28px;display:grid}@media (width>=900px){.dialogue-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.dialogue{background:var(--surface);border:3px solid var(--ink);box-shadow:var(--shadow-offset);flex-direction:column;gap:16px;padding:20px;display:flex}.dialogue-title{color:var(--brandy);font-size:18px}.dialogue-context{margin-top:4px;font-size:14px}.dialogue-bank{background:var(--bg);border:2px dashed var(--ink);flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;display:flex}.dialogue-bank-label{color:var(--text-muted);margin-right:4px;font-size:12.5px}.dialogue-bank-word{background:var(--surface);border:2px solid var(--ink);color:var(--ink);padding:2px 8px;font-size:14px;font-weight:600}.dialogue-lines{flex-direction:column;gap:10px;display:flex}.dialogue-line{grid-template-columns:84px 1fr;align-items:baseline;gap:10px;display:grid}.dialogue-speaker{font-family:var(--display);letter-spacing:.3px;text-transform:uppercase;color:var(--clay-dark);font-size:12px}.dialogue-text{color:var(--ink);font-size:16px;line-height:2.1}.dialogue-input{font:inherit;text-align:center;color:var(--ink);background:var(--bg);border:none;border-bottom:2px solid var(--ink);margin:0 3px;padding:1px 6px;font-size:15px;font-weight:600}.dialogue-input:focus{outline:3px solid var(--aqua);outline-offset:1px}.dialogue-input.is-correct{background:color-mix(in srgb, var(--success) 45%, var(--surface));border-bottom-color:var(--success-dark)}.dialogue-input.is-wrong{background:color-mix(in srgb, var(--danger) 30%, var(--surface));border-bottom-color:var(--danger-dark)}.dialogue-translation{font-size:13px;font-style:italic;line-height:1.4}.dialogue-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dialogue-button{background:var(--aqua);border:2px solid var(--ink);font-family:var(--display);letter-spacing:.3px;text-transform:uppercase;color:var(--ink);cursor:pointer;padding:8px 18px;font-size:12px;transition:transform .12s,box-shadow .12s}.dialogue-button:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.dialogue-result{color:var(--danger-dark);font-size:14px;font-weight:600}.dialogue-result.is-correct{color:var(--success-dark)}@media (width<=540px){.dialogue{padding:16px 14px}.dialogue-line{grid-template-columns:1fr;gap:0}}.exercise-score{background:var(--surface);border:2px solid var(--ink);color:var(--ink);vertical-align:middle;align-items:center;margin-left:10px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.exercise-score.is-perfect{background:var(--success);border-color:var(--success-dark)}.practice-exercise{margin-top:40px}.practice-exercise:first-of-type{margin-top:28px}.practice-exercise-heading{color:var(--brandy);margin-bottom:8px;font-size:24px}.practice-instructions{max-width:60ch;margin-bottom:20px;font-size:15px}.practice-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.practice-clear-all,.practice-restart{font-family:var(--sans);text-transform:none;letter-spacing:0;color:var(--ink);background:var(--surface);border:2px solid var(--ink);cursor:pointer;font-weight:600;transition:transform .12s,box-shadow .12s}.practice-clear-all{padding:7px 14px;font-size:13.5px}.practice-restart{vertical-align:middle;margin-left:10px;padding:3px 10px;font-size:12.5px}.practice-clear-all:hover,.practice-restart:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.settings{flex-direction:column;gap:40px;max-width:720px;display:flex}.settings-card{flex-direction:column;gap:14px;display:flex}.settings-heading{border-bottom:2px solid var(--ink);letter-spacing:.6px;color:var(--text-muted);padding-bottom:10px;font-size:13px}.settings-account,.settings-pref{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.settings-avatar{border-radius:50%;width:44px;height:44px}.settings-account-info,.settings-pref-text{min-width:200px;color:var(--text-muted);flex-direction:column;flex:1;gap:1px;font-size:14px;display:flex}.settings-account-info strong,.settings-pref-text strong{color:var(--ink);font-size:15.5px;font-weight:600}.settings-button{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:14px;text-decoration:underline;display:inline-flex}.settings-button:hover{color:var(--clay)}.settings-button svg{width:16px;height:16px}.settings-options{border:2px solid var(--ink);display:inline-flex}.settings-option{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;padding:6px 14px;font-size:13.5px;font-weight:600}.settings-option+.settings-option{border-left:2px solid var(--ink)}.settings-option:hover:not(.is-active){background:var(--surface)}.settings-option.is-active{background:var(--aqua)}.settings-note{font-size:13px}