:root{--bg: #f6f7fb;--card: #ffffff;--ink: #1c2333;--muted: #6b7385;--primary: #1d3557;--primary-light: #2e5a8f;--accent: #e63946;--good: #2a9d3a;--warn: #e0a100;--border: #e3e6ee;--radius: 14px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100dvh}h1,h2,h3{margin:0 0 .5rem}h2{font-size:1.3rem}h3{font-size:1.05rem}.muted{color:var(--muted)}.small-text{font-size:.82rem}.error-text{color:var(--accent);font-size:.9rem}.big-emoji{font-size:3rem;margin:.5rem 0}.app{display:flex;flex-direction:column;min-height:100dvh}.content{flex:1;padding:1rem 1rem calc(4.5rem + env(safe-area-inset-bottom));max-width:640px;width:100%;margin:0 auto}.view{display:flex;flex-direction:column;gap:.75rem}.screen-center{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1rem}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--card);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:.5rem 0 .4rem;background:none;border:none;color:var(--muted);font-size:.7rem;cursor:pointer}.tabbar-item.active{color:var(--primary);font-weight:600}.tabbar-icon{font-size:1.3rem}button{font-family:inherit}.btn-primary{background:var(--primary);color:#fff;border:none;border-radius:var(--radius);padding:.7rem 1.2rem;font-size:1rem;cursor:pointer}.btn-primary:disabled{opacity:.5}.btn-secondary{background:var(--card);color:var(--primary);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem 1rem;font-size:.95rem;cursor:pointer}.btn-danger{background:#fff0f0;color:var(--accent);border:1px solid #f3c2c6;border-radius:var(--radius);padding:.6rem 1rem;font-size:.95rem;cursor:pointer}.btn-small{margin-left:.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.3rem .6rem;font-size:.8rem;cursor:pointer}.btn-small:disabled{background:var(--good);opacity:.85}.link-btn{background:none;border:none;color:var(--primary-light);cursor:pointer;padding:.2rem 0;font-size:.9rem;text-align:left}.link-btn.small{font-size:.8rem}input[type=text],input[type=password],input[type=number],.chat-input-row input,.topic-row input,.login-card input{border:1px solid var(--border);border-radius:var(--radius);padding:.65rem .9rem;font-size:1rem;background:var(--card);color:var(--ink);width:100%}.login-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 1.5rem;width:100%;max-width:360px;display:flex;flex-direction:column;gap:.9rem;text-align:center}.flash-header{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.flashcard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.2rem;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;text-align:center;cursor:pointer;box-shadow:0 2px 8px #141e3c0d}.theme-tag{font-size:.72rem;color:var(--muted);background:var(--bg);border-radius:999px;padding:.2rem .7rem}.flash-front{font-size:1.4rem;font-weight:600;margin:0}.flash-back{display:flex;flex-direction:column;gap:.4rem}.flash-fr{font-size:1.5rem;color:var(--primary);font-weight:700;margin:0}.flash-fon{margin:0;color:var(--muted);font-size:.95rem;letter-spacing:.02em}.flash-example{font-style:italic;margin:0}.flash-example-nl{margin:0;font-size:.9rem}.tap-hint{font-size:.85rem}.rating-row{display:flex;gap:.5rem}.rate{flex:1;border:none;border-radius:var(--radius);padding:.8rem .2rem;font-size:.9rem;font-weight:600;color:#fff;cursor:pointer}.rate-again{background:var(--accent)}.rate-hard{background:var(--warn)}.rate-good{background:var(--primary-light)}.rate-easy{background:var(--good)}.done-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem 1rem;text-align:center}.audio-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:0 .2rem;vertical-align:middle}.chat-view{height:calc(100dvh - 6.5rem)}.chat-header{display:flex;justify-content:space-between;align-items:center}.chat-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.6rem;padding:.3rem 0}.chat-hint{text-align:center;padding:1rem}.bubble{max-width:85%;border-radius:var(--radius);padding:.7rem .9rem;line-height:1.45}.bubble.user{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:4px}.bubble.assistant{align-self:flex-start;background:var(--card);border:1px solid var(--border);border-bottom-left-radius:4px}.bubble-fr{font-size:1rem}.bubble-nl{font-size:.88rem;margin-top:.3rem}.correction{background:#fff8e1;border:1px solid #f1e2a6;border-radius:10px;padding:.5rem .7rem;font-size:.85rem;margin-bottom:.5rem}.chat-input-row{display:flex;gap:.5rem;padding-top:.5rem}.scenario-list{display:flex;flex-direction:column;gap:.5rem}.scenario-btn{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;font-size:1rem;text-align:left;cursor:pointer}.scenario-btn:active{background:var(--bg)}.topic-row{display:flex;gap:.5rem;margin-top:.3rem}.reading-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem}.reading-text{line-height:1.7;font-size:1.05rem}.tap-word{cursor:pointer;border-radius:4px}.tap-word:active{background:#ffe9a8}.reading-actions{display:flex;align-items:center;gap:.6rem;margin-top:.6rem}.reading-dutch{margin-top:.5rem;line-height:1.5}.word-popover{background:#fff8e1;border:1px solid #f1e2a6;border-radius:var(--radius);padding:.7rem .9rem;font-size:.95rem;display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.question-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem;display:flex;flex-direction:column;gap:.4rem}.question-card p{margin:0 0 .3rem;font-weight:600}.option-btn{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.6rem .8rem;font-size:.95rem;text-align:left;cursor:pointer}.option-btn.correct{background:#e3f6e6;border-color:var(--good)}.option-btn.wrong{background:#fdeaea;border-color:var(--accent)}.settings-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.6rem}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.settings-row input[type=number]{width:5.5rem}.settings-row input[type=checkbox]{width:1.3rem;height:1.3rem}.settings-buttons{display:flex;gap:.5rem;flex-wrap:wrap}