.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.mode-btn[data-astro-cid-j26jfnak]{display:flex;background-color:var(--border-color);border-radius:var(--radius-md);padding:2px}.mode-btn[data-astro-cid-j26jfnak].settings{width:100%;max-width:300px}.mode-btn[data-astro-cid-j26jfnak].sidebar{width:100%;margin-bottom:12px}.mode-label[data-astro-cid-j26jfnak]{display:flex;align-items:center;justify-content:center;gap:6px;border-radius:6px;color:var(--text-muted);transition:background-color .2s,color .2s;cursor:pointer;user-select:none}.mode-btn[data-astro-cid-j26jfnak].navbar .mode-label[data-astro-cid-j26jfnak]{padding:.25rem .5rem;font-size:.85rem;font-weight:500}.mode-btn[data-astro-cid-j26jfnak].settings .mode-label[data-astro-cid-j26jfnak]{padding:.5rem .8rem;font-size:.95rem;flex:1}.mode-btn[data-astro-cid-j26jfnak].sidebar .mode-label[data-astro-cid-j26jfnak]{padding:.4rem .5rem;font-size:.7rem;flex:1;text-align:center;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.mode-label[data-astro-cid-j26jfnak].active{background-color:var(--card-bg);color:var(--primary-color);font-weight:600;box-shadow:0 1px 2px #0000001a}.script-btn[data-astro-cid-hyxkdzhr]{display:flex;background-color:var(--border-color);border-radius:var(--radius-md);padding:2px}.script-btn[data-astro-cid-hyxkdzhr].settings{width:100%;max-width:300px}.script-btn[data-astro-cid-hyxkdzhr].sidebar{width:100%;margin-bottom:12px}.script-label[data-astro-cid-hyxkdzhr]{display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--text-muted);transition:background-color .2s,color .2s;cursor:pointer;user-select:none}.script-btn[data-astro-cid-hyxkdzhr].navbar .script-label[data-astro-cid-hyxkdzhr]{padding:.25rem .5rem;font-size:.85rem;font-weight:500}.script-btn[data-astro-cid-hyxkdzhr].settings .script-label[data-astro-cid-hyxkdzhr]{padding:.5rem .8rem;font-size:.95rem;flex:1}.script-btn[data-astro-cid-hyxkdzhr].sidebar .script-label[data-astro-cid-hyxkdzhr]{padding:.4rem .5rem;font-size:.7rem;flex:1;text-align:center;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.script-label[data-astro-cid-hyxkdzhr].active{background-color:var(--card-bg);color:var(--primary-color);font-weight:600;box-shadow:0 1px 2px #0000001a}.sidebar-backdrop[data-astro-cid-urvxohhw]{display:none;position:fixed;inset:0;background:#00000080;z-index:10000}.sidebar-container[data-astro-cid-urvxohhw]{display:flex;flex-direction:column;width:var(--sidebar-width, 280px);background:var(--card-bg);border-right:1px solid var(--border-color);height:calc(100vh - 60px);position:fixed;top:60px;left:0;z-index:10001;overflow-y:auto;transition:transform .3s ease}.sidebar-mobile-header[data-astro-cid-urvxohhw]{display:none}.sidebar-nav[data-astro-cid-urvxohhw]{display:flex;flex-direction:column;padding:var(--spacing-lg) 0}.nav-link[data-astro-cid-urvxohhw]{display:flex;align-items:center;gap:12px;padding:var(--spacing-sm) var(--spacing-xl);text-decoration:none;color:var(--text-main);font-weight:500;font-size:1rem;transition:background .2s}.nav-link[data-astro-cid-urvxohhw]:hover{background:var(--bg-color);color:var(--primary-color)}.sidebar-settings[data-astro-cid-urvxohhw]{padding:var(--spacing-lg) var(--spacing-xl);margin-top:auto;border-top:1px solid var(--border-color)}.radio-group[data-astro-cid-urvxohhw] h4[data-astro-cid-urvxohhw]{font-size:.75rem;text-transform:uppercase;color:var(--text-muted);margin:0;letter-spacing:.05em}.compact-controls[data-astro-cid-urvxohhw]{display:flex;flex-direction:column}.shortcut-item[data-astro-cid-urvxohhw]{display:flex;user-select:none;justify-content:space-between;align-items:center;padding:6px 0;cursor:pointer;border-bottom:1px solid transparent}.shortcut-item[data-astro-cid-urvxohhw]:hover .sb-val-window[data-astro-cid-urvxohhw]{background:#2563eb1a}.shortcut-item[data-astro-cid-urvxohhw]:hover .sb-val[data-astro-cid-urvxohhw]{color:var(--primary-color)}.sb-lbl[data-astro-cid-urvxohhw]{font-size:.85rem;color:var(--text-main);font-weight:400}.sb-val-window[data-astro-cid-urvxohhw]{display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;width:3.2rem;height:1.6rem;background:#0000000d;border-radius:999px;padding:0 4px;overflow:hidden;transition:background .2s}:root.dark .sb-val-window[data-astro-cid-urvxohhw]{background:#ffffff14;border:1px solid rgba(255,255,255,.1)}@media(max-width:899px){.sidebar-container[data-astro-cid-urvxohhw]{top:0;height:100vh;transform:translate(-100%);width:280px}.sidebar-container[data-astro-cid-urvxohhw].open{transform:translate(0)}.sidebar-backdrop[data-astro-cid-urvxohhw].open{display:block}.sidebar-mobile-header[data-astro-cid-urvxohhw]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--border-color)}.sidebar-mobile-header[data-astro-cid-urvxohhw] .logo[data-astro-cid-urvxohhw]{font-size:1.2rem;font-weight:700;color:var(--primary-color)}.close-sidebar-btn[data-astro-cid-urvxohhw]{background:none;border:none;font-size:1.8rem;color:var(--text-muted);cursor:pointer;line-height:1}}.toast-wrapper[data-astro-cid-oozri3xh]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:100000;pointer-events:none;align-items:center;justify-content:flex-end}.toast-item{background:#0f172a;color:#f8fafc;padding:12px 24px;border-radius:8px;font-weight:500;font-size:.95rem;box-shadow:0 4px 12px #00000026;pointer-events:auto;min-width:320px;max-width:500px;text-align:center;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(20px) scale(.95);display:flex;align-items:center;justify-content:center;gap:12px}:root.dark .toast-item{background:#1e293b;color:#f8fafc;border:1px solid #334155;box-shadow:0 4px 20px #0006}.toast-item.show{opacity:1;transform:translateY(0) scale(1)}.toast-item.fade-out{opacity:0;transform:translateY(-20px) scale(.95);margin-top:-40px}.toast-progress{position:absolute;bottom:0;right:0;height:3px;background:#fff6;width:100%;transform-origin:right}.toast-item.theme-xp{background:#7c3aed;color:#fff;border:1px solid #6d28d9;box-shadow:0 4px 12px #7c3aed4d}.toast-item.theme-streak{background:#ea580c;color:#fff;border:1px solid #c2410c;box-shadow:0 4px 12px #ea580c4d}:root.dark .toast-item.theme-xp{background:#7c3aede6;border-color:#8b5cf6}:root.dark .toast-item.theme-streak{background:#ea580ce6;border-color:#f97316}.loading-theme[data-astro-cid-oozri3xh]{background:var(--primary-color)!important;color:#fff!important;box-shadow:0 6px 16px #2563eb40!important;border:none!important}.hidden[data-astro-cid-oozri3xh]{display:none!important}.pm-icon[data-astro-cid-tkdcxr6t]{font-size:2.5rem;line-height:1;background:#eab30826;padding:12px;border-radius:50%;border:2px solid rgba(234,179,8,.5);margin:0 auto}.premium-features[data-astro-cid-tkdcxr6t]{list-style:none;padding:0;margin:16px 0;text-align:left;display:flex;flex-direction:column;gap:12px}.premium-features[data-astro-cid-tkdcxr6t] li[data-astro-cid-tkdcxr6t]{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;color:var(--text-main);font-weight:500}.check[data-astro-cid-tkdcxr6t]{color:#eab308;font-weight:700}.cta-group[data-astro-cid-tkdcxr6t]{display:flex;flex-direction:column;gap:12px;align-items:center}.tell-me-more[data-astro-cid-tkdcxr6t]{color:var(--primary-color);font-size:.85rem;font-weight:600;text-decoration:none}.tell-me-more[data-astro-cid-tkdcxr6t]:hover{text-decoration:underline}.auth-error[data-astro-cid-ke56sdij]{background:#ef44441a;color:#dc2626;padding:8px 12px;border-radius:var(--radius-md);font-size:.9rem;text-align:center;border:1px solid rgba(239,68,68,.2)}.auth-error[data-astro-cid-ke56sdij].hidden{display:none}.form-group-check[data-astro-cid-ke56sdij] label[data-astro-cid-ke56sdij] a[data-astro-cid-ke56sdij]{color:var(--primary-color);text-decoration:none;font-weight:500}.form-group-check[data-astro-cid-ke56sdij] label[data-astro-cid-ke56sdij] a[data-astro-cid-ke56sdij]:hover{text-decoration:underline}.step-row[data-astro-cid-yj6utcte]{display:flex;align-items:center;gap:12px}.step-num[data-astro-cid-yj6utcte]{font-size:1.25rem;font-weight:800;color:var(--primary-color)}.step-text[data-astro-cid-yj6utcte]{font-size:1.05rem;color:var(--text-main);line-height:1.4;flex:1}.step-icon-box[data-astro-cid-yj6utcte]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);flex-shrink:0;box-shadow:0 2px 4px #0000000d}.mock-menu[data-astro-cid-yj6utcte]{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;margin-top:16px;padding:8px;box-shadow:0 4px 12px #0000000d}.mock-row[data-astro-cid-yj6utcte]{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:8px}.mock-row[data-astro-cid-yj6utcte].highlight{background:var(--card-bg);border:2px solid var(--primary-color);color:var(--primary-color)}.mock-icon[data-astro-cid-yj6utcte]{width:20px;height:20px;border-radius:4px;background:var(--border-color)}.mock-text-line[data-astro-cid-yj6utcte]{height:10px;border-radius:4px;background:var(--border-color);width:60%}.info-section[data-astro-cid-3lrbdnw7] h4[data-astro-cid-3lrbdnw7]{font-size:.9rem;margin-bottom:6px;color:var(--text-main)}.info-section[data-astro-cid-3lrbdnw7] p[data-astro-cid-3lrbdnw7]{font-size:.95rem;color:var(--text-muted);line-height:1.5;margin:0}.info-section[data-astro-cid-3lrbdnw7].highlight{background:#2563eb0d;padding:16px;border-radius:var(--radius-md);border:1px solid rgba(37,99,235,.15)}:root.dark .info-section[data-astro-cid-3lrbdnw7].highlight{background:#60a5fa1a;border-color:#60a5fa33}.quick-set-actions[data-astro-cid-3lrbdnw7]{display:flex;flex-direction:column;gap:12px;margin-top:8px;border-top:1px solid var(--border-color);padding-top:24px}@media(min-width:600px){.quick-set-actions[data-astro-cid-3lrbdnw7]{flex-direction:row}.quick-set-actions[data-astro-cid-3lrbdnw7] button[data-astro-cid-3lrbdnw7]{flex:1}}.rank-shield[data-astro-cid-fb2j7reu]{width:100%;height:100%;fill:#9333ea1a}.rank-tier-num[data-astro-cid-fb2j7reu]{position:absolute;font-size:1.5rem;font-weight:900;font-family:monospace;margin-top:-4px}.rank-title-box[data-astro-cid-fb2j7reu]{display:flex;flex-direction:column}.rank-name[data-astro-cid-fb2j7reu]{font-size:1.6rem;font-weight:800;margin:0;color:var(--text-main);letter-spacing:-.02em}.rank-sub[data-astro-cid-fb2j7reu]{font-size:.95rem;color:var(--primary-color);font-weight:600;margin-top:2px}.rank-info-container[data-astro-cid-fb2j7reu]{position:relative;display:inline-flex;align-items:center}.rank-info-btn[data-astro-cid-fb2j7reu]{background:#9333ea1a;border:1px solid rgba(147,51,234,.3);color:#9333ea;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-top:3px}:root.dark .rank-info-btn[data-astro-cid-fb2j7reu]{color:#c084fc}.rank-info-btn[data-astro-cid-fb2j7reu]:hover{background:#9333ea;color:#fff}.rank-info-tooltip[data-astro-cid-fb2j7reu]{position:fixed;background:#1e293b;color:#f8fafc;border:1px solid #334155;padding:12px;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;line-height:1.5;z-index:100000;box-shadow:0 10px 25px #0000004d;text-align:center;pointer-events:none;width:250px;transform:translate(-50%,10px);opacity:0;transition:opacity .2s,transform .2s}.rank-info-tooltip[data-astro-cid-fb2j7reu].show{opacity:1;transform:translate(-50%);pointer-events:auto}.rank-info-tooltip[data-astro-cid-fb2j7reu].hidden{display:none}.rank-info-tooltip[data-astro-cid-fb2j7reu]:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid;border-color:transparent transparent #1e293b transparent}:root.dark .rank-info-tooltip[data-astro-cid-fb2j7reu]{background:#0f172a;border-color:#1e293b}:root.dark .rank-info-tooltip[data-astro-cid-fb2j7reu]:after{border-color:transparent transparent #0f172a transparent}.xp-body[data-astro-cid-fb2j7reu]{padding:24px;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.progress-section[data-astro-cid-fb2j7reu]{margin-bottom:32px}.progress-labels[data-astro-cid-fb2j7reu]{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:8px}#xp-current-val[data-astro-cid-fb2j7reu]{font-size:1.2rem;font-weight:700;color:var(--text-main)}.progress-bar-bg[data-astro-cid-fb2j7reu]{width:100%;height:12px;background:var(--border-color);border-radius:6px;overflow:hidden}.progress-bar-fill[data-astro-cid-fb2j7reu]{height:100%;width:0%;background:linear-gradient(90deg,#9333ea,#c084fc);border-radius:6px;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.breakdown-section[data-astro-cid-fb2j7reu] h4[data-astro-cid-fb2j7reu],.stats-section[data-astro-cid-fb2j7reu] h4[data-astro-cid-fb2j7reu]{font-size:1rem;color:var(--text-main);margin-bottom:16px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.chart-layout[data-astro-cid-fb2j7reu]{display:flex;align-items:center;gap:24px}.chart-wrapper[data-astro-cid-fb2j7reu]{position:relative;width:120px;height:120px;flex-shrink:0}.donut-chart[data-astro-cid-fb2j7reu]{width:100%;height:100%;transform:rotate(-90deg)}.donut-bg[data-astro-cid-fb2j7reu]{fill:none;stroke:var(--border-color);stroke-width:3.5}.donut-segment[data-astro-cid-fb2j7reu]{fill:none;stroke-width:3.5;stroke-linecap:round;transition:stroke-dasharray 1s ease}.seg-learning[data-astro-cid-fb2j7reu]{stroke:#3b82f6}.seg-review[data-astro-cid-fb2j7reu]{stroke:#10b981}.seg-interaction[data-astro-cid-fb2j7reu]{stroke:#f59e0b}.chart-center[data-astro-cid-fb2j7reu]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}#chart-total-xp[data-astro-cid-fb2j7reu]{font-size:1.25rem;font-weight:800;color:var(--text-main);line-height:1;margin-bottom:2px}.chart-lbl[data-astro-cid-fb2j7reu]{font-size:.75rem;color:var(--text-muted);font-weight:600;text-transform:uppercase}.chart-legend[data-astro-cid-fb2j7reu]{display:flex;flex-direction:column;gap:12px;flex:1}.legend-row[data-astro-cid-fb2j7reu]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.legend-item[data-astro-cid-fb2j7reu]{display:flex;align-items:flex-start;gap:8px}.legend-dot[data-astro-cid-fb2j7reu]{width:12px;height:12px;border-radius:50%;margin-top:4px;flex-shrink:0}.legend-text[data-astro-cid-fb2j7reu]{display:flex;flex-direction:column}.leg-lbl[data-astro-cid-fb2j7reu]{font-size:.85rem;color:var(--text-muted);font-weight:500}.leg-val[data-astro-cid-fb2j7reu]{font-size:1rem;font-weight:700;color:var(--text-main)}.stats-section[data-astro-cid-fb2j7reu]{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.stats-grid[data-astro-cid-fb2j7reu]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center}.stat-box[data-astro-cid-fb2j7reu]{background:var(--bg-color);padding:12px 8px;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;border:1px solid var(--border-color)}.sb-val[data-astro-cid-fb2j7reu]{font-size:1.3rem;font-weight:700;color:var(--text-main);line-height:1.2}.sb-lbl[data-astro-cid-fb2j7reu]{font-size:.7rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-top:4px;line-height:1.3}.sm-stat-icon{font-size:2rem;line-height:1}.sm-stat-col{display:flex;flex-direction:column}.sm-stat-val{font-size:1.8rem;font-weight:800;color:var(--text-main);line-height:1.1;margin-bottom:2px}.sm-stat-lbl{font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.sm-stat-sub{font-size:.75rem;color:var(--text-muted);margin-top:4px}.sm-body{padding:24px;position:relative}.chart-section h4{font-size:1rem;color:var(--text-main);margin-bottom:16px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.bar-chart-wrapper{display:flex;height:180px;align-items:stretch;margin-top:16px;margin-bottom:32px}.y-axis-labels{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding-right:8px;font-size:.75rem;color:var(--text-muted);font-weight:600;width:40px;flex-shrink:0;border-right:2px solid var(--border-color);padding-bottom:24px}.chart-graph-area{flex:1;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:2px solid var(--border-color);padding-bottom:0;margin-bottom:24px;position:relative}.sm-empty-chart{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.95rem;color:var(--text-muted)}.bc-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;position:relative;cursor:pointer;transition:opacity .2s}.bc-col:hover{opacity:.8}.bc-bars-inner{width:100%;max-width:45px;display:flex;align-items:flex-end;justify-content:center;gap:2px;height:100%}.bc-bar-wrap{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;border-radius:4px 4px 0 0;overflow:hidden;background:#00000008}:root.dark .bc-bar-wrap{background:#ffffff08}.bc-seg{width:100%;transition:height .5s ease-out;min-height:4px;border-radius:2px 2px 0 0}.bc-seg-l{background:#3b82f6}.bc-seg-v{background:#10b981}.bc-seg-d{background:#f59e0b}.bc-lbl{position:absolute;bottom:-22px;font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;width:100%;text-align:center}.heatmap-container{width:100%;overflow-x:auto;padding-bottom:8px}.hm-grid{display:grid;grid-template-rows:repeat(7,12px);grid-auto-columns:12px;grid-auto-flow:column;gap:3px}.hm-cell{width:12px;height:12px;border-radius:2px;cursor:pointer;transition:transform .1s}.hm-cell:hover{transform:scale(1.2);box-shadow:0 0 4px #0003;z-index:10}.hm-cell.first-of-month{border:1px solid #22c55e!important}.lvl-0{background:#00000005;border:1px solid rgba(0,0,0,.05)}.lvl-1{background:#fed7aa;border:1px solid #fdba74}.lvl-2{background:#fb923c;border:1px solid #f97316}.lvl-3{background:#ea580c;border:1px solid #c2410c}.lvl-4{background:#9a3412;border:1px solid #7c2d12}:root.dark .lvl-0{background:#ffffff05;border:1px solid rgba(255,255,255,.05)}:root.dark .lvl-1{background:#7c2d12;border-color:#9a3412}:root.dark .lvl-2{background:#c2410c;border-color:#ea580c}:root.dark .lvl-3{background:#f97316;border-color:#fb923c}:root.dark .lvl-4{background:#fdba74;border-color:#fed7aa}.heatmap-legend{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px}.hm-scale{display:flex;gap:3px}.hm-tooltip{position:fixed;background:var(--text-main);color:var(--card-bg);padding:8px 12px;border-radius:6px;font-size:.85rem;font-weight:500;pointer-events:none;z-index:1000000;box-shadow:0 4px 12px #0003;transform:translate(-50%,-100%);margin-top:-8px;white-space:pre-line;text-align:center}.hm-tooltip.hidden{display:none}.countdown-section{margin-top:32px;display:flex;justify-content:center;align-items:center;border-top:1px dashed var(--border-color);padding-top:24px;opacity:.8}.cd-lbl{font-size:.85rem;color:var(--text-muted);font-weight:400}.countdown-timer{font-family:monospace;font-size:.95rem;font-weight:500;color:var(--text-muted);letter-spacing:1px;margin-left:8px;transition:color .2s}.countdown-timer.urgent{color:#f97316!important;font-weight:700!important;opacity:1}@media(max-width:600px){.streak-stats-row{grid-template-columns:1fr}}.dict-modal-header[data-astro-cid-3bifrlsq]{display:flex;flex-direction:column;align-items:stretch;background:var(--bg-color);position:relative;padding:32px 24px 0;border-bottom:none}.btn-icon[data-astro-cid-3bifrlsq]{background:none;border:1px solid transparent;padding:6px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.btn-icon[data-astro-cid-3bifrlsq]:hover{background:var(--card-bg);color:var(--primary-color);border-color:var(--border-color);box-shadow:0 2px 4px #0000000d}.dict-header-main[data-astro-cid-3bifrlsq]{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;margin-bottom:24px;min-height:80px;text-align:center}.dict-hw-box[data-astro-cid-3bifrlsq]{width:100%;display:flex;justify-content:center}.hw-multi-container[data-astro-cid-3bifrlsq]{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.hw-box{width:64px;height:64px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 8px #00000014;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.dict-phonetics[data-astro-cid-3bifrlsq]{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center}.phonetic-row[data-astro-cid-3bifrlsq]{display:flex;align-items:center;gap:8px}.phonetic-row[data-astro-cid-3bifrlsq].hidden{display:none!important}.phonetic-text[data-astro-cid-3bifrlsq]{font-size:1.35rem;color:var(--text-main);font-family:system-ui,sans-serif;font-weight:600}.replay-btn[data-astro-cid-3bifrlsq]{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;padding:6px 12px;border-radius:999px;transition:all .2s;display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;box-shadow:0 2px 4px #00000005}.replay-btn[data-astro-cid-3bifrlsq]:hover{color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 8px #2563eb1a}.dict-star-wrap[data-astro-cid-3bifrlsq]{position:absolute;top:16px;right:56px;background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;transition:color .2s;display:flex;align-items:center;justify-content:center}.dict-star-wrap[data-astro-cid-3bifrlsq]:hover{color:#ca8a04}.dict-star-wrap[data-astro-cid-3bifrlsq].active{color:#eab308}.dict-star-wrap[data-astro-cid-3bifrlsq] .hidden[data-astro-cid-3bifrlsq],.dict-star-wrap[data-astro-cid-3bifrlsq].active .star-outline[data-astro-cid-3bifrlsq]{display:none}.dict-star-wrap[data-astro-cid-3bifrlsq].active .star-filled[data-astro-cid-3bifrlsq]{display:block}.dict-toggles-bar[data-astro-cid-3bifrlsq]{display:flex;flex-direction:row;gap:8px;padding:0 24px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-color)}.segmented-control[data-astro-cid-3bifrlsq]{flex:1;display:flex;background:var(--border-color);padding:4px;border-radius:var(--radius-md);min-width:0}.segmented-btn[data-astro-cid-3bifrlsq]{flex:1;padding:6px 10px;border:none;background:transparent;color:var(--text-muted);font-weight:600;font-size:.8rem;cursor:pointer;border-radius:4px;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segmented-btn[data-astro-cid-3bifrlsq].active{background:var(--card-bg);color:var(--primary-color);box-shadow:0 1px 3px #0000001a}:root.dark .segmented-btn[data-astro-cid-3bifrlsq].active{box-shadow:0 2px 6px #0006}.dict-badges[data-astro-cid-3bifrlsq]{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.dict-body[data-astro-cid-3bifrlsq]{max-height:65vh;overflow-y:auto;padding:20px 24px 24px}.dict-section[data-astro-cid-3bifrlsq]{margin-bottom:28px;padding-bottom:28px;border-bottom:1px dashed var(--border-color)}.dict-section[data-astro-cid-3bifrlsq].hidden{display:none!important}.dict-section[data-astro-cid-3bifrlsq]:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.translation-block[data-astro-cid-3bifrlsq]{background:#2563eb0d;border:1px solid rgba(37,99,235,.15);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px}:root.dark .translation-block[data-astro-cid-3bifrlsq]{background:#60a5fa1a;border-color:#60a5fa33}.dict-section-title[data-astro-cid-3bifrlsq]{font-size:.85rem;text-transform:uppercase;color:var(--text-muted);font-weight:700;letter-spacing:.05em;margin-bottom:12px}.dict-text[data-astro-cid-3bifrlsq]{font-size:1.05rem;line-height:1.6}.zh-text[data-astro-cid-3bifrlsq]{margin-bottom:8px;color:var(--text-main);font-weight:500}.primary-text[data-astro-cid-3bifrlsq]{margin-bottom:4px;color:var(--text-main)}.secondary-text[data-astro-cid-3bifrlsq]{font-size:.95rem;color:var(--text-muted)}.dict-text[data-astro-cid-3bifrlsq].hidden{display:none!important}.shimmer-box[data-astro-cid-3bifrlsq]{width:100%;display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.shimmer-line[data-astro-cid-3bifrlsq]{height:16px;border-radius:4px;animation:shimmer 1.5s infinite linear;background:#e2e8f0;background-image:linear-gradient(90deg,var(--border-color) 0px,var(--bg-color) 50%,var(--border-color) 100%);background-size:400px 100%}:root.dark .shimmer-line[data-astro-cid-3bifrlsq]{background:#334155;background-image:linear-gradient(90deg,var(--border-color) 0px,rgba(255,255,255,.05) 50%,var(--border-color) 100%)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@media(max-width:600px){.dict-toggles-bar[data-astro-cid-3bifrlsq]{padding:0 16px 20px;gap:6px}.segmented-control[data-astro-cid-3bifrlsq]{padding:3px}.segmented-btn[data-astro-cid-3bifrlsq]{padding:8px 4px;font-size:.7rem}}.btn-icon[data-astro-cid-dmbpa2xm]{background:none;border:1px solid transparent;padding:6px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.btn-icon[data-astro-cid-dmbpa2xm]:hover{background:var(--card-bg);color:var(--primary-color);border-color:var(--border-color);box-shadow:0 2px 4px #0000000d}.vm-subtitle[data-astro-cid-dmbpa2xm]{font-size:1rem;margin-bottom:var(--spacing-md);color:var(--text-muted)}.vm-target-char[data-astro-cid-dmbpa2xm]{font-size:1.25rem;font-family:Kaiti TC,KaiTi,STKaiti,serif;color:var(--text-main)}.vm-lessons-list[data-astro-cid-dmbpa2xm]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.vm-empty[data-astro-cid-dmbpa2xm]{text-align:center;color:var(--text-muted);padding:var(--spacing-xl) 0;border:1px dashed var(--border-color);border-radius:var(--radius-md);background:var(--bg-color)}.vm-list-item{padding:16px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;text-decoration:none;transition:transform .1s,border-color .2s,box-shadow .2s}.vm-list-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb14;border-color:var(--primary-color)}.vm-left-col{display:flex;flex-direction:column;gap:6px}.vm-series-kicker{font-size:.75rem;text-transform:uppercase;color:var(--primary-color);font-weight:700;letter-spacing:.05em;margin-bottom:2px}.vm-list-item .vm-title{color:var(--text-main);font-weight:700;font-size:1.1rem;margin-bottom:4px}.vm-tags-row{display:flex;gap:8px;align-items:center}.vm-badge{padding:2px 8px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.vm-badge.completed{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.vm-badge.in-progress{background:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.vm-badge.locked{background:var(--card-bg);color:var(--text-muted);border:1px solid var(--border-color)}:root.dark .vm-badge.completed{background:#34d39926;color:#6ee7b7;border-color:#34d3994d}:root.dark .vm-badge.in-progress{background:#60a5fa26;color:#93c5fd;border-color:#60a5fa4d}:root.dark .vm-badge.locked{background:#64748b40;color:#cbd5e1;border-color:#64748b66}.vm-list-item .vm-arrow{font-size:1.25rem;color:var(--primary-color);font-weight:700}.vm-list-item.locked-item{opacity:.7;filter:grayscale(80%)}custom-dropdown[data-astro-cid-wwe277d2]{display:block;width:100%;position:relative;z-index:90}.custom-dropdown[data-astro-cid-wwe277d2]{position:relative;width:100%}.dropdown-btn[data-astro-cid-wwe277d2]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-color);color:var(--text-main);font-weight:500;font-size:1rem;transition:border-color .2s,box-shadow .2s,background .2s;cursor:pointer;box-sizing:border-box;font-family:inherit}:root.dark .dropdown-btn[data-astro-cid-wwe277d2]{background:var(--bg-color);border-color:var(--border-color)}.dropdown-btn[data-astro-cid-wwe277d2]:hover,.dropdown-btn[data-astro-cid-wwe277d2]:focus{border-color:var(--primary-color);background:var(--card-bg);outline:none;box-shadow:0 0 0 2px #2563eb1a}.dropdown-btn[data-astro-cid-wwe277d2]:disabled{opacity:.5;cursor:not-allowed;border-color:var(--border-color);background:var(--card-bg);box-shadow:none}.dropdown-prefix[data-astro-cid-wwe277d2]:empty{display:none}.dropdown-prefix[data-astro-cid-wwe277d2]{display:flex;align-items:center;margin-right:8px;flex-shrink:0;color:var(--primary-color)}.selected-text[data-astro-cid-wwe277d2]{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron-icon[data-astro-cid-wwe277d2]{color:var(--text-muted);flex-shrink:0;transition:transform .2s;margin-left:8px}.dropdown-btn[data-astro-cid-wwe277d2][aria-expanded=true] .chevron-icon[data-astro-cid-wwe277d2]{transform:rotate(180deg)}.ui-dropdown-menu[data-astro-cid-wwe277d2]{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:280px;overflow-y:auto;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 25px #00000026;list-style:none;padding:0;margin:0;z-index:101;display:none}:root.dark .ui-dropdown-menu[data-astro-cid-wwe277d2]{background:var(--bg-color);border-color:var(--border-color)}.custom-dropdown[data-astro-cid-wwe277d2].open .ui-dropdown-menu[data-astro-cid-wwe277d2]{display:block}.ui-dropdown-menu[data-astro-cid-wwe277d2] li[data-astro-cid-wwe277d2]{padding:.6rem 1rem;cursor:pointer;font-size:.95rem;color:var(--text-main);transition:background .15s;white-space:nowrap}.ui-dropdown-menu[data-astro-cid-wwe277d2] li[data-astro-cid-wwe277d2]:hover,.ui-dropdown-menu[data-astro-cid-wwe277d2] li[data-astro-cid-wwe277d2]:focus{background:var(--bg-color);color:var(--primary-color);outline:none}.ui-dropdown-menu[data-astro-cid-wwe277d2] li[data-astro-cid-wwe277d2].active{background:#2563eb1a;color:var(--primary-color);font-weight:600}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--bg-color: #f1f5f9;--text-main: #0f172a;--text-muted: #64748b;--border-color: #e2e8f0;--card-bg: #ffffff;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--bg-hl-f1: #fce7f3;--text-hl-f1: #9d174d;--bg-hl-f2: #fef9c3;--text-hl-f2: #854d0e;--bg-hl-f3: #f3e8ff;--text-hl-f3: #6b21a8;--bg-hl-m1: #dbeafe;--text-hl-m1: #1e40af;--bg-hl-m2: #dcfce7;--text-hl-m2: #166534;--bg-hl-m3: #ffedd5;--text-hl-m3: #9a3412;--bg-hl-n1: #ccfbf1;--text-hl-n1: #0f766e;--bg-hl-n2: #cffafe;--text-hl-n2: #155e75;--bg-hl-n3: #e0e7ff;--text-hl-n3: #3730a3;--bg-hl-default: #f1f5f9;--text-hl-default: #475569;--bg-hl-narrator: transparent;--text-hl-narrator: #64748b;--border-hl-narrator: #e2e8f0;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-md: .5rem;--radius-lg: .75rem;--sidebar-width: 280px}:root.dark{--primary-color: #3b82f6;--primary-hover: #60a5fa;--bg-color: #0a1225;--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: #1e293b;--card-bg: #10192c;--color-success: #34d399;--color-warning: #fb923c;--color-danger: #f87171;--bg-hl-f1: rgba(236, 72, 153, .25);--text-hl-f1: #fbcfe8;--bg-hl-f2: rgba(234, 179, 8, .25);--text-hl-f2: #fef08a;--bg-hl-f3: rgba(168, 85, 247, .25);--text-hl-f3: #e9d5ff;--bg-hl-m1: rgba(59, 130, 246, .25);--text-hl-m1: #bfdbfe;--bg-hl-m2: rgba(34, 197, 94, .25);--text-hl-m2: #bbf7d0;--bg-hl-m3: rgba(249, 115, 22, .25);--text-hl-m3: #fed7aa;--bg-hl-n1: rgba(20, 184, 166, .25);--text-hl-n1: #99f6e4;--bg-hl-n2: rgba(6, 182, 212, .25);--text-hl-n2: #a5f3fc;--bg-hl-n3: rgba(99, 102, 241, .25);--text-hl-n3: #c7d2fe;--bg-hl-default: rgba(100, 116, 139, .25);--text-hl-default: #cbd5e1;--bg-hl-narrator: transparent;--text-hl-narrator: #94a3b8;--border-hl-narrator: #334155;color-scheme:dark}.btn-primary{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:9999px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .2s,transform .1s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-main);border:1px solid var(--border-color);padding:12px 24px;border-radius:9999px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-secondary:hover:not(:disabled){background:var(--card-bg);border-color:var(--text-muted)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:#ef44441a;color:#dc2626;border:1px solid #ef4444;padding:12px 24px;border-radius:9999px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn-danger:hover:not(:disabled){background:#ef4444;color:#fff}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;color:var(--text-main);border:1px solid var(--border-color);padding:12px 24px;border-radius:9999px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-outline:hover:not(:disabled){border-color:var(--text-muted);background:var(--bg-color)}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.btn-massive{width:100%;padding:16px 32px;font-size:1.15rem}button.btn-text,a.btn-text{background:none;border:none;color:var(--primary-color);font-weight:600;font-size:1rem;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}button.btn-text:hover:not(:disabled),a.btn-text:hover:not(:disabled){text-decoration:underline}.btn-premium{background:linear-gradient(135deg,#eab308,#d97706);color:#fff;border:none;padding:12px 24px;border-radius:9999px;font-weight:700;font-size:1rem;cursor:pointer;transition:opacity .2s,transform .1s;text-shadow:0 1px 2px rgba(0,0,0,.2);display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-premium:hover{opacity:.9}.btn-premium:active{transform:scale(.98)}.btn-table-action{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:6px 16px;border-radius:9999px;font-size:.85rem;font-weight:600;cursor:pointer;border:1px solid currentColor;transition:all .2s;white-space:nowrap;user-select:none;background:transparent}.btn-table-action.copy{color:var(--primary-color)}.btn-table-action.copy:hover{background-color:var(--primary-color);color:#fff}.btn-table-action.danger{color:#ef4444}.btn-table-action.danger:hover{background-color:#ef4444;color:#fff}.btn-table-action.success{color:#10b981}.btn-table-action.success:hover{background-color:#10b981;color:#fff}.close-btn{appearance:none;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);transition:color .2s,background .2s;padding:4px;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:4px;z-index:10}.close-btn:hover{color:var(--text-main);background:#64748b1a}.tts-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:50%;transition:all .2s;width:36px;height:36px;padding:7px}.tts-btn.btn-md{width:40px;height:40px;padding:8px}.tts-btn.btn-sm{width:30px;height:30px;padding:6px}.tts-btn:hover{background:var(--border-color);color:var(--text-main)}.tts-btn:active{transform:scale(.95)}.tts-btn svg{width:100%;height:100%;transition:opacity .2s}.tts-btn.playing{background:#2563eb1a;color:var(--primary-color);border-color:#2563eb4d;animation:pulse-ring 2s infinite}.tts-btn.loading svg{opacity:0}.tts-btn.loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid var(--primary-color);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.info-btn{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--border-color);color:var(--text-muted);border:none;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.info-btn:hover{background:var(--primary-color);color:#fff}.btn-circle-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:all .2s;flex-shrink:0;padding:0;outline:none}.btn-circle-icon svg{width:18px;height:18px;pointer-events:none}.btn-circle-icon:hover:not(:disabled){background:var(--bg-color);color:var(--primary-color);border-color:var(--primary-color);box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.btn-circle-icon:active:not(:disabled){transform:scale(.95);box-shadow:none}.btn-circle-icon:disabled{opacity:.5;cursor:not-allowed}.btn-circle-icon.danger:hover:not(:disabled){background:#fef2f2;color:#ef4444;border-color:#ef4444}:root.dark .btn-circle-icon.danger:hover:not(:disabled){background:#ef44441a}.btn-pen{background:#ffffff80;border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s}:root.dark .btn-pen{background:#0000004d}.btn-pen:hover{border-color:var(--primary-color);color:var(--primary-color)}.dropdown-wrapper{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 25px #0000001a;z-index:1000;min-width:180px;display:none;flex-direction:column;padding:6px;transform-origin:top right;animation:popIn .15s cubic-bezier(.16,1,.3,1)}.dropdown-menu.show{display:flex}.dropdown-item{background:transparent;border:none;padding:10px 14px;text-align:left;cursor:pointer;color:var(--text-main);font-size:.9rem;font-weight:500;border-radius:4px;transition:background .15s,color .15s;display:flex;align-items:center;gap:10px;width:100%}.dropdown-item:hover{background:var(--bg-color);color:var(--primary-color)}.dropdown-item.danger{color:var(--color-danger)}.dropdown-item.danger:hover{background:#ef44441a;color:#dc2626}.modern-form{display:flex;flex-direction:column;gap:24px}.form-row{display:flex;flex-wrap:wrap;gap:20px}.form-row .form-group{flex:1;min-width:150px}.form-group{display:flex;flex-direction:column;gap:8px;min-width:0}.form-group label{font-size:.85rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.modern-input,.form-group input,.form-group textarea{padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-color);color:var(--text-main);font-size:1rem;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box;font-family:inherit}.modern-input:focus,.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb1a;background:var(--card-bg)}.modern-input:disabled,.form-group input:disabled,.form-group textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-color)}.form-group-check{display:flex;align-items:flex-start;gap:8px;margin-top:4px}.form-group-check input[type=checkbox]{width:auto;margin-top:3px;cursor:pointer}.form-group-check label{font-size:.85rem;font-weight:400;line-height:1.4;cursor:pointer;color:var(--text-main);text-transform:none;letter-spacing:normal}.ds-tabs{display:flex;gap:8px;flex-wrap:wrap}.ds-tab{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-color);padding:8px 18px;border-radius:9999px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s;font-size:.9rem;user-select:none}.ds-tab:hover{border-color:var(--primary-color);color:var(--primary-color)}.ds-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.ds-sub-tabs{display:flex;gap:var(--spacing-sm);border-bottom:1px solid var(--border-color);padding:0 8px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none}.ds-sub-tabs::-webkit-scrollbar{display:none}.ds-sub-tab{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:12px 16px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color .2s;font-size:.95rem;user-select:none;white-space:nowrap;margin-bottom:-1px}.ds-sub-tab:hover{color:var(--text-main)}.ds-sub-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.toggle-switch-wrapper{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;touch-action:pan-y}.switch{position:relative;display:inline-block;width:100%;height:100%;vertical-align:middle}.toggle-checkbox,.switch input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);border-radius:24px;transition:.3s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0000001a}.toggle-checkbox:checked+.slider,.switch input[type=checkbox]:checked+.slider{background-color:var(--color-success)}.toggle-checkbox:checked+.slider:before,.switch input[type=checkbox]:checked+.slider:before{transform:translate(20px)}.toggle-checkbox:disabled+.slider,.switch input[type=checkbox]:disabled+.slider{opacity:.5;cursor:not-allowed}.type-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;color:#fff;letter-spacing:.05em;background:#00000080;padding:.15rem .5rem;border-radius:4px;border:1px solid rgba(255,255,255,.2)}.premium-badge{font-size:.85rem;background:#eab30826;padding:2px 6px;border-radius:4px;border:1px solid rgba(234,179,8,.3);display:inline-flex;align-items:center;justify-content:center}.difficulty-badge{padding:.15rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.diff-beginner{background:var(--bg-hl-m1);color:var(--text-hl-m1)}.diff-intermediate{background:var(--bg-hl-f2);color:var(--text-hl-f2)}.diff-advanced{background:#fecdd3;color:#9f1239}:root.dark .diff-advanced{background:#f43f5e33;color:#fda4af}.diff-unknown{background:var(--bg-color);color:var(--text-muted)}.status-label{font-size:.85rem;font-weight:700}.status-unlocked{color:var(--text-muted)}.status-locked{color:var(--text-muted);opacity:.8}.status-mastered{color:var(--color-success)}.status-familiar{color:var(--primary-color)}.status-needs-work{color:var(--color-warning)}.status-introduced{color:var(--primary-color)}.pos-badge{padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:1px solid}.pos-noun{background:#3b82f61a;color:#2563eb;border-color:#3b82f640}.pos-verb{background:#ef44441a;color:#dc2626;border-color:#ef444440}.pos-adjective{background:#10b9811a;color:#059669;border-color:#10b98140}.pos-adverb{background:#f59e0b1a;color:#d97706;border-color:#f59e0b40}.pos-pronoun{background:#8b5cf61a;color:#7c3aed;border-color:#8b5cf640}.pos-preposition{background:#0d94881a;color:#0d9488;border-color:#0d948840}.pos-conjunction{background:#eab3081a;color:#ca8a04;border-color:#eab30840}.pos-determiner{background:#ec48991a;color:#db2777;border-color:#ec489940}.pos-interjection{background:#6366f11a;color:#4f46e5;border-color:#6366f140}.pos-particle{background:#64748b1a;color:#475569;border-color:#64748b40}.pos-measureword{background:#06b6d41a;color:#0891b2;border-color:#06b6d440}.pos-numeral{background:#84cc161a;color:#65a30d;border-color:#84cc1640}.pos-phrase{background:#f43f5e1a;color:#c9425f;border-color:#f43f5e40}.pos-idiom{background:#d946ef1a;color:#c026d3;border-color:#d946ef40}.pos-propernoun{background:#a855f71a;color:#9333ea;border-color:#a855f740}.pos-abbreviation{background:#4755691a;color:#334155;border-color:#47556940}.pos-character{background:#6b72801a;color:#4b5563;border-color:#6b728040}:root.dark .pos-noun{color:#60a5fa;border-color:#60a5fa4d}:root.dark .pos-verb{color:#f87171;border-color:#f871714d}:root.dark .pos-adjective{color:#34d399;border-color:#34d3994d}:root.dark .pos-adverb{color:#fbbf24;border-color:#fbbf244d}:root.dark .pos-pronoun{color:#a78bfa;border-color:#a78bfa4d}:root.dark .pos-preposition{color:#2dd4bf;border-color:#2dd4bf4d}:root.dark .pos-conjunction{color:#facc15;border-color:#facc154d}:root.dark .pos-determiner{color:#f472b6;border-color:#f472b64d}:root.dark .pos-interjection{color:#818cf8;border-color:#818cf84d}:root.dark .pos-particle{color:#94a3b8;border-color:#94a3b84d}:root.dark .pos-measureword{color:#22d3ee;border-color:#22d3ee4d}:root.dark .pos-numeral{color:#a3e635;border-color:#a3e6354d}:root.dark .pos-phrase{color:#fb7185;border-color:#fb71854d}:root.dark .pos-idiom{color:#e879f9;border-color:#e879f94d}:root.dark .pos-propernoun{color:#c084fc;border-color:#c084fc4d}:root.dark .pos-abbreviation{color:#cbd5e1;border-color:#cbd5e14d}:root.dark .pos-character{color:#9ca3af;border-color:#9ca3af4d}.status-pill{display:inline-flex;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;align-items:center;justify-content:center}.status-inactive{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}:root.dark .status-inactive{background:#ffffff0d;color:#94a3b8;border-color:#334155}.status-active{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}:root.dark .status-active{background:#34d3991a;color:#6ee7b7;border-color:#34d3994d}.speaker-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:0}.badge-hl-f1{background-color:var(--bg-hl-f1);color:var(--text-hl-f1)}.badge-hl-f2{background-color:var(--bg-hl-f2);color:var(--text-hl-f2)}.badge-hl-f3{background-color:var(--bg-hl-f3);color:var(--text-hl-f3)}.badge-hl-m1{background-color:var(--bg-hl-m1);color:var(--text-hl-m1)}.badge-hl-m2{background-color:var(--bg-hl-m2);color:var(--text-hl-m2)}.badge-hl-m3{background-color:var(--bg-hl-m3);color:var(--text-hl-m3)}.badge-hl-n1{background-color:var(--bg-hl-n1);color:var(--text-hl-n1)}.badge-hl-n2{background-color:var(--bg-hl-n2);color:var(--text-hl-n2)}.badge-hl-n3{background-color:var(--bg-hl-n3);color:var(--text-hl-n3)}.badge-hl-default{background-color:var(--bg-hl-default);color:var(--text-hl-default)}.badge-hl-narrator{background-color:var(--bg-hl-narrator);color:var(--text-hl-narrator);border:1px solid var(--border-hl-narrator);border-radius:4px}.text-main{color:var(--text-main)}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary-color)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-center{text-align:center}.page-title{font-size:2rem;margin-bottom:var(--spacing-sm);color:var(--text-main);font-weight:700;letter-spacing:-.02em}.page-desc{font-size:1.05rem;color:var(--text-muted);line-height:1.5;margin-bottom:var(--spacing-xl)}.ruby-text-container{display:flex;flex-wrap:wrap;row-gap:20px;justify-content:flex-start;align-items:flex-end}.ruby-text-container.hidden{display:none}.hide-ruby rt{display:none!important}ruby{font-size:2.1rem;font-weight:500;font-family:Kaiti TC,KaiTi,STKaiti,serif;ruby-position:over;ruby-align:center;text-align:center;line-height:1;color:var(--text-main);border-radius:8px;padding:24px 6px 6px;margin-right:6px;transition:background-color .1s,opacity .2s}rt{font-size:.85rem;color:var(--text-muted);font-family:system-ui,sans-serif;font-weight:600;margin-bottom:4px}@media(min-width:600px){.ruby-text-container{row-gap:24px}ruby{font-size:2.5rem;padding:30px 10px 6px;margin-right:8px}rt{font-size:1rem}}.char-clickable{cursor:pointer;transition:opacity .2s}.char-clickable:hover{opacity:.8}ruby.shape-start{margin-right:0;border-top-right-radius:0;border-bottom-right-radius:0}ruby.shape-middle{margin-right:0;border-radius:0}ruby.shape-end{margin-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.vocab-hl{font-weight:600;padding:2px 6px;border-radius:4px;margin:0 2px}ruby.vocab-highlight{color:var(--primary-color);border-bottom:none!important;box-shadow:none!important}ruby.vocab-highlight rt{color:var(--primary-color);opacity:.8}.vocab-hl-1,ruby.vocab-hl-1 rt{color:#2563eb}.vocab-hl-1{background:#2563eb0d!important}.vocab-hl-2,ruby.vocab-hl-2 rt{color:#059669}.vocab-hl-2{background:#0596690d!important}.vocab-hl-3,ruby.vocab-hl-3 rt{color:#7c3aed}.vocab-hl-3{background:#7c3aed0d!important}.vocab-hl-4,ruby.vocab-hl-4 rt{color:#ea580c}.vocab-hl-4{background:#ea580c0d!important}.vocab-hl-5,ruby.vocab-hl-5 rt{color:#db2777}.vocab-hl-5{background:#db27770d!important}.vocab-hl-6,ruby.vocab-hl-6 rt{color:#0d9488}.vocab-hl-6{background:#0d94880d!important}.vocab-hl-7,ruby.vocab-hl-7 rt{color:#b45309}.vocab-hl-7{background:#b453090d!important}.vocab-hl-8,ruby.vocab-hl-8 rt{color:#dc2626}.vocab-hl-8{background:#dc26260d!important}:root.dark .vocab-hl-1,:root.dark ruby.vocab-hl-1 rt{color:#60a5fa}:root.dark .vocab-hl-1{background:#60a5fa1a!important}:root.dark .vocab-hl-2,:root.dark ruby.vocab-hl-2 rt{color:#34d399}:root.dark .vocab-hl-2{background:#34d3991a!important}:root.dark .vocab-hl-3,:root.dark ruby.vocab-hl-3 rt{color:#a78bfa}:root.dark .vocab-hl-3{background:#a78bfa1a!important}:root.dark .vocab-hl-4,:root.dark ruby.vocab-hl-4 rt{color:#fb923c}:root.dark .vocab-hl-4{background:#fb923c1a!important}:root.dark .vocab-hl-5,:root.dark ruby.vocab-hl-5 rt{color:#f472b6}:root.dark .vocab-hl-5{background:#f472b61a!important}:root.dark .vocab-hl-6,:root.dark ruby.vocab-hl-6 rt{color:#2dd4bf}:root.dark .vocab-hl-6{background:#2dd4bf1a!important}:root.dark .vocab-hl-7,:root.dark ruby.vocab-hl-7 rt{color:#facc15}:root.dark .vocab-hl-7{background:#facc151a!important}:root.dark .vocab-hl-8,:root.dark ruby.vocab-hl-8 rt{color:#f87171}:root.dark .vocab-hl-8{background:#f871711a!important}.trans-clickable{cursor:pointer;transition:opacity .2s,transform .2s,box-shadow .2s;display:inline-block}.trans-clickable:hover{opacity:.9;transform:translateY(-1px)}.trans-clickable.vocab-hl-1{box-shadow:0 2px #2563eb40}.trans-clickable.vocab-hl-2{box-shadow:0 2px #05966940}.trans-clickable.vocab-hl-3{box-shadow:0 2px #7c3aed40}.trans-clickable.vocab-hl-4{box-shadow:0 2px #ea580c40}.trans-clickable.vocab-hl-5{box-shadow:0 2px #db277740}.trans-clickable.vocab-hl-6{box-shadow:0 2px #0d948840}.trans-clickable.vocab-hl-7{box-shadow:0 2px #b4530940}.trans-clickable.vocab-hl-8{box-shadow:0 2px #dc262640}.trans-clickable.vocab-hl-1:hover{box-shadow:0 3px #2563eb4d}.trans-clickable.vocab-hl-2:hover{box-shadow:0 3px #0596694d}.trans-clickable.vocab-hl-3:hover{box-shadow:0 3px #7c3aed4d}.trans-clickable.vocab-hl-4:hover{box-shadow:0 3px #ea580c4d}.trans-clickable.vocab-hl-5:hover{box-shadow:0 3px #db27774d}.trans-clickable.vocab-hl-6:hover{box-shadow:0 3px #0d94884d}.trans-clickable.vocab-hl-7:hover{box-shadow:0 3px #b453094d}.trans-clickable.vocab-hl-8:hover{box-shadow:0 3px #dc26264d}:root.dark .trans-clickable.vocab-hl-1{box-shadow:0 2px #60a5fa4d}:root.dark .trans-clickable.vocab-hl-2{box-shadow:0 2px #34d3994d}:root.dark .trans-clickable.vocab-hl-3{box-shadow:0 2px #a78bfa4d}:root.dark .trans-clickable.vocab-hl-4{box-shadow:0 2px #fb923c4d}:root.dark .trans-clickable.vocab-hl-5{box-shadow:0 2px #f472b64d}:root.dark .trans-clickable.vocab-hl-6{box-shadow:0 2px #2dd4bf4d}:root.dark .trans-clickable.vocab-hl-7{box-shadow:0 2px #facc154d}:root.dark .trans-clickable.vocab-hl-8{box-shadow:0 2px #f871714d}:root.dark .trans-clickable.vocab-hl-1:hover{box-shadow:0 3px #60a5fa66}:root.dark .trans-clickable.vocab-hl-2:hover{box-shadow:0 3px #34d39966}:root.dark .trans-clickable.vocab-hl-3:hover{box-shadow:0 3px #a78bfa66}:root.dark .trans-clickable.vocab-hl-4:hover{box-shadow:0 3px #fb923c66}:root.dark .trans-clickable.vocab-hl-5:hover{box-shadow:0 3px #f472b666}:root.dark .trans-clickable.vocab-hl-6:hover{box-shadow:0 3px #2dd4bf66}:root.dark .trans-clickable.vocab-hl-7:hover{box-shadow:0 3px #facc1566}:root.dark .trans-clickable.vocab-hl-8:hover{box-shadow:0 3px #f8717166}ruby.karaoke-hl-f1{background-color:var(--bg-hl-f1)!important;color:var(--text-hl-f1);border-radius:4px}ruby.karaoke-hl-f2{background-color:var(--bg-hl-f2)!important;color:var(--text-hl-f2);border-radius:4px}ruby.karaoke-hl-f3{background-color:var(--bg-hl-f3)!important;color:var(--text-hl-f3);border-radius:4px}ruby.karaoke-hl-m1{background-color:var(--bg-hl-m1)!important;color:var(--text-hl-m1);border-radius:4px}ruby.karaoke-hl-m2{background-color:var(--bg-hl-m2)!important;color:var(--text-hl-m2);border-radius:4px}ruby.karaoke-hl-m3{background-color:var(--bg-hl-m3)!important;color:var(--text-hl-m3);border-radius:4px}ruby.karaoke-hl-n1{background-color:var(--bg-hl-n1)!important;color:var(--text-hl-n1);border-radius:4px}ruby.karaoke-hl-n2{background-color:var(--bg-hl-n2)!important;color:var(--text-hl-n2);border-radius:4px}ruby.karaoke-hl-n3{background-color:var(--bg-hl-n3)!important;color:var(--text-hl-n3);border-radius:4px}ruby.karaoke-hl-default{background-color:var(--bg-hl-default)!important;color:var(--text-hl-default);border-radius:4px}ruby.karaoke-hl-narrator{background-color:var(--bg-hl-narrator)!important;color:var(--text-hl-narrator);border:1px solid var(--border-hl-narrator);border-radius:4px}.settings-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.admin-panel{background:var(--card-bg);padding:32px;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 4px 12px #0000000d;animation:fadeIn .2s ease;overflow:hidden}.card-section-title{font-size:1.3rem;color:var(--text-main);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-color);display:inline-block;align-self:flex-start;margin-bottom:16px}.callout{display:flex;align-items:flex-start;gap:16px;padding:16px;border-radius:var(--radius-md);font-size:.95rem;line-height:1.5;text-align:left}.callout-icon{flex-shrink:0;font-size:1.4rem;line-height:1;margin-top:2px}.callout-content{flex:1;display:flex;flex-direction:column;gap:6px}.callout-title{font-size:1.05rem;font-weight:700;margin:0}.callout p{margin:0;color:var(--text-main)}.callout ul{margin:0;padding-left:20px;color:var(--text-main)}.callout.info{background:#2563eb0d;border:1px solid rgba(37,99,235,.15)}.callout.info .callout-title{color:var(--primary-color)}.callout.warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.callout.warning .callout-title{color:#d97706}:root.dark .callout.warning .callout-title{color:#fcd34d}.callout.success{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.callout.success .callout-title{color:#059669}:root.dark .callout.success .callout-title{color:#6ee7b7}.content-card{position:relative;display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden;height:100%;color:inherit}.content-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:var(--primary-color)}.content-card.disabled-card:hover{transform:none;box-shadow:none;border-color:var(--border-color)}.content-card .card-link-overlay{position:absolute;inset:0;z-index:10}.content-card .card-cover{width:100%;height:160px;position:relative;background:var(--bg-color);flex-shrink:0}.content-card .card-cover img{width:100%;height:100%;object-fit:cover}.content-card .cover-gradient{position:absolute;bottom:0;left:0;width:100%;height:60%;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);pointer-events:none}.content-card .cover-badges{position:absolute;bottom:12px;left:16px;display:flex;align-items:center;gap:8px;z-index:5;flex-wrap:wrap}.content-card .card-body{padding:20px;flex:1;display:flex;flex-direction:column;position:relative;z-index:5;pointer-events:none}.content-card .cb-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:12px}.content-card .cb-title-box{flex:1}.content-card .cb-actions{display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:auto;flex-shrink:0;z-index:15}.content-card .card-kicker{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--primary-color);margin-bottom:6px}.content-card .card-title{font-size:1.4rem;font-weight:700;margin-bottom:0;color:var(--text-main);line-height:1.2}.content-card .card-desc{font-size:.95rem;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px}.content-card .card-footer{margin-top:auto;padding-top:16px;display:flex;flex-direction:column}.gate-wall{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;padding:2rem}.gate-wall-card{background:var(--card-bg);padding:3rem 2rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 4px 12px #0000000d;max-width:450px;width:100%;display:flex;flex-direction:column;align-items:center}.gate-wall-icon{font-size:3rem;margin-bottom:1rem;line-height:1}.gate-wall-title{font-size:1.5rem;margin-bottom:1rem;color:var(--text-main);font-weight:700}.gate-wall-desc{color:var(--text-muted);margin-bottom:2rem;line-height:1.5;font-size:1rem}.empty-state{text-align:center;padding:var(--spacing-xl);background:var(--bg-color);border:1px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.empty-state-icon{font-size:2.5rem;opacity:.8;margin-bottom:8px}.empty-state-title{font-size:1.1rem;font-weight:600;color:var(--text-main);margin:0}.empty-state-desc{font-size:.95rem;margin:0;max-width:400px;line-height:1.5}.content-card .fallback-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.content-card .fallback-svg{width:100%;height:100%}.content-card .card-overlay{position:absolute;inset:0;background:#f1f5f9d9;backdrop-filter:blur(2px);z-index:20;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-muted);padding:var(--spacing-md);text-align:center}:root.dark .content-card .card-overlay{background:#0f172ad9}.content-card .card-overlay.hidden{display:none}.content-card .overlay-icon svg{width:32px;height:32px;margin-bottom:8px;opacity:.7}.content-card .overlay-text{font-weight:600;font-size:1rem}.entity-list-item{display:flex;align-items:center;gap:16px;padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);cursor:pointer;transition:all .2s}.entity-list-item:hover{border-color:var(--primary-color);background:#2563eb0d;transform:translateY(-1px);box-shadow:0 4px 6px #0000000d}:root.dark .entity-list-item:hover{background:#60a5fa0d}.entity-thumb{width:48px;height:48px;border-radius:6px;flex-shrink:0;overflow:hidden;background:var(--bg-color);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.entity-thumb img{width:100%;height:100%;object-fit:cover}.entity-thumb-fallback{font-size:1.2rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.entity-info{display:flex;flex-direction:column;flex:1;min-width:0}.entity-info-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.entity-title{font-weight:600;color:var(--text-main);font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entity-type{font-size:.65rem;text-transform:uppercase;font-weight:800;letter-spacing:.05em;color:var(--primary-color);background:#2563eb1a;padding:2px 6px;border-radius:4px;flex-shrink:0}.entity-id{font-size:.8rem;color:var(--text-muted);font-family:monospace;background:var(--bg-color);padding:2px 6px;border-radius:4px;align-self:flex-start}html.admin-edit-mode .admin-editable-container{position:relative}html.admin-edit-mode .content-card .admin-editable-container{z-index:20}.admin-edit-overlay{position:absolute;inset:0;z-index:50;background:#0006;backdrop-filter:blur(2px);display:none;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity .2s;pointer-events:none;border-radius:inherit}html.admin-edit-mode .admin-editable-container .admin-edit-overlay{display:flex}html.admin-edit-mode .admin-editable-container:hover .admin-edit-overlay,html.admin-edit-mode .admin-editable-container:focus-within .admin-edit-overlay{opacity:1;pointer-events:none}.admin-edit-overlay .btn-admin-edit,.admin-edit-overlay .btn-admin-unlink{pointer-events:auto}.btn-admin-edit{display:flex;align-items:center;gap:8px;background:var(--card-bg);color:var(--text-main);border:2px solid var(--primary-color);border-radius:999px;padding:10px 20px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #0003;transition:transform .1s,background .2s;pointer-events:auto!important;position:relative!important;z-index:99999!important}.btn-admin-edit:hover{background:var(--primary-color);color:#fff}.btn-admin-edit:active{transform:scale(.95)}.btn-admin-unlink{display:flex;align-items:center;justify-content:center;background:var(--card-bg);color:#ef4444;border:2px solid #ef4444;border-radius:50%;width:44px;height:44px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #0003;transition:transform .1s,background .2s,color .2s;pointer-events:auto!important;position:relative!important;z-index:99999!important}.btn-admin-unlink:hover{background:#ef4444;color:#fff}.btn-admin-unlink:active{transform:scale(.95)}.asset-dropzone{width:100%;border:2px dashed var(--border-color);border-radius:var(--radius-lg);background:var(--bg-color);padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:background .2s,border-color .2s;cursor:pointer}.asset-dropzone:hover,.asset-dropzone.dragover{background:#2563eb0d;border-color:var(--primary-color)}.dz-icon{color:var(--text-muted);margin-bottom:12px}.asset-dropzone h4{color:var(--text-main);font-size:1.1rem;margin-bottom:4px}.asset-dropzone p{color:var(--text-muted);font-size:.9rem;margin:0}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}@media(min-width:600px){.asset-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}}.asset-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;position:relative;box-shadow:0 2px 4px #00000005;transition:transform .2s,border-color .2s;cursor:pointer}.asset-card:hover{transform:translateY(-2px);border-color:var(--text-muted)}.asset-card.selected{border-color:var(--primary-color);border-width:2px}.ac-img-wrap{width:100%;aspect-ratio:16/9;background:var(--bg-color);position:relative}.ac-img-wrap img{width:100%;height:100%;object-fit:cover}.ac-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.asset-card:hover .ac-overlay{opacity:1}.ac-check-badge{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--primary-color);color:#fff;border-radius:50%;display:none;align-items:center;justify-content:center;font-weight:700;box-shadow:0 2px 4px #0003}.asset-card.selected .ac-check-badge{display:flex}.ac-info{padding:10px;display:flex;flex-direction:column;gap:4px}.ac-name{font-size:.8rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-meta{font-size:.7rem;color:var(--text-muted)}.fw-modal{border:none;border-radius:var(--radius-lg);box-shadow:0 10px 25px #0003;padding:24px;max-width:400px;width:90vw;background:var(--card-bg);color:var(--text-main);margin:auto}.fw-modal.modal-lg{max-width:550px}.fw-modal::backdrop{background:#00000080;backdrop-filter:blur(2px)}.fw-modal-content{display:flex;flex-direction:column}.fw-modal-content h3{margin-bottom:12px;font-size:1.3rem;margin-top:0;color:var(--text-main);font-weight:700}.fw-modal-content p{color:var(--text-muted);margin-bottom:16px;line-height:1.5;font-size:.95rem}.fw-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-cancel{appearance:none;background:transparent;border:none;color:var(--text-muted);font-weight:600;cursor:pointer;padding:10px 16px;font-size:.95rem;transition:color .2s,background .2s;font-family:inherit;border-radius:var(--radius-md)}.btn-cancel:hover{color:var(--text-main);background:#64748b1a}.app-modal{border:none;border-radius:var(--radius-lg);box-shadow:0 20px 40px #00000040;padding:0;max-width:480px;width:95vw;background:var(--card-bg);color:var(--text-main);margin:auto;overflow:visible}.app-modal.modal-lg{max-width:650px}.app-modal::backdrop{background:#0f172acc;backdrop-filter:blur(4px)}.app-modal-content{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden}.app-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-color);position:relative}.app-modal-header.hero-header{padding:24px;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(135deg,rgba(37,99,235,.05),transparent)}.app-modal-header h3{font-size:1.25rem;font-weight:700;margin:0;color:var(--text-main)}.app-modal-header .close-btn{position:absolute;top:16px;right:16px}.app-modal-body{padding:24px;display:flex;flex-direction:column;gap:var(--spacing-md)}.app-modal-footer{margin-top:8px;text-align:center;font-size:.9rem;color:var(--text-muted);border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.spinner-large{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.flip-container{perspective:1000px}.flip-inner{position:relative;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.flip-container.flipped .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-back{transform:rotateY(180deg)}.table-responsive-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000005}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}.data-table th{background:#00000005;color:var(--text-muted);font-weight:700;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;padding:16px 24px;border-bottom:1px solid var(--border-color);white-space:nowrap}:root.dark .data-table th{background:#ffffff05}.data-table td{padding:16px 24px;color:var(--text-main);border-bottom:1px solid var(--border-color);vertical-align:middle;min-width:120px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background .2s}.data-table tbody tr:hover{background:#2563eb05}:root.dark .data-table tbody tr:hover{background:#60a5fa0d}.td-mono{font-family:monospace;font-weight:600;font-size:.95rem;color:var(--primary-color)}.radial-progress{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-color);border-radius:50%}.radial-progress.sm{width:38px;height:38px}.radial-progress.md{width:44px;height:44px}.radial-progress.lg{width:120px;height:120px}.radial-progress .radial-svg{display:block;width:100%;height:100%;transform:scaleX(-1) rotate(-90deg)}.radial-progress .radial-bg{fill:none;stroke:var(--border-color);stroke-width:3.5}.radial-progress .radial-fill{fill:none;stroke:var(--primary-color);stroke-width:3.5;stroke-linecap:round;transition:stroke-dashoffset .1s linear,stroke .1s linear}.radial-progress .radial-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--text-main)}.radial-progress.lg .radial-text{font-size:1.5rem}.linear-progress{display:flex;gap:4px;width:100%;align-items:center}.linear-progress .seg{flex:1;height:6px;background:var(--border-color);border-radius:3px;transition:background .3s,opacity .3s}.linear-progress .seg.active{background:var(--primary-color)}.linear-progress .seg.completed{background:var(--primary-color);opacity:1}.linear-progress .seg.needs-work{background:var(--color-warning)}.linear-progress .seg.familiar{background:var(--primary-color)}.linear-progress .seg.mastered{background:var(--color-success)}.lesson-progress-segments{display:flex;gap:4px;width:100%;padding:2px 8px;box-sizing:border-box;max-width:600px;margin:0 auto;touch-action:none}.l-seg{flex:1;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}.l-seg:before{content:"";display:block;width:100%;height:5px;border-radius:3px;background:var(--border-color);transition:background .3s,height .2s,transform .2s,opacity .3s}.l-seg.scene-divider{margin-left:12px}.l-seg.seen-behind:before{background:var(--primary-color);opacity:.6}.l-seg.seen-ahead:before{background:var(--primary-color);opacity:.2}.l-seg.active:before{background:var(--primary-color);opacity:1;transform:scaleY(1.3)}.lesson-progress-segments.many-segments{gap:2px}.lesson-progress-segments.many-segments .l-seg:before{width:1px;height:10px;margin:0 auto;border-radius:0;transform:none}.lesson-progress-segments.many-segments .l-seg.active:before{height:14px;opacity:1}body{transition:opacity .2s ease-in}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#page-loader{position:fixed;top:0;left:0;height:3px;background:var(--primary-color);z-index:999999;width:0%;transition:width .2s ease,opacity .2s ease;opacity:0;pointer-events:none}.profile-wrapper{position:relative;margin-left:6px;display:flex;align-items:center}.profile-circle{width:36px;height:36px;border-radius:50%;background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;cursor:pointer;border:none;transition:transform .1s;position:relative}.profile-circle:active{transform:scale(.95)}.main-wrapper{flex:1;display:flex;flex-direction:column;min-height:calc(100vh - 60px);min-width:0;position:relative}.app-content{flex:1 0 auto;padding:var(--spacing-md);padding-bottom:80px;width:100%;max-width:100%;margin:0 auto;transition:max-width .3s ease;display:flex;flex-direction:column}.app-footer{flex-shrink:0;padding:40px 20px 20px;border-top:1px solid var(--border-color);background:var(--bg-color);width:100%}.footer-content{display:flex;flex-direction:column;gap:2rem;max-width:850px;margin:0 auto}@media(min-width:600px){.footer-content{flex-direction:row;justify-content:space-between}}.footer-brand{flex:1;max-width:400px}.footer-desc{font-size:.9rem;color:var(--text-muted);margin-top:1rem;line-height:1.6}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.footer-links a:hover{color:var(--primary-color)}.footer-bottom{text-align:center;font-size:.8rem;color:var(--text-muted);margin-top:3rem;padding-top:1rem;border-top:1px dashed var(--border-color)}*:focus{outline:none}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--primary-color)!important;outline-offset:2px!important}@media(max-width:899px){body.sidebar-closed .app-sidebar-wrapper{width:0;overflow:visible}body.sidebar-closed #sidebar-container{transform:translate(-100%)}}.sb-val-track{display:flex;flex-direction:column;transition:transform .08s ease-in-out;margin:0;padding:0}.sb-val{color:var(--text-main);line-height:1.6rem;height:1.6rem;text-align:center;white-space:nowrap;transition:color .2s;font-weight:700}.hw-spinner{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px;width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite;z-index:5}.lesson-intro-modal{position:fixed;inset:0;background:var(--bg-color);z-index:2147483647;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;opacity:0;pointer-events:none;transition:opacity .3s ease,left .3s ease}@media(min-width:900px){.lesson-intro-modal{top:60px;left:280px;z-index:1000}body.sidebar-closed .lesson-intro-modal{left:0}}.lesson-intro-modal.show{opacity:1;pointer-events:auto}.lim-content{width:100%;max-width:600px;display:flex;flex-direction:column;gap:var(--spacing-md);background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014;border:1px solid var(--border-color);padding:var(--spacing-xl);margin:0 auto}:root.dark .lim-content{box-shadow:0 4px 12px #0003}.lim-title{display:none}.lim-desc{font-size:1.15rem;color:var(--text-main);line-height:1.6;text-align:center}.lim-sec-desc{font-size:1rem;color:var(--text-muted);line-height:1.6;text-align:center}.lim-footer{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--primary-color);font-weight:600}.lim-spinner{width:32px;height:32px;border:3px solid rgba(37,99,235,.2);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.streak-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%}.streak-stat-box{display:flex;align-items:center;gap:12px;background:var(--card-bg);padding:16px;border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:0 2px 8px #00000005}.streak-stat-box.active{border-color:#f9731666;box-shadow:0 4px 12px #f973161a}.user-display{font-size:1.1rem;font-weight:700;margin:0;color:var(--text-muted)}.rank-hero{display:flex;align-items:center;gap:20px}.rank-icon-wrapper{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:#9333ea}:root.dark .rank-icon-wrapper{color:#c084fc}@font-face{font-family:UseYuBrand;src:url(/fonts/useyu.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}html.i18n-loading body{opacity:0!important;visibility:hidden!important}.offline-indicator{position:absolute;top:-2px;left:-2px;width:14px;height:14px;background:#ef4444;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--card-bg);z-index:10;box-shadow:0 1px 3px #0003}.offline-indicator svg{width:8px;height:8px}.offline-indicator.hidden{display:none}.premium-crown{position:absolute;bottom:-6px;right:-6px;width:18px;height:18px;color:#eab308;background:var(--card-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #00000026;border:1px solid var(--border-color)}.premium-crown svg{width:12px;height:12px;fill:currentColor}.premium-crown.hidden{display:none}.profile-menu{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;z-index:1000;overflow:hidden}.profile-menu.hidden{display:none}.profile-menu a,.profile-menu button{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:none;border:none;cursor:pointer;color:var(--text-main);font-size:.95rem;text-decoration:none;font-family:inherit;width:100%;transition:background .2s}.profile-menu a:hover,.profile-menu button:hover{background:var(--bg-color);color:var(--primary-color)}.menu-divider{height:1px;background:var(--border-color);margin:4px 0;width:100%}.menu-icon-wrap{display:flex;align-items:center;gap:10px}.menu-val{font-size:.8rem;color:var(--text-muted);font-weight:500}.lang-badge{display:inline-flex;align-items:center;justify-content:center;background:#2563eb1a;color:var(--primary-color);font-size:.6rem;font-weight:700;border-radius:4px;padding:2px 4px;text-transform:lowercase}:root.dark .lang-badge{background:#60a5fa26;color:#93c5fd}.so-timer{width:20px;height:20px;position:relative;flex-shrink:0;transform:rotate(-90deg)}.so-bg{fill:none;stroke:var(--border-color);stroke-width:3}.so-fill{fill:none;stroke:#ef4444;stroke-width:3;stroke-dasharray:63;stroke-dashoffset:0;transition:stroke-dashoffset 6s linear}.so-timer.animating .so-fill{stroke-dashoffset:63}.so-text{color:#ef4444;font-weight:600}.so-text.idle{color:var(--text-main);font-weight:400}.so-btn:hover .so-text.idle{color:#ef4444}.lock-icon{font-size:.8rem;opacity:.5;display:none}html:not(.is-authenticated) .auth-req-link .lock-icon{display:inline-block}:root.dark .xp-badge,:root.dark .streak-badge{background:#0003}.xp-badge:hover,.streak-badge:hover{background:var(--bg-color);transform:scale(1.05)}.xp-badge.active{border-color:#9333ea4d;background:#9333ea0d}.streak-badge.active{border-color:#f973164d;background:#f973160d}.xp-icon-text{font-size:.55rem;font-weight:800;text-transform:uppercase;color:#a855f7;letter-spacing:.05em;margin-bottom:-1px}.xp-count,.streak-count{font-size:.8rem;font-weight:700;color:var(--text-main);display:inline-flex;overflow:hidden}.streak-icon{font-size:.6rem;margin-top:-1px}.xp-badge.hidden,.streak-badge.hidden{display:none}.lang-modal{border:none;border-radius:var(--radius-lg);box-shadow:0 10px 30px #0003;padding:0;max-width:400px;width:90vw;background:var(--card-bg);color:var(--text-main);margin:auto;overflow:hidden}.lang-modal::backdrop{background:#00000080;backdrop-filter:blur(2px)}.lm-header{padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-color);display:flex;justify-content:space-between;align-items:center}.lm-header h3{font-size:1.15rem;margin:0;font-weight:600}.lm-body{padding:16px 20px;max-height:50vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.lm-opt{appearance:none;-webkit-appearance:none;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;font-size:1rem;font-weight:500;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);font-family:inherit}.lm-opt:hover{background:var(--bg-color);border-color:var(--primary-color)}.lm-opt.selected{background:#2563eb0d;color:var(--primary-color);border:1px solid rgba(37,99,235,.3);box-shadow:0 2px 8px #2563eb1a}:root.dark .lm-opt.selected{background:#60a5fa1a;border-color:#60a5fa4d;box-shadow:0 2px 8px #0003}.lm-check{opacity:0;color:var(--primary-color);font-weight:700}.lm-opt.active-lang .lm-check{opacity:1}.lm-actions{padding:16px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px;background:var(--bg-color)}.btn-submit{appearance:none;background:var(--primary-color);color:#fff;border:none;padding:10px 24px;border-radius:9999px;font-weight:600;cursor:pointer;transition:background .2s,box-shadow .2s;font-size:.95rem;font-family:inherit;box-shadow:0 2px 4px #2563eb33}.btn-submit:hover{background:var(--primary-hover);box-shadow:0 4px 12px #2563eb4d}.pwa-update-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#1e293b;color:#f8fafc;padding:16px 24px;border-radius:var(--radius-lg);font-weight:500;font-size:.95rem;box-shadow:0 10px 25px #0000004d;z-index:100000;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:320px;animation:slideUp .3s ease forwards;border:1px solid #334155}.pwa-update-toast button{background:var(--primary-color);color:#fff;border:none;padding:8px 16px;border-radius:999px;font-weight:700;cursor:pointer;transition:background .2s}.pwa-update-toast button:hover{background:var(--primary-hover)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.offline-warning-banner{background:var(--color-danger);color:#fff;text-align:center;padding:8px 16px;font-size:.9rem;font-weight:600;box-shadow:0 2px 4px #0000001a;display:none;justify-content:center;align-items:center;gap:8px;z-index:50}.offline-warning-banner.show{display:flex}.offline-warning-banner button{background:#0003;color:#fff;border:1px solid rgba(255,255,255,.4);padding:4px 12px;border-radius:999px;cursor:pointer;transition:all .2s;font-size:.8rem;font-weight:700}.offline-warning-banner button:hover{background:#0006}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-main);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}@media(max-width:899px){.hide-mobile{display:none!important}}.mobile-only{display:none!important}@media(max-width:899px){.mobile-only{display:flex!important}}rt,.sm-pinyin,.fc-pinyin,.fc-jyutping,.mfc-rom,.tt-rom{user-select:none;-webkit-user-select:none}.brand-text{font-family:UseYuBrand,sans-serif;font-size:1.6rem;font-weight:400;color:var(--primary-color);transition:color .3s,text-shadow .3s;letter-spacing:-.02em}:root.dark .brand-text{color:#60a5fa;text-shadow:0 0 12px rgba(96,165,250,.3)}.footer-brand-text{font-family:UseYuBrand,sans-serif;font-size:2.5rem;color:var(--text-muted);filter:grayscale(100%);opacity:.6;transition:opacity .3s,text-shadow .3s}:root.dark .footer-brand-text{color:#475569;text-shadow:0 0 10px rgba(255,255,255,.05);opacity:.8}.app-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--card-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:60;height:60px;box-shadow:0 1px 3px #00000005}.nav-toggle-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:color .2s}.nav-toggle-btn:hover{color:var(--primary-color)}.logo a{display:flex;align-items:center;gap:8px;text-decoration:none}.header-left{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;padding-right:8px}.persistent-controls{display:flex;align-items:center;gap:4px;margin-left:auto}.xp-badge,.streak-badge{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 6px;gap:4px;border-radius:16px;background:#ffffff0d;border:1px solid var(--border-color);cursor:pointer;transition:all .2s;font-family:system-ui,sans-serif}@media(min-width:600px){.header-left{gap:var(--spacing-md);padding-right:16px}.persistent-controls{gap:12px}.xp-badge,.streak-badge{padding:0 10px}}.app-layout{display:flex;flex:1;position:relative;width:100vw}.app-sidebar-wrapper{width:0;transition:width .3s ease;flex-shrink:0;position:relative}.pull-tab-wrapper{position:absolute;z-index:55;height:100%;pointer-events:none}.pull-tab{display:none;position:fixed;top:50%;left:var(--sidebar-width);transform:translateY(-50%);width:24px;height:48px;background:var(--card-bg);border:1px solid var(--border-color);border-left:none;border-radius:0 8px 8px 0;cursor:pointer;transition:left .3s ease;box-shadow:2px 0 4px #0000000d;color:var(--text-muted);pointer-events:auto}.pull-tab:hover{color:var(--primary-color)}body.sidebar-closed .pull-tab{left:0}body.sidebar-closed .pull-tab .pt-icon{transform:rotate(180deg)}@media(min-width:900px){.app-sidebar-wrapper{width:var(--sidebar-width)}.pull-tab{display:flex;align-items:center;justify-content:center}.nav-toggle-btn{display:none!important}.app-content{max-width:850px;padding-top:var(--spacing-xl)}body.sidebar-closed .app-sidebar-wrapper{width:0;overflow:visible}body.sidebar-closed #sidebar-container{transform:translate(-100%)}}@keyframes pulse-ring{0%{box-shadow:0 0 #2563eb66}70%{box-shadow:0 0 0 6px #2563eb00}to{box-shadow:0 0 #2563eb00}}.hidden{display:none!important}#mobile-console-wrapper{position:fixed;bottom:20px;right:20px;z-index:999999}.mc-toggle{width:48px;height:48px;border-radius:50%;background:#0f172a;color:#fff;font-size:1.5rem;border:2px solid rgba(255,255,255,.2);cursor:pointer;box-shadow:0 4px 12px #0000004d;display:flex;align-items:center;justify-content:center}.mc-panel{position:absolute;bottom:60px;right:0;width:90vw;max-width:400px;height:50vh;background:#0f172a;border:1px solid #334155;border-radius:8px;box-shadow:0 10px 25px #00000080;display:flex;flex-direction:column;overflow:hidden}.mc-header{background:#1e293b;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #334155;color:#f8fafc;font-size:.85rem;font-weight:700}.mc-btn{background:#334155;border:none;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;cursor:pointer;margin-left:6px}.mc-logs{flex:1;overflow:scroll;padding:8px;font-family:monospace;font-size:.8rem;color:#e2e8f0;display:flex;flex-direction:column;gap:4px}.mc-log-entry{padding:4px;border-bottom:1px solid rgba(255,255,255,.05);word-break:break-all}.mc-warn{color:#fcd34d}.mc-error{color:#fca5a5}.persistent-loading-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%) translateY(20px) scale(.95);background:var(--primary-color);color:#fff;padding:12px 24px;border-radius:999px;font-weight:600;font-size:.95rem;box-shadow:0 10px 25px #2563eb66;display:flex;align-items:center;gap:12px;z-index:2147483647;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.persistent-loading-toast.show{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.plt-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}