*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f0f1a;--bg-card: #1a1a2e;--bg-card-hover: #22223a;--text: #e8e8f0;--text-muted: #8888a8;--accent: #7c5bf5;--accent-soft: #7c5bf522;--border: #2a2a44;--radius: 16px;--radius-sm: 10px}html{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}body{min-height:100dvh}.container{max-width:640px;margin:0 auto;padding:24px 20px 48px}.header{text-align:center;padding:48px 0 40px}.app-title{font-family:Playfair Display,serif;font-size:2.4rem;font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 30%,var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-subtitle{color:var(--text-muted);margin-top:8px;font-size:1rem;font-weight:300}.progress-bar{margin-top:16px;height:4px;background:var(--border);border-radius:100px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:100px;transition:width .4s ease}.category-section{margin-bottom:24px}.category-toggle-btn{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s,border-color .2s}.category-toggle-btn:hover{background:var(--bg-card-hover);border-color:var(--accent)}.toggle-count{color:var(--text-muted);font-size:.8rem;font-weight:400}.toggle-arrow{margin-left:auto;font-size:.7rem;color:var(--text-muted);transition:transform .2s}.toggle-arrow.open{transform:rotate(180deg)}.category-chips{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0 0}.category-chip{font-size:.82rem;font-weight:500;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:100px;padding:8px 18px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.category-chip:hover{background:var(--bg-card-hover);color:var(--text)}.category-chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.word-meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.word-header{display:flex;align-items:center;justify-content:space-between;padding:32px 0 24px}.back-link{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.back-link:hover{color:var(--text)}.category-badge{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:var(--accent-soft);padding:6px 14px;border-radius:100px}.word-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:40px 32px}.word-part-of-speech{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px}.word-title{font-family:Playfair Display,serif;font-size:2.8rem;font-weight:900;letter-spacing:-.02em;line-height:1.1}.word-pronunciation{color:var(--text-muted);font-size:1rem;margin-top:8px;font-weight:300}.word-definition,.word-example{margin-top:28px}.word-definition h3,.word-example h3{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:8px;font-weight:600}.word-definition p{font-size:1.1rem;line-height:1.6}.word-example p{font-size:.95rem;color:var(--text-muted);font-style:italic;line-height:1.6}.category-nav{margin-top:40px;text-align:center}.nav-label{font-size:.82rem;color:var(--text-muted);margin-bottom:14px;font-weight:300}.nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.nav-pill{font-size:.82rem;font-weight:500;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:100px;padding:8px 18px;text-decoration:none;transition:background .2s,color .2s,border-color .2s}.nav-pill:hover{background:var(--bg-card-hover);border-color:var(--accent);color:var(--text)}.word-actions{display:flex;justify-content:center;padding:24px 0}.skip-btn{padding:14px 32px;font-size:.95rem;font-weight:500;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:100px;cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .15s}.skip-btn:hover{background:var(--bg-card-hover);border-color:var(--accent);color:var(--text)}.skip-btn:active{transform:scale(.97)}.empty-card{text-align:center;padding:48px 32px}.empty-title{font-family:Playfair Display,serif;font-size:1.6rem;font-weight:700;margin-bottom:12px}.empty-text{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:28px}.reset-btn{padding:12px 28px;font-size:.9rem;font-weight:500;color:var(--text);background:var(--accent);border:none;border-radius:100px;cursor:pointer;transition:opacity .2s,transform .15s}.reset-btn:hover{opacity:.85}.reset-btn:active{transform:scale(.97)}.loading-card{display:flex;align-items:center;justify-content:center;min-height:200px}.loading-text{color:var(--text-muted);font-size:.95rem}@media(max-width:480px){.app-title{font-size:1.8rem}.word-title{font-size:2rem}.word-card{padding:28px 20px}.skip-btn{width:100%}}