.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, 260px);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:width .25s cubic-bezier(.4,0,.2,1)}.sidebar-top-toggle[data-astro-cid-urvxohhw]{width:100%;height:42px;display:flex;align-items:center;justify-content:flex-end;padding:0 16px;border:none;background:none;border-bottom:1px solid var(--border-color);cursor:pointer;color:var(--text-muted);transition:all .15s ease}.sidebar-top-toggle[data-astro-cid-urvxohhw]:hover{background:var(--bg-color);color:var(--primary-color)}.sidebar-top-toggle[data-astro-cid-urvxohhw] .icon-expand[data-astro-cid-urvxohhw]{display:none}.sidebar-top-toggle[data-astro-cid-urvxohhw] .icon-collapse[data-astro-cid-urvxohhw]{display:block}.sidebar-mobile-header[data-astro-cid-urvxohhw]{display:none}.sidebar-nav[data-astro-cid-urvxohhw]{display:flex;flex-direction:column;padding:12px 0;gap:4px}.nav-link[data-astro-cid-urvxohhw]{display:flex;align-items:center;gap:12px;padding:10px 18px;text-decoration:none;color:var(--text-main);font-weight:500;font-size:.95rem;border-radius:var(--radius-md);margin:0 8px;transition:all .2s ease}.nav-link[data-astro-cid-urvxohhw]:hover{background:var(--bg-color);color:var(--primary-color)}.nav-link[data-astro-cid-urvxohhw].active{background:#2563eb14;color:var(--primary-color);font-weight:600}:root.dark .nav-link[data-astro-cid-urvxohhw].active{background:#60a5fa1f;color:#93c5fd}.nav-notif-dot[data-astro-cid-urvxohhw]{width:8px;height:8px;background:var(--primary-color, #2563eb);border-radius:50%;display:inline-block;margin-left:auto;box-shadow:0 0 6px var(--primary-color, #2563eb);animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}}.sidebar-settings[data-astro-cid-urvxohhw]{padding:12px 14px;margin-top:auto;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px}.study-setup-accordion[data-astro-cid-urvxohhw]{border:1px solid var(--border-color);background:var(--bg-color);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}.study-setup-header[data-astro-cid-urvxohhw]{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--bg-color);border:none;cursor:pointer;font-family:inherit;color:var(--text-main);transition:background .15s ease}.study-setup-header[data-astro-cid-urvxohhw]:hover{background:#2563eb0f}.ssh-left[data-astro-cid-urvxohhw]{display:flex;align-items:center;gap:8px}.ssh-icon[data-astro-cid-urvxohhw]{color:var(--text-muted);flex-shrink:0}.ssh-badge[data-astro-cid-urvxohhw]{font-size:.72rem;font-weight:600;color:var(--primary-color);background:#2563eb14;border:1px solid rgba(37,99,235,.2);border-radius:999px;padding:2px 8px;line-height:1.2;white-space:nowrap}.ssh-chevron[data-astro-cid-urvxohhw]{color:var(--text-muted);transition:transform .2s ease;flex-shrink:0}.study-setup-accordion[data-astro-cid-urvxohhw].open .ssh-chevron[data-astro-cid-urvxohhw]{transform:rotate(90deg)}.study-setup-content[data-astro-cid-urvxohhw]{display:none;padding:10px 10px 12px;border-top:1px solid var(--border-color);background:var(--card-bg)}.study-setup-accordion[data-astro-cid-urvxohhw].open .study-setup-content[data-astro-cid-urvxohhw]{display:block}.radio-group[data-astro-cid-urvxohhw] h4[data-astro-cid-urvxohhw]{font-size:.72rem;text-transform:uppercase;color:var(--text-muted);margin:0;letter-spacing:.05em;font-weight:700}.compact-controls[data-astro-cid-urvxohhw]{display:flex;flex-direction:column}.sidebar-compact-settings-wrap[data-astro-cid-urvxohhw]{display:none;position:relative;width:100%;justify-content:center}.sb-compact-settings-btn[data-astro-cid-urvxohhw]{width:40px;height:40px;border-radius:var(--radius-md);background:none;border:1px solid transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sb-compact-settings-btn[data-astro-cid-urvxohhw]:hover{background:var(--bg-color);color:var(--primary-color);border-color:var(--border-color)}.settings-hint-tooltip[data-astro-cid-urvxohhw]{position:absolute;left:calc(100% + 12px);bottom:4px;background:var(--text-main);color:var(--card-bg);padding:6px 10px;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:8px;box-shadow:0 4px 14px #00000040;z-index:100030;animation:fadeIn .25s ease}.hint-close-btn[data-astro-cid-urvxohhw]{background:none;border:none;color:inherit;font-size:1rem;line-height:1;cursor:pointer;opacity:.7;padding:0}.hint-close-btn[data-astro-cid-urvxohhw]:hover{opacity:1}.sidebar-floating-popout[data-astro-cid-urvxohhw]{position:fixed;left:74px;bottom:20px;width:270px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 16px 40px -8px #0003,0 0 0 1px #0000000d;padding:14px 16px;z-index:100040;animation:popIn .2s cubic-bezier(.4,0,.2,1)}@keyframes popIn{0%{opacity:0;transform:translate(-8px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.sfp-header[data-astro-cid-urvxohhw]{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--border-color);margin-bottom:10px}.sfp-title[data-astro-cid-urvxohhw]{font-size:.85rem;font-weight:700;color:var(--text-main)}.sfp-badge[data-astro-cid-urvxohhw]{font-size:.65rem;font-family:system-ui,monospace;font-weight:700;padding:2px 6px;border-radius:4px;background:#2563eb1a;color:var(--primary-color)}:root.dark .sfp-badge[data-astro-cid-urvxohhw]{background:#60a5fa26;color:#93c5fd}.sidebar-secondary-link[data-astro-cid-urvxohhw]{display:flex;align-items:center;gap:8px;padding:6px 8px;color:var(--text-muted);text-decoration:none;font-size:.82rem;font-weight:500;border-radius:var(--radius-md);transition:color .2s;margin-top:2px}.sidebar-secondary-link[data-astro-cid-urvxohhw]:hover{color:var(--primary-color)}body[data-sidebar=compact] .sidebar-container[data-astro-cid-urvxohhw]{width:var(--sidebar-compact-width, 68px)}body[data-sidebar=compact] .sidebar-top-toggle[data-astro-cid-urvxohhw]{justify-content:center;padding:0}body[data-sidebar=compact] .sidebar-top-toggle[data-astro-cid-urvxohhw] .icon-collapse[data-astro-cid-urvxohhw]{display:none}body[data-sidebar=compact] .sidebar-top-toggle[data-astro-cid-urvxohhw] .icon-expand[data-astro-cid-urvxohhw]{display:block}body[data-sidebar=compact] .nav-link[data-astro-cid-urvxohhw]{justify-content:center;padding:12px 0;margin:0 4px;position:relative}body[data-sidebar=compact] .nav-link[data-astro-cid-urvxohhw] span[data-astro-cid-urvxohhw]{display:none}body[data-sidebar=compact] .nav-link[data-astro-cid-urvxohhw]:hover:after,body[data-sidebar=compact] .sidebar-secondary-link[data-astro-cid-urvxohhw]:hover:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:var(--text-main);color:var(--card-bg);padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap;pointer-events:none;z-index:100010;box-shadow:0 4px 12px #0003}body[data-sidebar=compact] .sidebar-settings[data-astro-cid-urvxohhw]{padding:10px 6px}body[data-sidebar=compact] .sidebar-settings-full[data-astro-cid-urvxohhw]{display:none!important}body[data-sidebar=compact] .sidebar-compact-settings-wrap[data-astro-cid-urvxohhw]{display:flex}body[data-sidebar=compact] #auth-sidebar-btn[data-astro-cid-urvxohhw]{font-size:0;padding:8px 0;display:flex;justify-content:center}body[data-sidebar=compact] #auth-sidebar-btn[data-astro-cid-urvxohhw]:before{content:"➔";font-size:.9rem}body[data-sidebar=compact] .sidebar-secondary-link[data-astro-cid-urvxohhw]{justify-content:center;padding:8px 0;position:relative}body[data-sidebar=compact] .sidebar-secondary-link[data-astro-cid-urvxohhw] span[data-astro-cid-urvxohhw]{display:none}@media(max-width:899px){.sidebar-top-toggle[data-astro-cid-urvxohhw]{display:none!important}.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],.toast-wrapper[data-astro-cid-oozri3xh]:popover-open{position:fixed!important;top:max(16px,env(safe-area-inset-top,16px))!important;bottom:auto!important;left:0!important;right:0!important;margin-inline:auto!important;margin-block:0!important;transform:none!important;display:flex!important;flex-direction:column!important;gap:10px!important;z-index:100000!important;pointer-events:none!important;align-items:center!important;justify-content:flex-start!important;padding:0 16px!important;border:none!important;background:transparent!important;overflow:visible!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important}.toast-item{background:#0f172a;color:#f8fafc;padding:12px 24px;border-radius:9999px;font-weight:600;font-size:.92rem;box-shadow:0 8px 24px #00000040,0 2px 6px #00000026;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);pointer-events:auto;box-sizing:border-box;width:fit-content;min-width:min(280px,calc(100vw - 32px));max-width:min(520px,calc(100vw - 32px));word-break:break-word;text-align:center;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);opacity:0;transform:translateY(-16px) scale(.96);display:flex;align-items:center;justify-content:center;gap:12px}:root.dark .toast-item{background:#1e293bf2;color:#f8fafc;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 30px #00000080}.toast-item.show{opacity:1;transform:translateY(0) scale(1)}.toast-item.fade-out{opacity:0;transform:translateY(-16px) scale(.96);margin-top:-44px}.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-toast[data-astro-cid-oozri3xh]{position:fixed!important;top:max(16px,env(safe-area-inset-top,16px))!important;left:0!important;right:0!important;margin:0 auto!important;z-index:100001!important}.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}.premium-dialog[data-astro-cid-tkdcxr6t]{border:1px solid rgba(234,179,8,.35);background:var(--card-bg)}.premium-hero-banner[data-astro-cid-tkdcxr6t]{background:transparent;border-bottom:none;line-height:0}.premium-banner-svg[data-astro-cid-tkdcxr6t]{width:100%;height:120px;display:block}:root.dark .premium-banner-svg[data-astro-cid-tkdcxr6t] rect[data-astro-cid-tkdcxr6t]{fill:#1e293b}:root.dark .premium-banner-svg[data-astro-cid-tkdcxr6t] circle[data-astro-cid-tkdcxr6t][fill="#ffffff"]{fill:#0f172a;stroke:#eab30899}.pm-close-btn[data-astro-cid-tkdcxr6t]{background:#00000026;color:var(--text-main);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s}.pm-close-btn[data-astro-cid-tkdcxr6t]:hover{background:#0000004d;color:#fff}:root.dark .pm-close-btn[data-astro-cid-tkdcxr6t]{background:#ffffff26;color:#fff}:root.dark .pm-close-btn[data-astro-cid-tkdcxr6t]:hover{background:#ffffff40}.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:center;gap:12px;font-size:.95rem;color:var(--text-main);font-weight:500}.feature-icon[data-astro-cid-tkdcxr6t]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.cta-group[data-astro-cid-tkdcxr6t]{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:8px}.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-dialog[data-astro-cid-ke56sdij]{border:1px solid rgba(37,99,235,.25);background:var(--card-bg)}.auth-hero-banner[data-astro-cid-ke56sdij]{background:transparent;border-bottom:none;line-height:0}.auth-banner-svg[data-astro-cid-ke56sdij]{width:100%;height:110px;display:block}:root.dark .auth-banner-svg[data-astro-cid-ke56sdij] rect[data-astro-cid-ke56sdij]{fill:#1e293b}:root.dark .auth-banner-svg[data-astro-cid-ke56sdij] circle[data-astro-cid-ke56sdij][fill="#ffffff"]{fill:#0f172a;stroke:#2563eb80}.auth-close-btn[data-astro-cid-ke56sdij]{background:#00000026;color:var(--text-main);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s}.auth-close-btn[data-astro-cid-ke56sdij]:hover{background:#0000004d;color:#fff}:root.dark .auth-close-btn[data-astro-cid-ke56sdij]{background:#ffffff26;color:#fff}:root.dark .auth-close-btn[data-astro-cid-ke56sdij]:hover{background:#ffffff40}.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}.guest-nudge-modal[data-astro-cid-kk6fbn36]{margin:auto;padding:0;border:none;border-radius:var(--radius-xl, 24px);background:transparent;box-shadow:0 25px 50px -12px #0006;max-width:min(500px,calc(100vw - 32px));width:100%;overflow:visible}.guest-nudge-modal[data-astro-cid-kk6fbn36]::backdrop{background:#0f172ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .25s ease-out forwards}.gnm-container[data-astro-cid-kk6fbn36]{position:relative;background:var(--card-bg, #ffffff);color:var(--text-main, #0f172a);border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-xl, 24px);padding:32px 28px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}:root.dark .gnm-container[data-astro-cid-kk6fbn36]{background:#1e293b;border-color:#ffffff1a;color:#f8fafc}.gnm-close-btn[data-astro-cid-kk6fbn36]{position:absolute;top:14px;right:16px;background:none;border:none;font-size:1.5rem;color:var(--text-muted, #64748b);cursor:pointer;line-height:1;padding:4px 8px;border-radius:50%;transition:background .15s,color .15s}.gnm-close-btn[data-astro-cid-kk6fbn36]:hover{background:#0000000d;color:var(--text-main, #0f172a)}:root.dark .gnm-close-btn[data-astro-cid-kk6fbn36]:hover{background:#ffffff1a;color:#fff}.gnm-header[data-astro-cid-kk6fbn36]{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.gnm-badge[data-astro-cid-kk6fbn36]{background:#2563eb1f;color:var(--primary-color, #2563eb);padding:4px 12px;border-radius:999px;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}:root.dark .gnm-badge[data-astro-cid-kk6fbn36]{background:#3b82f633;color:#93c5fd}.gnm-title[data-astro-cid-kk6fbn36]{font-size:1.45rem;font-weight:800;line-height:1.25;margin:0}.gnm-desc[data-astro-cid-kk6fbn36]{font-size:.95rem;color:var(--text-muted, #64748b);line-height:1.5;margin:0}:root.dark .gnm-desc[data-astro-cid-kk6fbn36]{color:#94a3b8}.gnm-progress-wrap[data-astro-cid-kk6fbn36]{width:100%;margin-top:6px;display:flex;flex-direction:column;gap:6px}.gnm-progress-bar[data-astro-cid-kk6fbn36]{width:100%;height:8px;background:var(--border-color, #e2e8f0);border-radius:999px;overflow:hidden}:root.dark .gnm-progress-bar[data-astro-cid-kk6fbn36]{background:#334155}.gnm-progress-fill[data-astro-cid-kk6fbn36]{height:100%;background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:999px;transition:width .4s ease}.gnm-progress-label[data-astro-cid-kk6fbn36]{font-size:.8rem;font-weight:600;color:var(--text-muted, #64748b);text-align:right}.gnm-perks[data-astro-cid-kk6fbn36]{background:#00000005;border:1px solid var(--border-color, #e2e8f0);border-radius:var(--radius-lg, 16px);padding:14px 16px;display:flex;flex-direction:column;gap:12px}:root.dark .gnm-perks[data-astro-cid-kk6fbn36]{background:#ffffff08;border-color:#ffffff14}.gnm-perk-row[data-astro-cid-kk6fbn36]{display:flex;align-items:flex-start;gap:12px;font-size:.88rem}.gnm-perk-icon[data-astro-cid-kk6fbn36]{font-size:1.25rem;line-height:1;flex-shrink:0}.gnm-perk-info[data-astro-cid-kk6fbn36]{display:flex;flex-direction:column;line-height:1.35}.gnm-perk-info[data-astro-cid-kk6fbn36] strong[data-astro-cid-kk6fbn36]{font-weight:700;color:var(--text-main, #0f172a)}:root.dark .gnm-perk-info[data-astro-cid-kk6fbn36] strong[data-astro-cid-kk6fbn36]{color:#f1f5f9}.gnm-perk-info[data-astro-cid-kk6fbn36] span[data-astro-cid-kk6fbn36]{font-size:.82rem;color:var(--text-muted, #64748b)}:root.dark .gnm-perk-info[data-astro-cid-kk6fbn36] span[data-astro-cid-kk6fbn36]{color:#94a3b8}.gnm-actions[data-astro-cid-kk6fbn36]{display:flex;flex-direction:column;gap:10px;margin-top:4px}.gnm-btn-primary[data-astro-cid-kk6fbn36]{width:100%;padding:13px 20px;font-size:1rem;font-weight:700;border-radius:999px;cursor:pointer;box-shadow:0 4px 14px #2563eb59}.gnm-btn-secondary[data-astro-cid-kk6fbn36]{width:100%;padding:11px 20px;font-size:.95rem;font-weight:600;border-radius:999px;cursor:pointer;background:transparent;color:var(--text-muted, #64748b);border:1px solid var(--border-color, #cbd5e1)}:root.dark .gnm-btn-secondary[data-astro-cid-kk6fbn36]{border-color:#fff3;color:#cbd5e1}.hidden[data-astro-cid-kk6fbn36]{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.story-paywall-dialog[data-astro-cid-x3ngoytg]{border:1px solid rgba(234,179,8,.35);background:var(--card-bg)}.paywall-hero-banner[data-astro-cid-x3ngoytg]{background:transparent;border-bottom:none;line-height:0}.paywall-banner-svg[data-astro-cid-x3ngoytg]{width:100%;height:120px;display:block}:root.dark .paywall-banner-svg[data-astro-cid-x3ngoytg] rect[data-astro-cid-x3ngoytg]{fill:#1e293b}:root.dark .paywall-banner-svg[data-astro-cid-x3ngoytg] circle[data-astro-cid-x3ngoytg][fill="#ffffff"]{fill:#0f172a;stroke:#eab30899}.sp-close-btn[data-astro-cid-x3ngoytg]{background:#00000026;color:var(--text-main);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .2s}.sp-close-btn[data-astro-cid-x3ngoytg]:hover{background:#0000004d;color:#fff}:root.dark .sp-close-btn[data-astro-cid-x3ngoytg]{background:#ffffff26;color:#fff}:root.dark .sp-close-btn[data-astro-cid-x3ngoytg]:hover{background:#ffffff40}.premium-features[data-astro-cid-x3ngoytg]{list-style:none;padding:0;margin:16px 0;text-align:left;display:flex;flex-direction:column;gap:12px}.premium-features[data-astro-cid-x3ngoytg] li[data-astro-cid-x3ngoytg]{display:flex;align-items:center;gap:12px;font-size:.95rem;color:var(--text-main);font-weight:500}.feature-icon[data-astro-cid-x3ngoytg]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.cta-group[data-astro-cid-x3ngoytg]{display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:8px}@media(min-width:900px){mobile-bottom-nav[data-astro-cid-hk6rja4k]{display:none!important}}@media(max-width:899px){.mobile-bottom-nav[data-astro-cid-hk6rja4k]{position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--card-bg);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-around;z-index:9999;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -2px 10px #0000000d;transition:transform .28s cubic-bezier(.16,1,.3,1)}.mobile-bottom-nav[data-astro-cid-hk6rja4k].in-immersive.is-collapsed{transform:translateY(100%)}.mbn-pull-tab[data-astro-cid-hk6rja4k]{display:none}.mobile-bottom-nav[data-astro-cid-hk6rja4k].in-immersive .mbn-pull-tab[data-astro-cid-hk6rja4k]{display:flex;align-items:center;justify-content:center;position:absolute;top:-24px;left:50%;transform:translate(-50%);width:48px;height:24px;background:var(--card-bg);border:1px solid var(--border-color);border-bottom:none;border-radius:10px 10px 0 0;cursor:pointer;color:var(--text-muted);padding:0;z-index:10000;box-shadow:0 -3px 8px #0000000f;transition:color .2s,background-color .2s}.mobile-bottom-nav[data-astro-cid-hk6rja4k].in-immersive .mbn-pull-tab[data-astro-cid-hk6rja4k]:hover{color:var(--primary-color)}.mobile-bottom-nav[data-astro-cid-hk6rja4k].is-collapsed .icon-down[data-astro-cid-hk6rja4k]{display:none}.mobile-bottom-nav[data-astro-cid-hk6rja4k].is-collapsed .icon-up[data-astro-cid-hk6rja4k]{display:block}.mobile-bottom-nav[data-astro-cid-hk6rja4k]:not(.is-collapsed) .icon-up[data-astro-cid-hk6rja4k]{display:none}.mobile-bottom-nav[data-astro-cid-hk6rja4k]:not(.is-collapsed) .icon-down[data-astro-cid-hk6rja4k]{display:block}.mbn-link[data-astro-cid-hk6rja4k]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);text-decoration:none;flex:1;height:100%;font-size:.72rem;font-weight:500;background:none;border:none;cursor:pointer;font-family:inherit;transition:color .2s}.mbn-link[data-astro-cid-hk6rja4k]:hover{color:var(--primary-color)}.mbn-link[data-astro-cid-hk6rja4k].active{color:var(--primary-color);font-weight:700}.mbn-icon-wrap[data-astro-cid-hk6rja4k]{position:relative;display:flex;align-items:center;justify-content:center}.mbn-badge[data-astro-cid-hk6rja4k]{position:absolute;top:-4px;right:-8px;font-size:.55rem;font-weight:800;background:var(--primary-color);color:#fff;border-radius:4px;padding:1px 3px;line-height:1}.mbn-drawer-backdrop[data-astro-cid-hk6rja4k]{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(2px);z-index:10001;opacity:0;pointer-events:none;transition:opacity .3s ease}.mbn-drawer-backdrop[data-astro-cid-hk6rja4k].open{opacity:1;pointer-events:auto}.mbn-drawer[data-astro-cid-hk6rja4k]{position:fixed;bottom:0;left:0;right:0;background:var(--card-bg);border-top:1px solid var(--border-color);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:10002;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);padding:12px 20px 32px;max-height:80vh;overflow-y:auto;box-shadow:0 -10px 30px #0003}.mbn-drawer[data-astro-cid-hk6rja4k].open{transform:translateY(0)}.mbn-drawer-handle[data-astro-cid-hk6rja4k]{width:40px;height:4px;border-radius:2px;background:var(--border-color);margin:0 auto 12px}.mbn-drawer-header[data-astro-cid-hk6rja4k]{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border-color);margin-bottom:14px}.mbn-dh-left[data-astro-cid-hk6rja4k]{display:flex;align-items:center;gap:8px}.mbn-dh-left[data-astro-cid-hk6rja4k] h3[data-astro-cid-hk6rja4k]{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-main)}.mbn-dh-badge[data-astro-cid-hk6rja4k]{font-size:.65rem;font-family:system-ui,monospace;font-weight:700;padding:2px 6px;border-radius:4px;background:#2563eb1a;color:var(--primary-color)}:root.dark .mbn-dh-badge[data-astro-cid-hk6rja4k]{background:#60a5fa26;color:#93c5fd}.mbn-close-btn[data-astro-cid-hk6rja4k]{background:none;border:none;font-size:1.5rem;line-height:1;color:var(--text-muted);cursor:pointer;padding:4px}.nav-notif-dot[data-astro-cid-hk6rja4k]{position:absolute;top:6px;right:22px;width:8px;height:8px;background:var(--primary-color, #2563eb);border-radius:50%;box-shadow:0 0 6px var(--primary-color, #2563eb);animation:pulse-dot 2s infinite ease-in-out}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.8}}}: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;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-pill: 9999px;--sidebar-width: 260px;--sidebar-compact-width: 68px;--card-shadow: 0 2px 8px -2px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .03);--card-shadow-hover: 0 16px 32px -4px rgba(15, 23, 42, .08), 0 4px 12px -2px rgba(15, 23, 42, .04);--card-glow: rgba(37, 99, 235, .12);--glass-bg: rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .35);--glass-pill-bg: rgba(15, 23, 42, .68);--glass-pill-text: #ffffff;--glass-pill-border: rgba(255, 255, 255, .2)}: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;--card-shadow: 0 4px 16px rgba(0, 0, 0, .35);--card-shadow-hover: 0 16px 36px -4px rgba(0, 0, 0, .55), 0 0 20px rgba(59, 130, 246, .15);--card-glow: rgba(59, 130, 246, .22);--glass-bg: rgba(16, 25, 44, .78);--glass-border: rgba(255, 255, 255, .1);--glass-pill-bg: rgba(15, 23, 42, .78);--glass-pill-text: #f8fafc;--glass-pill-border: rgba(255, 255, 255, .14);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}.modern-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:10px 14px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl, 1rem);box-shadow:var(--card-shadow);flex-wrap:wrap}.diff-pill-group{display:inline-flex;align-items:center;background:var(--bg-color);padding:4px;border-radius:9999px;border:1px solid var(--border-color);gap:2px;flex-wrap:wrap}.diff-pill{appearance:none;border:none;background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:600;padding:6px 14px;border-radius:9999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s cubic-bezier(.16,1,.3,1);font-family:inherit}.diff-pill:hover{color:var(--text-main)}.diff-pill.active{background:var(--card-bg);color:var(--text-main);box-shadow:0 2px 8px #00000014}:root.dark .diff-pill.active{background:var(--border-color);color:#fff;box-shadow:0 2px 8px #0000004d}.diff-dot{width:7px;height:7px;border-radius:50%}.dot-beginner{background:#10b981}.dot-intermediate{background:#f59e0b}.dot-advanced{background:#f43f5e}.filter-controls-right{display:flex;align-items:center;gap:12px;margin-left:auto;flex-wrap:wrap}.topic-filter-wrap{display:flex;align-items:center;gap:8px}.topic-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.filter-status-pill{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;font-weight:600;padding:6px 12px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:9999px;color:var(--text-main)}.shortcut-item{display:flex;user-select:none;justify-content:space-between;align-items:center;padding:8px 0;cursor:pointer;border-radius:var(--radius-md);transition:background .15s ease}.shortcut-item:hover .sb-val-window{background:#2563eb1f;border-color:#2563eb4d}.shortcut-item:hover .sb-val{color:var(--primary-color)}.sb-lbl{font-size:.9rem;color:var(--text-main);font-weight:500}.sb-val-window{display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;width:4rem;height:1.85rem;background:#0000000d;border-radius:999px;padding:0 6px;overflow:hidden;transition:all .2s ease;border:1px solid var(--border-color);flex-shrink:0}:root.dark .sb-val-window{background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.sb-val-track{display:flex;flex-direction:column;transition:transform .08s ease-in-out;margin:0;padding:0;width:100%}.sb-val{color:var(--text-main);line-height:1.85rem;height:1.85rem;text-align:center;white-space:nowrap;transition:color .2s;font-weight:700}.type-badge{font-size:.72rem;font-weight:600;text-transform:capitalize;color:var(--glass-pill-text, #ffffff);letter-spacing:.03em;background:var(--glass-pill-bg, rgba(15, 23, 42, .68));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.2rem .65rem;border-radius:9999px;border:1px solid var(--glass-pill-border, rgba(255, 255, 255, .2));display:inline-flex;align-items:center;gap:4px}.premium-badge{font-size:.8rem;background:#eab30833;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.2rem .55rem;border-radius:9999px;border:1px solid rgba(234,179,8,.35);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #eab30826}.count-badge,.series-count-badge,.lesson-count-badge{background:var(--glass-pill-bg, rgba(15, 23, 42, .68));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffeb;border:1px solid var(--glass-pill-border, rgba(255,255,255,.2));padding:.2rem .65rem;border-radius:9999px;font-size:.72rem;font-weight:500;text-transform:capitalize;letter-spacing:.02em;display:inline-flex;align-items:center;gap:4px}.meta-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:9999px;background:#00000008;border:1px solid var(--border-color);font-size:.78rem;font-weight:500;color:var(--text-muted);transition:all .2s ease}:root.dark .meta-pill{background:#ffffff0a}.meta-pill-accent{color:var(--primary-color);border-color:#2563eb33;background:#2563eb0d}.difficulty-badge{padding:.2rem .65rem;border-radius:9999px;font-size:.72rem;font-weight:600;text-transform:capitalize;display:inline-flex;align-items:center;gap:5px;letter-spacing:.02em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.difficulty-badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%}.diff-beginner{background:#10b98126;color:#047857;border:1px solid rgba(16,185,129,.3)}.diff-beginner:before{background:#10b981}:root.dark .diff-beginner{background:#34d39926;color:#6ee7b7;border-color:#34d3994d}:root.dark .diff-beginner:before{background:#34d399}.diff-intermediate{background:#f59e0b26;color:#b45309;border:1px solid rgba(245,158,11,.3)}.diff-intermediate:before{background:#f59e0b}:root.dark .diff-intermediate{background:#fbbf2426;color:#fde68a;border-color:#fbbf244d}:root.dark .diff-intermediate:before{background:#fbbf24}.diff-advanced{background:#f43f5e26;color:#be123c;border:1px solid rgba(244,63,94,.3)}.diff-advanced:before{background:#f43f5e}:root.dark .diff-advanced{background:#f43f5e33;color:#fda4af;border-color:#f43f5e59}:root.dark .diff-advanced:before{background:#fb7185}.diff-unknown{background:var(--bg-color);color:var(--text-muted);border:1px solid var(--border-color)}.diff-unknown:before{background:var(--text-muted)}.cover-badges .difficulty-badge{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.cover-badges .diff-beginner{background:#064e3bd1;color:#a7f3d0;border:1px solid rgba(52,211,153,.5)}.cover-badges .diff-beginner:before{background:#34d399;box-shadow:0 0 6px #10b981}.cover-badges .diff-intermediate{background:#78350fd1;color:#fef08a;border:1px solid rgba(245,158,11,.5)}.cover-badges .diff-intermediate:before{background:#fbbf24;box-shadow:0 0 6px #f59e0b}.cover-badges .diff-advanced{background:#881337d9;color:#ffe4e6;border:1px solid rgba(251,113,133,.6)}.cover-badges .diff-advanced:before{background:#fb7185;box-shadow:0 0 6px #f43f5e}.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}scene-carousel.force-reveal .hide-ruby rt{display:ruby-text!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}.hide-highlights ruby.vocab-highlight{color:inherit}.hide-highlights ruby.vocab-highlight rt{color:var(--text-muted)}.hide-highlights ruby.vocab-highlight.vocab-hl-1,.hide-highlights ruby.vocab-highlight.vocab-hl-2,.hide-highlights ruby.vocab-highlight.vocab-hl-3,.hide-highlights ruby.vocab-highlight.vocab-hl-4,.hide-highlights ruby.vocab-highlight.vocab-hl-5,.hide-highlights ruby.vocab-highlight.vocab-hl-6,.hide-highlights ruby.vocab-highlight.vocab-hl-7,.hide-highlights ruby.vocab-highlight.vocab-hl-8{background:transparent!important}.hide-highlights .trans-clickable{box-shadow:none!important;pointer-events:none}scene-carousel.force-reveal .hide-highlights ruby.vocab-highlight{color:var(--primary-color)}scene-carousel.force-reveal .hide-highlights ruby.vocab-highlight rt{color:var(--primary-color)}scene-carousel.force-reveal .hide-highlights ruby.vocab-hl-1{background:#2563eb0d!important;color:#2563eb}scene-carousel.force-reveal .hide-highlights ruby.vocab-hl-2{background:#0596690d!important;color:#059669}scene-carousel.force-reveal .hide-highlights ruby.vocab-hl-3{background:#7c3aed0d!important;color:#7c3aed}scene-carousel.force-reveal .hide-highlights ruby.vocab-hl-4{background:#ea580c0d!important;color:#ea580c}scene-carousel.force-reveal .hide-highlights ruby.vocab-hl-5{background:#db27770d!important;color:#db2777}scene-carousel.force-reveal .hide-highlights ruby.vocab-hl-6{background:#0d94880d!important;color:#0d9488}scene-carousel.force-reveal .hide-highlights ruby.vocab-hl-7{background:#b453090d!important;color:#b45309}scene-carousel.force-reveal .hide-highlights ruby.vocab-hl-8{background:#dc26260d!important;color:#dc2626}scene-carousel.force-reveal .hide-highlights .trans-clickable{pointer-events:auto}scene-carousel.force-reveal .hide-highlights .trans-clickable.vocab-hl-1{box-shadow:0 2px #2563eb40!important}scene-carousel.force-reveal .hide-highlights .trans-clickable.vocab-hl-2{box-shadow:0 2px #05966940!important}scene-carousel.force-reveal .hide-highlights .trans-clickable.vocab-hl-3{box-shadow:0 2px #7c3aed40!important}scene-carousel.force-reveal .hide-highlights .trans-clickable.vocab-hl-4{box-shadow:0 2px #ea580c40!important}scene-carousel.force-reveal .hide-highlights .trans-clickable.vocab-hl-5{box-shadow:0 2px #db277740!important}scene-carousel.force-reveal .hide-highlights .trans-clickable.vocab-hl-6{box-shadow:0 2px #0d948840!important}scene-carousel.force-reveal .hide-highlights .trans-clickable.vocab-hl-7{box-shadow:0 2px #b4530940!important}scene-carousel.force-reveal .hide-highlights .trans-clickable.vocab-hl-8{box-shadow:0 2px #dc262640!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}:root.dark scene-carousel.force-reveal .hide-highlights ruby.vocab-hl-1{color:#60a5fa;background:#60a5fa1a!important}:root.dark scene-carousel.force-reveal .hide-highlights ruby.vocab-hl-2{color:#34d399;background:#34d3991a!important}:root.dark scene-carousel.force-reveal .hide-highlights ruby.vocab-hl-3{color:#a78bfa;background:#a78bfa1a!important}:root.dark scene-carousel.force-reveal .hide-highlights ruby.vocab-hl-4{color:#fb923c;background:#fb923c1a!important}:root.dark scene-carousel.force-reveal .hide-highlights ruby.vocab-hl-5{color:#f472b6;background:#f472b61a!important}:root.dark scene-carousel.force-reveal .hide-highlights ruby.vocab-hl-6{color:#2dd4bf;background:#2dd4bf1a!important}:root.dark scene-carousel.force-reveal .hide-highlights ruby.vocab-hl-7{color:#facc15;background:#facc151a!important}:root.dark scene-carousel.force-reveal .hide-highlights ruby.vocab-hl-8{color:#f87171;background:#f871711a!important}:root.dark scene-carousel.force-reveal .hide-highlights .trans-clickable.vocab-hl-1{box-shadow:0 2px #60a5fa4d!important}:root.dark scene-carousel.force-reveal .hide-highlights .trans-clickable.vocab-hl-2{box-shadow:0 2px #34d3994d!important}:root.dark scene-carousel.force-reveal .hide-highlights .trans-clickable.vocab-hl-3{box-shadow:0 2px #a78bfa4d!important}:root.dark scene-carousel.force-reveal .hide-highlights .trans-clickable.vocab-hl-4{box-shadow:0 2px #fb923c4d!important}:root.dark scene-carousel.force-reveal .hide-highlights .trans-clickable.vocab-hl-5{box-shadow:0 2px #f472b64d!important}:root.dark scene-carousel.force-reveal .hide-highlights .trans-clickable.vocab-hl-6{box-shadow:0 2px #2dd4bf4d!important}:root.dark scene-carousel.force-reveal .hide-highlights .trans-clickable.vocab-hl-7{box-shadow:0 2px #facc154d!important}:root.dark scene-carousel.force-reveal .hide-highlights .trans-clickable.vocab-hl-8{box-shadow:0 2px #f871714d!important}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-xl, 1rem);padding:0;box-shadow:var(--card-shadow);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .2s ease;overflow:hidden;height:100%;color:inherit}.content-card:hover{transform:translateY(-3px);box-shadow:var(--card-shadow-hover);border-color:var(--primary-color)}.content-card.disabled-card:hover{transform:none;box-shadow:var(--card-shadow);border-color:var(--border-color)}.content-card .card-link-overlay{position:absolute;inset:0;z-index:10}.content-card .card-cover{width:100%;aspect-ratio:16 / 9;min-height:120px;position:relative;background:var(--bg-color);flex-shrink:0;overflow:hidden}.content-card .card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.16,1,.3,1)}.content-card:hover .card-cover img{transform:scale(1.04)}.content-card .cover-gradient{position:absolute;bottom:0;left:0;width:100%;height:65%;background:linear-gradient(to top,rgba(15,23,42,.82) 0%,rgba(15,23,42,.25) 50%,transparent 100%);pointer-events:none}.content-card .cover-badges{position:absolute;bottom:8px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;gap:6px;z-index:5;flex-wrap:wrap}.content-card .card-body{padding:.85rem 1rem 1rem;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:2px;gap:8px}.content-card .cb-title-box{flex:1;min-width:0}.content-card .cb-actions{display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:auto;flex-shrink:0;z-index:15}.content-card .card-kicker{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--primary-color);margin-bottom:2px}.content-card .card-kicker.zh-kicker{font-family:Kaiti TC,KaiTi,STKaiti,serif;font-size:.9rem;font-weight:700;letter-spacing:.04em;color:var(--text-muted);text-transform:none}.content-card .card-title{font-size:1.1rem;font-weight:700;margin-bottom:0;color:var(--text-main);line-height:1.25;letter-spacing:-.015em}.content-card .card-trans{font-size:.82rem;color:var(--text-muted);line-height:1.35;margin-top:3px;font-weight:500}.content-card .card-trans.hidden{display:none!important}.content-card .card-desc{font-size:.84rem;color:var(--text-muted);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;margin-bottom:0}.content-card .card-footer{margin-top:auto;padding-top:8px;display:flex;align-items:center;justify-content:space-between}.content-card .card-action-hint{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;color:var(--primary-color);transition:gap .2s ease}.content-card .action-arrow{transition:transform .2s ease}.content-card:hover .action-arrow{transform:translate(3px)}@media(max-width:640px){.content-card{border-radius:var(--radius-lg, .75rem)}.content-card .card-cover{min-height:95px}.content-card .card-body{padding:.7rem .8rem .8rem}.content-card .card-title{font-size:.98rem;line-height:1.22}.content-card .card-trans{font-size:.78rem;line-height:1.3;margin-top:2px}.content-card .cover-badges{bottom:6px;left:8px;right:8px;gap:4px}.content-card .card-desc{font-size:.78rem;line-height:1.38;margin-top:3px}}.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;position:relative;overflow:hidden}.content-card .generative-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,#2563eb14,#6366f11f,#a855f714),radial-gradient(circle at 80% 20%,rgba(37,99,235,.15) 0%,transparent 50%),var(--card-bg)}:root.dark .content-card .generative-fallback{background:linear-gradient(135deg,#1e3a8a59,#4338ca40,#581c8733),radial-gradient(circle at 80% 20%,rgba(59,130,246,.25) 0%,transparent 60%),#0f172a}.content-card .generative-fallback .seal-char{font-family:Kaiti TC,KaiTi,STKaiti,serif;font-size:3.5rem;font-weight:700;color:var(--primary-color);opacity:.18;user-select:none;transform:translateY(-4px);transition:transform .4s ease,opacity .4s ease}.content-card:hover .generative-fallback .seal-char{transform:translateY(-8px) scale(1.08);opacity:.28}.content-card .generative-fallback .mesh-ring{position:absolute;border-radius:50%;border:1px dashed rgba(37,99,235,.2);width:120px;height:120px;pointer-events:none}:root.dark .content-card .generative-fallback .mesh-ring{border-color:#60a5fa33}.content-card .card-overlay{position:absolute;inset:0;background:#0f172ab8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:20;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding:var(--spacing-md);text-align:center;transition:opacity .3s ease,backdrop-filter .3s ease}.content-card .card-overlay.hidden{display:none}.content-card .overlay-icon svg{width:30px;height:30px;margin-bottom:8px;color:#facc15}.content-card .overlay-text{font-weight:600;font-size:.95rem;letter-spacing:.02em}.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:0;border-bottom:none;flex-direction:column;align-items:center;text-align:center;background:transparent;position:relative}.app-modal-header.hero-header .modal-hero-banner{width:100%;height:120px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.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;z-index:10}.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)}.skeleton-box{background:#e2e8f0;background-image:linear-gradient(90deg,var(--border-color) 0px,var(--bg-color) 50%,var(--border-color) 100%);background-size:400px 100%;animation:shimmer 1.5s infinite linear;border-radius:var(--radius-md)}:root.dark .skeleton-box{background:#1e293b;background-image:linear-gradient(90deg,var(--border-color) 0px,rgba(255,255,255,.02) 50%,var(--border-color) 100%)}.skeleton-text{height:1em;width:100%;margin-bottom:.5em;border-radius:4px}.skeleton-text-short{height:1em;width:60%;margin-bottom:.5em;border-radius:4px}.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-layout{display:flex;flex:1;position:relative;width:100vw}.app-sidebar-wrapper{width:0;transition:width .3s ease;flex-shrink:0;position:relative}.library-views-nav{display:flex;align-items:center;gap:20px;padding:0;border-bottom:1px solid var(--border-color);background:none;border-radius:0;width:100%;max-width:100%;overflow-x:auto;margin-bottom:var(--spacing-lg);scrollbar-width:none}.library-views-nav::-webkit-scrollbar{display:none}.library-view-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 4px;border-radius:0;text-decoration:none;font-size:.92rem;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s ease;white-space:nowrap}.library-view-tab:hover{color:var(--text-main);background:none}.library-view-tab.active{background:none;color:var(--primary-color);font-weight:600;border-bottom-color:var(--primary-color);box-shadow:none}:root.dark .library-view-tab.active{background:none;color:#93c5fd;border-bottom-color:#93c5fd;box-shadow:none}.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}@media(max-width:899px){.app-content{padding-bottom:96px}.nav-toggle-btn{display:none!important}}@media(min-width:900px){.nav-toggle-btn{display:none!important}.app-sidebar-wrapper{width:var(--sidebar-width, 260px)}.app-content{max-width:860px;padding-top:var(--spacing-xl)}body[data-sidebar=compact] .app-sidebar-wrapper{width:var(--sidebar-compact-width, 68px)}body[data-sidebar=compact] .app-content{max-width:960px}.app-content:has(.catalog-page-container){max-width:1140px}body[data-sidebar=compact] .app-content:has(.catalog-page-container){max-width:1220px}body[data-sidebar=hidden] .app-content:has(.catalog-page-container),body.sidebar-closed .app-content:has(.catalog-page-container){max-width:1300px}}@media(min-width:1400px){.app-content:has(.catalog-page-container){max-width:1240px}}.catalog-page-container{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}@media(max-width:640px){.catalog-page-container{gap:var(--spacing-md)}}.catalog-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);width:100%}@media(max-width:640px){.catalog-grid{gap:12px}}@media(min-width:640px){.catalog-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}}@media(min-width:1080px){.catalog-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg)}.catalog-grid.grid-compact{grid-template-columns:repeat(2,1fr)}}.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:stretch;justify-content:flex-start;padding:var(--spacing-md);padding-bottom:80px;opacity:0;pointer-events:none;transition:opacity .3s ease,left .3s ease;overflow-y:auto}@media(min-width:900px){.lesson-intro-modal{top:60px;left:var(--sidebar-width, 260px);z-index:1000;padding:var(--spacing-xl) var(--spacing-md) 80px var(--spacing-md)}body[data-sidebar=compact] .lesson-intro-modal{left:var(--sidebar-compact-width, 68px)}body[data-sidebar=hidden] .lesson-intro-modal,body.sidebar-closed .lesson-intro-modal{left:0}}.lesson-intro-modal.show{opacity:1;pointer-events:auto}.lim-content-wrapper{width:100%;max-width:850px;margin:0 auto;display:flex;flex-direction:column;min-height:50vh;position:relative}.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}.lesson-intro-modal .lesson-header-condensed{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--spacing-xs);margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.lesson-intro-modal .lh-text{flex:1;min-width:0;margin-right:var(--spacing-md)}.lesson-intro-modal .lh-main-title{font-size:1.4rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px;margin-top:0}.lesson-intro-modal .lh-sub-title-row{display:flex;align-items:center;gap:8px;position:relative}.lesson-intro-modal .lh-sub-title{font-size:1.05rem;color:var(--text-muted);font-weight:400;margin:0}.lesson-intro-modal .carousel-viewport{flex:1;padding-bottom:80px;display:flex;align-items:stretch;justify-content:center;margin-top:8px}@media(min-width:900px){.lesson-intro-modal .carousel-viewport{padding-bottom:0}}.lesson-intro-modal .intro-slide-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:40vh;width:100%;flex:1;position:relative;overflow:hidden}@media(min-width:900px){.lesson-intro-modal .intro-slide-wrapper{height:560px;min-height:auto}}.lesson-intro-modal .intro-container{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;height:auto!important;margin:auto;text-align:center}.lesson-intro-modal .intro-text{font-size:1.15rem;line-height:1.6;color:var(--text-main);text-align:center;margin:0;padding:0 32px}.lesson-intro-modal .secondary-text{font-size:1rem;color:var(--text-muted);margin-top:16px}.lesson-intro-modal .carousel-controls{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-top:var(--spacing-md);box-shadow:0 2px 8px #00000005}@media(max-width:767px){.lesson-intro-modal .carousel-controls{position:fixed;bottom:calc(24px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:400px;z-index:50;border-radius:999px;box-shadow:0 10px 25px #00000026;background:var(--card-bg);padding:10px 20px}.lesson-intro-modal .c-btn-text{display:none}}.lesson-intro-modal .c-btn{display:flex;align-items:center;gap:8px;padding:.6rem 1.2rem;border:none;border-radius:999px;font-weight:600;font-size:1rem}.lesson-intro-modal .c-btn:not(.btn-primary){background:var(--bg-color);color:var(--text-main)}.lesson-intro-modal .c-btn:disabled{opacity:.5;cursor:not-allowed}.lesson-intro-modal .c-btn-icon{position:relative;background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-muted);width:64px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center}.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}.catalog-hero-wrapper{position:relative;border-radius:var(--radius-xl, 1rem);background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--card-shadow);overflow:hidden;margin-bottom:var(--spacing-md);transition:box-shadow .3s ease}@media(max-width:640px){.catalog-hero-wrapper{border-radius:var(--radius-lg, .75rem);margin-bottom:12px}}.catalog-hero-wrapper.variant-standard{background:radial-gradient(ellipse at 85% 15%,rgba(37,99,235,.08) 0%,transparent 65%),radial-gradient(ellipse at 15% 95%,rgba(99,102,241,.05) 0%,transparent 50%),var(--card-bg)}:root.dark .catalog-hero-wrapper.variant-standard{background:radial-gradient(ellipse at 85% 15%,rgba(59,130,246,.14) 0%,transparent 65%),radial-gradient(ellipse at 15% 95%,rgba(139,92,246,.08) 0%,transparent 50%),var(--card-bg)}.catalog-hero-wrapper.variant-cinematic{background:var(--card-bg)}.hero-backdrop{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.backdrop-img{width:100%;height:100%;object-fit:cover;filter:blur(48px) saturate(1.8) opacity(.22);transform:scale(1.15)}:root.dark .backdrop-img{filter:blur(48px) saturate(2) opacity(.28)}.backdrop-gradient{position:absolute;inset:0;background:linear-gradient(to right,var(--card-bg) 20%,transparent 100%),linear-gradient(to top,var(--card-bg) 5%,transparent 60%)}.hero-inner{position:relative;z-index:2;padding:1.25rem 1.75rem}@media(max-width:640px){.hero-inner{padding:12px 14px}}.hero-top-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.hero-back-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);text-decoration:none;font-size:.82rem;font-weight:500;transition:color .2s ease,transform .2s ease}.hero-back-link:hover{color:var(--primary-color)}.hero-back-link:hover .back-arrow{transform:translate(-3px)}.back-arrow{transition:transform .2s ease}.hero-content-row{display:flex;align-items:flex-start;gap:1.5rem}.hero-poster-frame{width:135px;aspect-ratio:3 / 4;border-radius:var(--radius-md, .5rem);overflow:hidden;flex-shrink:0;box-shadow:0 8px 24px -4px #0003;border:1px solid rgba(255,255,255,.2);position:relative;background:var(--bg-color)}.hero-poster-img{width:100%;height:100%;object-fit:cover}.hero-text-col{flex:1;min-width:0;display:flex;flex-direction:column}@media(max-width:640px){.hero-content-row{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"poster header" "body   body";gap:8px 12px;align-items:center}.hero-poster-frame{grid-area:poster;width:70px;border-radius:var(--radius-md, .5rem);margin-bottom:0;box-shadow:0 4px 12px #00000026}.hero-text-col{display:contents}.hero-header-area{grid-area:header;min-width:0;display:flex;flex-direction:column;justify-content:center}.hero-body-area{grid-area:body;min-width:0;display:flex;flex-direction:column;width:100%}}.hero-eyebrow-row{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.hero-kicker-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:9999px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-color);background:#2563eb14;border:1px solid rgba(37,99,235,.18)}:root.dark .hero-kicker-pill{background:#3b82f626;border-color:#3b82f64d}.hero-zh-title{font-family:Kaiti TC,KaiTi,STKaiti,serif;font-size:1.05rem;font-weight:700;color:var(--text-muted);letter-spacing:.04em;margin-bottom:2px}.hero-title{font-size:1.75rem;font-weight:800;line-height:1.2;letter-spacing:-.025em;color:var(--text-main);margin:0 0 6px}@media(max-width:640px){.hero-title{font-size:1.25rem;line-height:1.22;margin:0}.hero-eyebrow-row{gap:5px;margin-bottom:2px}.hero-kicker-pill{font-size:.62rem;padding:1px 6px}.hero-zh-title{font-size:.9rem}}.hero-desc{color:var(--text-main);opacity:.88;font-size:.94rem;line-height:1.52;margin:0 0 4px;max-width:68ch;letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(min-width:641px){.hero-desc{font-size:.96rem;line-height:1.56;-webkit-line-clamp:3;line-clamp:3}}.catalog-hero-wrapper.is-expanded .hero-desc,.catalog-hero-wrapper:not(:has(.hero-read-more-btn)) .hero-desc{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}.thematic-focus-box{margin:8px 0 10px;padding:8px 12px;background:#2563eb0a;border:1px solid rgba(37,99,235,.16);border-left:3px solid var(--primary-color);border-radius:var(--radius-md, .5rem);display:flex;flex-direction:column;gap:3px;max-width:72ch}:root.dark .thematic-focus-box{background:#3b82f614;border-color:#3b82f638;border-left-color:var(--primary-color)}.hero-extra-collapsible{display:none}.catalog-hero-wrapper.is-expanded .hero-extra-collapsible{display:flex;animation:fadeIn .2s ease}.hero-read-more-btn{background:none;border:none;color:var(--primary-color);font-size:.8rem;font-weight:600;padding:2px 0;margin:2px 0 6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;align-self:flex-start;transition:opacity .2s}.hero-read-more-btn:hover{opacity:.75}.rm-arrow{transition:transform .25s cubic-bezier(.16,1,.3,1)}.catalog-hero-wrapper.is-expanded .rm-arrow{transform:rotate(180deg)}.tf-badge{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--primary-color)}.tf-content{font-size:.86rem;line-height:1.48;color:var(--text-main);margin:0;font-style:italic}.hero-footer-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:12px;padding-top:4px;width:100%}.hero-stats-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hero-stats-row .meta-pill{font-size:.75rem;padding:3px 10px;gap:5px}.stat-icon{font-size:.82rem}.stat-val{font-weight:700;color:var(--text-main)}.stat-lbl{color:var(--text-muted)}.hero-actions-slot{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-left:auto}.hero-actions-slot:empty{display:none}@media(max-width:640px){.hero-footer-row{flex-direction:column;align-items:stretch;gap:10px;margin-top:8px}.hero-actions-slot{margin-left:0;width:100%;justify-content:flex-start}}.hero-actions-bar{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:.8rem 1.85rem;font-size:1.05rem;font-weight:700;border-radius:9999px;background:var(--primary-color);color:#fff!important;text-decoration:none;box-shadow:0 4px 16px #2563eb59;transition:all .25s cubic-bezier(.16,1,.3,1);white-space:nowrap;border:none;cursor:pointer}.hero-cta-btn:hover{background:var(--primary-hover, #1d4ed8);transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #2563eb73}.hero-cta-btn:active{transform:translateY(0) scale(.98)}.cta-play-icon{flex-shrink:0;transition:transform .2s ease}.hero-cta-btn:hover .cta-play-icon{transform:scale(1.15)}.hero-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.78rem 1.35rem;font-size:.92rem;font-weight:600;border-radius:9999px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main);cursor:pointer;box-shadow:0 1px 3px #0000000d;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.hero-download-btn:hover{background:var(--bg-color);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.hero-download-btn.is-downloaded{color:var(--color-success, #10b981);border-color:#10b98166;background:#10b9810d}.hero-download-btn.is-downloaded:hover{border-color:var(--color-danger, #ef4444);color:var(--color-danger, #ef4444);background:#ef44440d}.hero-downloading-btn{display:inline-flex;align-items:center;gap:8px;padding:.78rem 1.35rem;font-size:.92rem;font-weight:600;border-radius:9999px;background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-muted);white-space:nowrap}.sd-spinner-wrap{width:18px;height:18px;position:relative;display:flex;align-items:center;justify-content:center}.sd-circular{width:100%;height:100%;transform:rotate(-90deg)}.sd-circle-bg{fill:none;stroke:var(--border-color);stroke-width:3.5}.sd-circle-fill{fill:none;stroke:var(--primary-color);stroke-width:3.5;stroke-linecap:round;transition:stroke-dasharray .3s ease}@media(max-width:640px){.hero-actions-bar{display:flex;flex-direction:column-reverse;width:100%;gap:8px}.hero-cta-btn,.hero-download-btn,.hero-downloading-btn{width:100%;justify-content:center;padding:.72rem 1.2rem;font-size:.95rem}}.journey-section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);gap:16px;flex-wrap:wrap}.jsh-text{flex:1;min-width:240px}.jsh-title{font-size:1.35rem;font-weight:800;color:var(--text-main);margin:0 0 4px;letter-spacing:-.015em}.jsh-subtitle{font-size:.88rem;color:var(--text-muted);margin:0}.jsh-count-pill{font-size:.82rem;font-weight:700;padding:4px 12px}@media(max-width:640px){.journey-section-header{margin-top:18px;margin-bottom:10px}.jsh-title{font-size:1.15rem}.jsh-subtitle{font-size:.82rem}}@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}body.body-landing .app-sidebar-wrapper,body.body-landing .nav-toggle-btn{display:none!important}body.body-landing .app-content{max-width:100%!important;padding:0!important}body.body-landing .app-footer{border-top:none}*{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:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;width:36px;height:36px;transition:all .2s}.nav-toggle-btn:hover{background:var(--bg-color);color:var(--primary-color);border-color:var(--border-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}}@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}}