:root{--bg:#fdf6ec;--bg-card:#fff;--bg-soft:#faf3e7;--primary:#f4a261;--primary-soft:#f8c893;--primary-deep:#e76f51;--accent:#a8dadc;--accent-deep:#5fb3b7;--text:#3d2c2c;--text-soft:#6b5849;--text-muted:#a39988;--danger:#e76f51;--success:#8bb174;--warning:#e9c46a;--radius:16px;--radius-sm:10px;--shadow:0 2px 12px #3d2c2c14;--shadow-lg:0 6px 24px #3d2c2c1f;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;font-family:var(--font);color:var(--text);background:var(--bg);overscroll-behavior-y:none;font-size:16px;line-height:1.5}body{min-height:100dvh}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,textarea{font-family:inherit;font-size:inherit}a{color:var(--primary-deep);text-decoration:none}.app-shell{background:var(--bg);max-width:640px;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);margin:0 auto}.page-pad{padding:16px}.topbar{padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));background:var(--bg);z-index:10;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar h1{flex:1;font-size:18px;font-weight:600}.btn{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 18px;font-weight:500;transition:transform .1s,background .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:disabled{opacity:.5}.btn-soft{background:var(--primary-soft);color:var(--text)}.btn-ghost{background:var(--bg-soft);color:var(--text-soft)}.btn-block{width:100%}.btn-lg{min-height:52px;padding:16px 24px;font-size:17px}.btn-icon{background:var(--bg-soft);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:20px;display:inline-flex}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.empty{text-align:center;color:var(--text-muted);padding:48px 24px}.empty .emoji{margin-bottom:12px;font-size:48px}.empty p{margin-bottom:16px;font-size:14px}.badge{background:var(--bg-soft);color:var(--text-soft);border-radius:8px;align-items:center;padding:2px 8px;font-size:12px;display:inline-flex}.badge-new{color:#b7950b;background:#e9c46a33}.badge-learning{color:#c75d3b;background:#f4a26133}.badge-familiar{color:#3a8a8e;background:#a8dadc55}.badge-mastered{color:#4f7a3c;background:#8bb17433}.progress{background:var(--bg-soft);border-radius:3px;height:6px;overflow:hidden}.progress>div{background:var(--success);border-radius:3px;height:100%;transition:width .3s}.muted{color:var(--text-muted);font-size:13px}.speaker-btn{background:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:inline-flex}.speaker-btn:active{background:var(--accent-deep);transform:scale(.92)}