@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--sidebar-w: 300px;--accent: #6366f1;--accent-light: #eef2ff;--accent-dark: #4f46e5;--level-color-start: #6366f1;--level-color-end: #4f46e5;--bg: #f4f2ee;--surface: #ffffff;--surface-2: #f8f7f4;--border: rgba(99, 102, 241, .1);--text: #0f172a;--text-2: #475569;--text-3: #94a3b8;--sidebar-bg: #f8f7f4;--sidebar-shadow: 1px 0 12px rgba(0, 0, 0, .06);--sidebar-text: #1e293b;--sidebar-text-2: #64748b;--sidebar-subtle: rgba(99, 102, 241, .05);--sidebar-border: rgba(15, 23, 42, .08);--sidebar-divider: rgba(15, 23, 42, .06);--header-text: #1e293b;--header-text-2: #64748b;--radius-sm: 10px;--radius: 14px;--radius-lg: 20px;--shadow-sm: 0 1px 3px rgba(99,102,241,.06), 0 2px 8px rgba(15,23,42,.06);--shadow: 0 8px 32px rgba(99,102,241,.12), 0 2px 12px rgba(15,23,42,.08);font-family:Inter,system-ui,-apple-system,sans-serif;color-scheme:light}:root[color-scheme=dark]{--bg: #0a0f1f;--surface: #1a202c;--surface-2: #2d3748;--border: rgba(226, 232, 240, .15);--text: #f8fafc;--text-2: #cbd5e1;--text-3: #64748b;--sidebar-bg: #0a0f1f;--sidebar-shadow: 4px 0 24px rgba(0, 0, 0, .3);--sidebar-text: #e2e8f0;--sidebar-text-2: #94a3b8;--sidebar-subtle: rgba(255, 255, 255, .07);--sidebar-border: rgba(255, 255, 255, .1);--sidebar-divider: rgba(255, 255, 255, .06);--header-text: #e2e8f0;--header-text-2: rgba(226, 232, 240, .65);--accent: #818cf8;color-scheme:dark}@media(max-width:860px){:root{--mobile-space-xs: 4px;--mobile-space-sm: 8px;--mobile-space-md: 12px;--mobile-space-lg: 16px;--mobile-space-xl: 20px;--mobile-touch-target: 44px;--mobile-safe-bottom: max(12px, env(safe-area-inset-bottom, 0px))}}@keyframes progress-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}*:focus{outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:linear-gradient(160deg,#f4f2ee,#f0eeeb 40%,#ece9e4);background-attachment:fixed;color:var(--text);line-height:1.5;font-size:15px;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}:root[color-scheme=dark] body{background:linear-gradient(135deg,#0a0f1f,#1a202c)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}@media(hover:none)and (pointer:coarse){.fab:hover,.word-card:hover,.topic-item:hover,.sidebar-footer-btn:hover,.dropdown-trigger:hover,.toolbar-chip:hover{transform:none;box-shadow:inherit}button:active,.btn:active,.ripple-btn:active{transform:scale(.98)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.card{border:1px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#6366f11f,#0ea5e91f) border-box;border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-sm)}.input-group{position:relative}.input-field{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:.95rem;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6366f126,inset 0 0 0 1px #6366f11a}.input-label{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:.9rem;color:var(--text-2);font-weight:500;transition:top .2s ease,font-size .2s ease,color .2s ease;pointer-events:none}.input-field:focus~.input-label,.input-field:not(:placeholder-shown)~.input-label{top:-8px;font-size:.75rem;color:var(--accent);background:var(--surface);padding:0 4px}.input-field.is-error{border-color:#ef4444;background:#fef2f280}.input-field.is-error:focus{box-shadow:0 0 0 3px #ef444426}.progress-bar{height:8px;background:#00000014;border-radius:999px;overflow:hidden;position:relative;box-shadow:inset 0 1px 2px #0000000d}.progress-fill{height:100%;background:linear-gradient(90deg,var(--level-color-start, #6366f1) 0%,var(--level-color-end, #4f46e5) 100%);background-size:1000px 100%;animation:progress-shimmer 3s ease-in-out infinite;transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:999px}.progress-label{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.7rem;font-weight:700;color:var(--text);background:#fffc;padding:2px 6px;border-radius:4px;pointer-events:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:40px 20px;color:var(--text-2);font-size:.92rem;line-height:1.6}.empty-state:before{content:"";width:76px;height:76px;flex-shrink:0;border-radius:20px;background-color:#ffffffb8;background-image:url("data:image/svg+xml,%3Csvg width='76' height='76' viewBox='0 0 76 76' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10' y='15' width='28' height='40' rx='8' fill='%23EEF2FF' stroke='%236366F1' stroke-width='2'/%3E%3Cpath d='M18 25h12M18 32h12M18 39h8' stroke='%236366F1' stroke-width='2' stroke-linecap='round'/%3E%3Ccircle cx='51' cy='32' r='9' fill='%23F8FAFC' stroke='%2394A3B8' stroke-width='2'/%3E%3Cpath d='M57.5 38.5L64 45' stroke='%2394A3B8' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M52 17l1.6 3.4L57 22l-3.4 1.6L52 27l-1.6-3.4L47 22l3.4-1.6L52 17Z' fill='%23A5B4FC'/%3E%3C/svg%3E");background-position:center;background-repeat:no-repeat;background-size:76px 76px;box-shadow:0 14px 28px #94a3b824}.study-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-2);font-size:.9rem}.level-unset{background:#f1f5f9;color:#94a3b8;border-color:#e2e8f0}.level-1{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.level-2{background:#eff6ff;color:#2563eb;border-color:#93c5fd}.level-3{background:#faf5ff;color:#7c3aed;border-color:#c4b5fd}.level-4{background:#ecfdf5;color:#059669;border-color:#6ee7b7}.level-5{background:#f1f5f9;color:#64748b;border-color:#cbd5e1;border-style:dashed}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg)}.login-card{display:flex;flex-direction:column;gap:14px;width:100%;max-width:340px}.login-title{font-size:1.5rem;font-weight:700;color:var(--text);text-align:center}.login-input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:1rem;outline:none}.login-input:focus{border-color:var(--accent)}.login-error{font-size:.85rem;color:#c81e1e;text-align:center}.login-btn{padding:10px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;transition:background .18s cubic-bezier(.34,1.56,.64,1),transform .18s ease,box-shadow .18s ease}.login-btn:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.login-btn:active:not(:disabled){transform:scale(.96)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.sk{border-radius:6px;background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface) 25%,var(--surface-2) 50%,var(--surface-2) 100%);background-size:1000px 100%;animation:skeleton-shimmer 2s infinite ease-in-out}.sk:nth-child(1){animation-delay:0s}.sk:nth-child(2){animation-delay:.1s}.sk:nth-child(3){animation-delay:.2s}.sk:nth-child(4){animation-delay:.3s}.sk:nth-child(5){animation-delay:.4s}.sk-text{height:16px;width:100%;margin-bottom:8px}.sk-text.short{width:60%}.sk-text.medium{width:80%}.sk-heading{height:24px;width:40%;margin-bottom:16px;border-radius:var(--radius-sm)}.sk-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.sk-rows{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.sk-row{display:grid;grid-template-columns:22% 1fr 130px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);gap:16px}.sk-row:last-child{border-bottom:none}.sk-table-rows{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.sk-table-row{display:grid;grid-template-columns:200px 1fr 120px;gap:16px;padding:16px;align-items:center;border-bottom:1px solid var(--border);animation:page-slide-up .3s ease-out backwards}.sk-table-row:last-child{border-bottom:none}.sk-table-row:nth-child(1){animation-delay:0s}.sk-table-row:nth-child(2){animation-delay:.05s}.sk-table-row:nth-child(3){animation-delay:.1s}.sk-table-row:nth-child(4){animation-delay:.15s}.sk-table-row:nth-child(5){animation-delay:.2s}.sk-table-row:nth-child(n+6){animation-delay:.25s}.sk-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.sk-card-item{border-radius:var(--radius-lg);padding:16px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:12px;animation:page-slide-up .3s ease-out backwards}.sk-card-item:nth-child(1){animation-delay:0s}.sk-card-item:nth-child(2){animation-delay:.05s}.sk-card-item:nth-child(3){animation-delay:.1s}.sk-card-item:nth-child(4){animation-delay:.15s}.sk-hero{border-radius:var(--radius-lg);padding:24px;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--border);display:flex;flex-direction:column;gap:16px}.sk-hero-title{height:32px;width:50%}.sk-hero-content{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sk-hero-card{height:80px;border-radius:var(--radius-sm)}.sk-list{display:flex;flex-direction:column;gap:8px}.sk-list-item{display:flex;align-items:center;gap:12px;padding:12px;animation:page-slide-up .3s ease-out backwards}.sk-list-item:nth-child(1){animation-delay:0s}.sk-list-item:nth-child(2){animation-delay:.08s}.sk-list-item:nth-child(3){animation-delay:.16s}.sk-list-item:nth-child(n+4){animation-delay:.24s}.sk-list-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.app-header{display:flex;position:sticky;top:0;z-index:100;background:var(--sidebar-bg);border-bottom:1px solid var(--sidebar-divider);padding:0 20px;height:48px;align-items:center;justify-content:space-between;flex-shrink:0}.app-header-left{min-width:0;display:flex;align-items:center;gap:14px}.app-header-brand{background:transparent;border:none;font-size:15px;font-weight:800;color:var(--header-text);cursor:pointer;padding:0;letter-spacing:-.3px;transition:opacity .12s}.app-header-brand:hover{opacity:.75}.app-header-nav-link{font-size:.8rem;font-weight:600;color:var(--header-text-2);text-decoration:none;margin-left:12px;transition:color .12s}.app-header-nav-link:hover{color:var(--header-text)}.app-header-breadcrumb{min-width:0;display:flex;align-items:center;gap:7px;color:var(--header-text-2);font-size:.77rem;white-space:nowrap;overflow:hidden}.app-header-crumb{color:inherit;text-decoration:none;overflow:hidden;text-overflow:ellipsis;transition:color .12s}.app-header-crumb:hover{color:var(--header-text)}.app-header-crumb-current{color:var(--header-text);font-weight:600}.app-header-crumb-sep{flex-shrink:0;opacity:.4}.app-header-actions{display:flex;align-items:center;gap:10px}.app-header-logout{background:transparent;border:1px solid var(--sidebar-border);border-radius:999px;color:var(--header-text-2);cursor:pointer;font-size:.78rem;font-weight:600;line-height:1;padding:7px 11px;transition:color .12s,border-color .12s,background .12s}.app-header-logout:hover:not(:disabled){color:var(--header-text);border-color:var(--sidebar-border);background:var(--sidebar-subtle)}.app-header-logout:disabled{opacity:.65;cursor:default}.app-header-burger{display:none;background:transparent;border:none;color:var(--header-text-2);cursor:pointer;padding:4px;line-height:0;transition:color .12s}.app-header-burger:hover{color:var(--header-text)}@media(max-width:860px){.app-header-burger{display:flex;align-items:center}}.app-body{flex:1;min-height:0;display:flex;flex-direction:row;overflow:hidden}.app-footer{display:none;background:var(--sidebar-bg);border-top:1px solid var(--sidebar-divider);padding:0 32px;height:44px;align-items:center;justify-content:space-between;flex-shrink:0;gap:16px}.app-footer-brand{background:transparent;border:none;font-size:.82rem;font-weight:800;color:var(--sidebar-text-2);cursor:pointer;padding:0;transition:color .12s;flex-shrink:0}.app-footer-brand:hover{color:var(--sidebar-text)}.app-footer-right{font-size:.78rem;color:var(--sidebar-text-2);opacity:.6;flex-shrink:0;margin-left:auto}.word-page-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 28px;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.word-page-nav-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);font-size:.82rem;font-weight:500;padding:6px 12px;cursor:pointer;transition:color .12s,border-color .12s;white-space:nowrap}.word-page-nav-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.word-page-nav-btn:disabled{opacity:.35;cursor:not-allowed}.word-page-nav-btn-next{flex-direction:row-reverse}.word-page-nav-pos{font-size:.78rem;color:var(--text-3);flex-shrink:0}@media(min-width:861px){.app-header{padding:0 32px;height:52px}.app-footer{display:flex}.app-shell{flex-direction:column}}@media(max-width:860px){.app-header{padding:0 12px;height:52px;gap:10px}.app-header-left{flex:1;min-width:0;gap:8px}.app-header-brand{font-size:1rem;flex-shrink:0}.app-header-nav-link{margin-left:0;padding:6px 8px;border-radius:8px;background:var(--sidebar-subtle);font-size:.74rem;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-breadcrumb{display:none}.app-header-actions{gap:6px;flex-shrink:0}.app-header-theme-toggle,.app-header-burger{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--sidebar-subtle)}.app-header-logout{padding:8px 10px;font-size:.74rem}.word-page-footer{padding:12px 14px}.word-page-nav-btn{max-width:120px}}@media(max-width:480px){.app-header{padding:0 10px}.app-header-left{gap:6px}.app-header-brand{font-size:.95rem}.app-header-nav-link{font-size:.7rem;max-width:72px;padding:5px 7px}.app-header-logout{padding:7px 9px;font-size:.7rem}}.main-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-y:hidden;overflow-x:hidden}.study-topic-panel{flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.main-inner{width:100%;padding:0 28px 28px;display:flex;flex-direction:column;gap:20px}.study-breadcrumb-bar{flex:0 0 auto;overflow:visible}.sticky-controls{position:sticky;top:0;z-index:10;background:#f4f2eee0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:8px 28px 4px;border-bottom:1px solid rgba(15,23,42,.06);display:flex;flex-direction:column;gap:6px}:root[color-scheme=dark] .sticky-controls{background:#0a0f1fe0;border-bottom-color:var(--border)}.card.topic-header-card{display:flex;flex-direction:row;align-items:flex-start;gap:18px;padding:10px 16px}.topic-header-left{flex:1;min-width:0}.topic-header-title{font-size:1.18rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}.topic-header-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.78rem;font-weight:600;color:var(--text-3);margin-top:2px}.topic-header-mastered{color:#059669;font-size:.75rem;font-weight:700;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;padding:2px 10px}.topic-header-right{flex:0 1 440px;min-width:0;display:flex;flex-direction:column;gap:5px;animation:chart-reveal .24s cubic-bezier(.34,1.56,.64,1) forwards}.topic-header-toggle-btn{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:0 10px;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);font-size:.76rem;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}.topic-header-toggle-btn:hover{background:linear-gradient(135deg,var(--surface-2) 0%,var(--surface) 100%);border-color:var(--accent);color:var(--text);box-shadow:0 2px 8px #6366f11a}.topic-header-toggle-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;color:var(--text-3);font-size:.72rem;transition:transform .24s cubic-bezier(.34,1.56,.64,1)}.topic-header-toggle-chevron.is-open{transform:rotate(90deg)}.topic-header-toggle-label{white-space:nowrap}.topic-header-bar{display:flex;height:7px;border-radius:999px;overflow:hidden;background:var(--border)}.topic-header-bar-seg{height:100%;min-width:2px;background-size:1000px 100%;animation:progress-shimmer 3s ease-in-out infinite}.topic-header-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.74rem;color:var(--text-2);font-weight:600}.topic-header-legend-item{display:inline-flex;align-items:center;gap:4px}.topic-header-legend-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}@media(max-width:980px){.card.topic-header-card{gap:12px}.topic-header-right{flex-basis:100%}}@media(max-width:720px){.card.topic-header-card{padding:10px 14px}.topic-header-meta{gap:6px}.topic-header-toggle-btn{min-height:26px;padding:0 9px;font-size:.73rem}.topic-header-right{gap:7px}}.level-summary{display:flex;gap:4px;flex-shrink:0;flex-wrap:wrap}.level-chip{display:flex;flex-direction:column;align-items:center;padding:3px 7px 4px;border-radius:var(--radius-sm);border:1px solid transparent;gap:1px;min-width:40px}.level-chip-label{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;opacity:.6}.level-chip-value{font-size:.78rem;font-weight:700}.level-chip.level-1{background:#fef7f7;color:#e05252;border-color:#fecaca}.level-chip.level-2{background:#f5f9ff;color:#4a80d4;border-color:#bfdbfe}.level-chip.level-3{background:#f8f5ff;color:#8b5cf6;border-color:#ddd6fe}.level-chip.level-4{background:#f0fdf8;color:#10b981;border-color:#a7f3d0}.level-chip-parked{opacity:.5;border-style:dashed}.word-collection-split{flex:1;min-height:0;display:flex;overflow:hidden;transition:opacity .22s ease,transform .22s ease}.word-collection-split>.word-collection-layout{flex:1;min-width:0}.smart-review-word-content.is-loading{opacity:.68}.word-collection-split.has-panel>.word-collection-layout{transition:transform .22s ease,filter .22s ease}.mobile-progress-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;padding:8px 10px;border-radius:12px;border:1px solid transparent;font-weight:700;line-height:1}.mobile-progress-pill-short{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;opacity:.82}.mobile-progress-pill-value{font-size:.82rem;font-weight:800}.app-header-theme-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;font-size:1.2rem;border-radius:var(--radius-sm);transition:background .18s ease,transform .18s ease;color:var(--text-2)}.app-header-theme-toggle:hover{background:var(--surface-2);transform:scale(1.08);color:var(--text)}.app-header-theme-toggle:active{transform:scale(.95)}.app-header-theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes skeleton-shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes ripple{0%{transform:translate(-50%,-50%) scale(0);opacity:.55}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}@keyframes count-up{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-slide-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}@keyframes page-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes chart-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #6366f1b3}50%{box-shadow:0 0 0 8px #6366f100}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ripple-btn{position:relative;overflow:hidden}.ripple-btn:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;background:#ffffff73;border-radius:50%;transform:translate(-50%,-50%) scale(0);pointer-events:none;opacity:0}.ripple-btn:active:after{animation:ripple .6s ease-out}.page-enter{flex:1;min-width:0;min-height:0;display:flex;animation:page-slide-up .3s cubic-bezier(.34,1.56,.64,1)}.number-display,.stats-hero-card-value{font-variant-numeric:tabular-nums}.stats-hero-card-value{animation:count-up .6s ease-out .15s both}.toast{animation:toast-slide-up .3s cubic-bezier(.34,1.56,.64,1);position:fixed;right:20px;bottom:20px;z-index:100;max-width:360px;border-radius:var(--radius);padding:14px 18px;border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.toast.is-closing{animation:toast-slide-down .25s ease forwards}.toast.is-success{background:#ecfdf5;border-color:#a7f3d0;color:#047857}.toast.is-error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.toast-content{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600}.toast-icon{font-size:1rem;line-height:1}.scroll-hint{animation:float 2s ease-in-out infinite}.action-highlight{animation:pulse-glow 2s infinite}.loading-spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.list-item{animation:page-slide-up .3s ease-out backwards}.list-item:nth-child(1){animation-delay:0s}.list-item:nth-child(2){animation-delay:.05s}.list-item:nth-child(3){animation-delay:.1s}.list-item:nth-child(4){animation-delay:.15s}.list-item:nth-child(5){animation-delay:.2s}.list-item:nth-child(n+6){animation-delay:.25s}@media(prefers-reduced-motion:reduce){.page-enter,.list-item,.toast,.stats-hero-card-value,.ripple-btn:active:after,.scroll-hint,.action-highlight,.loading-spinner{animation:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:var(--radius-sm);border:none;font-size:.9rem;font-weight:600;font-family:inherit;line-height:1;white-space:nowrap;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 2px 8px #6366f133}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #6366f14d;background:linear-gradient(135deg,#4f46e5,#4338ca)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}.btn-secondary:hover:not(:disabled){background:var(--accent-light);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){background:#6366f126}.btn-tertiary,.btn-ghost{background:transparent;color:var(--text-2);border:1px solid transparent}.btn-tertiary:hover:not(:disabled),.btn-ghost:hover:not(:disabled){color:var(--text);background:#0000000d}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef444433}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #ef44444d;background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b98133}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.btn-icon{width:36px;height:36px;padding:8px;border-radius:8px;background:transparent;color:var(--text-2)}.btn-icon:hover:not(:disabled){background:#0000000f;color:var(--text)}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-lg{padding:12px 24px;font-size:1rem}.btn-block{width:100%}.btn.is-loading{position:relative;color:transparent;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn-secondary.is-loading:after,.btn-tertiary.is-loading:after,.btn-ghost.is-loading:after{border-color:#6366f14d;border-top-color:var(--accent)}@media(prefers-reduced-motion:reduce){.btn,.btn:hover,.btn:active{transition:none;transform:none}}.breadcrumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.84rem;color:var(--text-2)}.breadcrumb-item{display:inline-flex;align-items:center;gap:6px}.breadcrumb-item.is-active{color:var(--text);font-weight:600}.breadcrumb-link{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;font-weight:500;padding:0;text-decoration:none;transition:opacity .2s ease,color .2s ease}.breadcrumb-link:hover{opacity:.85;text-decoration:underline;text-underline-offset:2px}.breadcrumb-separator{color:var(--text-3);opacity:.55;font-size:.8rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:320px;padding:56px 32px;text-align:center;background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%);border:1px dashed var(--border);border-radius:var(--radius-lg)}.empty-state:before{content:none}.empty-state-icon{font-size:3.8rem;line-height:1;opacity:.72}.empty-state-title{font-size:1.32rem;font-weight:700;color:var(--text);margin:0;letter-spacing:-.02em}.empty-state-description{max-width:36ch;margin:0;color:var(--text-2);font-size:.95rem;line-height:1.6}.empty-state-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:6px}.empty-state.is-error{background:linear-gradient(135deg,#fef2f28c,#ef44440d);border-color:#ef444433}.empty-state.is-info{background:linear-gradient(135deg,#e6f5ff8c,#0ea5e90d);border-color:#0ea5e933}.empty-state.is-success{background:linear-gradient(135deg,#ecfdf58c,#0596690d);border-color:#05966933}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.badge-weak{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c}.badge-learning{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.badge-okay{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9}.badge-strong{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857}.desktop-sidebar{width:var(--sidebar-w);flex-shrink:0;background:linear-gradient(180deg,#faf9f7,#f5f3f0 60%,#f0eee9);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:width .22s ease;box-shadow:var(--sidebar-shadow);border-right:1px solid rgba(15,23,42,.06)}:root[color-scheme=dark] .desktop-sidebar{background:linear-gradient(180deg,#1e2a3e,#1a2235 60%,#171e30);border-right-color:#ffffff0f}.desktop-sidebar.is-resizing{-webkit-user-select:none;user-select:none}.desktop-sidebar-resizer{position:absolute;top:0;right:-5px;width:10px;height:100%;cursor:col-resize;touch-action:none;z-index:20}.desktop-sidebar-resizer:before{content:"";position:absolute;top:0;right:4px;width:1px;height:100%;background:transparent;transition:background .12s}.desktop-sidebar-resizer:hover:before,.desktop-sidebar.is-resizing .desktop-sidebar-resizer:before{background:var(--sidebar-border)}.sidebar-counts{display:flex;align-items:center;gap:6px;padding:8px 16px 6px;font-size:.72rem;color:var(--sidebar-text-2);flex-shrink:0}.sidebar-counts-sep{opacity:.4}.sidebar-smart-review-wrap{padding:8px 12px 4px;flex-shrink:0}.sidebar-smart-review-btn{width:100%;background:linear-gradient(135deg,#facc151f,#6366f114);border:1px solid rgba(250,204,21,.12);border-radius:var(--radius-sm);padding:10px 12px;cursor:pointer;color:var(--sidebar-text);text-align:left;display:flex;align-items:center;gap:8px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;overflow:hidden}.sidebar-smart-review-btn:hover{transform:translate(4px);background:linear-gradient(135deg,#facc1533,#6366f124);box-shadow:0 4px 12px #d977062e;border-color:#facc1533}.sidebar-smart-review-btn.active{background:linear-gradient(135deg,#facc1547,#f59e0b33);box-shadow:inset 0 1px 3px #facc1524,0 8px 20px #d977062e;color:var(--sidebar-text);border-color:#facc154d}.sidebar-smart-review-title{font-size:.85rem;font-weight:500;flex:1}.sidebar-smart-review-count{font-size:.72rem;color:var(--sidebar-text-2);flex-shrink:0}.sidebar-smart-review-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:#6366f11f}.sidebar-smart-review-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);transition:width .4s ease}.sidebar-search-wrap{padding:8px 12px 6px;flex-shrink:0}.sidebar-search-desktop{display:block}.sidebar-search-toggle,.sidebar-search-mobile-row{display:none}.sidebar-search{width:100%;height:34px;background:var(--sidebar-subtle);border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);color:var(--sidebar-text);padding:0 12px;font-size:.85rem;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;box-sizing:border-box}.sidebar-search::placeholder{color:var(--sidebar-text-2)}.sidebar-search:focus{outline:none;border-color:var(--accent);background:#6366f114;box-shadow:0 0 0 3px #6366f11f,inset 0 0 0 1px #818cf859}.sidebar-search-toggle{width:100%;background:var(--sidebar-subtle);border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);padding:7px 12px;cursor:pointer;color:var(--sidebar-text-2);font-size:.82rem;font-weight:500;align-items:center;gap:8px;transition:background .12s,color .12s}.sidebar-search-toggle:hover{background:var(--sidebar-border);color:var(--sidebar-text)}.sidebar-search-mobile-row{display:flex;align-items:center;gap:6px}.sidebar-search-mobile-row .sidebar-search{flex:1}.sidebar-search-close{flex-shrink:0;background:transparent;border:none;padding:6px;cursor:pointer;color:var(--sidebar-text-2);border-radius:4px;display:flex;align-items:center;transition:color .12s}.sidebar-search-close:hover{color:var(--sidebar-text)}.sidebar-topic-list{flex:1;overflow-y:auto;overflow-x:visible;padding:6px 12px 20px;scrollbar-width:thin;scrollbar-color:var(--sidebar-border) transparent;min-height:0}.sidebar-topic-list::-webkit-scrollbar{width:4px}.sidebar-topic-list::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:4px}.sidebar-empty{padding:14px 12px;color:var(--sidebar-text-2);font-size:.85rem}.sidebar-group{margin-bottom:6px}.sidebar-group-header{display:flex;align-items:center;gap:2px}.sidebar-group-toggle{flex:1;min-width:0;display:flex;align-items:center;gap:6px;background:transparent;border:none;padding:7px 4px 6px 12px;cursor:pointer;color:var(--sidebar-text-2);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.65;transition:opacity .12s}.sidebar-group-toggle:hover{opacity:1}.sidebar-group-chevron{flex-shrink:0;transition:transform .2s ease}.sidebar-group-chevron.collapsed{transform:rotate(-90deg)}.sidebar-group-label{padding:5px 4px 4px 12px;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--sidebar-text-2);opacity:.7;display:block}.sidebar-group-count{margin-left:auto;font-size:.67rem;font-weight:600}.sidebar-sort-wrap{flex-shrink:0;position:relative}.sidebar-sort-btn{background:transparent;border:none;padding:5px 8px;cursor:pointer;color:var(--sidebar-text-2);border-radius:4px;display:flex;align-items:center;opacity:.6;transition:opacity .12s,color .12s}.sidebar-sort-btn:hover,.sidebar-sort-btn.active{opacity:1;color:var(--accent)}.sidebar-sort-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.sidebar-sort-menu{z-index:9999;background:var(--surface);border:1px solid var(--sidebar-border);border-radius:8px;padding:4px;min-width:155px;box-shadow:0 8px 24px #0000001f}:root[color-scheme=dark] .sidebar-sort-menu{background:#1e293b;border-color:#ffffff1f;box-shadow:0 8px 24px #00000080}.sidebar-sort-option{width:100%;background:transparent;border:none;padding:7px 10px;cursor:pointer;color:var(--sidebar-text-2);font-size:.8rem;font-weight:500;text-align:left;border-radius:5px;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:background .1s,color .1s}.sidebar-sort-option:hover{background:var(--sidebar-subtle);color:var(--sidebar-text)}.sidebar-sort-option.active{color:var(--accent)}.sidebar-continue{padding:4px 0 6px}.sidebar-continue-btn{width:100%;display:flex;align-items:center;gap:6px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-sm);padding:7px 12px;cursor:pointer;color:var(--sidebar-text);text-align:left;transition:background .12s}.sidebar-continue-btn:hover{background:#6366f124}.sidebar-continue-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--accent);flex-shrink:0}.sidebar-continue-name{flex:1;font-size:.82rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sidebar-text)}.sidebar-group-meta{padding:0 12px 4px;font-size:.65rem;color:var(--sidebar-text-2);opacity:.6}.sidebar-group-meta-weak{color:#f87171;opacity:1}.topic-item-actions{flex-shrink:0;display:none;align-items:center;gap:0;padding-right:6px}.topic-item:hover .topic-item-actions{display:flex}.topic-item-pin,.topic-item-edit,.topic-item-delete{background:transparent;border:none;padding:6px 5px;cursor:pointer;color:var(--sidebar-text-2);border-radius:4px;line-height:1;display:flex;align-items:center;transition:color .12s}.topic-item-pin:hover{color:var(--accent)}.topic-item-edit:hover{color:#0891b2}.topic-item-pin.pinned{color:var(--accent);display:flex}.topic-item-delete:hover{color:#ef4444}:root[color-scheme=dark] .topic-item-pin:hover{color:#a5b4fc}:root[color-scheme=dark] .topic-item-edit:hover{color:#67e8f9}:root[color-scheme=dark] .topic-item-pin.pinned{color:#a5b4fc}:root[color-scheme=dark] .topic-item-delete:hover{color:#f87171}.topic-item-actions-sep{width:1px;height:12px;background:var(--sidebar-border);flex-shrink:0;margin:0 2px}.sidebar-smart-review-ai{font-size:.62rem;font-weight:500;color:var(--sidebar-text-2);opacity:.7;font-style:italic}.topic-item[data-pinned] .topic-item-actions{display:flex}@keyframes sidebar-item-in{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.topic-item{--topic-indent: 0px;width:100%;text-align:left;background:transparent;border-radius:var(--radius-sm);display:flex;align-items:center;gap:0;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .18s ease,box-shadow .18s ease,border-color .18s ease;color:var(--sidebar-text);margin:4px 0;position:relative;animation:sidebar-item-in .18s ease both;border:1px solid transparent}.topic-item-expander,.topic-item-expander-spacer{width:24px;flex-shrink:0;margin-left:6px}.topic-item-expander{height:24px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--sidebar-text-2);cursor:pointer;transition:color .12s,background .12s,transform .18s ease}.topic-item-expander:hover{color:var(--sidebar-text);background:#6366f114}.topic-item-expander.expanded svg{transform:rotate(90deg)}.topic-item-expander svg{transition:transform .18s ease}.topic-item-select{flex:1;min-width:0;display:flex;align-items:center;gap:6px;background:transparent;border:none;padding:10px 0 12px 10px;cursor:pointer;color:inherit;text-align:left;overflow:hidden}.topic-item-select.has-expander{padding-left:8px}.topic-item:hover{background:#6366f11f;transform:translate(4px)}.topic-item-active{background:linear-gradient(135deg,#6366f147,#0ea5e924);box-shadow:0 2px 12px #6366f133;border-color:#818cf859}.topic-item-active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:var(--radius-sm) 0 0 var(--radius-sm);background:linear-gradient(180deg,#818cf8,#6366f1)}.topic-item-name{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;letter-spacing:-.01em;color:var(--sidebar-text-2);transition:color .18s ease,font-weight .18s ease}.topic-item:hover .topic-item-name{color:var(--sidebar-text)}.topic-item-active .topic-item-name{color:var(--accent-dark);font-weight:700}:root[color-scheme=dark] .topic-item-active .topic-item-name{color:#c7d2fe}.topic-count{flex-shrink:0;min-width:28px;height:24px;padding:0 6px;border-radius:999px;background:var(--sidebar-subtle);color:var(--sidebar-text-2);font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.01em;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .18s ease,color .18s ease}.topic-item:hover .topic-count{background:#6366f11f;color:var(--accent-dark);transform:scale(1.08)}.topic-item-active .topic-count{background:var(--accent);color:#fff}.topic-item-pct{flex-shrink:0;font-size:.66rem;font-weight:700;color:var(--sidebar-text-2);opacity:.7;width:28px;text-align:right;transition:color .18s ease,opacity .18s ease}.topic-item:hover .topic-item-pct{color:var(--sidebar-text);opacity:.92}.topic-item-active .topic-item-pct{color:var(--accent-dark);opacity:1}:root[color-scheme=dark] .topic-item-active .topic-item-pct{color:#c7d2fe}.topic-subtopics-scroll{max-height:min(260px,35vh);overflow-y:auto;overflow-x:hidden;margin:2px 0 6px;padding-right:2px;scrollbar-width:thin;scrollbar-color:var(--sidebar-border) transparent}.topic-subtopics-scroll[data-level="1"]{border-left:1px solid var(--sidebar-border);margin-left:18px}.topic-subtopics-scroll::-webkit-scrollbar{width:3px}.topic-subtopics-scroll::-webkit-scrollbar-thumb{background:var(--sidebar-border);border-radius:999px}.topic-progress-bar{position:absolute;bottom:0;left:calc(var(--topic-indent, 0px) + 38px);right:12px;height:2px;background:#818cf826;border-radius:0 0 var(--radius-sm) var(--radius-sm);overflow:hidden;pointer-events:none}.topic-progress-fill{display:block;height:100%;background:linear-gradient(90deg,#818cf8,#6366f1);background-size:1000px 100%;border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1);animation:progress-shimmer 3s ease-in-out infinite}.topic-item-active .topic-progress-bar{background:#818cf840}.topic-item-active .topic-progress-fill{background:linear-gradient(90deg,#6366f1,#4f46e5)}.sidebar-footer{flex-shrink:0;border-top:1px solid var(--sidebar-divider);padding:0;background:var(--sidebar-bg);position:relative;z-index:10}.sidebar-add-topic-btn{width:100%;background:transparent;border:none;padding:11px 20px;cursor:pointer;color:var(--sidebar-text-2);font-size:.82rem;font-weight:500;text-align:left;transition:color .12s,background .12s;display:flex;align-items:center;gap:6px}.sidebar-add-topic-btn:hover{background:var(--sidebar-subtle);color:var(--sidebar-text)}.sidebar-footer-actions-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--sidebar-divider)}.sidebar-footer-btn{background:transparent;border:none;min-height:48px;padding:9px 6px 7px;cursor:pointer;color:var(--sidebar-text-2);font-size:.68rem;font-weight:600;transition:color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative}.sidebar-footer-btn:hover{background:var(--sidebar-subtle);color:var(--sidebar-text)}.sidebar-footer-btn:disabled{cursor:not-allowed;opacity:.45}.sidebar-footer-actions-grid>*+*{border-left:1px solid var(--sidebar-divider)}.sidebar-footer-btn-icon{opacity:.82;flex-shrink:0;transition:opacity .16s ease,transform .16s ease}.sidebar-footer-btn:hover .sidebar-footer-btn-icon,.sidebar-footer-btn:focus-visible .sidebar-footer-btn-icon{opacity:1;transform:scale(1.08)}.sidebar-footer-btn-label{line-height:1}.sidebar-footer-btn-primary.is-active{color:var(--accent-dark);background:linear-gradient(180deg,#6366f11f,#4f46e514);box-shadow:inset 0 0 0 1px #6366f133}:root[color-scheme=dark] .sidebar-footer-btn-primary.is-active{color:#c7d2fe;background:linear-gradient(180deg,#6366f138,#4f46e529);box-shadow:inset 0 0 0 1px #818cf847}.sidebar-footer-btn-secondary{color:var(--sidebar-text-2)}.sidebar-footer-btn:focus-visible,.topic-item-select:focus-visible,.sidebar-smart-review-btn:focus-visible,.sidebar-collapse-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #0f172af2,0 0 0 4px #818cf86b}.sidebar-new-topic-wrap{padding:8px 12px}.sidebar-new-topic-form{display:flex;flex-direction:column;gap:6px;align-items:stretch}.sidebar-new-topic-parent-wrap{position:relative;width:100%;min-width:0;display:block;box-sizing:border-box}.sidebar-new-topic-parent{display:block;width:100%;min-width:0;height:32px;background:var(--sidebar-subtle);border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);color:var(--sidebar-text);padding:0 34px 0 10px;font-size:.82rem;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;box-sizing:border-box}.sidebar-new-topic-parent:focus{outline:none;border-color:var(--accent)}.sidebar-new-topic-parent-chevron{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;color:var(--sidebar-text-2);pointer-events:none;opacity:.9}.sidebar-new-topic-row{width:100%;display:flex;gap:4px;align-items:center}.sidebar-new-topic-input{flex:1;min-width:0;height:32px;background:var(--sidebar-subtle);border:1px solid var(--sidebar-border);border-radius:var(--radius-sm);color:var(--sidebar-text);padding:0 10px;font-size:.82rem}.sidebar-new-topic-input:focus{outline:none;border-color:var(--accent)}.sidebar-new-topic-save{height:32px;padding:0 10px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap}.sidebar-new-topic-save:disabled{opacity:.5;cursor:not-allowed}.sidebar-new-topic-cancel{height:32px;width:32px;background:transparent;border:none;cursor:pointer;color:var(--sidebar-text-2);display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0}.sidebar-new-topic-cancel:hover{color:var(--sidebar-text)}.sidebar-new-topic-error{font-size:.75rem;color:#f87171;margin-top:4px;padding:0 2px}.topic-tooltip{position:fixed;transform:translateY(-50%);background:#1e293b;color:#f1f5f9;font-size:.82rem;font-weight:500;padding:7px 12px;border-radius:8px;max-width:260px;word-break:break-word;line-height:1.4;pointer-events:none;z-index:9999;box-shadow:0 4px 16px #00000059;animation:tooltip-in .1s ease}@keyframes tooltip-in{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.fab-hidden{opacity:0;pointer-events:none;transform:scale(.8)}@media(max-width:860px){.sidebar-search-desktop{display:none}.sidebar-search-toggle,.sidebar-search-mobile-row{display:flex}.desktop-sidebar-resizer{display:none}.topic-item{margin:6px 0}.topic-item-select{padding:12px 0 14px 10px}.topic-count{min-width:32px;height:28px;font-size:.78rem}}.sidebar-util-icon{font-size:.74rem;line-height:1}.sidebar-util-label{font-size:.64rem}.sidebar-collapse-btn{position:absolute;top:50%;right:6px;z-index:25;width:22px;height:72px;background:linear-gradient(180deg,#334155fa,#0f172afa);border:1px solid rgba(148,163,184,.26);border-left-color:#a5b4fc85;border-radius:14px;padding:0;cursor:pointer;color:#dbeafe;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 14px 30px #02061757;transform:translateY(-50%);transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.sidebar-collapse-btn:hover{color:var(--sidebar-text);background:linear-gradient(180deg,#475569fa,#1e293bfa);border-color:#818cf88f;transform:translateY(-50%) scale(1.03);box-shadow:0 16px 34px #0206176b}.sidebar-collapse-btn svg{width:16px;height:16px;stroke-width:2.25}.topic-item-icon{display:none;width:30px;height:30px;border-radius:8px;background:var(--sidebar-subtle);align-items:center;justify-content:center;font-size:.78rem;font-weight:700;color:var(--sidebar-text);text-transform:uppercase;flex-shrink:0;transition:background .12s}.sidebar-collapsed .sidebar-collapse-btn{right:6px;justify-content:center;padding:0}.sidebar-collapsed .sidebar-counts,.sidebar-collapsed .sidebar-search-wrap{display:none}.sidebar-collapsed .sidebar-smart-review-wrap{padding:6px 8px 4px}.sidebar-collapsed .sidebar-smart-review-btn{min-height:44px;padding:10px 0;justify-content:center;gap:0;border-radius:12px;background:#facc151f}.sidebar-collapsed .sidebar-smart-review-btn:hover,.sidebar-collapsed .sidebar-smart-review-btn:focus-visible{transform:none;background:linear-gradient(135deg,#facc152e,#6366f129);box-shadow:0 8px 18px #080f2257}.sidebar-collapsed .sidebar-smart-review-text,.sidebar-collapsed .sidebar-smart-review-count,.sidebar-collapsed .sidebar-smart-review-bar{display:none}.sidebar-collapsed .sidebar-topic-list{padding:6px 8px 12px}.sidebar-collapsed .sidebar-group-header,.sidebar-collapsed .sidebar-group-meta,.sidebar-collapsed .sidebar-continue,.sidebar-collapsed .sidebar-empty,.sidebar-collapsed .topic-subtopics-scroll{display:none}.sidebar-collapsed .topic-item{padding-left:0!important;justify-content:center;margin:0 0 6px}.sidebar-collapsed .topic-item-expander,.sidebar-collapsed .topic-item-expander-spacer{display:none}.sidebar-collapsed .topic-item-select{width:100%;min-height:44px;padding:5px!important;flex:none;justify-content:center;border-radius:12px}.sidebar-collapsed .topic-item:hover,.sidebar-collapsed .topic-item:focus-within{transform:none;background:transparent}.sidebar-collapsed .topic-item-select:hover,.sidebar-collapsed .topic-item-select:focus-visible{background:linear-gradient(180deg,#ffffff14,#6366f11a)}.sidebar-collapsed .topic-item-icon{display:flex;width:34px;height:34px;border-radius:10px;font-size:.86rem;box-shadow:inset 0 0 0 1px var(--sidebar-border)}.sidebar-collapsed .topic-item-name,.sidebar-collapsed .topic-item-pct,.sidebar-collapsed .topic-count{display:none}.sidebar-collapsed .topic-item-actions{display:none!important}.sidebar-collapsed .topic-progress-bar{display:none}.sidebar-collapsed .topic-item-active .topic-item-icon{background:linear-gradient(180deg,#6366f173,#4f46e557);color:#e0e7ff;box-shadow:0 0 0 1px #818cf861,0 10px 18px #312e8147}.sidebar-collapsed .sidebar-add-topic-btn,.sidebar-collapsed .sidebar-add-topic-text{display:none}.sidebar-collapsed .sidebar-footer-actions-grid{grid-template-columns:1fr 1fr;gap:8px;padding:10px 8px 12px;border-top:1px solid rgba(255,255,255,.06)}.sidebar-collapsed .sidebar-secondary-action-btn,.sidebar-collapsed .sidebar-util-label{display:none}.sidebar-collapsed .sidebar-util-btn{padding:8px 4px}.sidebar-collapsed .sidebar-footer-actions-grid>*+*{border-left:none}.sidebar-collapsed .sidebar-footer-btn{min-height:44px;padding:0;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.sidebar-collapsed .sidebar-footer-btn:hover,.sidebar-collapsed .sidebar-footer-btn:focus-visible{transform:translateY(-1px);background:#6366f11f;border-color:#818cf83d}.sidebar-collapsed .sidebar-footer-btn.is-active{background:linear-gradient(180deg,#6366f138,#4f46e52e);color:#e0e7ff;border-color:#818cf85c}.sidebar-collapsed .sidebar-footer-btn-icon{width:18px;height:18px}.sidebar-collapsed .sidebar-footer-btn-label{display:none}.sidebar-collapsed .sidebar-footer-btn-primary{background:#6366f114}.sidebar-collapsed .sidebar-footer-btn-secondary{background:#ffffff08}.sidebar-collapsed [data-sidebar-tooltip]{position:relative}.sidebar-collapsed [data-sidebar-tooltip]:after,.sidebar-collapsed [data-sidebar-tooltip]:before{position:absolute;left:calc(100% + 10px);top:50%;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease}.sidebar-collapsed [data-sidebar-tooltip]:after{content:attr(data-sidebar-tooltip);transform:translate(-4px,-50%);background:#0f172af5;color:#f8fafc;padding:7px 10px;border-radius:10px;font-size:.78rem;font-weight:600;white-space:nowrap;box-shadow:0 14px 32px #02061757;z-index:30}.sidebar-collapsed [data-sidebar-tooltip]:before{content:"";transform:translate(-1px,-50%);border-width:6px 6px 6px 0;border-style:solid;border-color:transparent rgba(15,23,42,.96) transparent transparent;z-index:29}.sidebar-collapsed [data-sidebar-tooltip]:hover:after,.sidebar-collapsed [data-sidebar-tooltip]:hover:before,.sidebar-collapsed [data-sidebar-tooltip]:focus-visible:after,.sidebar-collapsed [data-sidebar-tooltip]:focus-visible:before{opacity:1}.sidebar-collapsed [data-sidebar-tooltip]:hover:after,.sidebar-collapsed [data-sidebar-tooltip]:focus-visible:after{transform:translateY(-50%)}.sidebar-collapsed [data-sidebar-tooltip]:hover:before,.sidebar-collapsed [data-sidebar-tooltip]:focus-visible:before{transform:translate(3px,-50%)}@media(prefers-reduced-motion:reduce){.sidebar-footer-btn,.sidebar-footer-btn-icon,.topic-item,.topic-item-select,.sidebar-collapsed [data-sidebar-tooltip]:after,.sidebar-collapsed [data-sidebar-tooltip]:before{transition:none}}.toolbar-card{display:flex;flex-direction:column;gap:6px;padding:1px 0;background:transparent;border:none;box-shadow:none;border-radius:0}.toolbar-search-row{display:flex;align-items:center;gap:10px}.toolbar-controls-row{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}.toolbar-range{font-size:.78rem;font-weight:600;color:var(--text-2);white-space:nowrap;flex-shrink:0}.toolbar-meta-row{display:flex;align-items:center;justify-content:flex-start;min-height:20px}.toolbar-control{width:100%;min-width:0;height:42px;padding:0 42px 0 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);font-size:.92rem;font-weight:600;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.toolbar-select-wrap{position:relative;min-width:0;flex:0 0 auto}.toolbar-control-sort{flex:0 0 190px}.toolbar-reset-btn{flex:0 0 auto}.toolbar-search-row-mobile,.toolbar-mobile-row,.toolbar-mobile-chip-row,.toolbar-mobile-select{display:none}.toolbar-search-toggle{display:inline-flex;flex:0 0 auto;width:42px;padding-inline:0;align-items:center;justify-content:center}.toolbar-search-toggle-active{background:var(--accent-light);border-color:#c7d2fe;color:var(--accent-dark)}.toolbar-search-close-btn{flex:0 0 auto;width:42px;padding-inline:0;display:inline-flex;align-items:center;justify-content:center}.toolbar-mobile-search-row{display:none}.toolbar-progress{display:flex;align-items:center;gap:10px;flex:1 1 280px;min-width:220px;margin-left:4px}.toolbar-reset-btn.is-inactive{opacity:.52}.toolbar-progress-copy{display:flex;flex-direction:column;gap:1px;min-width:88px;flex-shrink:0}.toolbar-progress-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.toolbar-progress-value{font-size:.82rem;font-weight:700;color:var(--text)}.toolbar-progress-bar{display:flex;align-items:stretch;flex:1;height:10px;overflow:hidden;border-radius:999px;background:var(--border);box-shadow:inset 0 1px 2px #0000000d}.toolbar-progress-seg{min-width:2px;height:100%;transition:width .25s ease}.toolbar-progress-seg.level-1{background:linear-gradient(90deg,#fecaca,#dc2626)}.toolbar-progress-seg.level-2{background:linear-gradient(90deg,#bfdbfe,#2563eb)}.toolbar-progress-seg.level-3{background:linear-gradient(90deg,#ddd6fe,#7c3aed)}.toolbar-progress-seg.level-4{background:linear-gradient(90deg,#a7f3d0,#059669)}.toolbar-progress-seg.level-5{background:linear-gradient(90deg,#e2e8f0,#94a3b8)}.search-input{width:100%;min-width:0;height:42px;border:1px solid rgba(99,102,241,.12);border-radius:12px;background:var(--surface);box-shadow:0 1px 4px #6366f10f;color:var(--text);padding:0 14px;font-size:.92rem;transition:border-color .15s,box-shadow .15s,background .15s}.search-input::placeholder{color:var(--text-3)}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11f;background:var(--surface)}.dropdown{position:relative;min-width:0;width:100%}.dropdown-trigger{width:100%;min-width:0;height:42px;border:1px solid rgba(99,102,241,.12);border-radius:12px;background:var(--surface);box-shadow:0 1px 4px #6366f10f;color:var(--text);padding:0 14px;font-size:.92rem;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.dropdown-trigger:hover{background:#f4f7fc}.dropdown-open .dropdown-trigger,.dropdown-trigger:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11f;background:var(--surface)}.dropdown-trigger-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.dropdown-trigger-icon{flex-shrink:0;color:var(--text-2);font-size:.9rem}.toolbar-sort-dropdown{position:relative}.toolbar-sort-trigger{padding-right:12px}.toolbar-sort-trigger-icon{transition:transform .18s ease,color .18s ease}.toolbar-sort-trigger-icon.is-open{transform:rotate(180deg);color:var(--accent-dark)}.toolbar-sort-menu{min-width:190px}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 10px 40px #00000026;padding:6px;max-height:300px;overflow-y:auto}.dropdown-option{width:100%;border:none;background:transparent;border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;color:var(--text);text-align:left;font-size:.9rem;font-weight:500}.dropdown-option:hover{background:#f4f7fc}.dropdown-option-active{background:var(--accent);color:#fff}.dropdown-option-label{min-width:0}.dropdown-check{flex-shrink:0;font-size:.84rem;font-weight:800}.btn{height:42px;padding:0 14px;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid transparent;white-space:nowrap;transition:background .15s,border-color .15s}.btn-ghost{background:var(--surface-2);border-color:var(--border);color:var(--text-2)}.btn-ghost:hover{background:var(--accent-light);color:var(--accent-dark);border-color:#c7d2fe}.results-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;color:var(--text-3);font-size:.85rem;line-height:1.35}.results-meta-topic{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-meta-item{display:inline-flex;align-items:baseline;gap:4px}.results-meta-item strong{color:var(--text-2)}.results-meta-separator{color:var(--text-3);opacity:.9}.toolbar-sheet{display:none}.toolbar-card{position:relative}.toolbar-filter-toggle{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.toolbar-filter-toggle-active{background:var(--accent-light);border-color:#c7d2fe;color:var(--accent-dark)}.toolbar-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:.72rem;font-weight:700;line-height:1}.toolbar-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:#0f172a47;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.toolbar-filter-panel{position:fixed;right:24px;top:50%;transform:translateY(-50%);z-index:40;max-height:80vh;width:420px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:0 20px 60px #0f172a2e}.toolbar-filter-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.toolbar-filter-panel-copy{display:flex;flex-direction:column;gap:2px}.toolbar-filter-panel-title{font-size:.96rem;font-weight:800;color:var(--text)}.toolbar-filter-panel-subtitle{font-size:.76rem;color:var(--text-3);font-weight:600}.toolbar-filter-panel-close{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center}.toolbar-filter-group{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.toolbar-filter-label{font-size:.78rem;font-weight:600;color:var(--text-3);min-width:90px;flex-shrink:0}.toolbar-chips{display:flex;flex-wrap:wrap;gap:5px}.toolbar-chip{height:30px;padding:0 12px;border-radius:15px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.toolbar-chip:hover{background:var(--accent-light);border-color:#c7d2fe;color:var(--accent-dark)}.toolbar-chip-active{background:var(--accent);border-color:var(--accent);color:#fff}.toolbar-chip-active:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.toolbar-filter-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}@media(max-width:1100px){.toolbar-controls-row{flex-wrap:wrap}.toolbar-progress{order:10;flex-basis:100%;margin-left:0}.toolbar-range{margin-left:auto}}.word-collection-layout,.word-collection-body{flex:1 1 0;min-height:0;display:flex;flex-direction:column}.word-collection-scroll{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden}.word-collection-empty-state{flex:1 1 auto;min-height:0}.pagination-bar{z-index:20;background:var(--bg);border-top:1px solid var(--border);padding:10px 0 12px;flex-shrink:0}.pagination-shell{width:100%;overflow:visible}.pagination{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:nowrap;margin:0 auto;padding:0 8px}.page-btn{min-width:32px;height:32px;padding:0 8px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s cubic-bezier(.34,1.56,.64,1),border-color .15s ease,color .15s ease,transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0}.page-btn:hover:not(:disabled){background:var(--accent-light);color:var(--accent-dark);border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 4px 12px #6366f126}.page-btn:active:not(:disabled){transform:translateY(0)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-btn-active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 4px 12px #6366f140}.page-btn-active:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.page-ellipsis{min-width:24px;text-align:center;color:var(--text-3);font-size:.88rem;font-weight:700;-webkit-user-select:none;user-select:none;flex-shrink:0}.page-nav{min-width:60px;font-size:.8rem}.page-size-dropdown{flex:0 0 110px;margin-left:8px;height:32px;padding:0 28px 0 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);font-size:.82rem;font-weight:600;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.pagination-mobile .page-size-dropdown{flex:0 0 80px;margin-left:0;height:34px;padding:0 22px 0 8px;border-radius:10px;font-size:.76rem}.pagination-mobile{display:none}.page-nav-mobile{min-width:44px;height:44px;font-size:1.1rem;border-radius:12px}.page-label{font-size:.88rem;font-weight:600;color:var(--text-2);white-space:nowrap}@media(max-width:860px){.pagination-desktop{display:none}.pagination-mobile{display:flex;justify-content:space-between;gap:8px}.page-nav-mobile{min-width:42px;height:42px;border-radius:12px}.page-label{flex:1;min-width:0;text-align:center;font-size:.84rem}}.level-dropdown-down{top:calc(100% + 6px);bottom:auto}.level-dropdown-up{top:auto;bottom:calc(100% + 6px)}.word-list-header{display:grid;grid-template-columns:22% 1fr 130px;align-items:center;padding:8px 20px 8px 21px;border-bottom:1px solid var(--border);background:var(--bg)}.word-list-header-cell{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}.word-list-header-knowledge{text-align:right}.word-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 2px 12px #6366f112,0 1px 3px #0f172a0f}:root[color-scheme=dark] .word-table-wrap{box-shadow:0 2px 12px #0000004d}:root[color-scheme=dark] .word-row:hover{filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}.word-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.word-table tbody tr:first-child td:first-child{border-top-left-radius:var(--radius-lg)}.word-table tbody tr:first-child td:last-child{border-top-right-radius:var(--radius-lg)}.word-table tbody tr:last-child td:first-child{border-bottom-left-radius:var(--radius-lg)}.word-table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--radius-lg)}.word-table td{padding:14px 20px;border-bottom:1px solid var(--border);vertical-align:middle;background:var(--surface);transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.word-row:hover td{background:var(--surface-2)}.word-row:last-child td{border-bottom:none}.word-row{position:relative;--level-color: #e5e7eb;transition:transform .2s cubic-bezier(.34,1.56,.64,1),filter .2s ease}.word-row:hover{transform:translateY(-3px);filter:drop-shadow(0 8px 24px rgba(99,102,241,.12));z-index:1}.word-row:active{transform:translateY(-1px)}.word-row td:first-child{box-shadow:inset 4px 0 0 var(--level-color)}.word-row:hover td:first-child,.word-row.word-row-panel-active td:first-child{box-shadow:inset 6px 0 0 var(--level-color)}.word-row.level-unset{--level-color: #cbd5e1}.word-row.level-1{--level-color: #dc2626}.word-row.level-2{--level-color: #2563eb}.word-row.level-3{--level-color: #7c3aed}.word-row.level-4{--level-color: #059669}.word-row.level-5{--level-color: #cbd5e1}.word-row.level-5 td:first-child{box-shadow:none;border-left:4px dashed #cbd5e1}.word-row.level-5:hover td:first-child,.word-row.level-5.word-row-panel-active td:first-child{border-left-width:6px}.word-row.level-5{opacity:.65}.word-cell-word{width:22%}.word-cell-details{width:auto;overflow:hidden}.word-cell-knowledge{width:130px}.word-level-wrap{position:relative;display:flex;align-items:center;gap:6px}.word-table-expand-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--border);border-radius:4px;background:none;cursor:pointer;color:var(--text-3);flex-shrink:0}.word-table-expand-btn:hover{background:var(--surface-2, #f1f5f9);color:var(--text)}.word-row-detail td{padding:0}.word-row-expand-body{overflow:hidden;max-height:0;transition:max-height .26s ease-out}.word-row-expand-body.is-open{max-height:400px}.word-row-expand-content{padding:0 16px 12px}.word-term{display:block;font-size:1rem;font-weight:650;letter-spacing:-.01em;color:var(--text);margin:0;line-height:1.3}@media(max-width:480px){.word-term{font-size:.95rem}}.word-term-link{color:var(--text);cursor:pointer}.word-term-link:hover{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.card{border-radius:12px;border:none;box-shadow:0 1px 3px #00000014;padding:10px 12px;margin-bottom:6px;gap:4px;transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:0 4px 12px #6366f11a;transform:translateY(-2px)}@media(max-width:480px){.card{border-radius:10px;padding:10px;margin-bottom:4px}}.word-chips{display:flex;flex-wrap:wrap;gap:4px;order:2;margin-bottom:4px;padding-bottom:2px;border-bottom:none}.chip{display:inline-flex;align-items:center;min-height:16px;padding:1px 6px;border-radius:4px;background:#dbeafe;color:#1e40af;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:none}:root[color-scheme=dark] .chip{background:#1e3a8a;color:#93c5fd}.chip-cefr-a{background:#059669;color:#fff;border-color:#059669}.chip-cefr-b1{background:#2563eb;color:#fff;border-color:#2563eb}.chip-cefr-b2{background:#7c3aed;color:#fff;border-color:#7c3aed}.chip-cefr-c1{background:#d97706;color:#fff;border-color:#d97706}.chip-cefr-c2{background:#dc2626;color:#fff;border-color:#dc2626}.chip-register{background:transparent;border:1px dashed var(--text-3);color:var(--text-3);font-style:italic}.word-definition-line{font-size:.82rem;color:#475569;line-height:1.4;margin-top:0;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:normal;transition:color .2s ease,opacity .2s ease;order:3}:root[color-scheme=dark] .word-definition-line{color:#cbd5e1}.word-preview-line{display:flex;align-items:baseline;gap:5px;margin-top:3px;margin-bottom:0;font-size:.82rem;color:#475569;line-height:1.4;transition:color .2s ease,opacity .2s ease;order:4}:root[color-scheme=dark] .word-preview-line{color:#cbd5e1}.word-preview-label{font-weight:600;color:#6366f1;flex-shrink:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}:root[color-scheme=dark] .word-preview-label{color:#818cf8}.word-preview-text{color:#475569;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .2s ease,opacity .2s ease}:root[color-scheme=dark] .word-preview-text{color:#cbd5e1}.word-translation{transition:color .2s ease,opacity .2s ease}.word-row:hover .word-translation,.word-row:hover .word-definition-line,.word-row:hover .word-preview-line,.word-row:hover .word-preview-text,.word-card:hover .word-translation,.word-card:hover .word-definition-line,.word-card:hover .word-preview-line,.word-card:hover .word-preview-text{color:var(--text)}.word-card-body-tap{cursor:pointer;border-radius:0;margin:0;padding:0;transition:background .1s;display:flex;flex-direction:column;gap:2px}.word-card-body-tap:hover{background:transparent}.word-card-expand-btn{display:inline-flex;align-items:center;justify-content:center;margin:0;background:transparent;border:none;padding:2px 4px;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:700;color:var(--text-3);transition:color .15s,background .15s;align-self:flex-end;width:18px;height:18px}.word-card-expand-btn:hover{color:var(--accent);background:var(--accent-light)}.word-extra{font-size:.8rem;color:var(--text-3);margin-top:3px;line-height:1.4}.word-extra strong{color:var(--text-2);font-weight:600}.word-extra-examples{margin:4px 0 0 1.2em;padding:0;list-style:decimal}.word-extra-examples li{margin-bottom:2px}.level-badge{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:.75rem;font-weight:700;border:1px solid transparent}.level-badge-btn{gap:4px;cursor:pointer;background:#e0e7ff;color:#4f46e5;white-space:nowrap;transition:background .12s,color .12s;border:none;padding:2px 8px;font-size:.72rem;font-weight:600;height:24px;width:auto;min-width:36px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.level-badge-btn:disabled{opacity:.5;cursor:not-allowed}.level-badge-btn:not(:disabled):hover{background:#c7d2fe;color:#312e81}.level-badge-btn.level-unset{background:#f1f5f9;color:#64748b}.level-badge-btn.level-1{background:#fee2e2;color:#b91c1c}.level-badge-btn.level-2{background:#dbeafe;color:#1d4ed8}.level-badge-btn.level-3{background:#ede9fe;color:#6d28d9}.level-badge-btn.level-4{background:#d1fae5;color:#047857}.level-badge-btn.level-5{background:#f1f5f9;color:#64748b;opacity:.7}.level-badge-btn svg{width:8px;height:8px;margin-left:3px}:root[color-scheme=dark] .level-badge-btn{background:#312e81;color:#c7d2fe}:root[color-scheme=dark] .level-badge-btn:not(:disabled):hover{background:#4c1d95;color:#e0e7ff}:root[color-scheme=dark] .level-badge-btn.level-1{background:#450a0a;color:#fca5a5}:root[color-scheme=dark] .level-badge-btn.level-2{background:#1e3a5f;color:#93c5fd}:root[color-scheme=dark] .level-badge-btn.level-3{background:#2e1065;color:#c4b5fd}:root[color-scheme=dark] .level-badge-btn.level-4{background:#052e16;color:#6ee7b7}.level-badge-wrap{position:relative;display:inline-flex}.level-badge-tip{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%) translateY(4px);background:#1e293b;color:#f1f5f9;font-size:.7rem;font-weight:500;line-height:1.4;padding:5px 9px;border-radius:7px;white-space:nowrap;pointer-events:none;z-index:60;opacity:0;transition:opacity .15s,transform .15s;box-shadow:0 4px 12px #0000002e}.level-badge-tip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1e293b}.level-badge-wrap:hover .level-badge-tip{opacity:1;transform:translate(-50%) translateY(0)}.word-card-level-wrap{position:relative;flex-shrink:0;order:3;align-self:center;margin-top:0;margin-left:0}.level-dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.level-dropdown{position:absolute;right:0;z-index:41;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:5px;min-width:150px;display:flex;flex-direction:column;gap:2px}.level-dropdown-option{display:flex;align-items:center;gap:8px;width:100%;border:none;background:transparent;border-radius:9px;padding:8px 10px;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--text);text-align:left;transition:background .1s}.level-dropdown-option:hover{background:var(--surface-2)}.level-dropdown-option-active{font-weight:700}.level-dropdown-num{width:18px;height:18px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800;background:currentColor;flex-shrink:0}.level-dropdown-num{color:inherit}.level-dropdown-option .level-dropdown-num{background:#00000014}.level-dropdown-check{margin-left:auto;flex-shrink:0}.level-switcher{display:flex;gap:5px;margin-top:8px}.level-switcher-md{gap:6px}.level-switcher-md .level-btn{width:36px;height:36px;font-size:.88rem}.level-btn{width:30px;height:30px;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);cursor:pointer;font-size:.82rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .12s}.level-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.level-btn:disabled{opacity:.45;cursor:not-allowed}.level-btn-active{border-color:currentColor!important}.word-card-list{display:none}.word-card{background:var(--surface);border:1px solid rgba(99,102,241,.08);border-radius:12px;padding:10px 12px 9px;box-shadow:0 1px 2px #0000000d;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,background .2s ease,border-color .2s ease;position:relative}.word-card.level-unset,.word-card.level-1,.word-card.level-2,.word-card.level-3,.word-card.level-4{background:var(--surface)}.word-card.level-5{background:var(--surface);opacity:.75}.word-card+.word-card{margin-top:6px}.word-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f11f;border-color:#6366f11f}.word-card:active{transform:translateY(-1px)}.word-card-header{display:flex;gap:6px;margin-bottom:2px;padding-bottom:0;align-items:center;justify-content:space-between}.word-card .word-term{min-width:0;font-size:1.28rem;font-weight:650;line-height:1.16;margin:0 0 3px;color:#0f172a;flex:1;letter-spacing:-.02em;order:1}:root[color-scheme=dark] .word-card .word-term{color:#f8fafc}.word-translation-focus{margin-top:0;margin-bottom:0;padding:0;font-size:.94rem;line-height:1.3;color:#6366f1;font-weight:600;font-style:italic;font-family:inherit;border-bottom:none;letter-spacing:-.005em;transition:color .2s}:root[color-scheme=dark] .word-translation-focus{color:#a5b4fc;font-weight:600}.word-card:hover .word-translation-focus{color:#4f46e5}:root[color-scheme=dark] .word-card:hover .word-translation-focus{color:#c7d2fe}.word-card .word-translation{margin-top:0;margin-bottom:4px;padding-bottom:0;font-size:.86rem;line-height:1.24;color:#64748b;font-weight:600;font-style:normal;font-family:inherit;border-bottom:none;letter-spacing:-.005em}:root[color-scheme=dark] .word-card .word-translation{color:#94a3b8;font-weight:600}.word-card-extras{margin-top:6px;padding-top:6px;border-top:1px solid rgba(99,102,241,.1);display:flex;flex-direction:column;gap:4px}.word-summary-row{display:flex;align-items:center;gap:10px;min-width:0}.word-summary-main{flex:1;min-width:0}.word-summary-badges{display:flex;gap:4px;flex-shrink:0;align-items:center}.header-badge{display:inline-flex;align-items:center;justify-content:center;height:22px;min-width:38px;padding:0 8px;border-radius:5px;font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;flex-shrink:0}.header-badge-cefr{background:#eef2ff;color:#4f46e5}:root[color-scheme=dark] .header-badge-cefr{background:#312e81;color:#c7d2fe}.header-badge-pos{background:#dcfce7;color:#15803d}:root[color-scheme=dark] .header-badge-pos{background:#166534;color:#86efac}.word-card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:4px;min-height:16px}.word-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:3px;min-width:0}.word-card-meta-chip{display:inline-flex;align-items:center;min-height:14px;padding:0 4px;border-radius:3px;background:#e2e8f0;color:#64748b;font-size:.55rem;font-weight:700;line-height:1;letter-spacing:.02em;text-transform:uppercase}.word-card-meta-chip.is-cefr{background:#eef2ff;color:#4f46e5}:root[color-scheme=dark] .word-card-meta-chip{background:#475569;color:#cbd5e1}:root[color-scheme=dark] .word-card-meta-chip.is-cefr{background:#312e81;color:#c7d2fe}.word-card-body{display:none}@media(max-width:860px){.word-card{padding:8px 10px 7px;border-radius:10px}.word-card-header{align-items:center;gap:8px}.word-card-level-wrap{flex-shrink:0;margin-left:auto}.word-card .level-badge-btn{min-height:23px;height:23px;padding:0 7px;border-radius:6px;font-size:.64rem;font-weight:600;background:#eef2ff;color:#4f46e5;border:none}.word-card-body-tap{display:block;margin-top:0;padding:0}.word-card .word-chips{display:none}.word-card .chip{min-height:15px;font-size:.6rem;padding:1px 5px;border-radius:5px;opacity:.72}.word-card .chip:nth-child(n+3){display:none}.word-card .word-definition-line,.word-card .word-preview-line{display:none}.word-card-expand-btn{min-height:auto;margin-top:0;margin-left:auto;font-size:.72rem;color:#6366f1;padding:0;flex-shrink:0}.word-card-expand-btn.is-expanded{color:var(--accent-dark)}.word-card-expand-btn svg{transition:transform .2s ease}.word-card-expand-btn.is-expanded svg{transform:rotate(180deg)}}@media(max-width:480px){.word-card{padding:8px 10px 6px;border-radius:10px;gap:2px}.word-card+.word-card{margin-top:4px}.word-card .word-term{font-size:1.12rem;font-weight:800}.word-translation-focus{font-size:.88rem;font-weight:600}.word-card .word-translation{margin-top:0;margin-bottom:2px;font-size:.82rem;font-weight:600}.word-card .word-chips{display:none}.word-card-header-badges{gap:3px}.header-badge{height:18px;min-width:32px;padding:0 5px;font-size:.58rem}.word-card-footer{margin-top:4px}.word-card-meta-chip{min-height:13px;padding:0 3px;font-size:.54rem}.word-card-expand-btn{width:16px;height:16px;font-size:.7rem}.word-card .word-definition-line,.word-card .word-preview-line,.word-card .word-preview-text{font-size:.78rem}}.smart-review-progress{display:flex;flex-direction:column;gap:6px;margin-top:8px}.smart-review-stage-card{background:linear-gradient(145deg,#eef2fff2,#f0f9fffa);border-color:#818cf82e;box-shadow:0 14px 32px #6366f114,var(--shadow-sm)}.smart-review-stage-copy{display:flex;flex-direction:column;gap:6px}.smart-review-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.smart-review-status-pill{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:#6366f11f;color:var(--accent);border:1px solid rgba(99,102,241,.14);font-size:.72rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.smart-review-status-pill.is-complete{background:#10b9811f;color:#047857;border-color:#10b9812e}.smart-review-progress-bar{height:5px;background:#6366f11a;border-radius:999px;overflow:hidden}.smart-review-progress-fill{height:100%;background:linear-gradient(90deg,#818cf8,#6366f1,#4f46e5);border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1)}.smart-review-subtitle{font-size:.8rem;color:var(--text-2);margin-top:3px;max-width:52ch}.daily-mix-subtitle{font-size:.72rem;font-weight:500;color:var(--text-3);margin-left:6px;letter-spacing:.01em}.smart-review-progress-footer,.study-progress-container{display:flex;align-items:center;justify-content:space-between;gap:12px}.study-progress-text{font-size:.78rem;font-weight:700;color:var(--text-3)}.smart-review-progress-percent{color:var(--accent)}.smart-review-progress-label{font-size:.78rem;color:var(--text-2);font-weight:600}.smart-review-refresh-btn{background:linear-gradient(135deg,#eff6ff,#eef2ff);border:1px solid rgba(99,102,241,.14);border-radius:10px;padding:7px 12px;font-size:.76rem;font-weight:700;color:var(--accent-dark);cursor:pointer;white-space:nowrap;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .18s ease,color .18s ease,box-shadow .18s ease,border-color .18s ease;flex-shrink:0}.smart-review-refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#e0e7ff,#eef2ff);color:var(--accent-dark);border-color:#6366f142;box-shadow:0 8px 20px #6366f124;transform:translateY(-2px)}.smart-review-refresh-btn:active:not(:disabled){transform:translateY(0)}.smart-review-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-bar{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:12px;padding:12px 24px;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 16px #00000014}.bulk-bar-count{font-size:.85rem;font-weight:700;color:var(--text);white-space:nowrap}.bulk-bar select{padding:6px 10px;border:1px solid var(--border);border-radius:8px;font-size:.82rem;background:var(--surface);color:var(--text)}.bulk-bar .btn{font-size:.82rem}.bulk-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.word-cell-checkbox{width:40px;text-align:center}.topic-chip{display:inline-flex;align-items:center;padding:1px 7px;border-radius:999px;background:var(--accent-light, #e0e7ff);color:var(--accent-dark, #3730a3);font-size:.65rem;font-weight:600;white-space:nowrap}.all-words-page{max-width:960px;margin:0 auto;padding:24px 16px 80px}.all-words-page h1{font-size:1.4rem;font-weight:800;margin-bottom:16px}.all-words-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;align-items:center}.all-words-toolbar .search-input{flex:1;min-width:200px}.all-words-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:.85rem}.all-words-pagination button:disabled{opacity:.4;cursor:not-allowed}.word-page{flex:1;min-width:0;overflow:hidden;background:var(--bg);display:flex;flex-direction:column;padding:0;height:100%}.word-page-inner{max-width:700px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:16px;padding:16px 28px 36px;flex:1;overflow-y:auto;min-height:0}.word-page-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-2);font-size:.9rem}.word-page-hero-wrap{flex-shrink:0;padding:14px 28px 0;max-width:700px;width:100%;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}.word-page-topbar{display:flex;align-items:center;justify-content:space-between}.word-page-back-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;color:var(--text-2);font-size:.85rem;font-weight:500;cursor:pointer;padding:0;transition:color .12s}.word-page-back-btn:hover{color:var(--text)}.word-page-edit-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-2);font-size:.8rem;font-weight:600;padding:5px 12px;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.word-page-edit-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.word-page-hero{border:1px solid transparent;background:linear-gradient(145deg,#f8fafc,#fff 64%) padding-box,linear-gradient(135deg,#6366f124,#0ea5e924) border-box;border-radius:var(--radius-lg);padding:20px 22px 18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px}.word-page-hero.level-unset{background:linear-gradient(145deg,#f8fafc,#fff 64%) padding-box,linear-gradient(135deg,#94a3b829,#6366f11a) border-box}.word-page-hero.level-1{background:linear-gradient(145deg,#fef2f2,#fff 58%) padding-box,linear-gradient(135deg,#fecaca,#dc2626) border-box}.word-page-hero.level-2{background:linear-gradient(145deg,#eff6ff,#fff 58%) padding-box,linear-gradient(135deg,#bfdbfe,#2563eb) border-box}.word-page-hero.level-3{background:linear-gradient(145deg,#f5f3ff,#fff 58%) padding-box,linear-gradient(135deg,#ddd6fe,#7c3aed) border-box}.word-page-hero.level-4{background:linear-gradient(145deg,#ecfdf5,#fff 58%) padding-box,linear-gradient(135deg,#a7f3d0,#059669) border-box}.word-page-hero.level-5{background:linear-gradient(145deg,#f8fafc,#fff 58%) padding-box,linear-gradient(135deg,#cbd5e1,#64748b) border-box}.word-page-hero-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.word-page-hero-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.word-page-pos-chip,.word-page-level-chip,.word-page-topic-chip{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.word-page-pos-chip{background:#6366f11a;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.word-page-level-chip{background:#ffffffdb;color:var(--text-2);border:1px solid rgba(148,163,184,.22)}.word-page-topic-chip{background:#0f172a0d;color:var(--text-3)}.word-page-pronounce-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(148,163,184,.28);background:#fffc;color:var(--text-2);font-size:.74rem;font-weight:700;cursor:pointer;transition:border-color .12s,background .12s,color .12s,box-shadow .12s}.word-page-pronounce-btn:hover:not(:disabled){border-color:#6366f166;background:var(--accent-light);color:var(--accent);box-shadow:0 0 0 3px #6366f11a}.word-page-pronounce-btn:disabled{opacity:.45;cursor:not-allowed}.word-page-term{font-size:clamp(2.4rem,5vw,3rem);font-weight:800;color:var(--text);letter-spacing:-.04em;line-height:1.05;margin:0}.word-page-hero-translation{font-size:1.05rem;color:var(--text-2);font-style:italic;line-height:1.5;margin:2px 0 0}.word-page-view{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.word-page-view-row{display:grid;grid-template-columns:126px 1fr;gap:12px;padding:13px 22px;border-bottom:1px solid var(--border);align-items:baseline;transition:background .1s}.word-page-view-row:hover{background:#00000004}.word-page-view-row:last-child{border-bottom:none}.word-page-view-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);flex-shrink:0;padding-top:2px}.word-page-view-value{font-size:.93rem;color:var(--text);line-height:1.58}.word-page-examples-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.word-page-examples-list li{position:relative;padding-left:14px;font-size:.9rem;font-style:italic;color:var(--text-2);line-height:1.65;border-left:2px solid rgba(99,102,241,.25)}.word-page-view-timestamps{display:flex;align-items:center;gap:6px;padding:10px 22px;font-size:.72rem;color:var(--text-3);border-top:1px solid var(--border)}.word-page-view-timestamps-sep{opacity:.5}.word-page-edit-form .dropdown-menu{max-height:260px;overflow-y:auto}.word-page-edit-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:14px}.wp-enrich-row{display:flex;justify-content:flex-end}.wp-btn-enrich{padding:6px 14px;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .12s}.wp-btn-enrich:hover:not(:disabled){opacity:.88}.wp-btn-enrich:disabled{opacity:.5;cursor:not-allowed}.wp-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wp-field{display:flex;flex-direction:column;gap:5px}.wp-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.wp-input{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:.92rem;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.wp-input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px #6366f126,inset 0 0 0 1px #6366f114}.wp-textarea{resize:vertical;min-height:80px}.wp-topic-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.78rem;color:var(--text-2)}.wp-topic-clear{border:none;background:transparent;color:var(--accent);font-size:.78rem;font-weight:600;cursor:pointer;padding:0}.wp-topic-clear:disabled{color:var(--text-3);cursor:not-allowed}.wp-topic-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;background:var(--surface-2)}.wp-topic-option{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--radius-sm);font-size:.9rem;color:var(--text);cursor:pointer}.wp-topic-option:hover{background:#00000008}.wp-topic-option.is-selected{background:#0ea5e914}.wp-topic-option input{margin:0;flex-shrink:0}.wp-topic-empty{padding:8px;font-size:.88rem;color:var(--text-2)}.word-page-edit-actions{flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding:10px 28px;border-top:1px solid var(--border);background:var(--surface)}.word-page-edit-form .btn{min-height:36px}.word-page-edit-actions-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.wp-save-error{font-size:.82rem;font-weight:500;color:#c81e1e;background:#fef2f2;border-radius:var(--radius-sm);padding:7px 12px}.word-page-edit-actions-right{display:flex;align-items:center;gap:8px}.wp-btn-save{padding:7px 18px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .12s}.wp-btn-save:hover:not(:disabled){background:var(--accent-dark)}.wp-btn-save:disabled{opacity:.5;cursor:not-allowed}.wp-btn-cancel{padding:7px 14px;background:transparent;color:var(--text-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:color .12s,border-color .12s}.wp-btn-cancel:hover{color:var(--text);border-color:var(--text-3)}.wp-btn-delete{background:transparent;border:none;color:var(--text-3);font-size:.75rem;font-weight:400;cursor:pointer;padding:0;transition:color .12s;text-decoration:underline;text-underline-offset:2px;white-space:nowrap}.wp-btn-delete:hover{color:#dc2626}@media(max-width:860px){.wp-btn-delete{font-size:.68rem}}.word-term-link{cursor:pointer;transition:color .12s}.word-term-link:hover{color:var(--accent)}@media(max-width:860px){.word-page{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.word-page-hero-wrap{padding:8px 12px 0;gap:8px}.word-page-inner{padding:10px 12px 20px;gap:12px}.word-page-edit-actions{position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--surface);border-top:1px solid var(--border);padding:8px 12px;box-shadow:0 -1px 4px #0000001a}.word-page-edit-actions-row{flex-direction:row}.word-page-footer{position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--surface);border-top:1px solid var(--border);padding:10px 12px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -1px 4px #0000001a}.wp-btn-save,.wp-btn-cancel{padding:5px 10px;font-size:.78rem}.word-page-term{font-size:2.1rem}.word-page-hero{padding:16px 14px 15px;gap:10px;border-radius:20px}.word-page-pronunciation-row{align-items:flex-start;flex-direction:column;gap:10px}.word-page-pronunciation{font-size:.92rem}.word-page-view-row{grid-template-columns:1fr;padding:12px 14px;gap:4px;align-items:start}.word-page-view-label{font-size:.68rem}.word-page-view-value{font-size:.9rem}.word-page-edit-form,.wpv-section{padding:14px}.wpv-chip-row{gap:6px}.wpv-related-chip,.wpv-topic-chip{min-height:30px}}.word-detail-panel{width:390px;flex-shrink:0;border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;overflow:hidden;animation:slide-in-right .35s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes slide-in-right{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}.word-detail-panel.is-closing{animation:slide-out-right .25s ease forwards}@keyframes slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(24px);opacity:0}}.word-detail-panel-topbar{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--surface)}.wdp-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:none;background:transparent;color:var(--text-3);cursor:pointer;transition:background .12s,color .12s;flex-shrink:0;text-decoration:none}.wdp-icon-btn:hover{background:#0000000f;color:var(--text)}.wdp-nav{display:flex;align-items:center;gap:1px;margin-left:4px}.wdp-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:5px;border:none;background:transparent;color:var(--text-2);cursor:pointer;transition:background .12s,color .12s}.wdp-nav-btn:hover:not(:disabled){background:#0000000d;color:var(--text)}.wdp-nav-btn:disabled{opacity:.25;cursor:not-allowed}.wdp-nav-pos{font-size:.68rem;font-weight:600;color:var(--text-3);min-width:34px;text-align:center;letter-spacing:.01em}.wdp-kbd-hint{font-size:.6rem;color:var(--text-3);font-family:ui-monospace,monospace;opacity:.6;margin-left:4px;white-space:nowrap}.wdp-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.wdp-edit-btn{font-size:.72rem;font-weight:600;color:var(--text-2);background:transparent;border:1px solid var(--border);border-radius:6px;padding:3px 9px;min-height:24px;cursor:pointer;transition:color .12s,border-color .12s,background .12s;white-space:nowrap}.wdp-edit-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.wdp-hero{flex-shrink:0;padding:20px 22px 18px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:7px;transition:transform .22s ease,box-shadow .22s ease}.wdp-hero.level-unset{background:var(--surface)}.wdp-hero.level-1{background:linear-gradient(150deg,#fee2e2 0%,var(--surface) 68%)}.wdp-hero.level-2{background:linear-gradient(150deg,#dbeafe 0%,var(--surface) 68%)}.wdp-hero.level-3{background:linear-gradient(150deg,#ede9fe 0%,var(--surface) 68%)}.wdp-hero.level-4{background:linear-gradient(150deg,#d1fae5 0%,var(--surface) 68%)}.wdp-hero.level-5{background:var(--surface)}.wdp-hero-chips{display:flex;align-items:center;gap:5px;margin-bottom:2px}.wdp-chip{display:inline-flex;align-items:center;height:19px;padding:0 7px;border-radius:999px;font-size:.62rem;font-weight:700;letter-spacing:.03em;white-space:nowrap}.wdp-chip-pos{background:#6366f11a;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.wdp-chip-level{background:#0f172a0f;color:var(--text-2)}.wdp-speak-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;border:1px solid rgba(15,23,42,.1);background:#ffffffb3;color:var(--text-2);cursor:pointer;transition:color .12s,border-color .12s,background .12s,box-shadow .12s;margin-left:auto;flex-shrink:0}.wdp-speak-btn:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 3px #6366f11f}.wdp-speak-btn.is-speaking{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.wdp-speak-btn:disabled{opacity:.3;cursor:not-allowed}.wdp-term{font-size:1.75rem;font-weight:800;color:var(--text);letter-spacing:-.04em;line-height:1.1;margin:0}.wdp-term-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.wdp-ipa{font-size:.82rem;font-weight:500;color:var(--text-3);background:none;border:none;padding:0;cursor:pointer;font-family:inherit;transition:color .12s}.wdp-ipa:hover{color:var(--accent)}.wdp-translation{font-size:.94rem;color:var(--text-2);font-style:italic;line-height:1.45;margin:0}.wdp-definition{font-size:.82rem;color:var(--text-3);line-height:1.4;margin:2px 0 0}.wdp-chip-cefr-a{background:#059669;color:#fff}.wdp-chip-cefr-b1{background:#2563eb;color:#fff}.wdp-chip-cefr-b2{background:#7c3aed;color:#fff}.wdp-chip-cefr-c1{background:#d97706;color:#fff}.wdp-chip-cefr-c2{background:#dc2626;color:#fff}.wdp-body{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent;transition:opacity .25s ease}.wdp-body.is-loading{opacity:.6;pointer-events:none}.word-detail-content{flex:1;min-height:0;display:flex;flex-direction:column;transition:opacity .25s ease}.word-detail-content.is-loading{opacity:.75}.word-detail-section{animation:fade-in-up .28s ease-out}@keyframes fade-in-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wdp-body .word-page-view{border:none;border-radius:0;box-shadow:none}.wdp-body .word-page-view-row{grid-template-columns:96px 1fr;padding:12px 22px;gap:12px}.wdp-body .word-page-view-label{font-size:.63rem}.wdp-body .word-page-view-value{font-size:.9rem}.wdp-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-2);font-size:.88rem}.word-row-clickable{cursor:pointer}.word-row-clickable:hover td{background:#6366f108}.word-row-panel-active{background:#6366f10a!important}.word-row-panel-active .word-term{color:var(--accent);font-weight:700}.word-row-panel-active td:first-child{box-shadow:inset 2px 0 0 var(--accent)}.word-term-panel-btn{background:transparent;border:none;padding:0;font:inherit;text-align:left;cursor:pointer;width:100%}.wpv-section{padding:14px 22px;border-bottom:1px solid var(--border)}.wpv-section:last-of-type{border-bottom:none}.wpv-section-title{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);margin:0 0 8px}.wpv-definition{font-size:.95rem;color:var(--text);line-height:1.6;margin:0}.wpv-ipa-badge{display:inline-block;font-size:.88rem;font-weight:500;color:var(--text-2);background:var(--surface-2, #f1f5f9);padding:3px 10px;border-radius:6px;font-family:inherit}.wpv-numbered-list{margin:0;padding:0 0 0 1.4em;font-size:.92rem;color:var(--text);line-height:1.6}.wpv-numbered-list li+li{margin-top:2px}.wpv-grammar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.wpv-grammar-cell{display:flex;flex-direction:column;gap:2px}.wpv-grammar-label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}.wpv-grammar-value{font-size:.9rem;color:var(--text);text-transform:capitalize}.wpv-cefr-badge{display:inline-flex;align-items:center;width:fit-content;padding:1px 8px;border-radius:4px;font-size:.72rem;font-weight:700;color:#fff}.cefr-badge-a{background:#059669}.cefr-badge-b1{background:#2563eb}.cefr-badge-b2{background:#7c3aed}.cefr-badge-c1{background:#d97706}.cefr-badge-c2{background:#dc2626}.wpv-verb-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wpv-verb-cell{display:flex;flex-direction:column;gap:2px}.wpv-verb-label{font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3)}.wpv-verb-value{font-size:.9rem;font-weight:600;color:var(--text)}.wpv-chip-group{margin-bottom:8px}.wpv-chip-group:last-child{margin-bottom:0}.wpv-chip-group-label{display:block;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-bottom:5px}.wpv-chip-row{display:flex;flex-wrap:wrap;gap:5px}.wpv-related-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:500;background:var(--surface-2, #f1f5f9);color:var(--text);border:1px solid var(--border)}.wpv-topic-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;background:#0f172a0d;color:var(--text-2)}.wpv-confusables{display:flex;flex-direction:column;gap:8px}.wpv-confusable-card{display:flex;flex-direction:column;gap:3px;padding:10px 14px;background:var(--surface-2, #f8fafc);border:1px solid var(--border);border-radius:8px}.wpv-confusable-word{font-size:.9rem;font-weight:700;color:var(--text)}.wpv-confusable-explanation{font-size:.82rem;color:var(--text-2);line-height:1.5}.wpv-notes{font-size:.9rem;color:var(--text);line-height:1.6;margin:0;white-space:pre-wrap}.wdp-body .wpv-section{padding:12px 22px}@media(max-width:860px){.wpv-section{padding:12px 14px}.wpv-grammar-grid,.wpv-verb-grid{grid-template-columns:1fr 1fr}}.fab{position:fixed;bottom:28px;right:28px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #6366f159;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,filter .2s ease;z-index:40;overflow:hidden;animation:fab-pulse 2.5s ease-in-out infinite}.fab:hover{transform:translateY(-4px) scale(1.08);box-shadow:0 10px 32px #6366f180}.fab:active{transform:translateY(-2px) scale(.96)}@keyframes fab-pulse{0%,to{box-shadow:0 6px 20px #6366f159}50%{box-shadow:0 8px 28px #6366f180}}.fab-tooltip{position:absolute;right:0;bottom:calc(100% + 8px);padding:8px 12px;border-radius:6px;background:#1e293b;color:#fff;font-size:.8rem;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.fab:hover .fab-tooltip{opacity:1}.quick-add-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:50;animation:qa-fade-in .18s ease}.quick-add-overlay.is-closing{animation:qa-fade-out .18s ease forwards}@keyframes qa-fade-in{0%{opacity:0}to{opacity:1}}@keyframes qa-fade-out{0%{opacity:1}to{opacity:0}}.quick-add-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--surface);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);border:1px solid var(--border);border-radius:20px 20px 0 0;z-index:51;display:flex;flex-direction:column;max-height:92vh;animation:qa-slide-up .28s cubic-bezier(.34,1.56,.64,1);box-shadow:0 -4px 32px #0000001a}@media(max-width:767px){.quick-add-sheet{max-height:88vh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:24px 24px 0 0}}@media(min-width:768px){.quick-add-sheet{max-width:480px;left:auto;right:24px;bottom:24px;border-radius:20px;max-height:80vh;min-height:340px}}.quick-add-sheet.is-closing{animation:qa-slide-down .22s ease forwards}@keyframes qa-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes qa-slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}.quick-add-handle-hitbox{width:100%;display:flex;justify-content:center;padding:10px 0 2px;flex-shrink:0;background:transparent;border:none;cursor:pointer}.quick-add-handle-hitbox:focus-visible{outline:none}.quick-add-handle{width:36px;height:4px;background:var(--border);border-radius:999px;display:block;transition:width .16s ease,height .16s ease,background .16s ease,box-shadow .16s ease}.quick-add-handle-hitbox.is-active .quick-add-handle,.quick-add-handle-hitbox:hover .quick-add-handle,.quick-add-handle-hitbox:focus-visible .quick-add-handle{width:56px;height:5px;background:#a5b4fc;box-shadow:0 0 0 6px #6366f114}.quick-add-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 10px;flex-shrink:0}.quick-add-title{font-size:1rem;font-weight:700;color:var(--text)}.quick-add-close{background:transparent;border:none;cursor:pointer;color:var(--text-2);padding:4px;border-radius:6px;display:flex;align-items:center;transition:color .12s,background .12s}.quick-add-close:hover{color:var(--text);background:var(--bg)}.quick-add-body{padding:4px 20px 8px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:14px}.quick-add-field-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.quick-add-field{display:flex;flex-direction:column;gap:6px}.quick-add-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2)}.quick-add-field-status{display:inline-flex;align-items:center;margin-left:8px;padding:1px 8px;border-radius:999px;font-size:.64rem;font-weight:700;letter-spacing:0;text-transform:none;color:#7c3aed;background:#f5f3ff}.quick-add-field-status-ok{color:#047857;background:#ecfdf5}.quick-add-input{width:100%;padding:4px 0 6px;border:none;border-bottom:1.5px solid rgba(15,23,42,.15);border-radius:0;background:transparent;color:var(--text);font-size:16px;font-weight:500;outline:none;transition:border-color .2s ease,background .2s ease;-webkit-appearance:none;-webkit-autocomplete:off}.input-group .quick-add-input,.quick-add-input-group .quick-add-input{border-bottom:none;padding:4px 0 0}.quick-add-input:focus-visible{outline:none;border-radius:0}:root[color-scheme=dark] .quick-add-input{border-bottom-color:#334155}.quick-add-input::placeholder{color:transparent}.quick-add-input:focus{border-bottom-color:#6366f1;box-shadow:none;background:transparent}.quick-add-input.is-ai-complete,.quick-add-select.is-ai-complete{border-bottom-color:#10b981}.quick-add-term-row .quick-add-input{flex:1}.input-group,.quick-add-input-group{position:relative;border:none;border-bottom:1.5px solid rgba(15,23,42,.15);background:transparent;padding-top:14px;padding-bottom:6px;transition:border-color .2s ease}:root[color-scheme=dark] .input-group,:root[color-scheme=dark] .quick-add-input-group{border-bottom-color:#334155}.input-group:focus-within,.quick-add-input-group:focus-within{border-bottom-color:#6366f1}.quick-add-input-group{flex:1}.quick-add-sheet .input-label{position:absolute;top:20px;left:0;font-size:.88rem;font-weight:500;color:var(--text-2);pointer-events:none;transition:all .2s ease;transform-origin:left top}:root[color-scheme=dark] .quick-add-sheet .input-label{color:#94a3b8}.quick-add-input:focus~.input-label,.quick-add-input:not(:placeholder-shown)~.input-label{top:0;font-size:.72rem;color:var(--accent);font-weight:600}:root[color-scheme=dark] .quick-add-input:focus~.input-label,:root[color-scheme=dark] .quick-add-input:not(:placeholder-shown)~.input-label{color:#818cf8}.quick-add-actions-row{display:flex;gap:6px}.quick-add-action-btn{flex:1;padding:7px 8px;background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-color .12s;text-align:center}.quick-add-action-btn:hover:not(:disabled){background:var(--accent-light);color:var(--accent-dark);border-color:#6366f14d}.quick-add-action-btn:disabled{opacity:.45;cursor:not-allowed}.quick-add-action-btn-primary{background:var(--accent-light);color:var(--accent-dark);border-color:#6366f140;flex:1.2;position:relative;overflow:hidden}.quick-add-action-btn-primary:hover:not(:disabled){background:#e0e7ff}.quick-add-action-btn-primary.is-loading{color:#312e81;border-color:#6366f14d;background:linear-gradient(90deg,#e0e7ff,#c7d2fe 35%,#eef2ff 65%,#e0e7ff);background-size:220% 100%;animation:qa-button-pulse 1.2s ease-in-out infinite}.quick-add-action-btn-text{position:relative;z-index:1}@keyframes qa-button-pulse{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.quick-add-translate-btn{flex-shrink:0;padding:0 14px;background:var(--accent-light);color:var(--accent-dark);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s}.quick-add-translate-btn:hover:not(:disabled){background:#e0e7ff}.quick-add-translate-btn:disabled{opacity:.45;cursor:not-allowed}.quick-add-topic-row{display:flex;gap:8px;align-items:stretch}.quick-add-select{flex:1;padding:10px 36px 10px 0;border:none;border-bottom:1.5px solid rgba(15,23,42,.15);border-radius:0;background:transparent;color:var(--text);font-size:.95rem;outline:none;cursor:pointer;transition:border-color .2s ease;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center;background-size:12px}:root[color-scheme=dark] .quick-add-select{border-bottom-color:#334155}.quick-add-select:focus{border-bottom-color:#6366f1;box-shadow:none}.quick-add-select:focus-visible{outline:none;border-radius:0}.quick-add-new-topic-btn{flex-shrink:0;padding:0 14px;background:transparent;color:var(--accent);border:1px solid rgba(99,102,241,.3);border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s}.quick-add-new-topic-btn:hover{background:var(--accent-light)}@media(max-width:860px){.quick-add-topic-row{gap:6px}.quick-add-select{min-width:0}}.quick-add-feedback{font-size:.85rem;font-weight:500;padding:8px 12px;border-radius:var(--radius-sm)}.quick-add-feedback-ok{background:#ecfdf5;color:#047857}.quick-add-feedback-err{background:#fef2f2;color:#c81e1e}.quick-add-ai-badge{font-size:.68rem;font-weight:600;color:var(--accent);background:var(--accent-light);border-radius:999px;padding:1px 7px;margin-left:6px;vertical-align:middle;letter-spacing:0;text-transform:none}.quick-add-footer{display:flex;gap:8px;padding:8px 20px calc(12px + env(safe-area-inset-bottom));flex-shrink:0;border-top:1px solid var(--border)}@media(max-width:767px){.quick-add-header{padding:12px 16px 10px}.quick-add-body{padding:4px 16px 8px;gap:12px}.quick-add-footer{padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,255,255,.82) 0%,var(--surface) 36%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}:root[color-scheme=dark] .quick-add-footer{background:linear-gradient(180deg,#1a202cd1,#1a202cfa 36%)}.quick-add-save,.quick-add-cancel,.quick-add-new-topic-btn,.quick-add-translate-btn{min-height:44px}}.quick-add-cancel{flex:1;padding:8px;background:var(--bg);color:var(--text-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .18s cubic-bezier(.34,1.56,.64,1),transform .18s ease,box-shadow .18s ease}.quick-add-cancel:hover{background:var(--surface-2);transform:translateY(-2px)}.quick-add-cancel:active{transform:scale(.96)}.quick-add-save{flex:2;padding:8px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.82rem;font-weight:700;cursor:pointer;transition:background .18s cubic-bezier(.34,1.56,.64,1),transform .18s ease,box-shadow .18s ease}.quick-add-save:hover:not(:disabled){background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.quick-add-save:active:not(:disabled){transform:scale(.96)}.quick-add-save:disabled{opacity:.45;cursor:not-allowed}.sidebar-add-topic-btn{width:100%;background:transparent;border:none;padding:10px 20px;cursor:pointer;color:var(--accent);font-size:.82rem;font-weight:600;text-align:left;transition:background .12s;display:flex;align-items:center;gap:6px;opacity:.85}.sidebar-add-topic-btn:hover{background:#6366f114;opacity:1}.sidebar-new-topic-form{display:flex;align-items:center;gap:6px;padding:8px 12px}.sidebar-new-topic-input{flex:1;height:32px;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:var(--sidebar-text);padding:0 10px;font-size:.85rem;outline:none;transition:border-color .15s}.sidebar-new-topic-input:focus{border-color:var(--accent)}.sidebar-new-topic-input::placeholder{color:var(--sidebar-text-2)}.sidebar-new-topic-save{flex-shrink:0;height:32px;padding:0 12px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .12s}.sidebar-new-topic-save:hover:not(:disabled){background:var(--accent-dark)}.sidebar-new-topic-save:disabled{opacity:.45;cursor:not-allowed}.sidebar-new-topic-cancel{flex-shrink:0;width:28px;height:28px;background:transparent;border:none;cursor:pointer;color:var(--sidebar-text-2);display:flex;align-items:center;justify-content:center;border-radius:6px;transition:color .12s,background .12s}.sidebar-new-topic-cancel:hover{color:#f87171;background:#f871711f}.sidebar-new-topic-wrap{display:flex;flex-direction:column;gap:4px}.sidebar-new-topic-error{padding:0 12px 6px;font-size:.75rem;color:#f87171}@media(min-width:768px){.fab{bottom:56px;right:32px}}@media(max-width:640px){.fab{width:52px;height:52px;bottom:calc(84px + env(safe-area-inset-bottom,0px));right:16px;box-shadow:0 12px 28px #6366f14d}.fab-tooltip{display:none}}.main-inner{padding-bottom:88px}@media(min-width:768px){.main-inner{padding-bottom:24px}}.quick-add-term-row{display:flex;gap:8px;align-items:stretch}.quick-add-term-row .quick-add-input{flex:1;min-width:0}.quick-add-enrich-btn{flex-shrink:0;width:44px;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:1.1rem;cursor:pointer;transition:background .12s,opacity .12s}.quick-add-enrich-btn:hover:not(:disabled){background:var(--accent-dark)}.quick-add-enrich-btn:disabled{opacity:.35;cursor:not-allowed}.quick-add-enrich-btn.is-loading{opacity:.7}.enrich-preview{padding:10px 12px;background:#f8fafce6;border-radius:var(--radius-sm);border:1px solid rgba(99,102,241,.12);font-size:.82rem;line-height:1.45;display:flex;flex-direction:column;gap:6px}.enrich-preview-chips{display:flex;flex-wrap:wrap;gap:4px}.enrich-chip{display:inline-block;padding:1px 7px;border-radius:6px;background:linear-gradient(135deg,#eef2ff,#dbeafe);color:var(--accent-dark);font-size:.75rem;font-weight:500}.enrich-preview-row{display:flex;flex-direction:column;gap:1px}.enrich-preview-label{font-weight:600;font-size:.72rem;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em}.enrich-preview-value{color:var(--text)}.enrich-preview-list{margin:0;padding-left:16px;color:var(--text)}.enrich-preview-list li{margin-bottom:1px}:root[color-scheme=dark] .quick-add-overlay{background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}:root[color-scheme=dark] .quick-add-sheet{background:#1a202cf7;border-color:#ffffff1a;box-shadow:0 -4px 32px #0006}:root[color-scheme=dark] .fab{background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 6px 20px #6366f166}:root[color-scheme=dark] .fab:hover{box-shadow:0 10px 32px #6366f199}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a61;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal{background:#fffffff0;border:1px solid rgba(255,255,255,.22);border-radius:var(--radius-lg);padding:24px;max-width:400px;width:100%;box-shadow:0 18px 42px #0f172a29;display:flex;flex-direction:column;gap:12px}:root[color-scheme=dark] .modal-overlay{background:#00000080}:root[color-scheme=dark] .modal{background:#1a202cf0;border-color:#ffffff1a}.modal-title{font-size:1.05rem;font-weight:700;color:var(--text)}.modal-message{font-size:.9rem;color:var(--text-2);line-height:1.55}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.trash-page{flex:1;min-width:0;overflow-y:auto;background:var(--bg);display:flex;flex-direction:column}.trash-inner{max-width:680px;width:100%;margin:0 auto;padding:24px 28px 40px;display:flex;flex-direction:column;gap:20px}.trash-topbar{display:flex;align-items:center;justify-content:space-between}.trash-purge-btn{padding:6px 14px;background:transparent;border:1px solid #fecaca;border-radius:var(--radius-sm);color:#dc2626;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .12s}.trash-purge-btn:hover{background:#fef2f2}.trash-title{font-size:1.4rem;font-weight:800;color:var(--text)}.trash-subtitle{font-size:.85rem;color:var(--text-3);margin-top:-12px}.trash-section{display:flex;flex-direction:column;gap:2px}.trash-section-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);padding:0 4px 6px}.trash-item{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}.trash-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.trash-item-name{font-size:.92rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trash-item-meta{font-size:.8rem;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trash-item-days{font-size:.75rem;color:var(--text-3)}.trash-restore-btn{flex-shrink:0;padding:6px 14px;background:transparent;border:1px solid #a7f3d0;border-radius:var(--radius-sm);color:#047857;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .12s}.trash-restore-btn:hover:not(:disabled){background:#ecfdf5}.trash-restore-btn:disabled{opacity:.4;cursor:not-allowed}.trash-empty{text-align:center;padding:60px 20px;color:var(--text-3);font-size:.92rem}@media(max-width:860px){.trash-inner{padding:16px 12px 32px}}.stats-page{flex:1;overflow-y:auto;background:var(--bg)}.stats-inner{max-width:860px;margin:0 auto;padding:16px 28px 64px;display:flex;flex-direction:column;gap:24px}.stats-loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-2);font-size:.9rem}.stats-topbar{display:flex;align-items:center;gap:14px;padding-top:4px}.stats-title{font-size:1.3rem;font-weight:800;color:var(--text);margin:0}.stats-hero{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a78bfa);border-radius:var(--radius-lg);padding:28px 28px 24px;color:#fff;position:relative;overflow:hidden;box-shadow:0 8px 32px #6366f140,0 2px 8px #6366f126}.stats-hero:before{content:"";position:absolute;top:-40%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.stats-hero-header{margin-bottom:20px}.stats-hero-title{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;margin:0;line-height:1.2}.stats-hero-subtitle{margin:4px 0 0;font-size:.88rem;opacity:.8;font-weight:500}.stats-hero-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats-hero-card{background:linear-gradient(#ffffff26,#ffffff26) padding-box,linear-gradient(135deg,var(--card-gradient-1, rgba(255, 255, 255, .2)),var(--card-gradient-2, rgba(255, 255, 255, .05))) border-box;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid transparent;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;transition:transform .2s,background .2s;box-shadow:0 10px 30px #6366f114,0 2px 8px #0000000a}.stats-hero-card:hover{background:#ffffff38;transform:translateY(-2px)}.stats-hero-card[data-card=words]{--card-gradient-1: rgba(99, 102, 241, .25);--card-gradient-2: rgba(14, 165, 233, .18)}.stats-hero-card[data-card=strong]{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);--card-gradient-1: rgba(5, 150, 105, .22);--card-gradient-2: rgba(34, 197, 94, .18)}.stats-hero-card[data-card=streak]{background:linear-gradient(135deg,#fef3c7,#fef08a);--card-gradient-1: rgba(250, 204, 21, .25);--card-gradient-2: rgba(217, 119, 6, .18)}.stats-hero-card[data-card=time]{background:linear-gradient(135deg,#fce7f3,#fdf2f8);--card-gradient-1: rgba(249, 115, 115, .2);--card-gradient-2: rgba(219, 39, 119, .18)}.stats-hero-card-icon{font-size:1.1rem;line-height:1}.stats-hero-card-value{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}.stats-hero-card-label{font-size:.72rem;font-weight:600;opacity:.8;text-transform:uppercase;letter-spacing:.04em}.stats-hero-skeleton{background:linear-gradient(135deg,#e2e8f0,#f1f5f9);border-radius:var(--radius-lg);padding:28px}.stats-section-gradient{border-top:3px solid transparent;border-image:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa) 1}.stats-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;box-shadow:0 1px 3px #0f172a0a,0 4px 16px #0f172a08;display:flex;flex-direction:column;gap:16px;transition:box-shadow .2s}.stats-section:hover{box-shadow:0 2px 8px #0f172a0f,0 8px 24px #0f172a0d}.stats-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.stats-section-title-wrap{display:flex;align-items:flex-start;gap:12px;min-width:0}.stats-section-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#eef2ff,#f8fafc);border:1px solid rgba(99,102,241,.12);display:inline-flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.stats-section-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.stats-section-title{font-size:1.02rem;font-weight:800;letter-spacing:-.02em;color:var(--text);margin:0;line-height:1.2}.stats-section-subtitle{margin:0;color:var(--text-2);font-size:.82rem;line-height:1.45}.stats-empty{color:var(--text-3);font-size:.88rem;padding:4px 0}.stats-cards{display:grid;gap:10px}.stats-cards-4{grid-template-columns:repeat(4,1fr)}.stats-cards-6{grid-template-columns:repeat(6,1fr)}.stats-card{background:linear-gradient(180deg,#ffffffeb,#f8fafc);border:1px solid rgba(15,23,42,.06);border-radius:var(--radius);padding:12px 14px 13px;display:flex;flex-direction:column;gap:5px;box-shadow:0 10px 24px #94a3b814;overflow:hidden}.stats-card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.stats-card-icon{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;background:#ffffffd9;border:1px solid rgba(148,163,184,.16)}.stats-card-tone-indigo .stats-card-icon{background:#eef2ff;color:#4f46e5}.stats-card-tone-sky .stats-card-icon{background:#eff6ff;color:#2563eb}.stats-card-tone-emerald .stats-card-icon{background:#ecfdf5;color:#059669}.stats-card-tone-violet .stats-card-icon{background:#f5f3ff;color:#7c3aed}.stats-card-tone-amber .stats-card-icon{background:#fffbeb;color:#d97706}.stats-card-tone-rose .stats-card-icon{background:#fff1f2;color:#e11d48}.stats-card-tone-slate .stats-card-icon{background:#f8fafc;color:#64748b}.stats-trend{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:0 8px;border-radius:999px;font-size:.66rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.stats-trend-good{background:#ecfdf5;color:#059669}.stats-trend-bad{background:#fff1f2;color:#e11d48}.stats-trend-neutral{background:#f8fafc;color:#64748b}.stats-trend-down.stats-trend-good,.stats-trend-up.stats-trend-bad{background:#fef3c7;color:#b45309}.stats-card-value{font-size:1.6rem;font-weight:800;color:var(--text);line-height:1;letter-spacing:-.03em}.stats-card-label{font-size:.76rem;font-weight:700;color:var(--text-2)}.stats-card-sub{font-size:.74rem;color:var(--text-3);margin-top:1px}.stats-card-sparkline{width:100%;height:34px;margin-top:2px;overflow:visible}.stats-card-sparkline-area{fill:#6366f11f}.stats-card-sparkline-line{fill:none;stroke:#6366f1f2;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.stats-period-tabs{display:flex;flex-wrap:wrap;gap:4px}.stats-period-tab{background:transparent;border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:600;color:var(--text-2);cursor:pointer;transition:background .12s,color .12s,border-color .12s;white-space:nowrap}.stats-period-tab:hover{background:var(--surface-2);color:var(--text)}.stats-period-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.stats-donut-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.stats-dist-detail{flex:1;min-width:260px;display:flex;flex-direction:column;gap:14px}.stats-donut{flex-shrink:0;animation:chart-appear .5s ease-out .2s both}.stats-donut-label{font-size:14px;font-weight:800;fill:var(--text);font-family:inherit}.stats-donut-sub{font-size:9px;fill:var(--text-3);font-family:inherit;text-transform:uppercase;letter-spacing:.05em}.stats-insights{gap:12px}.stats-insight-list{display:flex;flex-direction:column;gap:8px}.stats-insight-item{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:var(--text-2);padding:8px 12px;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border)}.stats-insight-icon{flex-shrink:0;font-size:1rem;line-height:1.4}.stats-insight-text strong{color:var(--text)}.stats-tracking-note{font-size:.75rem;color:var(--text-3);padding:4px 0;font-style:italic}.stats-quality-detail{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}.stats-cards-2{grid-template-columns:repeat(2,1fr)}.stats-dist-bar{height:22px;border-radius:999px;overflow:hidden;display:flex;background:linear-gradient(180deg,#e2e8f0,#f8fafc);border:1px solid rgba(148,163,184,.12);box-shadow:inset 0 1px 2px #0f172a0d}.stats-dist-segment{height:100%;transition:width .4s ease;min-width:3px;background-size:1000px 100%;animation:progress-shimmer 3s ease-in-out infinite}.stats-dist-legend{display:flex;flex-wrap:wrap;gap:8px 16px}.stats-legend-item{display:flex;align-items:center;gap:6px;font-size:.82rem}.stats-legend-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.stats-legend-label{color:var(--text-2)}.stats-legend-count{font-weight:700;color:var(--text)}.stats-legend-pct{color:var(--text-3);font-size:.75rem}.stats-quality-row{display:flex;flex-direction:column;gap:10px}.stats-quality-item{display:flex;align-items:center;gap:10px}.stats-quality-label{font-size:.8rem;color:var(--text-2);min-width:160px;flex-shrink:0}.stats-quality-bar-wrap{flex:1;height:8px;background:var(--bg);border-radius:999px;overflow:hidden}.stats-quality-bar{height:100%;border-radius:999px;transition:width .4s ease}.stats-quality-pct{font-size:.78rem;font-weight:600;color:var(--text-2);min-width:80px;text-align:right;flex-shrink:0}.stats-chart{display:flex;align-items:flex-end;gap:4px;height:120px;overflow-x:auto;padding-bottom:2px;animation:chart-appear .5s ease-out .2s both}.stats-chart-col{min-width:28px;flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}.stats-chart-count{font-size:.65rem;font-weight:700;color:var(--text-2);min-height:14px;line-height:1}.stats-chart-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;background:linear-gradient(to top,#6366f10d,#6366f100);border-radius:4px 4px 0 0;overflow:hidden}.stats-chart-bar{width:100%;opacity:.8;border-radius:3px 3px 0 0;transition:height .4s ease,transform .2s ease,box-shadow .2s ease;min-height:2px;background-size:1000px 100%;animation:progress-shimmer 3s ease-in-out infinite}.stats-chart-bar:hover{transform:translateY(-4px) scaleY(1.04);box-shadow:0 8px 20px #6366f133}.stats-chart-label{font-size:.62rem;color:var(--text-3);white-space:nowrap}.stats-highlight-row{display:flex;flex-wrap:wrap;gap:8px 20px}.stats-highlight{font-size:.82rem;color:var(--text-2)}.stats-highlight strong{color:var(--text)}.stats-daily-details{border-top:1px solid var(--border);padding-top:12px}.stats-daily-summary{font-size:.8rem;font-weight:600;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;padding:4px 0}.stats-daily-summary::-webkit-details-marker{display:none}.stats-daily-summary:before{content:"▶ ";font-size:.65rem}details[open] .stats-daily-summary:before{content:"▼ "}.stats-daily-table{margin-top:10px;display:flex;flex-direction:column;max-height:360px;overflow-y:auto}.stats-daily-header{display:grid;grid-template-columns:1fr 80px 80px 90px 60px;padding:0 4px 8px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface)}.stats-daily-row{display:grid;grid-template-columns:1fr 80px 80px 90px 60px;align-items:center;padding:7px 4px;border-bottom:1px solid var(--border);font-size:.82rem}.stats-daily-row:last-child{border-bottom:none}.stats-daily-date{color:var(--text-2);font-size:.8rem}.stats-improved{color:#10b981;font-weight:600}.stats-downgraded{color:#ef4444;font-weight:600}.stats-net{font-weight:700}.stats-net-pos{color:#10b981}.stats-net-neg{color:#ef4444}.stats-col-center{text-align:center}.stats-col-right{text-align:right}.stats-topic-table{display:flex;flex-direction:column}.stats-topic-header{display:grid;grid-template-columns:1fr 56px 56px 80px 130px;padding:0 4px 8px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);border-bottom:1px solid var(--border)}.stats-topic-row{display:grid;grid-template-columns:1fr 56px 56px 80px 130px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s;border-radius:6px}.stats-topic-row:last-child{border-bottom:none}.stats-topic-row:hover{background:var(--surface-2)}.stats-topic-name{font-size:.88rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}.stats-topic-count{font-size:.82rem;color:var(--text-2);font-weight:600}.stats-topic-weak{font-size:.82rem;color:var(--text-3)}.stats-topic-weak.has-weak{color:#ef4444;font-weight:600}.stats-topic-missing{font-size:.82rem;color:var(--text-3)}.stats-topic-missing.has-missing{color:#f97316;font-weight:600}.stats-topic-progress-wrap{display:flex;align-items:center;gap:8px;justify-content:flex-end}.stats-topic-pct{font-size:.82rem;font-weight:700;color:var(--text);min-width:36px;text-align:right;flex-shrink:0}.stats-topic-bar{flex:1;height:6px;background:var(--bg);border-radius:999px;overflow:hidden;max-width:80px}.stats-topic-bar-fill{height:100%;background:linear-gradient(90deg,#818cf8,#6366f1);background-size:1000px 100%;border-radius:999px;transition:width .4s ease;animation:progress-shimmer 3s ease-in-out infinite}.stats-show-more{background:transparent;border:1px solid var(--border);border-radius:8px;padding:8px 16px;font-size:.82rem;font-weight:600;color:var(--text-2);cursor:pointer;align-self:center;transition:background .12s,color .12s}.stats-show-more:hover{background:var(--surface-2);color:var(--text)}.stats-profile-block{display:flex;flex-direction:column;gap:12px}.stats-profile-heading{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);margin:0}.stats-profile-bar-wrap{display:flex;flex-direction:column;gap:10px}.stats-profile-bar{height:28px;border-radius:999px;overflow:hidden;display:flex;background:var(--bg);border:1px solid rgba(148,163,184,.12);box-shadow:inset 0 1px 3px #0f172a0f}.stats-profile-segment{height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);min-width:3px}.stats-profile-legend{display:flex;flex-wrap:wrap;gap:6px 14px}.stats-profile-legend-item{display:flex;align-items:center;gap:5px;font-size:.78rem}.stats-profile-legend-label{color:var(--text-2);text-transform:capitalize}.stats-profile-legend-count{font-weight:700;color:var(--text)}.stats-profile-legend-pct{color:var(--text-3);font-size:.72rem}.stats-profile-donuts{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.stats-profile-donut-block{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:var(--bg);border-radius:var(--radius);border:1px solid var(--border)}.stats-profile-donut-legend{display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:center}.stats-enrichment-hero{display:flex;align-items:center;gap:20px;padding:16px 20px;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-radius:var(--radius);border:1px solid rgba(99,102,241,.12)}.stats-enrichment-hero-ring{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.stats-enrichment-hero-pct{position:absolute;font-size:1.3rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.stats-enrichment-hero-text{display:flex;flex-direction:column;gap:2px}.stats-enrichment-hero-label{font-size:1rem;font-weight:700;color:var(--text)}.stats-enrichment-hero-sub{font-size:.82rem;color:var(--text-2)}.stats-enrichment-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.stats-enrichment-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px 12px;background:linear-gradient(180deg,rgba(255,255,255,.9) 0%,var(--surface-2) 100%);border:1px solid var(--border);border-radius:var(--radius);transition:transform .15s,box-shadow .15s}.stats-enrichment-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f172a14}.stats-enrichment-ring-wrap{position:relative;display:flex;align-items:center;justify-content:center}.stats-enrichment-ring-pct{position:absolute;font-size:.72rem;font-weight:800;color:var(--text)}.stats-enrichment-card-info{display:flex;flex-direction:column;align-items:center;gap:2px}.stats-enrichment-card-icon{font-size:.9rem;line-height:1}.stats-enrichment-card-label{font-size:.7rem;font-weight:700;color:var(--text-2);text-align:center}.stats-enrichment-card-count{font-size:.68rem;color:var(--text-3)}.stats-radial-ring{display:block}@media(max-width:860px){.stats-inner{padding:12px 12px 84px;gap:14px}.stats-topbar{display:none}.stats-hero{padding:18px 16px;border-radius:20px}.stats-hero-title{font-size:1.18rem}.stats-hero-subtitle{font-size:.82rem}.stats-hero-cards{grid-template-columns:repeat(2,1fr);gap:8px}.stats-hero-card-value{font-size:1.2rem}.stats-hero-card{min-height:94px}.stats-section{gap:10px}.stats-profile-donuts{grid-template-columns:1fr}.stats-enrichment-grid{grid-template-columns:repeat(3,1fr)}.stats-enrichment-hero{flex-direction:column;text-align:center}.stats-cards-6{grid-template-columns:repeat(3,1fr)}.stats-cards-4{grid-template-columns:repeat(2,1fr)}.stats-card-value{font-size:1.3rem}.stats-quality-label{min-width:120px}.stats-topic-header,.stats-topic-row{grid-template-columns:1fr 56px 56px 110px}.stats-topic-missing{display:none}.stats-topic-bar{max-width:60px}.stats-daily-header,.stats-daily-row{grid-template-columns:1fr 60px 60px 70px 50px}.stats-daily-table{overflow-x:auto}.stats-daily-header,.stats-daily-row{min-width:430px}.stats-section-header{flex-direction:column;gap:8px}.stats-donut-row{flex-direction:column;align-items:flex-start;gap:16px}}@media(max-width:480px){.stats-inner{padding:10px 8px 90px;gap:12px}.stats-hero-cards{grid-template-columns:repeat(2,1fr)}.stats-hero-card{padding:10px 12px;min-height:88px}.stats-hero-card-value{font-size:1.1rem}.stats-enrichment-grid,.stats-cards-6,.stats-cards-4,.stats-cards-2{grid-template-columns:repeat(2,1fr)}.stats-topic-header,.stats-topic-row{grid-template-columns:1fr 56px 100px}.stats-topic-weak{display:none}.stats-topic-bar{max-width:52px}.stats-quality-label{min-width:100px;font-size:.72rem}.stats-daily-header,.stats-daily-row{grid-template-columns:1fr 52px 52px 52px 44px}.stats-daily-table{overflow-x:auto}.stats-daily-header,.stats-daily-row{min-width:390px}}.mobile-topbar{display:none;position:sticky;top:0;z-index:30;background:var(--sidebar-bg);padding:8px 14px;align-items:center;justify-content:flex-end;gap:10px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.mobile-topic-btn{display:flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:var(--sidebar-text);padding:5px 10px;font-size:.8rem;font-weight:500;cursor:pointer;max-width:200px;overflow:hidden;position:relative}.mobile-topic-btn-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-drawer-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-drawer-overlay.open{display:block}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;padding-top:calc(52px + env(safe-area-inset-top,0px));padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));width:min(320px,84vw);background:var(--sidebar-bg);z-index:26;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);overflow-y:auto;box-shadow:24px 0 60px #02061757}.mobile-drawer.open{transform:translate(0)}.mobile-drawer .sidebar-topic-list{flex:1;overflow-y:auto;min-height:0;padding-bottom:8px}.mobile-drawer .sidebar-footer{flex-shrink:0;border-top:1px solid rgba(255,255,255,.06);background:var(--sidebar-bg);padding:0}.mobile-drawer .sidebar-footer-actions-grid{padding:10px 12px 0;gap:8px;border-top:none}.mobile-drawer .sidebar-footer-btn{min-height:48px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.mobile-drawer .sidebar-footer-actions-grid>*+*{border-left:none}.mobile-drawer .sidebar-add-topic-btn{min-height:48px;padding:12px 16px}.mobile-drawer .sidebar-trash-btn{background:transparent;color:var(--sidebar-text-2);display:block;width:100%;padding:12px 20px;border:none;text-align:left;cursor:pointer;transition:color .12s}.mobile-drawer .sidebar-trash-btn:hover{color:#f87171}@media(max-width:860px){input,input[type=text],input[type=search],input[type=password],input[type=email],textarea,select{font-size:16px!important}.app-shell{height:100dvh;display:flex;flex-direction:column}.app-body{flex:1;min-height:0;display:flex;flex-direction:column}.desktop-sidebar{display:none}.mobile-topbar{display:flex;flex-shrink:0}.main-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.main-inner{flex:1;padding:0 12px 112px;gap:6px;overflow-y:auto;-webkit-overflow-scrolling:touch}.study-breadcrumb-bar{flex:0 0 auto;padding:4px 12px 2px;overflow:visible}.study-breadcrumb-bar .breadcrumb{gap:4px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.study-breadcrumb-bar .breadcrumb::-webkit-scrollbar{display:none}.study-breadcrumb-bar .breadcrumb-link,.study-breadcrumb-bar .breadcrumb-item{font-size:.74rem;white-space:nowrap}.sticky-controls{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,var(--bg) 0%,rgba(240,242,248,.94) 88%,transparent 100%);padding:4px 0 6px;gap:6px;flex-shrink:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.card.topic-header-card{flex-direction:column;align-items:stretch;padding:8px 14px;gap:4px}.topic-header-card .level-summary,.topic-header-mastered{display:none}.topic-header-bar-row{flex-direction:column;gap:4px}.topic-header-legend{gap:2px 8px;font-size:.68rem}.topic-header-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-header-title{font-size:.92rem}.topic-header-count{font-size:.72rem}.topic-header-subtitle{font-size:.8rem}.level-summary{gap:3px}.level-chip{min-width:36px;padding:3px 6px 4px}.mobile-progress-strip{display:none}.toolbar-card{position:relative;padding:2px 0;gap:8px}.toolbar-search-row-desktop,.toolbar-controls-row,.toolbar-meta-row{display:none}.toolbar-mobile-row{display:flex;align-items:center;gap:8px}.toolbar-mobile-select-wrap{flex:1;min-width:0}.toolbar-sort-trigger-mobile{height:44px;border-radius:14px;font-size:.88rem;padding-inline:12px}.toolbar-mobile-search-row{display:flex;align-items:center;gap:8px}.toolbar-mobile-search-row .toolbar-mobile-search-wrap,.toolbar-mobile-search-wrap{flex:1;min-width:0;position:relative}.toolbar-mobile-search{height:44px;padding-right:40px;border-radius:14px}.toolbar-mobile-clear{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:28px;height:28px;border:none;border-radius:999px;background:var(--surface-2);color:var(--text-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.toolbar-reset-btn{width:auto;min-width:44px;padding-inline:10px;justify-self:end}.toolbar-reset-btn.is-inactive{display:none}.toolbar-progress{order:3;gap:8px;min-width:0;flex-basis:100%;margin-left:0;padding:2px 2px 0}.toolbar-progress-copy{min-width:82px}.toolbar-progress-label{font-size:.64rem}.toolbar-progress-value{font-size:.76rem}.toolbar-progress-bar{height:7px}.toolbar-meta-row{justify-content:flex-start;min-height:16px}.results-meta{margin-left:0;gap:2px 6px;font-size:.76rem;line-height:1.2;white-space:normal}.results-meta-topic{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-meta-item-total,.results-meta-separator-total{display:none}.toolbar-control,.search-input,.dropdown-trigger,.btn{min-height:44px;font-size:.88rem;border-radius:14px}.search-input{padding:0 14px}.dropdown-trigger{padding:0 12px}.dropdown-trigger-label{font-size:.84rem}.dropdown-menu{left:0;right:auto;width:max(100%,240px);max-width:min(360px,calc(100vw - 24px));border-radius:16px;padding:8px}.toolbar-control-level .dropdown-menu{right:0;left:auto}.dropdown-option{min-height:46px;padding:10px 12px;font-size:.9rem;border-radius:12px}.toolbar-sheet-overlay{display:block}.toolbar-filter-panel{right:0;left:0;bottom:0;top:auto;transform:none;width:auto;max-height:min(72vh,640px);padding:14px 12px calc(16px + env(safe-area-inset-bottom,0px));border:none;border-top:1px solid var(--border);border-radius:24px 24px 0 0;box-shadow:0 -20px 40px #0f172a2e}:root[color-scheme=dark] .toolbar-filter-panel{background:#1a202cfa}.toolbar-filter-group{flex-direction:column;gap:8px}.toolbar-filter-label{min-width:0;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.toolbar-chips{gap:6px}.toolbar-chip{min-height:38px;border-radius:999px;padding:0 14px;font-size:.82rem}.toolbar-filter-reset,.toolbar-filter-apply{min-height:44px;border-radius:14px}.pagination-bar{position:fixed;bottom:0;left:8px;right:8px;z-index:20;background:var(--surface);border:1px solid var(--border);border-bottom:none;border-radius:16px 16px 0 0;box-shadow:0 -10px 24px #0f172a1f;padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.word-collection-scroll{padding-bottom:0}.word-table-wrap{display:none}.word-list-header{display:grid;grid-template-columns:1fr auto;padding:4px 12px}.word-list-header-cell:nth-child(2){display:none}.word-list-header-cell:last-child{text-align:right}.word-card-list{display:block}.card:has(.word-table-wrap){display:none}:root[color-scheme=dark] .sticky-controls{background:linear-gradient(180deg,var(--bg) 0%,rgba(10,15,31,.94) 88%,transparent 100%)}:root[color-scheme=dark] .pagination-bar{background:#1a202cf0}}@media(max-width:480px){.main-inner{flex:1;padding:0 8px 118px;overflow-y:auto;-webkit-overflow-scrolling:touch}.study-breadcrumb-bar{flex:0 0 auto;padding:4px 8px 2px;overflow:visible}.mobile-topbar{padding:6px 10px}.card{padding:10px;border-radius:10px;margin-bottom:4px}.toolbar-card{padding:2px 0}.toolbar-mobile-row{gap:6px}.toolbar-mobile-clear{width:26px;height:26px}.toolbar-filters-btn{padding-inline:10px}.toolbar-control,.search-input,.dropdown-trigger,.btn{min-height:42px;font-size:.84rem}.dropdown-trigger-label{font-size:.8rem}.dropdown-menu{width:max(100%,210px);max-width:calc(100vw - 16px)}.dropdown-option{min-height:38px;font-size:.84rem}.results-meta{font-size:.74rem}.page-btn{min-width:28px;height:30px;font-size:.76rem;padding:0 5px}.page-nav{min-width:48px}.fab{bottom:calc(76px + env(safe-area-inset-bottom,0px));right:12px;width:50px;height:50px}.fab-hidden{transform:translateY(10px) scale(.95)}}