:root{--bg:#0f1220;--surface:#1a1e33;--surface-2:#232847;--primary:#6c8bff;--primary-2:#8fa4ff;--text:#eef0fb;--text-dim:#a3a8c4;--success:#4ade80;--danger:#f87171;--star:#fbbf24;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative}.page{padding:20px 16px calc(80px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}h1,h2,h3{margin:0 0 12px}h1{font-size:22px}h2{font-size:18px}p{color:var(--text-dim);line-height:1.5}a{color:var(--primary-2)}.card{background:var(--surface);border-radius:16px;margin-bottom:12px;padding:16px}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 18px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:disabled{opacity:.5;cursor:default}.btn-secondary{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-star{background:var(--star);color:#1a1a1a}.btn-row{gap:10px;display:flex}input,textarea{background:var(--surface-2);width:100%;color:var(--text);border:1px solid #333a5c;border-radius:10px;margin-bottom:12px;padding:12px;font-size:15px}input:focus,textarea:focus{outline:2px solid var(--primary)}.error-box{color:var(--danger);background:#f8717126;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:14px}.center-page{flex-direction:column;justify-content:center;min-height:100%;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.story-tile{background:var(--surface);text-align:center;cursor:pointer;color:var(--text);border:none;border-radius:16px;padding:18px 12px}.story-tile .emoji{margin-bottom:8px;font-size:32px;display:block}.word-card{background:var(--surface);text-align:center;border-radius:20px;margin-bottom:20px;padding:40px 20px}.word-card .english{margin-bottom:10px;font-size:30px;font-weight:700}.word-card .turkish{color:var(--text-dim);font-size:18px}.list-item{background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 14px;display:flex}.quiz-option{background:var(--surface-2);cursor:pointer;text-align:left;width:100%;color:var(--text);border:2px solid #0000;border-radius:12px;margin-bottom:10px;padding:14px;font-size:16px}.quiz-option.correct{border-color:var(--success);background:#4ade8026}.quiz-option.wrong{border-color:var(--danger);background:#f8717126}.bottom-nav{background:var(--surface);padding:10px 4px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #2b2f4d;justify-content:space-around;display:flex;position:sticky;bottom:0}.nav-item{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:4px 8px;font-size:11px;display:flex}.nav-item.active{color:var(--primary-2)}.nav-item .icon{font-size:20px}.top-bar{justify-content:space-between;align-items:center;padding:16px 16px 0;display:flex}.avatar{object-fit:cover;background:var(--surface-2);border-radius:50%;width:56px;height:56px}.chat-bubble{border-radius:14px;max-width:80%;margin-bottom:10px;padding:10px 14px;font-size:15px;line-height:1.4}.chat-bubble.user{background:var(--primary);color:#fff;margin-left:auto}.chat-bubble.assistant{background:var(--surface-2);margin-right:auto}.mic-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:20px auto;font-size:28px;display:flex}.mic-btn.recording{background:var(--danger);box-shadow:0 0 0 8px #f8717133}.progress-text{text-align:center;color:var(--text-dim);margin-bottom:8px;font-size:13px}.empty-state{text-align:center;color:var(--text-dim);padding:40px 20px}