:root{--color-primary-50: #EEF4FF;--color-primary-100: #D9E4FF;--color-primary-200: #B9CCFF;--color-primary-300: #8FA9F9;--color-primary-400: #5B82F4;--color-primary-500: #3B6CF0;--color-primary-600: #2A56D8;--color-primary-700: #1E3FB8;--color-primary-800: #162E8A;--color-primary-900: #0F2068;--color-cyan-50: #E6F5F5;--color-cyan-100: #C2E7E6;--color-cyan-300: #5EAEAD;--color-cyan-500: #14A3A2;--color-cyan-600: #0E7C7B;--color-cyan-700: #0A6666;--color-cyan-900: #043A39;--color-amber-50: #FEF6E7;--color-amber-100: #FCE8C2;--color-amber-300: #F5B454;--color-amber-500: #D97706;--color-amber-600: #B45309;--color-amber-700: #92400E;--color-amber-900: #4A2302;--color-red-50: #FEF2F2;--color-red-100: #FEE2E2;--color-red-300: #F87171;--color-red-500: #EF4444;--color-red-600: #DC2626;--color-red-700: #B91C1C;--color-red-900: #5C0B0B;--color-green-50: #E6F5EF;--color-green-100: #BFE4D2;--color-green-300: #4ECDC4;--color-green-500: #16A374;--color-green-600: #0F8A5F;--color-green-700: #0A6E4B;--color-green-900: #053524;--color-violet-50: #F5F3FF;--color-violet-100: #EDE9FE;--color-violet-200: #DDD6FE;--color-violet-300: #C4B5FD;--color-violet-400: #A78BFA;--color-violet-500: #8B5CF6;--color-violet-600: #7C3AED;--color-violet-700: #6D28D9;--color-purple-50: #F2EAF8;--color-purple-300: #C8A8E5;--color-purple-500: #A778D9;--color-purple-600: #9B6BD4;--color-purple-700: #7C4FB0;--color-purple-900: #3D256B;--color-neutral-0: #FFFFFF;--color-neutral-50: #F8FAFC;--color-neutral-100: #F1F5F9;--color-neutral-200: #E2E8F0;--color-neutral-300: #CBD5E1;--color-neutral-400: #94A3B8;--color-neutral-500: #64748B;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1E293B;--color-neutral-900: #0B1220;--color-neutral-950: #0F172A;--color-bg: var(--color-neutral-0);--color-bg-soft: var(--color-neutral-50);--color-bg-sidebar: var(--color-primary-50);--color-border: var(--color-neutral-200);--color-border-soft: var(--color-neutral-100);--color-text: var(--color-neutral-700);--color-text-strong: var(--color-neutral-900);--color-text-soft: var(--color-neutral-500);--color-text-mute: var(--color-neutral-400);--color-link: var(--color-primary-500);--color-link-hover: var(--color-primary-700);--color-primary: var(--color-primary-500);--color-primary-hover:var(--color-primary-700);--color-success: var(--color-green-600);--color-warning: var(--color-amber-600);--color-error: var(--color-red-600);--color-danger: var(--color-red-500);--color-info: var(--color-cyan-600);--code-bg: #F8FAFC;--code-keyword: #1E3FB8;--code-type: #0E7C7B;--code-string: #B45309;--code-number: #0F8A5F;--code-comment: #94A3B8;--code-function: #334155;--code-punct: #475569;--code-border: #E2E8F0;--font-sans: "Inter", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "SF Mono", Consolas, monospace;--fs-page-title: 28px;--fs-section: 20px;--fs-card-title: 16px;--fs-body: 15px;--fs-help: 13px;--fs-data: 12px;--fs-code: 14px;--fw-regular: 400;--fw-medium: 500;--fw-semibold:600;--fw-bold: 700;--lh-tight: 1.3;--lh-snug: 1.4;--lh-base: 1.5;--lh-body: 1.65;--lh-code: 1.6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-card: 0 1px 2px rgba(15, 23, 42, .05);--shadow-card-hover: 0 4px 12px rgba(15, 23, 42, .06);--shadow-pop: 0 8px 24px rgba(15, 23, 42, .08);--shadow-input-focus: 0 0 0 3px rgba(59, 108, 240, .15);--sidebar-width: 240px;--sidebar-collapsed: 64px;--right-panel-width: 320px;--right-panel-narrow: 280px;--header-height: 56px;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--z-base: 1;--z-sticky: 10;--z-overlay: 50;--z-modal: 100;--z-toast: 200;--z-tooltip: 300;--katex-color: var(--color-text-strong);--katex-bg: transparent;--katex-display-bg: var(--color-bg-soft);--katex-display-border: var(--color-border);--katex-mtext-color: var(--color-text-soft);--scrollbar-track: var(--color-neutral-100);--scrollbar-thumb: var(--color-neutral-300);--scrollbar-thumb-hover:var(--color-neutral-400);--scrollbar-size: 10px}[data-theme=dark]{--color-primary-50: rgba(91, 130, 244, .16);--color-primary-100: rgba(91, 130, 244, .22);--color-primary-200: rgba(91, 130, 244, .35);--color-cyan-50: rgba(20, 163, 162, .16);--color-cyan-100: rgba(20, 163, 162, .22);--color-amber-50: rgba(217, 119, 6, .16);--color-amber-100: rgba(217, 119, 6, .22);--color-red-50: rgba(239, 68, 68, .16);--color-red-100: rgba(239, 68, 68, .22);--color-green-50: rgba(22, 163, 116, .16);--color-green-100: rgba(22, 163, 116, .22);--color-violet-50: rgba(139, 92, 246, .16);--color-violet-100: rgba(139, 92, 246, .22);--color-violet-200: rgba(139, 92, 246, .3);--color-purple-50: rgba(167, 120, 217, .16);--color-neutral-50: #1E293B;--color-neutral-100: #1E293B;--color-neutral-200: #334155;--color-bg: #0F172A;--color-bg-soft: #1E293B;--color-bg-sidebar: #0B1220;--color-border: #334155;--color-border-soft: #1E293B;--color-text: #CBD5E1;--color-text-strong: #F1F5F9;--color-text-soft: #94A3B8;--color-text-mute: #8B98A8;--color-link: #5B82F4;--color-link-hover: #8FA9F9;--color-primary: #5B82F4;--color-primary-hover:#8FA9F9;--color-success: #16A374;--color-warning: #D97706;--color-error: #EF4444;--color-danger: #EF4444;--color-info: #14A3A2;--code-bg: #1E293B;--code-keyword: #8FA9F9;--code-type: #14A3A2;--code-string: #FCE8C2;--code-number: #16A374;--code-comment: #64748B;--code-function: #E2E8F0;--code-punct: #CBD5E1;--code-border: #334155;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .4);--shadow-pop: 0 8px 24px rgba(0, 0, 0, .5);--shadow-input-focus: 0 0 0 3px rgba(91, 130, 244, .25);--katex-color: var(--color-text);--katex-bg: transparent;--katex-display-bg: var(--color-bg-soft);--katex-display-border: var(--color-border);--katex-mtext-color: var(--color-text-soft);--scrollbar-track: #1E293B;--scrollbar-thumb: #475569;--scrollbar-thumb-hover:#64748B;--scrollbar-size: 10px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-primary-50: rgba(91, 130, 244, .16);--color-primary-100: rgba(91, 130, 244, .22);--color-primary-200: rgba(91, 130, 244, .35);--color-cyan-50: rgba(20, 163, 162, .16);--color-cyan-100: rgba(20, 163, 162, .22);--color-amber-50: rgba(217, 119, 6, .16);--color-amber-100: rgba(217, 119, 6, .22);--color-red-50: rgba(239, 68, 68, .16);--color-red-100: rgba(239, 68, 68, .22);--color-green-50: rgba(22, 163, 116, .16);--color-green-100: rgba(22, 163, 116, .22);--color-violet-50: rgba(139, 92, 246, .16);--color-violet-100: rgba(139, 92, 246, .22);--color-violet-200: rgba(139, 92, 246, .3);--color-purple-50: rgba(167, 120, 217, .16);--color-neutral-50: #1E293B;--color-neutral-100: #1E293B;--color-neutral-200: #334155;--color-bg: #0F172A;--color-bg-soft: #1E293B;--color-bg-sidebar: #0B1220;--color-border: #334155;--color-border-soft: #1E293B;--color-text: #CBD5E1;--color-text-strong: #F1F5F9;--color-text-soft: #94A3B8;--color-text-mute: #8B98A8;--color-link: #5B82F4;--color-link-hover: #8FA9F9;--color-primary: #5B82F4;--color-primary-hover:#8FA9F9;--color-success: #16A374;--color-warning: #D97706;--color-error: #EF4444;--color-danger: #EF4444;--color-info: #14A3A2;--code-bg: #1E293B;--code-keyword: #8FA9F9;--code-type: #14A3A2;--code-string: #FCE8C2;--code-number: #16A374;--code-comment: #64748B;--code-function: #E2E8F0;--code-punct: #CBD5E1;--code-border: #334155;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .4);--shadow-pop: 0 8px 24px rgba(0, 0, 0, .5);--shadow-input-focus: 0 0 0 3px rgba(91, 130, 244, .25);--katex-color: var(--color-text);--katex-bg: transparent;--katex-display-bg: var(--color-bg-soft);--katex-display-border: var(--color-border);--katex-mtext-color: var(--color-text-soft);--scrollbar-track: #1E293B;--scrollbar-thumb: #475569;--scrollbar-thumb-hover:#64748B;--scrollbar-size: 10px}}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full);border:2px solid var(--scrollbar-track);transition:background var(--duration-fast) var(--ease-out)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}::selection{background:var(--color-primary-200);color:var(--color-primary-900);text-shadow:none}[data-theme=dark] ::selection{background:#5b82f459;color:var(--color-text-strong)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) ::selection{background:#5b82f459;color:var(--color-text-strong)}}.katex{color:var(--katex-color)}.katex-display{background:var(--katex-display-bg);border:1px solid var(--katex-display-border);border-radius:var(--radius);padding:12px 16px;margin:16px 0;overflow-x:auto;overflow-y:hidden}.katex .mord.text,.katex .mtext{color:var(--katex-mtext-color)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px;line-height:var(--lh-body)}body{font-family:var(--font-sans);font-size:var(--fs-body);color:var(--color-text);background-color:var(--color-bg-soft);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body.no-scroll{overflow:hidden}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}button:disabled{cursor:not-allowed;opacity:.6}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--color-link-hover)}input,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-semibold);line-height:var(--lh-tight);color:var(--color-text-strong)}p{line-height:var(--lh-body)}code,kbd,pre,samp{font-family:var(--font-mono);font-size:var(--fs-code)}::selection{background-color:var(--color-primary-100);color:var(--color-primary-700)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-neutral-200);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-300)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{display:block;min-height:100vh;background:var(--color-bg-soft)}.app-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--color-primary-50);border-right:1px solid var(--color-border);z-index:var(--z-sticky);display:flex;flex-direction:column;transition:width .25s var(--ease-out);overflow:hidden}.app-sidebar.collapsed{width:var(--sidebar-collapsed)}.app-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;height:56px;border-bottom:1px solid var(--color-border-soft);flex-shrink:0}.app-sidebar__logo{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:var(--fw-bold);color:var(--color-primary-700);white-space:nowrap;overflow:hidden}.app-sidebar__logo-icon{width:28px;height:28px;background:var(--color-primary-500);color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:14px;font-weight:var(--fw-bold);flex-shrink:0}.app-sidebar__toggle{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--color-text-soft);transition:background var(--duration-fast);flex-shrink:0}.app-sidebar__toggle:hover{background:#0000000a;color:var(--color-text)}.app-sidebar.collapsed .app-sidebar__header{padding:16px 8px;justify-content:center}.app-sidebar.collapsed .app-sidebar__logo{display:none}.app-sidebar.collapsed .app-sidebar__toggle{margin:0 auto}.app-sidebar.collapsed .app-sidebar__footer{padding:12px 8px;justify-content:center;gap:0}.app-sidebar.collapsed .app-sidebar__footer>a,.app-sidebar.collapsed .app-sidebar__footer>.btn--icon{display:none}.app-sidebar__body{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 0 24px}.app-sidebar__group{margin-bottom:4px}.app-sidebar__group.is-active .app-sidebar__group-title{color:var(--color-primary-700);font-weight:var(--fw-bold)}.app-sidebar__group.is-active .app-sidebar__group-title:before{content:"";width:18px;height:2px;border-radius:2px;background:var(--color-primary-500);margin-right:2px;display:inline-block}.app-sidebar__group-title{display:flex;align-items:center;gap:8px;padding:12px 20px 6px;font-size:11px;font-weight:var(--fw-semibold);color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;transition:color .2s}.app-sidebar__group-title svg{flex-shrink:0}.app-sidebar.collapsed .app-sidebar__group-title span{display:none}.app-sidebar__group--collapsed{position:relative;padding:8px 0}.app-sidebar__group--collapsed .app-sidebar__group-divider{margin:0 16px 6px;height:1px;background:linear-gradient(90deg,transparent,var(--color-border, #e2e8f0),transparent);opacity:.6}.app-sidebar__group--collapsed:first-of-type .app-sidebar__group-divider{display:none}.app-sidebar__nav{display:flex;flex-direction:column;gap:2px;padding:0 8px}.app-sidebar__group .app-sidebar__nav{padding:0}.app-sidebar__group--collapsed>.app-sidebar__nav,.app-sidebar__group--collapsed>.app-sidebar__item{padding-left:8px;padding-right:8px}.app-sidebar__item{position:relative;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:6px;color:var(--color-text);font-size:14px;font-weight:var(--fw-medium);white-space:nowrap;transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out);cursor:pointer;text-decoration:none;overflow:hidden}.app-sidebar__item:hover{background:#3b6cf014;color:var(--color-primary-700);transform:translate(2px)}.app-sidebar__item.active{background:var(--color-primary-100);color:var(--color-primary-700)}.app-sidebar__item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--color-primary-500);border-radius:0 2px 2px 0}.app-sidebar__item-icon{flex-shrink:0;width:20px;height:20px;color:var(--color-text-soft)}.app-sidebar__item.active .app-sidebar__item-icon,.app-sidebar__item:hover .app-sidebar__item-icon{color:var(--color-primary-700)}.app-sidebar__item-text{flex:1;overflow:hidden;text-overflow:ellipsis}.app-sidebar.collapsed .app-sidebar__item-text{display:none}.app-sidebar__footer{border-top:1px solid var(--color-border-soft);padding:12px;display:flex;align-items:center;gap:8px;flex-shrink:0}.app-sidebar__avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary-500);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--fw-semibold);font-size:14px;flex-shrink:0}.app-sidebar__user{flex:1;min-width:0;overflow:hidden}.app-sidebar__user-name{font-size:14px;font-weight:var(--fw-medium);color:var(--color-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar__user-meta{font-size:12px;color:var(--color-text-soft)}.app-sidebar.collapsed .app-sidebar__user{display:none}.app-main{margin-left:var(--sidebar-width);margin-right:var(--right-panel-width);min-height:100vh;padding:24px 32px 64px;transition:margin-left .25s var(--ease-out),margin-right .25s var(--ease-out);max-width:1200px}.app-sidebar.collapsed~.app-main{margin-left:var(--sidebar-collapsed)}.app-right-panel[hidden]~.app-main,.app-right-panel.is-hidden~.app-main{margin-right:0}.app-main.no-right-panel{margin-right:0}@media (min-width: 1440px){.app-main{max-width:1200px}}.app-right-panel{position:fixed;right:0;top:0;bottom:0;width:var(--right-panel-width);background:var(--color-bg-soft);border-left:1px solid var(--color-border);overflow-y:auto;overflow-x:hidden;z-index:var(--z-base);padding:12px}.rp-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px;margin-bottom:10px}.rp-section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.rp-section__title{font-size:14px;font-weight:var(--fw-semibold);color:var(--color-text-strong)}.rp-section__meta{font-size:11px;color:var(--color-text-soft);text-decoration:none;cursor:pointer}.rp-section__meta:hover{color:var(--color-primary-600)}.rp-overview .rp-streak{display:flex;align-items:center;gap:8px;padding:10px 0;margin-bottom:12px}.rp-streak__icon{font-size:24px}.rp-streak__num{font-size:22px;font-weight:800;line-height:1.1;color:var(--color-primary-700)}.rp-streak__label{font-size:11px;color:var(--color-text-soft);line-height:1.2}.rp-xp-bar,.rp-week-bar{margin-bottom:8px}.progress__bar--xp{background:linear-gradient(90deg,#3b6cf0,#60a5fa);border-radius:4px;height:8px;transition:width .5s ease}.progress__bar--week{background:linear-gradient(90deg,#059669,#34d399);border-radius:4px;height:8px;transition:width .5s ease}.rp-badge{display:inline-flex;align-items:center;justify-content:center;padding:1px 7px;border-radius:10px;font-size:11px;font-weight:600}.rp-badge--normal{background:var(--color-primary-50);color:var(--color-primary-700)}.rp-badge--done{background:var(--color-green-50);color:var(--color-green-700)}.rp-plan-list{list-style:none;padding:0;margin:0}.rp-plan-item{display:flex;align-items:flex-start;gap:8px;padding:7px 0;border-bottom:1px dashed var(--color-border-soft);transition:opacity .15s}.rp-plan-item:last-child{border-bottom:none}.rp-plan-item.is-done{opacity:.55}.rp-plan-item.is-done .rp-plan-item__title{text-decoration:line-through}.rp-checkbox{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;margin-top:1px}.rp-checkbox input{position:absolute;opacity:0;cursor:pointer}.rp-checkbox__box{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--color-neutral-300);border-radius:4px;font-size:11px;color:#fff;background:#fff;transition:all .15s ease}input:checked+.rp-checkbox__box{background:var(--color-primary-600);border-color:var(--color-primary-600)}.rp-plan-item__body{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:baseline;gap:6px}.rp-plan-item__title{font-size:13px;color:var(--color-text-strong);line-height:1.35;word-break:break-word}.rp-plan-item__time{font-size:11px;color:var(--color-text-soft);flex-shrink:0}.rp-all-done{text-align:center;font-size:13px;color:var(--color-green-700);padding:8px 0 2px;animation:rp-bounce-in .4s ease}@keyframes rp-bounce-in{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}.rp-snippet-list{display:flex;flex-direction:column;gap:8px}.rp-snippet{border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);padding:8px 10px;transition:box-shadow .15s,border-color .15s;cursor:default}.rp-snippet:hover{border-color:var(--color-primary-300);box-shadow:0 1px 6px #3b6cf014}.rp-snippet__header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.rp-snippet__icon{font-size:16px}.rp-snippet__label{font-size:13px;font-weight:600;color:var(--color-text-strong)}.rp-snippet__tag{font-size:10px;padding:1px 6px;border-radius:8px;background:var(--color-primary-50);color:var(--color-primary-700);margin-left:auto}.rp-snippet__code{background:var(--color-neutral-900);color:#e5e7eb;border-radius:4px;padding:6px 8px;font-size:11px;line-height:1.45;overflow:hidden;margin:4px 0 6px;font-family:Cascadia Code,Fira Code,JetBrains Mono,Consolas,monospace}.rp-snippet__code code{font-family:inherit}.rp-snippet__copy{font-size:11px;width:100%;transition:all .15s}.rp-snippet__copy:hover{background:var(--color-primary-600);color:#fff}.rp-ai-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rp-ai-q-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);background:var(--color-bg);font-size:11px;color:var(--color-text-strong);cursor:pointer;transition:all .15s;text-align:left;line-height:1.3}.rp-ai-q-btn:hover{border-color:var(--color-primary-400);background:var(--color-primary-50);color:var(--color-primary-700)}.rp-ai-q-btn span:first-child{flex-shrink:0;font-size:14px}.rp-ai-recent{margin-top:10px;padding-top:10px;border-top:1px dashed var(--color-border-soft)}.rp-ai-chat-item{padding:6px 8px;border-radius:var(--radius-sm);background:var(--color-bg-soft);cursor:pointer;margin-bottom:4px;transition:background .15s}.rp-ai-chat-item:hover{background:var(--color-primary-50)}.rp-ai-chat-item__q{font-size:12px;color:var(--color-text-strong);line-height:1.35;word-break:break-word}.rp-ai-chat-item__time{font-size:10px;color:var(--color-text-soft);margin-top:2px}.rp-cal-header{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;text-align:center;font-size:10px;color:var(--color-text-soft);padding:4px 0 2px;border-bottom:1px solid var(--color-border-soft);margin-bottom:4px}.rp-cal-body{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.rp-cal-day{display:flex;align-items:center;justify-content:center;aspect-ratio:1;font-size:11px;border-radius:50%;cursor:default;transition:all .12s;color:var(--color-text-strong);max-width:28px;margin:0 auto}.rp-cal-day.is-today{font-weight:700;color:var(--color-primary-700);border:1.5px solid var(--color-primary-500)}.rp-cal-day.is-checked:not(.is-today){background:var(--color-primary-500);color:#fff;font-weight:600}.rp-cal-day.is-future{color:var(--color-text-soft);opacity:.4}.rp-cal-day.is-checked.is-today{background:var(--color-primary-600);color:#fff;border-color:transparent}.rp-checkin-btn{width:100%;margin-top:8px;font-size:12px;transition:all .15s}.rp-checkin-btn:hover:not(:disabled){background:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600)}.rp-checkin-btn:disabled{opacity:.55;cursor:not-allowed}.rp-rec-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}.rp-rec-item{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);text-decoration:none;transition:all .15s}.rp-rec-item:hover{border-color:var(--color-primary-300);box-shadow:0 1px 4px #0000000f}.rp-rec-item__cover{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.rp-rec-item__body{min-width:0}.rp-rec-item__name{font-size:13px;font-weight:600;color:var(--color-text-strong);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-rec-item__meta{font-size:11px;color:var(--color-text-soft);margin-top:2px}@media (max-width: 1439px){.app-right-panel{width:var(--right-panel-narrow)}.app-main{margin-right:var(--right-panel-narrow)}}@media (max-width: 1199px){.app-right-panel{display:none}.app-main{margin-right:0}}@media (max-width: 1023px){.app-sidebar{width:var(--sidebar-collapsed)}.app-sidebar .app-sidebar__item-text,.app-sidebar .app-sidebar__group-title span,.app-sidebar .app-sidebar__user{display:none}.app-main{margin-left:var(--sidebar-collapsed);padding:16px}}@media (max-width: 767px){.app-sidebar{transform:translate(-100%);transition:transform .25s var(--ease-out)}.app-sidebar.open{transform:translate(0);width:280px}.app-sidebar.open .app-sidebar__item-text,.app-sidebar.open .app-sidebar__group-title span,.app-sidebar.open .app-sidebar__user{display:revert}.app-main{margin-left:0;padding:12px}}.app-sidebar{background:linear-gradient(180deg,var(--color-bg-sidebar) 0%,var(--color-bg) 100%);border-right:1px solid var(--color-border);box-shadow:2px 0 12px #0f172a0a}.app-sidebar__logo-icon{background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-600));box-shadow:0 2px 8px #3b6cf04d;transition:transform var(--duration-base) var(--ease-out)}.app-sidebar__logo:hover .app-sidebar__logo-icon{transform:rotate(-5deg) scale(1.05)}.sidebar-nav__item{position:relative;border-radius:var(--radius);margin:2px 8px;padding:10px 12px;display:flex;align-items:center;gap:10px;color:var(--color-text-soft);font-size:14px;font-weight:var(--fw-medium);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-decoration:none}.sidebar-nav__item:hover{background:var(--color-primary-50);color:var(--color-primary-600);transform:translate(2px)}.sidebar-nav__item--active{background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100));color:var(--color-primary-700);font-weight:var(--fw-semibold)}.sidebar-nav__item--active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,var(--color-primary-400),var(--color-primary-600));border-radius:0 var(--radius-full) var(--radius-full) 0}.sidebar-nav__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--duration-base) var(--ease-out)}.sidebar-nav__item:hover .sidebar-nav__icon{transform:scale(1.15)}.sidebar-nav__group-title{font-size:11px;font-weight:var(--fw-semibold);color:var(--color-text-mute);text-transform:uppercase;letter-spacing:1px;padding:16px 20px 6px;margin-top:8px}.sidebar-nav__group-title:first-child{margin-top:0}.app-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:0 1px 3px #0f172a08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9}.header-search{position:relative;max-width:360px;width:100%}.header-search .input{border-radius:var(--radius-full);padding-left:38px;padding-right:12px;height:36px;font-size:13px;background:var(--color-neutral-50);border-color:transparent}.header-search .input:focus{background:var(--color-bg);border-color:var(--color-primary-400);box-shadow:var(--shadow-input-focus)}.header-avatar{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-border);cursor:pointer;transition:all var(--duration-fast);object-fit:cover}.header-avatar:hover{border-color:var(--color-primary-400);transform:scale(1.05);box-shadow:0 2px 8px #3b6cf033}.app-main{background:var(--color-bg-soft);min-height:calc(100vh - var(--header-height))}.app-content{max-width:1200px;margin:0 auto;padding:24px;width:100%}.page{animation:mali-page-in .3s var(--ease-out)}@keyframes mali-page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pet-spirit-widget{position:fixed;width:88px;height:88px;z-index:9000;cursor:grab;-webkit-user-select:none;user-select:none;transition:filter .2s ease}.pet-spirit-widget:active{cursor:grabbing}.pet-spirit-widget.dragging{cursor:grabbing;filter:brightness(1.1)}.pet-spirit-widget .pet-character{width:80px;height:80px;background:#ffffffd9;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000001f,0 0 0 3px #ff7a4526;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.pet-spirit-widget .pet-character:hover{transform:scale(1.05);box-shadow:0 6px 20px #00000026,0 0 0 4px #ff7a4540}.pet-frame-container{position:relative;width:72px;height:72px}.pet-frame-img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.pet-spirit-widget.flip-x .pet-frame-container{transform:scaleX(-1)}.pet-spirit-widget .pet-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#fff,#fafafa);color:#1f2937;padding:10px 14px;border-radius:16px;font-size:13px;line-height:1.4;max-width:240px;min-width:60px;text-align:center;box-shadow:0 4px 12px #0000001a;white-space:pre-wrap;word-break:break-word}.pet-spirit-widget .pet-bubble:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#fff;box-shadow:1px 1px 2px #0000000d}.pet-spirit-widget .pet-emotion-badge{position:absolute;top:-8px;right:-8px;width:28px;height:28px;font-size:20px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 2px 6px #00000026;animation:pet-emotion-pop .4s ease-out}.pet-spirit-widget .pet-settings-btn{position:absolute;bottom:-4px;left:-4px;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;font-size:12px;color:#6b7280;cursor:pointer;box-shadow:0 2px 4px #00000014;transition:all .2s ease}.pet-spirit-widget .pet-settings-btn:hover{background:#f3f4f6;color:#ff7a45;transform:scale(1.1)}@keyframes pet-emotion-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}.pet-chat-panel{position:fixed;bottom:20px;right:20px;width:380px;height:540px;max-height:calc(100vh - 40px);background:#fff;border-radius:16px;box-shadow:0 12px 48px #0000002e;z-index:9500;display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.pet-chat-panel[hidden]{display:none!important}.pet-chat-header{display:flex;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#ff7a45,#ffa940);color:#fff;flex-shrink:0}.pet-chat-avatar{width:44px;height:44px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026;flex-shrink:0}.pet-chat-title{flex:1;min-width:0}.pet-chat-name{font-weight:600;font-size:15px}.pet-chat-subtitle{font-size:11px;opacity:.9;margin-top:2px}.pet-chat-close{width:28px;height:28px;border-radius:50%;border:none;background:#fff3;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.pet-chat-close:hover{background:#ffffff59}.pet-chat-messages{flex:1;padding:16px;overflow-y:auto;background:#fafafa;display:flex;flex-direction:column;gap:10px}.pet-chat-msg{display:flex;max-width:80%;animation:pet-msg-in .3s ease-out}.pet-chat-msg--user{align-self:flex-end}.pet-chat-msg--assistant{align-self:flex-start}.pet-chat-msg-content{padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.pet-chat-msg--user .pet-chat-msg-content{background:linear-gradient(135deg,#3b6cf0,#5b8def);color:#fff;border-bottom-right-radius:4px}.pet-chat-msg--assistant .pet-chat-msg-content{background:#fff;color:#1f2937;border:1px solid #e5e7eb;border-bottom-left-radius:4px;max-width:100%;word-wrap:break-word;overflow-wrap:anywhere}.pet-chat-msg--assistant .pet-chat-msg-content p{margin:0 0 6px}.pet-chat-msg--assistant .pet-chat-msg-content p:last-child{margin-bottom:0}.pet-chat-msg--assistant .pet-chat-msg-content h1,.pet-chat-msg--assistant .pet-chat-msg-content h2,.pet-chat-msg--assistant .pet-chat-msg-content h3{font-size:14px;font-weight:600;margin:6px 0 4px}.pet-chat-msg--assistant .pet-chat-msg-content ul,.pet-chat-msg--assistant .pet-chat-msg-content ol{margin:4px 0 6px 18px;padding:0}.pet-chat-msg--assistant .pet-chat-msg-content code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:3px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.pet-chat-msg--assistant .pet-chat-msg-content pre{background:#0f172a;color:#e2e8f0;padding:10px 12px;border-radius:6px;overflow-x:auto;margin:6px 0;position:relative;font-size:12px;line-height:1.5}.pet-chat-msg--assistant .pet-chat-msg-content pre code{background:transparent;border:none;color:inherit;padding:0;font-size:inherit}.pet-chat-msg--assistant .pet-chat-msg-content blockquote{border-left:3px solid #cbd5e1;margin:4px 0;padding:2px 8px;color:#475569;background:#f8fafc}.code-copy-btn{position:absolute;top:6px;right:6px;padding:2px 8px;font-size:11px;background:#ffffffe6;border:1px solid #e2e8f0;border-radius:4px;color:#475569;cursor:pointer;opacity:0;transition:opacity .15s}.pet-chat-msg--assistant .pet-chat-msg-content pre:hover .code-copy-btn,.lesson-content pre:hover .code-copy-btn,.mali-section__body pre:hover .code-copy-btn{opacity:1}.pet-chat-msg--typing .pet-chat-msg-content{background:#fff;border:1px solid #e5e7eb;display:flex;gap:4px;padding:14px}.typing-dot{width:6px;height:6px;background:#9ca3af;border-radius:50%;animation:typing-bounce 1.2s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}@keyframes pet-msg-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pet-chat-input{display:flex;gap:8px;padding:12px 16px;background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0}.pet-chat-input textarea{flex:1;resize:none;border:1px solid #e5e7eb;border-radius:12px;padding:8px 12px;font-size:14px;font-family:inherit;line-height:1.4;outline:none;transition:border-color .2s ease;max-height:80px}.pet-chat-input textarea:focus{border-color:#ff7a45}.pet-chat-input button{background:linear-gradient(135deg,#ff7a45,#ffa940);color:#fff;border:none;border-radius:12px;padding:0 18px;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.pet-chat-input button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff7a454d}.pet-chat-input button:active{transform:translateY(0)}.pet-settings-page{max-width:960px;margin:0 auto;padding:24px}.pet-settings-header{text-align:center;margin-bottom:32px}.pet-settings-header h2{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.pet-settings-subtitle{color:#6b7280;font-size:14px;margin:0}.pet-settings-current{margin-bottom:24px}.pet-loading{text-align:center;color:#9ca3af;padding:24px}.pet-current-card{display:flex;align-items:center;gap:20px;padding:20px 24px;background:#fff;border-radius:16px;border:2px solid var(--pet-color, #FF7A45);background:linear-gradient(135deg,var(--pet-bg, #FFE4D4) 0%,white 100%);box-shadow:0 4px 16px #0000000f}.pet-current-avatar{width:72px;height:72px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;flex-shrink:0;overflow:hidden}.pet-current-img{width:64px;height:64px;object-fit:contain}.pet-current-info{flex:1}.pet-current-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.pet-current-name{font-size:22px;font-weight:700;color:#1f2937;margin-bottom:4px}.pet-tag{display:inline-block;background:var(--pet-color, #FF7A45);color:#fff;font-size:11px;padding:2px 8px;border-radius:8px;margin-left:8px;font-weight:500}.pet-current-desc{font-size:14px;color:#6b7280}.pet-current-actions{flex-shrink:0}.pet-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#4b5563;-webkit-user-select:none;user-select:none}.pet-toggle input{width:16px;height:16px;cursor:pointer}.pet-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.pet-card{background:#fff;border-radius:16px;padding:20px;border:2px solid #e5e7eb;transition:all .2s ease;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.pet-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--pet-color)}.pet-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a;border-color:var(--pet-color)}.pet-card.selected{border-color:var(--pet-color);box-shadow:0 4px 16px #00000014,0 0 0 3px var(--pet-bg)}.pet-card-header{display:flex;align-items:center;gap:12px}.pet-card-emoji{width:56px;height:56px;background:var(--pet-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.pet-card-img{width:48px;height:48px;object-fit:contain}.pet-card-name{font-size:18px;font-weight:700;color:#1f2937;flex:1}.pet-card-tag{background:var(--pet-color);color:#fff;font-size:11px;padding:3px 10px;border-radius:8px;font-weight:500}.pet-card-animal{font-size:13px;color:#9ca3af}.pet-card-desc{font-size:14px;color:#4b5563;line-height:1.5}.pet-card-personality{font-size:12px;color:#6b7280;padding:8px 12px;background:#f9fafb;border-radius:8px;font-style:italic}.pet-card-samples{border-top:1px dashed #e5e7eb;padding-top:12px}.pet-card-samples-title{font-size:12px;color:#6b7280;margin-bottom:6px}.pet-card-sample{font-size:13px;color:#1f2937;border-left:2px solid var(--pet-color);padding:4px 0 4px 8px;margin:4px 0}.pet-card-action{margin-top:auto}.pet-card-btn{width:100%;padding:10px;background:#fff;border:2px solid var(--pet-color);color:var(--pet-color);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pet-card-btn:hover:not(:disabled){background:var(--pet-color);color:#fff}.pet-card-btn.active{background:var(--pet-color);color:#fff;cursor:default}.pet-card-btn:disabled{opacity:.6;cursor:not-allowed}.pet-settings-tips{background:linear-gradient(135deg,#fff7ed,#fef3c7);border-radius:16px;padding:20px 24px;border:1px solid #fbbf24}.pet-settings-tips h3{margin:0 0 12px;color:#92400e;font-size:16px}.pet-settings-tips ul{margin:0;padding-left:20px;color:#78350f;line-height:1.8;font-size:14px}.pet-settings-tips li{margin-bottom:4px}@media (max-width: 640px){.pet-chat-panel{width:calc(100vw - 20px);right:10px;bottom:10px;height:calc(100vh - 20px);max-height:none}.pet-settings-grid{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:14px;font-weight:var(--fw-medium);line-height:1.2;cursor:pointer;transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid transparent}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #3b6cf040}.btn--primary{background:var(--color-primary-500);color:#fff;box-shadow:0 1px 2px #3b6cf033}.btn--primary:hover:not(:disabled){background:var(--color-primary-700);box-shadow:0 4px 12px #3b6cf04d}.btn--secondary{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-neutral-100);border-color:var(--color-primary-300);color:var(--color-primary-700)}.btn--accent{background:var(--color-cyan-600);color:#fff;box-shadow:0 1px 2px #0e7c7b33}.btn--accent:hover:not(:disabled){background:var(--color-cyan-700);box-shadow:0 4px 12px #0e7c7b4d}.btn--success{background:var(--color-green-600);color:#fff;box-shadow:0 1px 2px #0f8a5f33}.btn--success:hover:not(:disabled){background:var(--color-green-700);box-shadow:0 4px 12px #0f8a5f4d}.btn--danger{background:var(--color-red-600);color:#fff;box-shadow:0 1px 2px #dc262633}.btn--danger:hover:not(:disabled){background:var(--color-red-700);box-shadow:0 4px 12px #dc26264d}.btn--text{background:transparent;color:var(--color-primary-500);padding:6px 8px}.btn--text:hover:not(:disabled){color:var(--color-primary-700);text-decoration:underline}.btn--icon{width:32px;height:32px;padding:0;background:transparent;color:var(--color-text-soft);border-radius:6px}.btn--icon:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-text)}.btn--sm{padding:4px 10px;font-size:13px}.btn--lg{padding:12px 24px;font-size:16px}.btn--loading{position:relative;color:transparent!important}.btn--loading:after{content:"";position:absolute;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;color:#fff;animation:btn-spin .8s linear infinite}.btn--primary.btn--loading:after{color:#fff}.btn--secondary.btn--loading:after{color:var(--color-primary-500)}@keyframes btn-spin{to{transform:rotate(360deg)}}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-card);transition:box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);position:relative}.card--hoverable:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-primary-200);transform:translateY(-2px);cursor:pointer}.card__title{display:flex;align-items:center;justify-content:space-between;font-size:var(--fs-section);font-weight:var(--fw-semibold);color:var(--color-text-strong);margin-bottom:16px;gap:12px}.card__title-meta{font-size:var(--fs-help);font-weight:var(--fw-regular);color:var(--color-text-soft)}.card__subtitle{font-size:var(--fs-help);color:var(--color-text-soft);margin-top:-8px;margin-bottom:16px}.card--accent{border-left:3px solid var(--color-primary-500)}.input,.textarea,.select{display:block;width:100%;padding:8px 12px;font-size:14px;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out)}.input:hover,.textarea:hover,.select:hover{border-color:var(--color-primary-300)}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-primary-500);box-shadow:var(--shadow-input-focus);outline:none}.input::placeholder,.textarea::placeholder{color:var(--color-text-mute)}.input--search{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%2364748B' stroke-width='1.5' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center;padding-left:36px}.input-group .input{padding-left:36px}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:var(--fs-data);font-weight:var(--fw-semibold);border-radius:var(--radius-sm);background:var(--color-neutral-100);color:var(--color-text-soft);line-height:1.5;white-space:nowrap}.tag--primary{background:var(--color-primary-100);color:var(--color-primary-700)}.tag--cyan{background:var(--color-cyan-100);color:var(--color-cyan-700)}.tag--success{background:var(--color-green-100);color:var(--color-green-700)}.tag--warning{background:var(--color-amber-100);color:var(--color-amber-700)}.tag--purple{background:var(--color-purple-50);color:var(--color-purple-700)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:20px;padding:0 8px;font-size:11px;font-weight:var(--fw-semibold);line-height:1;background:var(--color-neutral-200);color:var(--color-text-strong);border-radius:var(--radius-full);transition:background .2s var(--ease-out),color .2s var(--ease-out),transform .15s var(--ease-out)}.badge--info{background:var(--color-cyan-50, #E6F5F5);color:var(--color-cyan-700, #0A6666)}.badge--purple{background:var(--color-violet-50);color:var(--color-violet-700)}.badge--success:hover,.badge--warning:hover,.badge--danger:hover,.badge--info:hover{transform:translateY(-1px)}.progress{position:relative;width:100%;height:4px;background:var(--color-neutral-200);border-radius:2px;overflow:hidden}.progress__bar{height:100%;background:var(--color-primary-500);border-radius:inherit;transition:width var(--duration-slow) var(--ease-out)}.progress--lg{height:8px;border-radius:4px}.progress--success .progress__bar{background:var(--color-green-600)}.progress--warning .progress__bar{background:var(--color-amber-600)}.progress-ring{display:inline-block;position:relative}.progress-ring__svg{transform:rotate(-90deg)}.progress-ring__bg{stroke:var(--color-neutral-200);fill:none}.progress-ring__bar{stroke:var(--color-primary-500);fill:none;stroke-linecap:round;transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}.progress-ring__text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:var(--fw-semibold);color:var(--color-text-strong)}.checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox__box{width:16px;height:16px;border:1.5px solid var(--color-neutral-300);border-radius:3px;display:flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0;transition:background var(--duration-fast),border-color var(--duration-fast)}.checkbox input{position:absolute;opacity:0;pointer-events:none}.checkbox input:checked+.checkbox__box{background:var(--color-green-600);border-color:var(--color-green-600)}.checkbox input:checked+.checkbox__box:after{content:"";width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.checkbox--primary input:checked+.checkbox__box{background:var(--color-primary-500);border-color:var(--color-primary-500)}.divider{height:1px;background:var(--color-border);margin:16px 0}.divider--vertical{width:1px;height:16px;background:var(--color-border);display:inline-block;margin:0 8px}.list-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:6px;transition:background var(--duration-fast);cursor:pointer;position:relative;font-size:14px}.list-item:hover{background:var(--color-neutral-50)}.list-item__icon{width:32px;height:32px;border-radius:6px;background:var(--color-primary-50);color:var(--color-primary-700);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-mono);font-size:13px;font-weight:var(--fw-semibold)}.list-item__body{flex:1;min-width:0}.list-item__title{font-size:14px;font-weight:var(--fw-medium);color:var(--color-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item__desc{font-size:12px;color:var(--color-text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-item__extra{font-size:12px;color:var(--color-text-soft);flex-shrink:0}.callout{display:flex;gap:12px;padding:12px 16px;border-radius:var(--radius);font-size:14px;line-height:1.5;border-left:3px solid}.callout--info{background:var(--color-primary-50);border-color:var(--color-primary-500);color:var(--color-primary-800)}.callout--warning{background:var(--color-amber-50);border-color:var(--color-amber-600);color:var(--color-amber-700)}.callout--tip{background:var(--color-cyan-50);border-color:var(--color-cyan-600);color:var(--color-cyan-700)}.callout--success{background:var(--color-green-50);border-color:var(--color-green-600);color:var(--color-green-700)}.callout__icon{flex-shrink:0;width:18px;height:18px;margin-top:1px}.tabs{display:flex;flex-direction:column;gap:16px}.tabs__nav{display:flex;gap:4px;border-bottom:1px solid var(--color-border);overflow-x:auto}.tabs__btn{padding:10px 16px;font-size:14px;font-weight:var(--fw-medium);color:var(--color-text-soft);border-bottom:2px solid transparent;transition:color var(--duration-fast),border-color var(--duration-fast);white-space:nowrap}.tabs__btn:hover{color:var(--color-text)}.tabs__btn.active{color:var(--color-primary-700);border-color:var(--color-primary-500)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:16px;animation:fade-in var(--duration-base) var(--ease-out)}.modal{background:var(--color-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);max-width:560px;width:100%;max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden;animation:modal-in var(--duration-slow) var(--ease-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border)}.modal__title{font-size:16px;font-weight:var(--fw-semibold);color:var(--color-text-strong)}.modal__body{padding:20px;overflow-y:auto;flex:1}.modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--color-border);background:var(--color-neutral-50)}.toast-container{position:fixed;top:20px;right:20px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:10px;max-width:380px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:12px 14px 12px 12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #0f172a1f,0 2px 6px #0f172a0f;font-size:14px;line-height:1.5;color:var(--color-text);pointer-events:auto;animation:toast-in .24s var(--ease-out);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);overflow:hidden;position:relative}.toast:hover{transform:translateY(-1px);box-shadow:0 12px 32px #0f172a29,0 4px 10px #0f172a14}.toast__icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-neutral-100);color:var(--color-text-soft)}.toast__body{flex:1;min-width:0;padding-top:5px;word-break:break-word}.toast--success{border-left:3px solid var(--color-green-600)}.toast--success .toast__icon{background:var(--color-green-50);color:var(--color-green-700)}.toast--warning{border-left:3px solid var(--color-amber-600)}.toast--warning .toast__icon{background:var(--color-amber-50);color:var(--color-amber-700)}.toast--error{border-left:3px solid var(--color-red-600)}.toast--error .toast__icon{background:var(--color-red-50);color:var(--color-red-700)}.toast--info{border-left:3px solid var(--color-primary-500)}.toast--info .toast__icon{background:var(--color-primary-50);color:var(--color-primary-700)}.toast .btn--text{flex-shrink:0;margin-top:2px;font-weight:var(--fw-medium)}@keyframes toast-in{0%{opacity:0;transform:translate(24px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.tooltip{position:relative;display:inline-flex}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 8px;background:var(--color-neutral-900);color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duration-fast);z-index:var(--z-tooltip)}.tooltip:hover:after{opacity:1}.global-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:var(--z-toast);background:transparent;pointer-events:none}.global-progress__bar{height:100%;background:var(--color-primary-500);width:30%;animation:progress-indeterminate 1.4s ease-in-out infinite}@keyframes progress-indeterminate{0%{margin-left:-30%}to{margin-left:100%}}.skeleton{background:linear-gradient(90deg,var(--color-neutral-100) 0%,var(--color-neutral-200) 50%,var(--color-neutral-100) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton--text{display:flex;flex-direction:column;gap:8px;background:none;animation:none}.skeleton__line{height:14px;background:linear-gradient(90deg,var(--color-neutral-100) 0%,var(--color-neutral-200) 50%,var(--color-neutral-100) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton__line--title{height:24px;width:60%}.skeleton__line--subtitle{height:14px;width:40%}.skeleton__line--short{width:30%}.skeleton--card{background:none;animation:none;border:1px solid var(--color-border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px}.skeleton__card-header,.skeleton__card-body{display:flex;flex-direction:column;gap:8px}.skeleton--list{background:none;animation:none;display:flex;flex-direction:column;gap:12px}.skeleton__list-item{display:flex;gap:12px;align-items:center}.skeleton__avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,var(--color-neutral-100) 0%,var(--color-neutral-200) 50%,var(--color-neutral-100) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;flex-shrink:0}.skeleton__list-content{flex:1;display:flex;flex-direction:column;gap:6px}.skeleton--rect{border-radius:var(--radius)}.skeleton--page{background:none;animation:none;display:flex;flex-direction:column;gap:24px;padding:24px}.skeleton__page-header{margin-bottom:8px}.skeleton__page-content{display:flex;flex-direction:column;gap:16px}.skeleton--table{background:none;animation:none;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.skeleton__table-head{display:flex;gap:1px;padding:10px 12px;background:var(--color-neutral-50);border-bottom:1px solid var(--color-border)}.skeleton__table-body{display:flex;flex-direction:column}.skeleton__table-row{display:flex;gap:1px;padding:12px;border-bottom:1px solid var(--color-border-soft);transition:background var(--duration-fast)}.skeleton__table-row:last-child{border-bottom:none}.skeleton__table-row:hover{background:var(--color-neutral-50)}.skeleton__table-cell{flex:1;height:12px;border-radius:4px;background:linear-gradient(90deg,var(--color-neutral-100) 0%,var(--color-neutral-200) 50%,var(--color-neutral-100) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton__table-cell--head{height:10px;flex:1}.skeleton__table-cell--short{flex:0 0 22%;max-width:160px}.skeleton--detail{background:none;animation:none;display:flex;flex-direction:column;gap:20px;padding:24px}.skeleton__detail-header{display:flex;flex-direction:column;gap:10px}.skeleton__detail-back{width:64px;height:14px;border-radius:4px;background:linear-gradient(90deg,var(--color-neutral-100) 0%,var(--color-neutral-200) 50%,var(--color-neutral-100) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton__detail-meta{display:flex;gap:8px;flex-wrap:wrap}.skeleton__detail-chip{width:72px;height:22px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-neutral-100) 0%,var(--color-neutral-200) 50%,var(--color-neutral-100) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.skeleton__detail-body{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start}.skeleton__detail-main{display:flex;flex-direction:column;gap:10px}.skeleton__detail-aside{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px;display:flex;flex-direction:column;gap:14px;background:var(--color-bg)}.skeleton__detail-aside-row{display:flex;flex-direction:column;gap:6px}@media (max-width: 768px){.skeleton__detail-body{grid-template-columns:1fr}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--color-text-soft)}.empty-state__icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-neutral-50) 100%);color:var(--color-text-mute);margin-bottom:16px;animation:empty-state-pulse 3s ease-in-out infinite}@keyframes empty-state-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.04);opacity:.85}}.empty-state__title{margin:0 0 6px;font-size:var(--fs-card-title);font-weight:var(--fw-semibold);color:var(--color-text-strong)}.empty-state__desc{margin:0 0 20px;font-size:var(--fs-body);line-height:var(--lh-base);color:var(--color-text-soft);max-width:420px}.empty-state__action{margin-top:4px}.async-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.async-error__icon{font-size:48px;margin-bottom:16px;opacity:.5}.async-error__title{font-size:18px;font-weight:var(--fw-semibold);margin-bottom:8px}.async-error__desc{color:var(--color-text-soft);margin-bottom:20px;max-width:400px}img[loading=lazy]{transition:opacity .3s ease}.img-placeholder{background:linear-gradient(135deg,var(--color-neutral-100) 0%,var(--color-neutral-200) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-text-mute);font-size:12px}.img-fade-in{animation:img-fade-in .3s ease forwards}@keyframes img-fade-in{0%{opacity:0}to{opacity:1}}.sep-dot{display:inline-block;margin:0 6px;color:var(--color-text-mute);font-size:11px;vertical-align:middle}.text-secondary{color:var(--color-text-soft)}.text-mute{color:var(--color-text-mute)}.text-strong{color:var(--color-text-strong);font-weight:var(--fw-semibold)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-primary{color:var(--color-primary)}.text-mono{font-family:var(--font-mono)}.ai-tutor-panel{position:fixed;top:0;right:0;width:420px;max-width:100vw;height:100vh;z-index:var(--z-overlay, 1000);display:flex;background:var(--color-bg, #ffffff);box-shadow:-8px 0 32px #0000001f,0 0 0 1px #7c3aed2e;animation:ai-tutor-slide-in .25s var(--ease-out, ease-out)}.ai-tutor-panel[hidden]{display:none!important}body.ai-tutor-open{overflow:hidden}@keyframes ai-tutor-slide-in{0%{transform:translate(100%);opacity:.8}to{transform:translate(0);opacity:1}}.ai-tutor-sidebar{width:56px;flex-shrink:0;background:var(--color-bg-soft, #F8FAFC);border-right:1px solid var(--color-violet-200, #DDD6FE);display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:8px}.ai-tutor-sidebar__new{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;box-shadow:0 2px 8px #7c3aed59;transition:background .2s var(--ease-out),color .2s var(--ease-out),box-shadow .2s var(--ease-out),transform .2s var(--ease-out)}.ai-tutor-sidebar__new:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px 14px #8b5cf68c;transform:translateY(-1px)}.ai-tutor-sidebar__new:active{transform:translateY(0);box-shadow:0 2px 6px #7c3aed59}.ai-tutor-sidebar__list{flex:1;width:100%;display:flex;flex-direction:column;gap:4px;padding:0 6px;overflow-y:auto}.ai-tutor-sidebar__empty{padding:12px 4px;font-size:11px;color:var(--color-text-mute, #9ca3af);text-align:center;line-height:1.4}.ai-tutor-sidebar__item{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:8px;color:var(--color-text-soft, #64748b);transition:background .2s var(--ease-out),color .2s var(--ease-out)}.ai-tutor-sidebar__item:hover{background:var(--color-violet-50, #F5F3FF);color:var(--color-violet-700, #6D28D9)}.ai-tutor-sidebar__item.is-active{background:var(--color-violet-100, #EDE9FE);color:var(--color-violet-700, #6D28D9)}.ai-tutor-sidebar__item-icon{color:var(--color-violet-500, #8B5CF6)}.ai-tutor-sidebar__item-text{width:100%;font-size:10px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.ai-tutor-main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--color-bg, #ffffff)}.ai-tutor-header{height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-bg, #ffffff)}.ai-tutor-header__title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:var(--fw-semibold, 600);color:var(--color-text-strong, #0B1220)}.ai-tutor-header__title svg{color:var(--color-violet-600, #7C3AED);filter:drop-shadow(0 1px 2px rgba(124,58,237,.25))}.ai-tutor-header__model{margin-left:auto;margin-right:12px;padding:3px 10px;font-size:11px;color:var(--color-text-soft, #64748b);background:var(--color-bg-soft, #f8fafc);border:1px solid var(--color-violet-300, #C4B5FD);border-radius:var(--radius-full, 999px);transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.ai-tutor-header__model:hover{border-color:var(--color-violet-500, #8B5CF6);box-shadow:0 0 0 3px #8b5cf61f}.ai-tutor-header__actions{display:flex;align-items:center;gap:4px}.ai-tutor-header__btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-text-soft, #6b7280);transition:background .2s ease,color .2s ease}.ai-tutor-header__btn:hover{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#7c3aed}.ai-tutor-messages{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:16px;background:var(--color-bg, #ffffff)}.ai-tutor-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 16px;color:var(--color-text-soft, #6b7280)}.ai-tutor-empty__icon{color:var(--color-violet-500, #8B5CF6);margin-bottom:16px;opacity:1;filter:drop-shadow(0 2px 8px rgba(139,92,246,.35));animation:ai-tutor-empty-pulse 3s ease-in-out infinite}@keyframes ai-tutor-empty-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.9}}.ai-tutor-empty__title{font-size:17px;font-weight:var(--fw-semibold, 600);color:var(--color-text-strong, #0B1220);margin-bottom:6px}.ai-tutor-empty__desc{font-size:13px;line-height:1.5;margin-bottom:12px;max-width:280px;color:var(--color-text-soft, #64748b)}.ai-tutor-empty__note{font-size:11px;line-height:1.5;padding:10px 12px;margin-bottom:16px;max-width:300px;background:var(--color-bg-soft, #f8fafc);border:1px dashed var(--color-violet-300, #C4B5FD);color:var(--color-text, #334155);border-radius:8px;text-align:left;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.ai-tutor-empty__note:hover{border-color:var(--color-violet-500, #8B5CF6);border-style:solid;box-shadow:0 2px 8px #8b5cf61a}.ai-tutor-empty__note strong{font-weight:600;color:var(--color-violet-700, #6D28D9)}.ai-tutor-empty__tips{display:flex;flex-direction:column;gap:8px;width:100%;max-width:320px}.ai-tutor-empty__tip{padding:10px 12px;font-size:13px;text-align:left;color:#374151;background:var(--color-bg-soft, #f3f4f6);border:1px solid #C4B5FD;border-radius:var(--radius-md, 8px);transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;cursor:pointer}.ai-tutor-empty__tip:hover{border-color:#8b5cf6;background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#6d28d9;box-shadow:0 2px 8px #7c3aed2e}.ai-tutor-message{display:flex;gap:10px;max-width:100%;animation:ai-tutor-message-in .2s ease-out}@keyframes ai-tutor-message-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ai-tutor-message--user{flex-direction:row-reverse}.ai-tutor-message--ai{align-self:flex-start}.ai-tutor-message__avatar-user,.ai-tutor-message__avatar-ai{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:var(--fw-semibold, 600)}.ai-tutor-message__avatar-user{background:linear-gradient(135deg,var(--color-violet-600, #7C3AED) 0%,var(--color-violet-500, #8B5CF6) 100%);color:#fff;box-shadow:0 2px 8px #7c3aed4d}.ai-tutor-message__avatar-ai{background:var(--color-bg, #ffffff);color:var(--color-violet-700, #6D28D9);border:1px solid var(--color-violet-300, #C4B5FD);box-shadow:0 2px 6px #8b5cf61f}.ai-tutor-message__body{display:flex;flex-direction:column;min-width:0;max-width:calc(100% - 48px)}.ai-tutor-message__bubble{padding:10px 14px;border-radius:var(--radius-md, 8px);font-size:14px;line-height:1.6;word-break:break-word}.ai-tutor-message__bubble--ai{background:var(--color-bg, #ffffff);color:var(--color-text, #334155);border:1px solid var(--color-violet-300, #C4B5FD);border-top-left-radius:2px;box-shadow:0 2px 8px #7c3aed14;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.ai-tutor-message__bubble--ai:hover{border-color:var(--color-violet-500, #8B5CF6);box-shadow:0 4px 12px #7c3aed24}.ai-tutor-message__bubble--user{background:var(--color-bg, #ffffff);color:var(--color-text, #334155);border:1px solid var(--color-violet-500, #8B5CF6);border-top-right-radius:2px;box-shadow:0 2px 8px #7c3aed1f}.ai-tutor-message__bubble--thinking{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-bg, #ffffff);border:1px solid var(--color-violet-300, #C4B5FD)}.ai-tutor-thinking-dots{display:inline-flex;align-items:center;gap:4px}.ai-tutor-thinking-dots span{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--color-violet-500, #8B5CF6) 0%,var(--color-violet-700, #6D28D9) 100%);box-shadow:0 0 8px #8b5cf68c;animation:ai-tutor-thinking-bounce 1.4s ease-in-out infinite}.ai-tutor-thinking-dots span:nth-child(2){animation-delay:.16s}.ai-tutor-thinking-dots span:nth-child(3){animation-delay:.32s}@keyframes ai-tutor-thinking-bounce{0%,80%,to{transform:scale(.55);opacity:.4}40%{transform:scale(1.1);opacity:1}}.ai-tutor-thinking-text{font-size:13px;color:var(--color-text-soft, #64748b);font-weight:500}.ai-tutor-message__bubble pre{position:relative;background:#1f2937;color:#e5e7eb;padding:12px;border-radius:8px;margin:10px 0;overflow-x:auto;font-size:12px;line-height:1.5}.ai-tutor-message__bubble pre code{font-family:var(--font-mono, monospace);background:transparent;color:inherit;padding:0;border-radius:0;font-size:12px}.ai-tutor-message__bubble code{font-family:var(--font-mono, monospace);background:var(--color-violet-50, #F5F3FF);color:var(--color-violet-700, #6D28D9);padding:1px 5px;border-radius:4px;font-size:12px;border:1px solid var(--color-violet-100, #EDE9FE)}.ai-tutor-message__bubble--user code{background:var(--color-violet-50, #F5F3FF);color:var(--color-violet-700, #6D28D9);border:1px solid var(--color-violet-100, #EDE9FE)}.ai-tutor-message__bubble p{margin:8px 0}.ai-tutor-message__bubble p:first-child{margin-top:0}.ai-tutor-message__bubble p:last-child{margin-bottom:0}.ai-tutor-message__bubble ul,.ai-tutor-message__bubble ol{margin:8px 0;padding-left:20px}.ai-tutor-message__bubble ul{list-style-type:disc}.ai-tutor-message__bubble ol{list-style-type:decimal}.ai-tutor-message__bubble li{margin:4px 0}.ai-tutor-message__bubble h1,.ai-tutor-message__bubble h2,.ai-tutor-message__bubble h3{margin:14px 0 8px;font-weight:var(--fw-semibold, 600);line-height:1.3;color:var(--color-text-strong, #0B1220)}.ai-tutor-message__bubble h1{font-size:17px}.ai-tutor-message__bubble h2{font-size:15px}.ai-tutor-message__bubble h3{font-size:14px}.ai-tutor-message__bubble blockquote{margin:10px 0;padding:10px 14px;border-left:3px solid var(--color-violet-500, #8B5CF6);background:var(--color-violet-50, #F5F3FF);color:var(--color-text, #334155);border-radius:0 6px 6px 0}.ai-tutor-message__bubble a{color:var(--color-violet-700, #6D28D9);text-decoration:underline;transition:color .2s var(--ease-out)}.ai-tutor-message__bubble a:hover{color:var(--color-violet-500, #8B5CF6)}.ai-tutor-message__bubble--user a{color:var(--color-violet-700, #6D28D9)}.ai-tutor-message__bubble strong{font-weight:var(--fw-semibold, 600)}.ai-tutor-message__bubble em{font-style:italic}.ai-tutor-code-copy{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:11px;color:#d1d5db;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:6px;opacity:0;transition:opacity .2s ease,background .2s ease,color .2s ease}.ai-tutor-message__bubble pre:hover .ai-tutor-code-copy{opacity:1}.ai-tutor-code-copy:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-color:#7c3aed;box-shadow:0 2px 6px #7c3aed59}.ai-tutor-input{flex-shrink:0;display:flex;align-items:flex-end;gap:10px;padding:12px 16px 16px;border-top:1px solid var(--color-border, #e5e7eb);background:var(--color-bg, #ffffff)}.ai-tutor-input textarea{flex:1;min-height:40px;max-height:140px;resize:none;padding:10px 14px;font-size:14px;line-height:1.5;color:var(--color-text, #374151);background:var(--color-bg-soft, #f3f4f6);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, 8px);font-family:var(--font-sans, system-ui, sans-serif);transition:border-color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.ai-tutor-input textarea:hover{border-color:var(--color-violet-300, #C4B5FD)}.ai-tutor-input textarea:focus{outline:none;border-color:#8b5cf6;background:var(--color-bg, #ffffff);box-shadow:0 0 0 3px #8b5cf638}.ai-tutor-input textarea::placeholder{color:var(--color-text-mute, #9ca3af)}.ai-tutor-input__send{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:var(--radius-md, 8px);transition:background var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);box-shadow:0 2px 8px #7c3aed59}.ai-tutor-input__send:hover:not(:disabled):not(.is-loading){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 18px #8b5cf680}.ai-tutor-input__send:active:not(:disabled):not(.is-loading){transform:translateY(0) scale(.96)}.ai-tutor-input__send:disabled,.ai-tutor-input__send.is-loading{background:var(--color-neutral-300, #d1d5db);cursor:not-allowed;box-shadow:none}.ai-tutor-input__send svg{margin-left:2px}.ai-tutor-tools{display:flex;align-items:center;gap:6px;padding:8px 14px;border-bottom:1px solid var(--color-border, #e2e8f0);background:var(--color-bg-soft, #f8fafc);overflow-x:auto;flex-shrink:0}.ai-tutor-storage-bar{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:11px;color:var(--color-text-soft, #64748b);background:var(--color-bg-soft, #f8fafc);border-bottom:1px dashed var(--color-violet-300, #C4B5FD);flex-shrink:0;-webkit-user-select:none;user-select:none}.ai-tutor-storage-bar svg{flex-shrink:0;color:var(--color-violet-500, #8B5CF6)}.ai-tutor-storage-bar__sep{color:var(--color-violet-400, #A78BFA)}.ai-tutor-msg-actions{display:flex;justify-content:flex-end;gap:4px;margin-top:4px;opacity:0;transition:opacity .15s}.ai-tutor-message--ai:hover .ai-tutor-msg-actions,.ai-tutor-message.is-pinned .ai-tutor-msg-actions{opacity:1}.ai-tutor-msg-action{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;font-size:11px;background:transparent;color:var(--color-text-soft, #64748b);border:1px solid #C4B5FD;border-radius:999px;cursor:pointer;transition:all .15s}.ai-tutor-msg-action:hover{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#8b5cf6;color:#7c3aed;box-shadow:0 2px 6px #7c3aed2e}.ai-tutor-message.is-pinned .ai-tutor-msg-action{background:var(--color-amber-50, #fffbeb);color:var(--color-amber-700, #b45309);border-color:var(--color-amber-200, #fde68a)}.ai-tutor-msg-action svg{flex-shrink:0}.ai-tutor-tool{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-bg, #fff);border:1px solid #C4B5FD;border-radius:999px;font-size:12px;color:var(--color-text, #1e293b);cursor:pointer;transition:all .15s ease;white-space:nowrap}.ai-tutor-tool:hover{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-color:#8b5cf6;color:#6d28d9;box-shadow:0 2px 8px #7c3aed33}.ai-tutor-tool:active{transform:scale(.96)}.ai-tutor-tool svg{flex-shrink:0;color:#7c3aed}.ai-tutor-panel--fullscreen{width:100vw!important;animation:ai-tutor-fade-in .25s var(--ease-out, ease-out)}@keyframes ai-tutor-fade-in{0%{transform:scale(.98);opacity:.6}to{transform:scale(1);opacity:1}}.ai-tutor-code-copy{position:absolute;top:6px;right:6px;padding:2px 8px;font-size:11px;background:#f5f3fff2;border:1px solid #A78BFA;border-radius:4px;color:#6d28d9;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease,box-shadow .15s ease,border-color .15s ease}.ai-tutor-code-copy:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#6d28d9;color:#fff;box-shadow:0 2px 8px #7c3aed66}.ai-tutor-message__body pre:hover .ai-tutor-code-copy,.ai-tutor-code-copy:focus{opacity:1}@media (max-width: 480px){.ai-tutor-panel{width:100vw}.ai-tutor-sidebar{display:none}}.rp-ai-tutor{position:relative;background:linear-gradient(135deg,var(--color-violet-50) 0%,var(--color-bg) 55%);border:1px solid var(--color-violet-200);border-radius:var(--radius-lg);padding:14px;margin-bottom:10px;overflow:hidden;box-shadow:0 1px 2px #7c3aed0f;transition:box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.rp-ai-tutor:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--color-violet-500) 0%,var(--color-violet-300) 100%);border-radius:3px 0 0 3px}.rp-ai-tutor:after{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(circle,rgba(139,92,246,.18) 0%,transparent 70%);pointer-events:none;border-radius:50%}.rp-ai-tutor:hover{border-color:var(--color-violet-300);box-shadow:0 6px 20px #7c3aed1f}.rp-ai-tutor .rp-section__head{position:relative;z-index:1}.rp-ai-tutor .rp-section__title{display:inline-flex;align-items:center;gap:6px;color:var(--color-violet-700);font-weight:var(--fw-semibold)}.rp-ai-tutor .rp-section__title:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-violet-500);box-shadow:0 0 0 3px #8b5cf633;animation:rp-ai-pulse 2.4s ease-in-out infinite}@keyframes rp-ai-pulse{0%,to{box-shadow:0 0 0 3px #8b5cf633}50%{box-shadow:0 0 0 5px #8b5cf61a}}.rp-ai-tutor .rp-section__head>div>div:last-child{color:var(--color-violet-500);font-weight:var(--fw-medium)}.rp-ai-tutor-actions{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.rp-ai-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rp-ai-q-btn{position:relative;padding:9px 11px;font-size:12px;line-height:1.4;text-align:left;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-violet-200);border-radius:var(--radius);cursor:pointer;overflow:hidden;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.rp-ai-q-btn:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:var(--color-violet-400);transform:scaleY(0);transform-origin:top;transition:transform var(--duration-base) var(--ease-out)}.rp-ai-q-btn:hover{background:linear-gradient(135deg,var(--color-violet-50) 0%,var(--color-violet-100) 100%);border-color:var(--color-violet-500);color:var(--color-violet-700);box-shadow:0 4px 12px #7c3aed2e;transform:translateY(-1px)}.rp-ai-q-btn:hover:before{transform:scaleY(1)}.rp-ai-q-btn:active{transform:translateY(0);box-shadow:0 1px 4px #7c3aed26}.rp-ai-q-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #8b5cf640}.rp-ai-chat-item{transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out);border:1px solid transparent}.rp-ai-chat-item:hover{background:var(--color-violet-50);border-color:var(--color-violet-200);transform:translate(2px)}.rp-ai-chat-item:hover .rp-ai-chat-item__q{color:var(--color-violet-700)}@keyframes mali-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mali-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes mali-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.fade-in{animation:mali-fade-in var(--duration-slow) var(--ease-out) both}.slide-up{animation:mali-slide-up var(--duration-slow) var(--ease-out) both}.scale-in{animation:mali-scale-in var(--duration-slow) var(--ease-out) both}.stagger>*{animation:mali-slide-up var(--duration-slow) var(--ease-out) both;animation-delay:calc(var(--stagger-step, 60ms) * var(--stagger-index, 0))}.stagger>*:nth-child(1){--stagger-index: 0}.stagger>*:nth-child(2){--stagger-index: 1}.stagger>*:nth-child(3){--stagger-index: 2}.stagger>*:nth-child(4){--stagger-index: 3}.stagger>*:nth-child(5){--stagger-index: 4}.stagger>*:nth-child(6){--stagger-index: 5}.stagger>*:nth-child(7){--stagger-index: 6}.stagger>*:nth-child(8){--stagger-index: 7}.stagger>*:nth-child(9){--stagger-index: 8}.stagger>*:nth-child(10){--stagger-index: 9}.stagger>*:nth-child(11){--stagger-index: 10}.stagger>*:nth-child(12){--stagger-index: 11}.hover-lift{transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);will-change:transform}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.hover-lift:active{transform:translateY(0)}@media (prefers-reduced-motion: reduce){.fade-in,.slide-up,.scale-in,.stagger>*{animation:none!important}.hover-lift:hover{transform:none}}.card{border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);overflow:hidden;position:relative}.card:hover{box-shadow:var(--shadow-card-hover)}.card--accent:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-600));z-index:1}.card__header{padding:16px 20px;border-bottom:1px solid var(--color-border-soft);display:flex;align-items:center;justify-content:space-between;gap:12px}.card__title{font-size:var(--fs-card-title);font-weight:var(--fw-semibold);color:var(--color-text-strong);display:flex;align-items:center;gap:8px}.card__body{padding:20px}.card__footer{padding:12px 20px;border-top:1px solid var(--color-border-soft);background:var(--color-bg-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border-radius:var(--radius);font-size:14px;font-weight:var(--fw-medium);cursor:pointer;border:none;transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden;white-space:nowrap;text-decoration:none}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .4s,height .4s}.btn:active:after{width:200px;height:200px}.btn--primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;box-shadow:0 2px 8px #3b6cf040}.btn--primary:hover{box-shadow:0 4px 16px #3b6cf059;transform:translateY(-1px)}.btn--primary:active{transform:translateY(0)}.btn--secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{border-color:var(--color-primary-400);color:var(--color-primary-600);background:var(--color-primary-50)}.btn--ghost{background:transparent;color:var(--color-text-soft)}.btn--ghost:hover{background:var(--color-neutral-100);color:var(--color-text)}.btn--danger{background:linear-gradient(135deg,var(--color-red-500),var(--color-red-600));color:#fff;box-shadow:0 2px 8px #ef444440}.btn--danger:hover{box-shadow:0 4px 16px #ef444459;transform:translateY(-1px)}.btn--success{background:linear-gradient(135deg,var(--color-green-500),var(--color-green-600));color:#fff;box-shadow:0 2px 8px #16a37440}.btn--success:hover{box-shadow:0 4px 16px #16a37459;transform:translateY(-1px)}.btn--sm{padding:6px 12px;font-size:13px;border-radius:var(--radius-sm)}.btn--lg{padding:12px 24px;font-size:16px;border-radius:var(--radius-md)}.btn--block{width:100%}.btn--icon{padding:8px;width:36px;height:36px}.btn:disabled,.btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.input,.select,textarea{width:100%;padding:10px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius);font-size:14px;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);transition:all var(--duration-fast) var(--ease-out);outline:none}.input:hover,.select:hover,textarea:hover{border-color:var(--color-primary-300)}.input:focus,.select:focus,textarea:focus{border-color:var(--color-primary-500);box-shadow:var(--shadow-input-focus)}.input-group{position:relative;display:flex;align-items:center}.input-group .input{padding-left:38px}.input-group__icon{position:absolute;left:12px;color:var(--color-text-mute);pointer-events:none;display:flex;align-items:center}.search-box{position:relative}.search-box .input{padding-left:38px;padding-right:36px;border-radius:var(--radius-full)}.search-box__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-mute);pointer-events:none}.search-box__clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:var(--color-neutral-200);color:var(--color-text-soft);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast)}.search-box__clear:hover{background:var(--color-neutral-300);color:var(--color-text)}.tag-input{display:flex;flex-wrap:wrap;gap:6px;padding:6px;border:1.5px solid var(--color-border);border-radius:var(--radius);min-height:42px;cursor:text;transition:all var(--duration-fast)}.tag-input:focus-within{border-color:var(--color-primary-500);box-shadow:var(--shadow-input-focus)}.table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.table thead{background:var(--color-neutral-50)}.table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:var(--fw-semibold);color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border);white-space:nowrap}.table td{padding:12px 16px;font-size:14px;color:var(--color-text);border-bottom:1px solid var(--color-border-soft)}.table tbody tr{transition:background var(--duration-fast) var(--ease-out)}.table tbody tr:hover{background:var(--color-primary-50)}.table tbody tr:last-child td{border-bottom:none}.table__row--clickable{cursor:pointer}.table__row--clickable:active{background:var(--color-primary-100)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:var(--fw-medium);line-height:1.4;white-space:nowrap}.badge--primary{background:var(--color-primary-50);color:var(--color-primary-700)}.badge--success{background:var(--color-green-50);color:var(--color-green-700)}.badge--warning{background:var(--color-amber-50);color:var(--color-amber-700)}.badge--danger{background:var(--color-red-50);color:var(--color-red-700)}.badge--info{background:var(--color-cyan-50);color:var(--color-cyan-700)}.badge--dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius);font-size:12px;font-weight:var(--fw-medium);background:var(--color-neutral-100);color:var(--color-text-soft);cursor:pointer;transition:all var(--duration-fast)}.tag:hover{background:var(--color-primary-50);color:var(--color-primary-600)}.tag--active{background:var(--color-primary-500);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;gap:8px;transition:all var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--color-primary-300)}.stat-card__icon{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card__icon--primary{background:var(--color-primary-50);color:var(--color-primary-600)}.stat-card__icon--success{background:var(--color-green-50);color:var(--color-green-600)}.stat-card__icon--warning{background:var(--color-amber-50);color:var(--color-amber-600)}.stat-card__icon--danger{background:var(--color-red-50);color:var(--color-red-600)}.stat-card__icon--info{background:var(--color-cyan-50);color:var(--color-cyan-600)}.stat-card__value{font-size:28px;font-weight:var(--fw-bold);color:var(--color-text-strong);line-height:1.2;font-variant-numeric:tabular-nums}.stat-card__label{font-size:13px;color:var(--color-text-soft);font-weight:var(--fw-medium)}.stat-card__trend{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:var(--fw-medium)}.stat-card__trend--up{color:var(--color-success)}.stat-card__trend--down{color:var(--color-danger)}.skeleton{background:linear-gradient(90deg,var(--color-neutral-100) 25%,var(--color-neutral-200) 50%,var(--color-neutral-100) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;border-radius:var(--radius)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton--text{height:14px;margin-bottom:8px;border-radius:var(--radius-sm)}.skeleton--title{height:24px;width:60%;margin-bottom:16px}.skeleton--circle{border-radius:50%}.skeleton--card{height:100px;border-radius:var(--radius-md)}.empty-state{text-align:center;padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state__icon{width:64px;height:64px;border-radius:50%;background:var(--color-neutral-100);color:var(--color-text-mute);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.empty-state__title{font-size:16px;font-weight:var(--fw-semibold);color:var(--color-text)}.empty-state__desc{font-size:14px;color:var(--color-text-soft);max-width:400px}.progress{height:8px;background:var(--color-neutral-100);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress__bar{height:100%;border-radius:var(--radius-full);transition:width .6s var(--ease-out);position:relative;overflow:hidden}.progress__bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:progress-shine 2s infinite}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress__bar--primary{background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-600))}.progress__bar--success{background:linear-gradient(90deg,var(--color-green-500),var(--color-green-600))}.progress__bar--warning{background:linear-gradient(90deg,var(--color-amber-500),var(--color-amber-600))}.progress__bar--danger{background:linear-gradient(90deg,var(--color-red-500),var(--color-red-600))}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;padding:8px 0}.breadcrumb a{color:var(--color-text-soft);transition:color var(--duration-fast);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.breadcrumb a:hover{color:var(--color-primary-600)}.breadcrumb__sep{color:var(--color-text-mute);font-size:12px}.hover-lift{transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.hover-lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-pop)}.fade-in{animation:mali-fade-in var(--duration-slow) var(--ease-out)}.slide-up{animation:mali-slide-up var(--duration-slow) var(--ease-out)}.scale-in{animation:mali-scale-in var(--duration-slow) var(--ease-out)}.stagger>*{opacity:0;animation:mali-slide-up var(--duration-slow) var(--ease-out) forwards}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.15s}.stagger>*:nth-child(4){animation-delay:.2s}.stagger>*:nth-child(5){animation-delay:.25s}.stagger>*:nth-child(6){animation-delay:.3s}.stagger>*:nth-child(7){animation-delay:.35s}.stagger>*:nth-child(8){animation-delay:.4s}@media (prefers-reduced-motion: reduce){.fade-in,.slide-up,.scale-in,.stagger>*{animation:none!important;opacity:1!important;transform:none!important}}[data-theme=dark] .card,[data-theme=dark] .card__footer{background:var(--color-bg)}[data-theme=dark] .card__header,[data-theme=dark] .card__footer{border-color:var(--color-border)}[data-theme=dark] .card__title{color:var(--color-text-strong)}[data-theme=dark] .btn--secondary{background:var(--color-neutral-800);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] .btn--secondary:hover{background:var(--color-primary-900);border-color:var(--color-primary-500);color:var(--color-primary-300)}[data-theme=dark] .btn--ghost{color:var(--color-text-soft)}[data-theme=dark] .btn--ghost:hover{background:var(--color-neutral-800);color:var(--color-text)}[data-theme=dark] .input,[data-theme=dark] .select,[data-theme=dark] textarea,[data-theme=dark] .tag-input{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] .input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--color-text-mute)}[data-theme=dark] .search-box__clear{background:var(--color-neutral-700);color:var(--color-text-soft)}[data-theme=dark] .search-box__clear:hover{background:var(--color-neutral-600);color:var(--color-text)}[data-theme=dark] .table{border-color:var(--color-border)}[data-theme=dark] .table thead{background:var(--color-neutral-800)}[data-theme=dark] .table th{color:var(--color-text-soft);border-bottom-color:var(--color-border)}[data-theme=dark] .table td{color:var(--color-text);border-bottom-color:var(--color-border)}[data-theme=dark] .table tbody tr:hover{background:var(--color-primary-900)}[data-theme=dark] .table__row--clickable:active{background:var(--color-primary-800)}[data-theme=dark] .badge--primary{background:var(--color-primary-900);color:var(--color-primary-300)}[data-theme=dark] .badge--success{background:var(--color-green-900);color:var(--color-green-300)}[data-theme=dark] .badge--warning{background:var(--color-amber-900);color:var(--color-amber-300)}[data-theme=dark] .badge--danger{background:var(--color-red-900);color:var(--color-red-300)}[data-theme=dark] .badge--info{background:var(--color-cyan-900);color:var(--color-cyan-300)}[data-theme=dark] .tag{background:var(--color-neutral-800);color:var(--color-text-soft)}[data-theme=dark] .tag:hover{background:var(--color-primary-900);color:var(--color-primary-300)}[data-theme=dark] .tag--active{background:var(--color-primary-500);color:#fff}[data-theme=dark] .stat-card{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .stat-card:hover{border-color:var(--color-primary-500)}[data-theme=dark] .stat-card__value{color:var(--color-text-strong)}[data-theme=dark] .stat-card__label{color:var(--color-text-soft)}[data-theme=dark] .stat-card__icon--primary{background:var(--color-primary-900);color:var(--color-primary-300)}[data-theme=dark] .stat-card__icon--success{background:var(--color-green-900);color:var(--color-green-300)}[data-theme=dark] .stat-card__icon--warning{background:var(--color-amber-900);color:var(--color-amber-300)}[data-theme=dark] .stat-card__icon--danger{background:var(--color-red-900);color:var(--color-red-300)}[data-theme=dark] .stat-card__icon--info{background:var(--color-cyan-900);color:var(--color-cyan-300)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,var(--color-neutral-800) 25%,var(--color-neutral-700) 50%,var(--color-neutral-800) 75%);background-size:200% 100%}[data-theme=dark] .empty-state__icon{background:var(--color-neutral-800);color:var(--color-text-mute)}[data-theme=dark] .empty-state__title{color:var(--color-text-strong)}[data-theme=dark] .empty-state__desc{color:var(--color-text-soft)}[data-theme=dark] .progress{background:var(--color-neutral-800)}[data-theme=dark] .breadcrumb a{color:var(--color-text-soft)}[data-theme=dark] .breadcrumb a:hover{color:var(--color-primary-300)}[data-theme=dark] .breadcrumb__sep{color:var(--color-text-mute)}[data-theme=dark] .breadcrumb__current{color:var(--color-text)}[data-theme=dark] .input-group__icon,[data-theme=dark] .search-box__icon{color:var(--color-text-mute)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .card,:root:not([data-theme=light]) .card__footer{background:var(--color-bg)}:root:not([data-theme=light]) .card__header,:root:not([data-theme=light]) .card__footer{border-color:var(--color-border)}:root:not([data-theme=light]) .btn--secondary{background:var(--color-neutral-800);color:var(--color-text);border-color:var(--color-border)}:root:not([data-theme=light]) .btn--secondary:hover{background:var(--color-primary-900);border-color:var(--color-primary-500);color:var(--color-primary-300)}:root:not([data-theme=light]) .btn--ghost:hover{background:var(--color-neutral-800);color:var(--color-text)}:root:not([data-theme=light]) .input,:root:not([data-theme=light]) .select,:root:not([data-theme=light]) textarea,:root:not([data-theme=light]) .tag-input{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}:root:not([data-theme=light]) .search-box__clear{background:var(--color-neutral-700);color:var(--color-text-soft)}:root:not([data-theme=light]) .table thead{background:var(--color-neutral-800)}:root:not([data-theme=light]) .table tbody tr:hover{background:var(--color-primary-900)}:root:not([data-theme=light]) .badge--primary{background:var(--color-primary-900);color:var(--color-primary-300)}:root:not([data-theme=light]) .badge--success{background:var(--color-green-900);color:var(--color-green-300)}:root:not([data-theme=light]) .badge--warning{background:var(--color-amber-900);color:var(--color-amber-300)}:root:not([data-theme=light]) .badge--danger{background:var(--color-red-900);color:var(--color-red-300)}:root:not([data-theme=light]) .badge--info{background:var(--color-cyan-900);color:var(--color-cyan-300)}:root:not([data-theme=light]) .tag{background:var(--color-neutral-800);color:var(--color-text-soft)}:root:not([data-theme=light]) .tag--active{background:var(--color-primary-500);color:#fff}:root:not([data-theme=light]) .stat-card{background:var(--color-bg);border-color:var(--color-border)}:root:not([data-theme=light]) .stat-card__icon--primary{background:var(--color-primary-900);color:var(--color-primary-300)}:root:not([data-theme=light]) .stat-card__icon--success{background:var(--color-green-900);color:var(--color-green-300)}:root:not([data-theme=light]) .stat-card__icon--warning{background:var(--color-amber-900);color:var(--color-amber-300)}:root:not([data-theme=light]) .stat-card__icon--danger{background:var(--color-red-900);color:var(--color-red-300)}:root:not([data-theme=light]) .stat-card__icon--info{background:var(--color-cyan-900);color:var(--color-cyan-300)}:root:not([data-theme=light]) .skeleton{background:linear-gradient(90deg,var(--color-neutral-800) 25%,var(--color-neutral-700) 50%,var(--color-neutral-800) 75%);background-size:200% 100%}:root:not([data-theme=light]) .empty-state__icon{background:var(--color-neutral-800);color:var(--color-text-mute)}:root:not([data-theme=light]) .progress{background:var(--color-neutral-800)}}.code-block{position:relative;background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius);padding:16px;margin:16px 0;overflow:hidden}.code-block__header{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px;margin-bottom:12px;border-bottom:1px solid var(--code-border)}.code-block__lang{font-family:var(--font-mono);font-size:12px;color:var(--color-text-soft);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em}.code-block__actions{display:flex;gap:4px}.code-block__action{padding:4px 8px;font-size:12px;font-weight:var(--fw-medium);color:var(--color-text-soft);background:transparent;border-radius:4px;display:inline-flex;align-items:center;gap:4px;transition:background var(--duration-fast),color var(--duration-fast)}.code-block__action:hover{background:var(--color-neutral-100);color:var(--color-primary-700)}.code-block__action.is-active{color:var(--color-success)}.code-block__pre{margin:0;padding:0;overflow-x:auto;font-family:var(--font-mono);font-size:var(--fs-code);line-height:var(--lh-code);color:var(--color-text);white-space:pre;-moz-tab-size:4;tab-size:4}.code-block__code{display:block;counter-reset:line}.code-block__line{display:block;padding:0 4px;min-height:22px}.code-block__line-number{display:inline-block;width:2.5em;margin-right:1em;text-align:right;color:var(--color-text-mute);-webkit-user-select:none;user-select:none}.code-block__line--highlighted{background:#3b6cf014;border-left:2px solid var(--color-primary-500);margin-left:-2px;padding-left:2px}.code-block__line--error{background:#b4530914;border-left:2px solid var(--color-amber-600)}:not(pre)>code{padding:2px 6px;background:var(--color-neutral-100);border-radius:4px;font-family:var(--font-mono);font-size:.9em;color:var(--color-primary-700)}.tok-keyword{color:var(--code-keyword);font-weight:var(--fw-semibold)}.tok-type{color:var(--code-type);font-weight:var(--fw-medium)}.tok-string{color:var(--code-string)}.tok-number{color:var(--code-number)}.tok-comment{color:var(--code-comment);font-style:italic}.tok-function{color:var(--code-function);font-weight:var(--fw-medium)}.tok-punct{color:var(--code-punct)}.tok-builtin{color:var(--code-type);font-weight:var(--fw-medium)}.code-editor{position:relative;background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--fs-code);line-height:var(--lh-code);overflow:hidden;display:flex;flex-direction:column}.code-editor__toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--color-bg);border-bottom:1px solid var(--code-border);gap:12px;flex-wrap:wrap}.code-editor__filename{font-size:13px;color:var(--color-text-soft);font-weight:var(--fw-medium)}.code-editor__body{flex:1;position:relative;min-height:280px;max-height:600px;overflow:auto}.code-editor__textarea{width:100%;min-height:280px;padding:16px;font-family:var(--font-mono);font-size:var(--fs-code);line-height:var(--lh-code);color:var(--color-text);background:var(--code-bg);border:none;outline:none;resize:vertical;-moz-tab-size:4;tab-size:4;white-space:pre;caret-color:var(--color-primary-500)}.code-editor__textarea:focus{background:var(--color-bg)}.code-editor__footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--color-bg);border-top:1px solid var(--code-border);font-size:12px;color:var(--color-text-soft);flex-wrap:wrap;gap:8px}.code-editor__output{background:var(--color-neutral-900);color:#e2e8f0;font-family:var(--font-mono);font-size:13px;padding:12px 16px;border-radius:var(--radius);margin-top:12px;max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-word}.code-editor__output-line{display:block;padding:1px 0}.code-editor__output-line--error{color:#fca5a5}.code-editor__output-line--warning{color:#fcd34d}.code-editor__output-line--success{color:#6ee7b7}.compile-stages{display:flex;align-items:center;gap:0;margin:8px 0;padding:8px 12px;background:var(--color-primary-50);border-radius:var(--radius);font-size:12px}.compile-stages__item{display:flex;align-items:center;gap:6px;color:var(--color-text-soft);white-space:nowrap}.compile-stages__item--active{color:var(--color-primary-700);font-weight:var(--fw-semibold)}.compile-stages__item--done{color:var(--color-green-700)}.compile-stages__arrow{margin:0 8px;color:var(--color-neutral-300)}.compile-stages__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.hl-line{min-height:22.4px}.code-editor-instance{--ce-gutter-w: 48px;--ce-line-h: 22px;--ce-fs: 13px;--ce-pad-y: 14px;--ce-pad-x: 14px;--ce-indent: 2;--ce-indent-str: "  ";position:relative;background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--ce-fs);line-height:var(--ce-line-h);color:var(--code-text, var(--color-text));overflow:hidden;display:flex;flex-direction:column;min-height:360px}.code-editor-instance.is-compact{--ce-gutter-w: 36px;--ce-line-h: 20px;--ce-fs: 12px;--ce-pad-y: 10px;--ce-pad-x: 10px;--ce-indent: 2;min-height:240px}.ce-tabs{display:flex;align-items:stretch;background:linear-gradient(to bottom,var(--color-primary-50),transparent);border-bottom:1px solid var(--code-border);padding:0 6px;overflow-x:auto;scrollbar-width:thin;-webkit-user-select:none;user-select:none}.ce-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;color:var(--color-text-soft);cursor:pointer;border-right:1px solid var(--code-border);position:relative;transition:background .15s,color .15s;white-space:nowrap;background:transparent}.ce-tab:hover{background:#3b6cf00a;color:var(--color-primary-700)}.ce-tab.is-active{background:var(--code-bg);color:var(--color-primary-700);font-weight:600}.ce-tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--color-primary-500)}.ce-tab.is-dirty .ce-tab__name:after{content:"●";color:var(--color-amber-500);margin-left:4px;font-size:10px}.ce-tab__name{font-family:var(--font-mono)}.ce-tab__close{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;color:var(--color-text-mute);background:transparent;transition:background .15s,color .15s}.ce-tab__close:hover{background:var(--color-neutral-200);color:var(--color-red-600, #DC2626)}.ce-tab--new{background:transparent;border:none;color:var(--color-primary-600);padding:8px 10px}.ce-tab--new:hover{background:var(--color-primary-50);color:var(--color-primary-700)}.ce-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--color-bg);border-bottom:1px solid var(--code-border);gap:12px;flex-wrap:wrap}.ce-toolbar--mini{padding:4px 8px;font-size:12px}.ce-toolbar__name{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-soft);font-weight:500}.ce-toolbar__icon{color:var(--color-primary-500);display:inline-flex}.ce-toolbar__actions{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.ce-toolbar__status{display:inline-flex;align-items:center;padding:1px 8px;border-radius:10px;font-size:11px;background:var(--color-neutral-100);color:var(--color-text-soft)}.ce-toolbar__status[data-kind=ok]{background:var(--color-green-50, #DCFCE7);color:var(--color-green-700, #15803D)}.ce-toolbar__status[data-kind=busy]{background:var(--color-amber-50, #FEF3C7);color:var(--color-amber-700, #B45309)}.ce-toolbar__status[data-kind=err]{background:#fee2e2;color:#b91c1c}.ce-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;border-radius:5px;border:1px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;background:transparent;color:var(--color-text);white-space:nowrap}.ce-btn:hover{background:var(--color-neutral-100)}.ce-btn--sm{padding:2px 6px;font-size:11px}.ce-btn--ghost{color:var(--color-text-soft)}.ce-btn--ghost:hover{color:var(--color-primary-700);background:var(--color-primary-50)}.ce-btn--primary{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500);box-shadow:0 1px #3b6cf033}.ce-btn--primary:hover{background:var(--color-primary-600);border-color:var(--color-primary-600)}.ce-body{position:relative;flex:1;display:flex;min-height:280px;background:var(--code-bg)}.code-editor-instance.is-compact .ce-body{min-height:200px}.ce-gutter{flex:0 0 var(--ce-gutter-w);background:var(--code-bg);border-right:1px solid var(--code-border);font-family:var(--font-mono);font-size:var(--ce-fs);line-height:var(--ce-line-h);color:var(--color-text-mute);text-align:right;padding:var(--ce-pad-y) 6px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-user-select:none;user-select:none}.ce-gutter::-webkit-scrollbar{display:none}.ce-gutter__line{padding:0 2px;transition:color .15s,background .15s}.ce-gutter__line.is-current{color:var(--color-primary-700);font-weight:600;background:var(--color-primary-50)}.ce-scroll{position:relative;flex:1;overflow:auto;scrollbar-width:thin;background:var(--code-bg)}.ce-layers{position:relative;min-width:100%;min-height:100%;box-sizing:border-box}.ce-highlight,.ce-textarea{position:absolute;top:0;left:0;min-width:100%;min-height:100%;margin:0;padding:var(--ce-pad-y) var(--ce-pad-x);font-family:var(--font-mono);font-size:var(--ce-fs);font-weight:400;line-height:var(--ce-line-h);white-space:pre;tab-size:var(--ce-indent);-moz-tab-size:var(--ce-indent);word-wrap:normal;overflow-wrap:normal;font-variant-ligatures:none;font-kerning:none;border:0;background:transparent;box-sizing:border-box}.ce-highlight{pointer-events:none;color:var(--code-text, var(--color-text));z-index:1;overflow:hidden}.ce-textarea{z-index:2;resize:none;outline:none;color:transparent;caret-color:var(--color-text);background:transparent;letter-spacing:normal;overflow:visible}.ce-textarea::selection{background:#3b6cf040;color:transparent}.ce-textarea::placeholder{color:transparent}.ce-highlight code{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;font-style:normal;font-variant-ligatures:inherit;font-kerning:inherit}.ce-highlight .tok-keyword,.ce-highlight .tok-kw,.ce-highlight .tok-type,.ce-highlight .tok-string,.ce-highlight .tok-s,.ce-highlight .tok-number,.ce-highlight .tok-num,.ce-highlight .tok-comment,.ce-highlight .tok-c,.ce-highlight .tok-preprocessor,.ce-highlight .tok-p,.ce-highlight .tok-punct,.ce-highlight .tok-op,.ce-highlight .tok-function,.ce-highlight .tok-builtin{font-weight:400;font-size:inherit;font-style:normal}.ce-highlight .tok-keyword,.ce-highlight .tok-kw{color:var(--code-keyword, #7C3AED)}.ce-highlight .tok-type{color:var(--code-type, #2563EB)}.ce-highlight .tok-string,.ce-highlight .tok-s{color:var(--code-string, #059669)}.ce-highlight .tok-number,.ce-highlight .tok-num{color:var(--code-number, #D97706)}.ce-highlight .tok-comment,.ce-highlight .tok-c{color:var(--code-comment, #6B7280)}.ce-highlight .tok-preprocessor,.ce-highlight .tok-p,.ce-highlight .tok-punct,.ce-highlight .tok-op{color:var(--code-punct, #9333EA)}.ce-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--color-bg);border-top:1px solid var(--code-border);font-size:12px;color:var(--color-text-soft);flex-wrap:wrap;gap:8px}.ce-footer__opts{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}.ce-footer__opts label{display:inline-flex;align-items:center;gap:4px}.ce-select{background:var(--color-bg);border:1px solid var(--code-border);border-radius:4px;padding:1px 6px;font-size:12px;color:var(--color-text);cursor:pointer}.ce-footer__hint{font-size:11px;color:var(--color-text-mute)}.ce-footer__keys{display:inline-flex;align-items:center;gap:12px;font-size:11px;color:var(--color-text-mute);flex-wrap:wrap}.ce-footer__keys kbd{font-family:var(--font-mono);font-size:10px;padding:1px 5px;border:1px solid var(--code-border);border-bottom-width:2px;border-radius:3px;background:var(--color-bg-soft);color:var(--color-text-soft)}.ce-terminal{display:flex;flex-direction:column;background:var(--color-neutral-900, #0B1220);color:#e2e8f0;font-family:var(--font-mono);font-size:13px;border-top:1px solid var(--code-border);max-height:300px;overflow:hidden}.ce-terminal__header{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.08);font-size:12px}.ce-terminal__title{color:#cbd5e1;font-weight:500}.ce-terminal__status{color:#94a3b8}.ce-terminal__output{flex:1;margin:0;padding:10px 14px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:transparent;color:inherit;font:inherit}.ce-terminal__chunk{display:block}.ce-terminal__chunk--stdout{color:#e2e8f0}.ce-terminal__chunk--stderr{color:#fca5a5}.ce-terminal__chunk--info{color:#6ee7b7}.ce-terminal__chunk--warn{color:#fcd34d}.ce-terminal__chunk--error{color:#fca5a5}.ce-terminal__chunk--meta{color:#94a3b8;font-size:11px;margin-top:4px}.ce-terminal__chunk--stdin{color:#67e8f9}.ce-terminal__input-line{display:flex;align-items:center;gap:8px;padding:8px 14px;border-top:1px solid rgba(255,255,255,.08);background:#ffffff08}.ce-terminal__prompt{color:#22c55e;font-weight:600;-webkit-user-select:none;user-select:none}.ce-terminal__input{flex:1;background:transparent;border:none;outline:none;color:#e2e8f0;font:inherit;padding:0}.ce-terminal__input::placeholder{color:#64748b}.ce-terminal__input:disabled{opacity:.5;cursor:not-allowed}.ce-stages{display:flex;align-items:center;gap:0;margin-bottom:6px;padding:4px 8px;background:#3b6cf014;border-radius:4px;font-size:11px}.ce-stages__item{display:inline-flex;align-items:center;gap:4px;color:#ffffff8c}.ce-stages__item--active{color:#93c5fd;font-weight:600}.ce-stages__item--done{color:#6ee7b7}.ce-stages__arrow{margin:0 6px;color:#ffffff40}.ce-stages__dot{width:5px;height:5px;border-radius:50%;background:currentColor}.page{display:flex;flex-direction:column;gap:16px}.page-header{margin-bottom:8px}.page-title{font-size:var(--fs-page-title);font-weight:var(--fw-bold);color:var(--color-text-strong);line-height:1.3;margin-bottom:4px}.page-subtitle{font-size:14px;color:var(--color-text-soft)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px;color:var(--color-text-soft);margin-bottom:8px}.breadcrumb a{color:var(--color-text-soft)}.breadcrumb a:hover{color:var(--color-primary-700)}.breadcrumb__sep{color:var(--color-text-mute)}.breadcrumb__current{color:var(--color-text);font-weight:var(--fw-medium)}.welcome-bar{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.welcome-bar__greeting{flex:1;min-width:240px}.welcome-bar__greeting-text{font-size:22px;font-weight:var(--fw-semibold);color:var(--color-text-strong);line-height:1.3;margin-bottom:4px}.welcome-bar__greeting-sub{font-size:14px;color:var(--color-text-soft)}.welcome-bar__stats{display:flex;gap:12px;flex-wrap:wrap}.welcome-stat{background:var(--color-primary-50);border-radius:var(--radius);padding:8px 14px;min-width:100px;text-align:center}.welcome-stat__value{display:block;font-size:20px;font-weight:var(--fw-bold);color:var(--color-primary-700);line-height:1.2}.welcome-stat__label{font-size:12px;color:var(--color-text-soft);margin-top:2px}.welcome-bar__compiler{display:flex;gap:0;background:var(--color-neutral-100);border-radius:6px;padding:2px}.welcome-bar__compiler button{padding:4px 10px;font-size:12px;font-weight:var(--fw-semibold);border-radius:4px;color:var(--color-text-soft);transition:background var(--duration-fast),color var(--duration-fast)}.welcome-bar__compiler button.is-active{background:var(--color-bg);color:var(--color-primary-700);box-shadow:0 1px 2px #0000000d}.learning-journey{display:flex;align-items:stretch;gap:0;padding:16px 0;overflow-x:auto}.learning-journey .journey-step{flex:1;min-width:120px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 4px;position:relative}.learning-journey .journey-step:not(:last-child):after{content:"";position:absolute;top:18px;right:-50%;width:100%;height:2px;background:var(--color-neutral-200);z-index:0}.learning-journey .journey-step--completed:not(:last-child):after,.learning-journey .journey-step--current:not(:last-child):after{background:var(--color-green-600)}.learning-journey .journey-step__icon{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;background:var(--color-bg);border:2px solid var(--color-neutral-300);color:var(--color-text-mute);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:var(--fw-semibold);margin-bottom:8px;transition:all var(--duration-base) var(--ease-out)}.learning-journey .journey-step--completed .journey-step__icon{background:var(--color-green-600);border-color:var(--color-green-600);color:#fff}.learning-journey .journey-step--current .journey-step__icon{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff;box-shadow:0 0 0 4px var(--color-primary-100)}.learning-journey .journey-step__label{font-size:13px;font-weight:var(--fw-medium);color:var(--color-text);margin-bottom:2px}.learning-journey .journey-step--completed .journey-step__label{color:var(--color-text-soft)}.learning-journey .journey-step--current .journey-step__label{color:var(--color-primary-700);font-weight:var(--fw-semibold)}.learning-journey .journey-step__desc{font-size:11px;color:var(--color-text-soft)}.coach-plan{list-style:none;display:flex;flex-direction:column;gap:8px}.coach-plan__item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--color-border-soft)}.coach-plan__item:last-child{border-bottom:none}.coach-plan__item-title{flex:1;font-size:14px;color:var(--color-text);text-decoration:none}.coach-plan__item-title:hover{color:var(--color-primary-700)}.coach-plan__item.is-done .coach-plan__item-title{color:var(--color-text-mute);text-decoration:line-through}.coach-plan__item-time{font-size:12px;color:var(--color-text-soft);display:inline-flex;align-items:center;gap:4px}.coach-plan__footer{margin-top:12px;font-size:12px;color:var(--color-text-soft);display:flex;justify-content:space-between}.week-progress{display:flex;flex-direction:column;gap:12px}.week-progress__row{display:flex;align-items:center;justify-content:space-between;gap:16px}.week-progress__row-label{font-size:13px;color:var(--color-text-soft)}.week-progress__row-value{font-size:14px;font-weight:var(--fw-semibold);color:var(--color-text-strong)}.week-progress__bar{margin-top:4px}.ability-chart{position:relative;width:100%;height:220px}.ability-chart svg{width:100%;height:100%;overflow:visible}.ability-chart__legend{position:absolute;top:4px;right:0;font-size:12px;color:var(--color-text-soft)}.next-suggestion{list-style:none;display:flex;flex-direction:column;gap:12px}.next-suggestion__item{padding-left:12px;border-left:2px solid var(--color-primary-500)}.next-suggestion__title{font-size:14px;font-weight:var(--fw-medium);color:var(--color-text);margin-bottom:4px}.next-suggestion__desc{font-size:12px;color:var(--color-text-soft);line-height:1.5}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.course-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;cursor:pointer;transition:all var(--duration-base) var(--ease-out);display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit}.course-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px);border-color:var(--color-primary-200)}.course-card__cover{height:120px;border-radius:6px;background:linear-gradient(135deg,var(--color-primary-100),var(--color-cyan-100));display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:32px;font-weight:var(--fw-bold);color:var(--color-primary-700);position:relative;overflow:hidden}.course-card__cover--memory{background:linear-gradient(135deg,#f2eaf8,#ddd6fe);color:var(--color-purple-700)}.course-card__cover--concurrency{background:linear-gradient(135deg,#fef6e7,#fde68a);color:var(--color-amber-700)}.course-card__cover--engineering{background:linear-gradient(135deg,#e6f5ef,#bbf7d0);color:var(--color-green-700)}.course-card__cover--modern{background:linear-gradient(135deg,#e0f2fe,#bae6fd);color:#0369a1}.course-card__cover--template{background:linear-gradient(135deg,#ffe4e6,#fecdd3);color:#be123c}.course-card__cover--oop{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.course-card__title{font-size:15px;font-weight:var(--fw-semibold);color:var(--color-text-strong);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card__desc{font-size:13px;color:var(--color-text-soft);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card__meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--color-text-soft)}.course-card__meta-item{display:inline-flex;align-items:center;gap:4px}.course-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px;border-top:1px solid var(--color-border-soft)}.course-card__rating{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-soft)}.course-card__rating-value{color:var(--color-amber-600);font-weight:var(--fw-semibold)}.domain-quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}@media (max-width: 1023px){.domain-quick-grid{grid-template-columns:repeat(3,1fr)}}.domain-quick{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--duration-base) var(--ease-out);text-decoration:none;color:inherit}.domain-quick:hover{background:var(--color-primary-50);border-color:var(--color-primary-200);transform:translateY(-2px)}.domain-quick__icon{width:40px;height:40px;border-radius:8px;background:var(--color-primary-50);color:var(--color-primary-700);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:16px}.domain-quick__name{font-size:13px;font-weight:var(--fw-medium);color:var(--color-text)}.catalog-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 20px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:16px}.catalog-toolbar__group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.catalog-toolbar__label{font-size:13px;color:var(--color-text-soft);margin-right:4px}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:var(--fw-medium);color:var(--color-text);background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap}.filter-chip:hover{border-color:var(--color-primary-200);background:var(--color-primary-50)}.filter-chip.is-active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.course-detail{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}@media (max-width: 1199px){.course-detail{grid-template-columns:1fr}}.course-hero{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;margin-bottom:16px;position:relative;overflow:hidden}.course-hero__cover{height:160px;border-radius:8px;background:linear-gradient(135deg,var(--color-primary-100),var(--color-cyan-100));display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:48px;font-weight:var(--fw-bold);color:var(--color-primary-700);margin-bottom:16px}.course-hero__title{font-size:24px;font-weight:var(--fw-bold);color:var(--color-text-strong);line-height:1.3;margin-bottom:8px}.course-hero__meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.course-hero__desc{font-size:14px;color:var(--color-text-soft);line-height:1.6;margin-bottom:16px}.course-hero__objectives{margin-bottom:16px}.course-hero__objectives-title{font-size:14px;font-weight:var(--fw-semibold);color:var(--color-text-strong);margin-bottom:8px}.course-hero__objectives-list{list-style:none;display:flex;flex-direction:column;gap:6px}.course-hero__objectives-list li{font-size:14px;color:var(--color-text);padding-left:20px;position:relative}.course-hero__objectives-list li:before{content:"✓";position:absolute;left:0;color:var(--color-green-600);font-weight:var(--fw-bold)}.chapter-list{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.chapter{border-bottom:1px solid var(--color-border)}.chapter:last-child{border-bottom:none}.chapter__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--color-bg-soft);cursor:pointer;-webkit-user-select:none;user-select:none}.chapter__title{font-size:15px;font-weight:var(--fw-semibold);color:var(--color-text-strong)}.chapter__meta{font-size:12px;color:var(--color-text-soft);display:flex;align-items:center;gap:8px}.chapter__body{padding:8px 0}.chapter__unit{border-bottom:1px solid var(--color-border)}.chapter__unit:last-child{border-bottom:none}.chapter__unit-title{padding:12px 20px;font-size:13px;font-weight:var(--fw-semibold);color:var(--color-primary-700);background:var(--color-bg-soft);border-bottom:1px solid var(--color-border)}.chapter__lesson{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;transition:background var(--duration-fast);text-decoration:none;color:inherit}.chapter__lesson:hover{background:var(--color-primary-50)}.chapter__lesson-index{width:24px;height:24px;border-radius:50%;background:var(--color-neutral-100);color:var(--color-text-soft);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:var(--fw-semibold);flex-shrink:0}.chapter__lesson--completed .chapter__lesson-index{background:var(--color-green-600);color:#fff}.chapter__lesson--current .chapter__lesson-index{background:var(--color-primary-500);color:#fff}.chapter__lesson-title{flex:1;font-size:14px;color:var(--color-text)}.chapter__lesson--current .chapter__lesson-title{color:var(--color-primary-700);font-weight:var(--fw-semibold)}.chapter__lesson-duration{font-size:12px;color:var(--color-text-soft);display:inline-flex;align-items:center;gap:4px}.lesson-layout{display:grid;grid-template-columns:220px minmax(0,1fr) 280px;gap:24px;align-items:start}@media (max-width: 1439px){.lesson-layout{grid-template-columns:200px minmax(0,1fr) 260px}}@media (max-width: 1199px){.lesson-layout{grid-template-columns:200px minmax(0,1fr)}.lesson-layout__right{display:none}}.lesson-side{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 0;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto}.lesson-side__title{font-size:12px;font-weight:var(--fw-semibold);color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.05em;padding:8px 16px 4px}.lesson-side__item{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;color:var(--color-text);cursor:pointer;transition:background var(--duration-fast);text-decoration:none}.lesson-side__item:hover{background:var(--color-primary-50)}.lesson-side__item.is-active{background:var(--color-primary-100);color:var(--color-primary-700);font-weight:var(--fw-semibold);position:relative}.lesson-side__item.is-active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--color-primary-500)}.lesson-content{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:32px 36px;width:100%;min-width:0;max-width:100%}.lesson-content__head{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--color-border-soft)}.lesson-content__flow{column-count:2;column-gap:36px;column-fill:balance}.lesson-content__flow>h2,.lesson-content__flow>.video-placeholder,.lesson-content__flow>pre,.lesson-content__flow>.code-block,.lesson-content__flow>.exercise,.lesson-content__flow>.callout{column-span:all;break-inside:avoid}.lesson-content__flow>h3,.lesson-content__flow>p,.lesson-content__flow>ul,.lesson-content__flow>ol,.lesson-content__flow>blockquote{break-inside:avoid}.lesson-content__flow>p,.lesson-content__flow>ul,.lesson-content__flow>ol,.lesson-content__flow>blockquote{max-width:none}@media (max-width: 1199px){.lesson-content__flow{column-count:1}}.lesson-content h1{font-size:26px;font-weight:var(--fw-bold);color:var(--color-text-strong);margin-bottom:16px;line-height:1.4;max-width:100%}.lesson-content h2{font-size:20px;font-weight:var(--fw-semibold);color:var(--color-text-strong);margin:24px 0 12px;padding-bottom:6px;border-bottom:1px solid var(--color-border);line-height:1.4;max-width:100%}.lesson-content h3{font-size:16px;font-weight:var(--fw-semibold);color:var(--color-text-strong);margin:16px 0 8px;line-height:1.4;max-width:100%}.lesson-content p{font-size:15px;line-height:1.8;margin-bottom:12px;color:var(--color-text);max-width:75ch}.lesson-content ul,.lesson-content ol{margin:12px 0 12px 24px;max-width:75ch}.lesson-content ul li{list-style:disc;margin-bottom:6px;line-height:1.7}.lesson-content ol li{list-style:decimal;margin-bottom:6px;line-height:1.7}.lesson-content blockquote{border-left:3px solid var(--color-primary-500);background:var(--color-primary-50);padding:12px 16px;margin:16px 0;border-radius:0 var(--radius) var(--radius) 0;color:var(--color-text);font-size:14px;max-width:75ch}.lesson-content__nav{display:flex;align-items:center;justify-content:space-between;margin-top:32px;padding-top:24px;border-top:1px solid var(--color-border)}.exercise{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;margin:16px 0}.exercise__title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:var(--fw-semibold);color:var(--color-text-strong);margin-bottom:12px}.exercise__options{display:flex;flex-direction:column;gap:8px;margin:12px 0}.exercise__option{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all var(--duration-fast)}.exercise__option:hover{border-color:var(--color-primary-200);background:var(--color-primary-50)}.exercise__option.is-selected{border-color:var(--color-primary-500);background:var(--color-primary-50)}.exercise__option.is-correct{border-color:var(--color-green-600);background:var(--color-green-50)}.exercise__option.is-wrong{border-color:var(--color-amber-600);background:var(--color-amber-50)}.exercise__option-letter{width:22px;height:22px;border-radius:50%;background:var(--color-neutral-100);color:var(--color-text-soft);font-weight:var(--fw-semibold);font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.exercise__option.is-selected .exercise__option-letter,.exercise__option.is-correct .exercise__option-letter{background:var(--color-primary-500);color:#fff}.exercise__option.is-correct .exercise__option-letter{background:var(--color-green-600)}.exercise__option.is-wrong .exercise__option-letter{background:var(--color-amber-600);color:#fff}.exercise__option-text{flex:1;font-size:14px;line-height:1.5;color:var(--color-text)}.exercise__feedback{margin-top:12px;padding:12px;border-radius:var(--radius);font-size:14px;line-height:1.5}.exercise__feedback--correct{background:var(--color-green-50);color:var(--color-green-700);border:1px solid var(--color-green-100)}.exercise__feedback--wrong{background:var(--color-amber-50);color:var(--color-amber-700);border:1px solid var(--color-amber-100)}.exercise__explanation{margin-top:12px;padding:12px;background:var(--color-neutral-50);border-radius:var(--radius);font-size:13px;line-height:1.6;color:var(--color-text-soft)}.exercise__actions{margin-top:12px;display:flex;gap:8px}.visualizer{display:grid;grid-template-columns:360px 1fr 320px;gap:16px;height:calc(100vh - 48px);min-height:600px}@media (max-width: 1439px){.visualizer{grid-template-columns:320px 1fr 280px}}@media (max-width: 1199px){.visualizer{grid-template-columns:1fr;height:auto}}.visualizer__toolbar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:16px;flex-wrap:wrap}.visualizer__toolbar-group{display:flex;align-items:center;gap:4px;padding:0 8px;border-right:1px solid var(--color-border)}.visualizer__toolbar-group:last-child{border-right:none}.visualizer__select,.visualizer__input{padding:4px 8px;font-size:13px;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text)}.visualizer__input::placeholder{color:var(--color-text-mute)}.visualizer__panel{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;min-height:0}.visualizer__panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border);font-size:13px;font-weight:var(--fw-semibold);color:var(--color-text-strong);background:var(--color-bg-soft)}.visualizer__panel-body{flex:1;overflow:auto;padding:12px;min-height:0}.visualizer__panel-body.is-dragover{outline:2px dashed var(--color-primary-500);outline-offset:-4px;background:var(--color-primary-50)}.visualizer__canvas{position:relative;background:var(--color-bg-soft);background-image:linear-gradient(rgba(15,23,42,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px);background-size:16px 16px;width:100%;height:100%;font-family:var(--font-mono);font-size:12px;overflow:hidden}.visualizer__step-info{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:12px;margin-bottom:12px;font-size:13px}.visualizer__step-info-line{font-size:12px;color:var(--color-text-soft);margin-bottom:6px}.visualizer__step-info-desc{color:var(--color-text);line-height:1.5}.visualizer__event-log{font-family:var(--font-mono);font-size:12px;line-height:1.6;color:var(--color-text)}.visualizer__event-log-item{display:flex;gap:8px;padding:4px 0;border-bottom:1px dashed var(--color-border-soft)}.visualizer__event-log-time{color:var(--color-text-mute);flex-shrink:0}.visualizer__event-log-text{flex:1}.visualizer__modes{gap:2px;background:var(--color-bg-soft);padding:2px;border-radius:6px;border:1px solid var(--color-border)}.visualizer__mode-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;background:transparent;border:none;border-radius:4px;color:var(--color-text-soft);cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.visualizer__mode-btn:hover{color:var(--color-text);background:var(--color-bg)}.visualizer__mode-btn.is-active{background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;box-shadow:0 2px 6px #7c3aed40}.visualizer__progress-wrap{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:12px}.visualizer__progress{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#e5e7eb,#a78bfa);border-radius:3px;outline:none;cursor:pointer}.visualizer__progress::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#7c3aed;border:2px solid white;box-shadow:0 1px 4px #7c3aed66;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1)}.visualizer__progress::-webkit-slider-thumb:hover{transform:scale(1.15)}.visualizer__progress::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#7c3aed;border:2px solid white;box-shadow:0 1px 4px #7c3aed66;cursor:pointer}.visualizer__progress-label{font-size:12px;color:var(--color-text-soft);font-family:var(--font-mono);min-width:60px;text-align:right}.visualizer__canvas-inner{padding:16px;height:100%;overflow:auto}.visualizer__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;min-height:200px;color:var(--color-text-mute);font-size:13px}.visualizer__empty--error{color:#dc2626}.visualizer__empty-detail{font-size:12px;color:var(--color-text-soft);text-align:center;max-width:80%}.vmem-section{margin-bottom:16px}.vmem-section__head{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--color-text-strong)}.vmem-section__head--heap{color:#0e7490}.vmem-section__head--ref{color:#6d28d9}.vmem-section__head--out{color:#047857}.vmem-section__head--vtable{color:#6d28d9}.vmem-section__count{font-size:11px;font-weight:500;color:var(--color-text-soft);background:var(--color-bg-soft);padding:1px 6px;border-radius:10px}.vmem-empty{padding:16px;text-align:center;font-size:12px;color:var(--color-text-mute);background:var(--color-bg-soft);border-radius:6px;border:1px dashed var(--color-border)}.vmem-badge{display:inline-flex;align-items:center;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:600;font-family:var(--font-mono);line-height:1.5}.vmem-badge--ref{background:#ede9fe;color:#6d28d9}.vmem-badge--weak{background:#f3e8ff;color:#a78bfa}.vmem-badge--leak{background:#fee2e2;color:#b91c1c}.vmem-badge--acquired{background:#fef3c7;color:#b45309}.vmem-badge--released{background:#d1fae5;color:#047857}.vmem-badge--size{background:#dbeafe;color:#1e40af}.vmem-badge--align{background:#e0e7ff;color:#4338ca}.vmem-stack{display:flex;flex-direction:column;gap:6px}.vmem-frame{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #C4B5FD;border-radius:8px;padding:10px 12px;box-shadow:0 1px 2px #7c3aed0d;transition:all .2s cubic-bezier(.16,1,.3,1)}.vmem-frame__head{display:flex;align-items:center;gap:6px;color:#6d28d9;font-family:var(--font-mono);font-weight:600;font-size:12px}.vmem-frame__name{font-weight:600}.vmem-frame__vars{margin-top:6px;display:flex;flex-wrap:wrap;gap:6px}.vmem-var{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:11px;background:#fff;padding:3px 8px;border-radius:4px;border:1px solid #C4B5FD;transition:all .2s cubic-bezier(.16,1,.3,1)}.vmem-var.is-changed{border-color:#7c3aed;background:linear-gradient(135deg,#fff,#f5f3ff);animation:vmem-pulse .6s cubic-bezier(.16,1,.3,1)}.vmem-var__type{color:#0e7490}.vmem-var__name{color:var(--color-text)}.vmem-var__eq{color:var(--color-text-mute)}.vmem-var__value{color:#b45309;font-weight:600}@keyframes vmem-pulse{0%{box-shadow:0 0 #7c3aed99}to{box-shadow:0 0 0 6px #7c3aed00}}.vmem-heap{display:flex;flex-wrap:wrap;gap:8px}.vmem-heap-card{background:linear-gradient(135deg,#ecfeff,#cffafe);border:1px solid #67E8F9;border-radius:8px;padding:8px 12px;font-family:var(--font-mono);min-width:160px;box-shadow:0 1px 2px #0e74900d;transition:all .2s cubic-bezier(.16,1,.3,1)}.vmem-heap-card.is-leaked{border:2px solid #DC2626;background:linear-gradient(135deg,#fef2f2,#fee2e2);box-shadow:0 2px 8px #dc262626}.vmem-heap-card__head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.vmem-heap-card__addr{font-size:11px;color:#0e7490;font-weight:600}.vmem-heap-card__size{font-size:10px;color:var(--color-text-soft)}.vmem-heap-card__type{font-size:12px;font-weight:600;color:var(--color-text-strong);margin-top:2px}.vmem-heap-card__value{font-size:11px;color:#b45309}.vmem-heap-card__owner{font-size:10px;color:#6d28d9}.vmem-heap-card__fields{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;font-size:10px;color:var(--color-text-soft)}.vmem-heap-card__fields span{background:#fff9;padding:1px 4px;border-radius:2px}.vmem-refs{display:flex;flex-direction:column;gap:4px;background:var(--color-bg-soft);padding:10px 12px;border-radius:6px;border:1px solid var(--color-border)}.vmem-ref{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px}.vmem-ref.is-weak .vmem-ref__from{color:#a78bfa}.vmem-ref__from{color:#0e7490;font-weight:600}.vmem-ref__to{color:#b45309;font-weight:600}.vmem-ref__arrow-text{color:var(--color-text-soft)}.vmem-ref__weak{color:#a78bfa;font-size:10px}.vmem-ref__kind{color:var(--color-text-mute);font-size:10px}.vmem-ref__arrow{flex-shrink:0}.vmem-terminal{background:#0f172a;color:#6ee7b7;padding:10px 14px;border-radius:6px;font-family:var(--font-mono);font-size:12px;margin:0;white-space:pre-wrap;line-height:1.5}.vmem-terminal__cursor{display:inline-block;color:#6ee7b7;animation:vmem-blink 1s step-end infinite}@keyframes vmem-blink{0%,50%{opacity:1}51%,to{opacity:0}}.vmem-resources{display:flex;flex-direction:column;gap:4px}.vmem-resource{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;border-radius:4px;font-size:12px;transition:all .2s cubic-bezier(.16,1,.3,1)}.vmem-resource.is-acquired{background:#fef3c7;border:1px solid #F59E0B}.vmem-resource.is-released{background:#f3f4f6;border:1px solid #9CA3AF}.vmem-resource__name{font-family:var(--font-mono);font-weight:600}.vmem-vtable{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:12px;background:#f5f3ff;border-radius:6px;overflow:hidden}.vmem-vtable th{background:#ede9fe;color:#6d28d9;padding:6px 10px;text-align:left;font-weight:600;font-size:11px}.vmem-vtable td{padding:4px 10px;border-top:1px solid #DDD6FE}.vmem-vtable td:first-child{color:#a78bfa;font-weight:600}.vlayout{display:flex;flex-direction:column;gap:12px}.vlayout-card{background:var(--color-bg);border:1px solid #C4B5FD;border-radius:8px;padding:12px;box-shadow:0 1px 3px #7c3aed14}.vlayout-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.vlayout-card__name{font-family:var(--font-mono);font-weight:600;color:#6d28d9;font-size:13px}.vlayout-card__meta{display:flex;gap:4px}.vlayout-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:11px;margin-bottom:8px}.vlayout-table th{background:#f5f3ff;color:#6d28d9;padding:4px 8px;text-align:left;font-weight:600;border-bottom:1px solid #C4B5FD}.vlayout-table td{padding:3px 8px;border-bottom:1px solid #EDE9FE}.vlayout-table tr.is-padding td{color:#9ca3af;background:#f9fafb;font-style:italic}.vlayout-table__offset{color:#7c3aed;font-weight:600}.vlayout-table__type{color:#0e7490}.vlayout-bar{display:flex;width:100%;height:24px;border-radius:4px;overflow:hidden;border:1px solid var(--color-border);margin-top:4px}.vlayout-bar__field{background:linear-gradient(135deg,#a78bfa,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-family:var(--font-mono);border-right:1px solid rgba(255,255,255,.3);transition:all .2s cubic-bezier(.16,1,.3,1)}.vlayout-bar__field:hover{filter:brightness(1.1)}.vlayout-bar__pad{background:repeating-linear-gradient(45deg,#e5e7eb,#e5e7eb 4px,#f3f4f6 4px,#f3f4f6 8px);color:#6b7280;display:flex;align-items:center;justify-content:center;font-size:9px;border-right:1px solid var(--color-border)}.vlayout-summary{display:flex;gap:12px;padding:10px 12px;background:var(--color-bg-soft);border-radius:6px}.vlayout-summary__item{display:flex;flex-direction:column;gap:2px}.vlayout-summary__label{font-size:11px;color:var(--color-text-soft)}.vlayout-summary__value{font-family:var(--font-mono);font-weight:600;color:#7c3aed}.vsptr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.vsptr-card{border-radius:8px;padding:10px 12px;box-shadow:0 1px 3px #0000000d;transition:all .2s cubic-bezier(.16,1,.3,1)}.vsptr-card--green{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6EE7B7}.vsptr-card--cyan{background:linear-gradient(135deg,#ecfeff,#cffafe);border:1px solid #67E8F9}.vsptr-card--purple{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #C4B5FD}.vsptr-card__head{display:flex;align-items:center;gap:6px;margin-bottom:6px}.vsptr-card__name{font-family:var(--font-mono);font-weight:600;font-size:12px;color:var(--color-text-strong)}.vsptr-card__kind{margin-left:auto;font-size:10px;font-family:var(--font-mono);padding:1px 6px;border-radius:8px;background:#fff9;color:var(--color-text-soft)}.vsptr-card__body{display:flex;flex-direction:column;gap:4px;font-size:11px}.vsptr-card__row{display:flex;align-items:center;justify-content:space-between;gap:6px}.vsptr-card__key{color:var(--color-text-soft)}.vsptr-card__val{font-family:var(--font-mono);font-weight:600;color:var(--color-text-strong)}.vsptr-card__note{font-size:10px;color:var(--color-text-mute);font-style:italic;margin-top:4px}.vlife-current{padding:12px;border-radius:8px;border-left:4px solid #7C3AED;background:linear-gradient(135deg,#f5f3ff,#fff);margin-bottom:12px;transition:all .2s cubic-bezier(.16,1,.3,1)}.vlife-current--construct{border-left-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#fff)}.vlife-current--use{border-left-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#fff)}.vlife-current--destruct{border-left-color:#6b7280;background:linear-gradient(135deg,#f9fafb,#fff)}.vlife-current--leak{border-left-color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fff)}.vlife-current__head{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.vlife-current__phase{font-weight:600;font-size:13px;color:var(--color-text-strong)}.vlife-current__obj{font-family:var(--font-mono);font-size:12px;color:#6d28d9}.vlife-current__line{font-size:11px;font-family:var(--font-mono);color:var(--color-text-soft);background:var(--color-bg-soft);padding:1px 6px;border-radius:8px}.vlife-current__desc{font-size:12px;color:var(--color-text);line-height:1.5}.vlife-current__warn{margin-top:6px;font-size:12px;color:#b91c1c;font-weight:600}.vlife-timeline{display:flex;flex-direction:column;gap:0;padding-left:8px;position:relative}.vlife-timeline:before{content:"";position:absolute;left:12px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,#10b981,#3b82f6,#6b7280)}.vlife-phase{display:flex;gap:12px;padding:8px 0 8px 24px;position:relative;cursor:pointer;border-radius:4px;transition:all .2s cubic-bezier(.16,1,.3,1)}.vlife-phase:hover{background:var(--color-bg-soft)}.vlife-phase__dot{position:absolute;left:4px;top:12px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #A78BFA;z-index:1;transition:all .2s cubic-bezier(.16,1,.3,1)}.vlife-phase--construct .vlife-phase__dot{border-color:#10b981;background:#10b981}.vlife-phase--use .vlife-phase__dot{border-color:#3b82f6;background:#3b82f6}.vlife-phase--destruct .vlife-phase__dot{border-color:#6b7280;background:#6b7280}.vlife-phase--leak .vlife-phase__dot{border-color:#dc2626;background:#dc2626}.vlife-phase.is-active{background:linear-gradient(90deg,#F5F3FF,transparent)}.vlife-phase.is-active .vlife-phase__dot{transform:scale(1.3);box-shadow:0 0 0 4px #7c3aed33}.vlife-phase.is-leak{background:linear-gradient(90deg,#FEF2F2,transparent)}.vlife-phase__body{flex:1}.vlife-phase__title{font-size:12px;font-weight:600;color:var(--color-text-strong);font-family:var(--font-mono)}.vlife-phase__line{font-size:10px;color:var(--color-text-soft);font-family:var(--font-mono)}.vlife-phase__desc{font-size:11px;color:var(--color-text);margin-top:2px}.visualizer__drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.visualizer__drawer{position:fixed;top:0;right:0;bottom:0;width:360px;max-width:90vw;background:var(--color-bg);box-shadow:-4px 0 24px #0f172a26;z-index:51;transform:translate(100%);transition:transform .28s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.visualizer__drawer.is-open{transform:translate(0)}.visualizer__drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--color-border);font-size:14px;font-weight:600;color:var(--color-text-strong)}.visualizer__drawer-body{flex:1;overflow:auto;padding:12px}.visualizer__drawer-empty{text-align:center;padding:24px;font-size:12px;color:var(--color-text-mute)}.visualizer__drawer-loading,.visualizer__drawer-error{display:flex;align-items:center;justify-content:center;gap:6px;padding:24px;font-size:12px;color:var(--color-text-soft)}.visualizer__drawer-error{color:#dc2626}.case-item{transition:all .2s cubic-bezier(.16,1,.3,1)}.case-item:hover{border-color:#7c3aed;box-shadow:0 2px 8px #7c3aed1f;transform:translateY(-1px)}.case-item__title{font-size:13px;font-weight:600;color:var(--color-text-strong);margin-bottom:4px}.case-item__desc{font-size:12px;color:var(--color-text-soft);margin-bottom:6px;line-height:1.5}.case-item__meta{display:flex;flex-wrap:wrap;gap:4px}.visualizer__event-log-item{cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);padding:4px 6px;border-radius:4px}.visualizer__event-log-item:hover{background:var(--color-bg-soft)}.visualizer__event-log-item.is-active{background:linear-gradient(90deg,#F5F3FF,transparent);border-left:2px solid #7C3AED;padding-left:8px}.ce-gutter__line.is-current{background:#ede9fe;color:#7c3aed;font-weight:700}.visualizer__toolbar .btn--primary{background:linear-gradient(135deg,#7c3aed,#8b5cf6);border:none;transition:all .2s cubic-bezier(.16,1,.3,1)}.visualizer__toolbar .btn--primary:hover{box-shadow:0 2px 8px #7c3aed59;transform:translateY(-1px)}.visualizer__toolbar .btn--secondary{transition:all .2s cubic-bezier(.16,1,.3,1)}.visualizer__toolbar .btn--secondary:hover{border-color:#a78bfa;color:#6d28d9}.case-list{display:flex;flex-direction:column;gap:8px}.case-item{padding:10px 12px;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all var(--duration-fast)}.case-item:hover{border-color:var(--color-primary-200);background:var(--color-primary-50)}.case-item.is-active{border-color:var(--color-primary-500);background:var(--color-primary-50)}.case-item__title{font-size:13px;font-weight:var(--fw-semibold);color:var(--color-text-strong);margin-bottom:4px}.case-item__desc{font-size:12px;color:var(--color-text-soft);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.case-item__meta{display:flex;gap:6px;margin-top:6px}.wrong-item{background:var(--color-bg);border:1px solid var(--color-border);border-left:3px solid var(--color-amber-600);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px}.wrong-item--mastered{border-left-color:var(--color-green-600)}.wrong-item__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.wrong-item__title{font-size:14px;font-weight:var(--fw-semibold);color:var(--color-text-strong)}.wrong-item__actions{display:flex;gap:4px}.wrong-item__question{font-size:13px;color:var(--color-text);line-height:1.5}.wrong-item__meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-soft)}.ability-radar{display:flex;flex-direction:column;align-items:center;gap:16px}.ability-radar__chart{width:100%;max-width:360px}.ability-radar__legend{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;font-size:13px}.ability-radar__legend-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--color-bg-soft);border-radius:var(--radius-sm)}.ability-radar__legend-color{width:8px;height:8px;border-radius:50%;background:var(--color-primary-500);flex-shrink:0}.companion-widget{position:fixed;right:calc(var(--right-panel-width) + 24px);bottom:88px;z-index:var(--z-sticky);display:flex;flex-direction:column;align-items:flex-end;gap:8px}@media (max-width: 1199px){.companion-widget{right:24px}}.companion-bubble{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:8px 12px;font-size:13px;max-width:240px;box-shadow:var(--shadow-card);position:relative;animation:bubble-in .25s var(--ease-out)}.companion-bubble:after{content:"";position:absolute;right:12px;bottom:-6px;width:12px;height:12px;background:var(--color-bg);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);transform:rotate(45deg)}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.companion-character{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border:2px solid var(--color-primary-200);border-radius:50%;box-shadow:0 4px 12px #3b6cf026;cursor:pointer;transition:transform var(--duration-base) var(--ease-out);animation:companion-idle 3s ease-in-out infinite}.companion-character:hover{transform:scale(1.08)}@keyframes companion-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.companion-character svg{width:100%;height:100%}.settings{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start}@media (max-width: 1023px){.settings{grid-template-columns:1fr}}.settings__nav{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 0;position:sticky;top:24px}.settings__nav-item{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;color:var(--color-text);cursor:pointer;transition:background var(--duration-fast)}.settings__nav-item:hover{background:var(--color-primary-50)}.settings__nav-item.is-active{background:var(--color-primary-100);color:var(--color-primary-700);font-weight:var(--fw-semibold);position:relative}.settings__nav-item.is-active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--color-primary-500)}.settings__section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:24px;margin-bottom:16px}.settings__section-title{font-size:16px;font-weight:var(--fw-semibold);color:var(--color-text-strong);margin-bottom:4px}.settings__section-desc{font-size:13px;color:var(--color-text-soft);margin-bottom:16px}.settings__row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--color-border-soft);gap:16px}.settings__row:last-child{border-bottom:none}.settings__row-label{font-size:14px;color:var(--color-text);font-weight:var(--fw-medium)}.settings__row-hint{font-size:12px;color:var(--color-text-soft);margin-top:2px}.switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.switch input{position:absolute;opacity:0;pointer-events:none}.switch__slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-neutral-300);border-radius:var(--radius-full);transition:background var(--duration-fast);cursor:pointer}.switch__slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform var(--duration-fast);box-shadow:0 1px 3px #0000001a}.switch input:checked+.switch__slider{background:var(--color-primary-500)}.switch input:checked+.switch__slider:before{transform:translate(18px)}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.achievement-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;transition:all var(--duration-base)}.achievement-card.is-locked{opacity:.6}.achievement-card__icon{width:64px;height:64px;border-radius:50%;background:var(--color-primary-50);color:var(--color-primary-700);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-primary-200);font-size:24px;font-weight:var(--fw-bold)}.achievement-card--gold .achievement-card__icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:var(--color-amber-700);border-color:var(--color-amber-500)}.achievement-card--silver .achievement-card__icon{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:var(--color-neutral-700);border-color:var(--color-neutral-400)}.achievement-card--bronze .achievement-card__icon{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#9a3412;border-color:#c2410c}.achievement-card.is-locked .achievement-card__icon{background:var(--color-neutral-100);color:var(--color-text-mute);border-color:var(--color-border)}.achievement-card__title{font-size:14px;font-weight:var(--fw-semibold);color:var(--color-text-strong)}.achievement-card__desc{font-size:12px;color:var(--color-text-soft);line-height:1.5}.achievement-card__reward{font-size:12px;font-weight:var(--fw-semibold);color:var(--color-amber-600);margin-top:auto}.rank-card{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,var(--color-primary-50),var(--color-cyan-50));border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:16px}.rank-card__badge{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:var(--fw-bold);color:#fff;flex-shrink:0;box-shadow:0 4px 8px #0000001a}.rank-card__badge--bronze{background:linear-gradient(135deg,#a78a6a,#6b4f32)}.rank-card__badge--silver{background:linear-gradient(135deg,#cbd5e1,#94a3b8)}.rank-card__badge--gold{background:linear-gradient(135deg,#fcd34d,#d4a14b);color:#78350f}.rank-card__badge--platinum{background:linear-gradient(135deg,#5da9c7,#2563eb)}.rank-card__badge--diamond{background:linear-gradient(135deg,#7b8de3,#4338ca)}.rank-card__badge--master{background:linear-gradient(135deg,#9b6bd4,#6d28d9)}.rank-card__info{flex:1}.rank-card__name{font-size:18px;font-weight:var(--fw-bold);color:var(--color-text-strong)}.rank-card__xp{font-size:13px;color:var(--color-text-soft);margin-top:4px}.oj-filterbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 20px;background:var(--color-bg);border-bottom:1px solid var(--color-border);margin:-20px -20px 16px}.oj-filterbar__group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.oj-filterbar__search{min-width:240px;width:auto}.oj-filterbar__select{width:auto;min-width:120px}.oj-table{width:100%;border-collapse:collapse}.oj-table th,.oj-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border-soft)}.oj-table th{font-size:13px;font-weight:var(--fw-semibold);color:var(--color-text-soft);background:var(--color-bg-soft)}.oj-table__row{cursor:pointer;transition:background var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.oj-table__row:hover{background:var(--color-primary-50);transform:translate(2px)}.oj-problem-no{font-family:var(--font-mono);font-size:13px;font-weight:var(--fw-semibold);color:var(--color-primary-700);background:var(--color-primary-50);padding:2px 8px;border-radius:var(--radius)}.oj-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0 0;margin-top:8px;border-top:1px solid var(--color-border-soft)}.oj-pagination__info{font-size:13px;color:var(--color-text-soft)}.oj-pagination__btns{display:flex;gap:8px}.oj-problem-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.oj-problem-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.oj-layout{display:grid;grid-template-columns:1fr 480px;gap:16px;align-items:start}@media (max-width: 1199px){.oj-layout{grid-template-columns:1fr}}.oj-layout--single{grid-template-columns:1fr 1fr}@media (max-width: 1199px){.oj-layout--single{grid-template-columns:1fr}}.oj-problem-card{font-size:15px;line-height:1.7}.oj-section{margin-bottom:20px}.oj-section h3{font-size:16px;font-weight:var(--fw-semibold);color:var(--color-text-strong);margin-bottom:8px}.oj-section pre{margin:8px 0}.oj-sample{margin:12px 0;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius);padding:12px}.oj-sample__label{font-size:12px;font-weight:var(--fw-semibold);color:var(--color-text-soft);margin-bottom:6px}.oj-sample__box{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius);padding:10px 12px;font-family:var(--font-mono);font-size:13px;line-height:1.5;margin:0 0 12px;white-space:pre-wrap;word-break:break-word}.oj-sample__box:last-child{margin-bottom:0}.oj-editor-card{display:flex;flex-direction:column;gap:0;overflow:hidden}.oj-editor-toolbar{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--color-bg-soft);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.oj-editor-toolbar select{min-width:100px;width:auto;padding:4px 8px;font-size:13px}.oj-editor-wrap{position:relative;min-height:320px;max-height:560px;overflow:hidden;background:var(--code-bg)}.oj-editor-wrap>.code-editor-instance{border:0;border-radius:0;min-height:320px}.oj-editor-wrap>.code-editor-instance .ce-body{min-height:280px;max-height:480px}.oj-selftest{border-top:1px solid var(--color-border);background:var(--color-bg-soft);padding:12px}.oj-selftest__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.oj-selftest__title{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:var(--fw-semibold);color:var(--color-text-strong)}.oj-selftest__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}.oj-selftest__field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--color-text-soft)}.oj-selftest__field textarea{width:100%;min-height:100px;resize:vertical;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-size:13px;line-height:1.5}.oj-selftest__field textarea:focus{outline:none;border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-100)}.oj-selftest__actions{display:flex;align-items:center;gap:12px;margin-bottom:10px}.oj-selftest__meta{font-size:12px;color:var(--color-text-soft)}.oj-selftest__meta .badge{margin-right:6px}.oj-selftest__output-label{font-size:12px;color:var(--color-text-soft);margin-bottom:6px}.oj-selftest__output-box{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius);padding:10px 12px;margin:0;min-height:60px;max-height:240px;overflow:auto;font-family:var(--font-mono);font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.oj-selftest__output-box.is-pass{border-left:3px solid var(--color-green-600);background:var(--color-green-50)}.oj-selftest__output-box.is-fail{border-left:3px solid var(--color-red-600);background:var(--color-red-50)}@media (max-width: 767px){.oj-selftest__grid{grid-template-columns:1fr}}.oj-editor-layer{position:absolute;top:0;left:0;min-width:100%;min-height:100%;height:auto;padding:16px;margin:0;font-family:var(--font-mono);font-size:var(--fs-code);line-height:var(--lh-code);white-space:pre;-moz-tab-size:4;tab-size:4;border:none;background:transparent;color:transparent;caret-color:var(--color-primary-500);overflow:hidden;resize:none;z-index:2;box-sizing:border-box}.oj-editor-layer--back{position:relative;z-index:1;color:var(--color-text);pointer-events:none;-webkit-user-select:none;user-select:none}.oj-editor-layer code{font-family:inherit;font-size:inherit;line-height:inherit}.oj-code-textarea{width:100%;min-height:320px;padding:16px;font-family:var(--font-mono);font-size:var(--fs-code);line-height:var(--lh-code);color:var(--color-text);background:var(--code-bg);border:none;outline:none;resize:vertical;-moz-tab-size:4;tab-size:4;white-space:pre}.oj-result{margin-top:12px;padding:12px;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius)}.oj-result__header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.oj-result__error{margin-top:12px;padding:12px;background:var(--color-red-50);border:1px solid var(--color-red-100);border-left:3px solid var(--color-red-600);border-radius:var(--radius);color:var(--color-red-700);font-size:13px}.oj-result__error pre{margin:8px 0 0;padding:10px;background:#0000000a;border-radius:var(--radius);overflow-x:auto;font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--color-red-700)}.oj-test-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-top:12px}.oj-test-result{display:flex;flex-direction:column;gap:4px;padding:8px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);font-size:12px;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.oj-test-result:hover{transform:translateY(-1px);box-shadow:var(--shadow-card-hover)}.oj-test-result.is-pass{border-left:3px solid var(--color-green-600);background:var(--color-green-50)}.oj-test-result.is-fail{border-left:3px solid var(--color-red-600);background:var(--color-red-50)}.oj-test-result__msg{color:var(--color-red-700);font-size:11px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oj-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 767px){.oj-result-grid{grid-template-columns:repeat(2,1fr)}}.oj-result-grid__item{display:flex;flex-direction:column;gap:2px;padding:10px;background:var(--color-bg-soft);border:1px solid var(--color-border-soft);border-radius:var(--radius);transition:border-color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.oj-result-grid__item:hover{border-color:var(--color-primary-200);background:var(--color-primary-50);transform:translateY(-1px)}.oj-result-grid__item span:first-child{font-size:12px;color:var(--color-text-soft)}.oj-result-grid__item strong{font-size:14px;color:var(--color-text-strong);font-weight:var(--fw-semibold)}.oj-code-block{margin:0;padding:16px;background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius);overflow-x:auto;font-family:var(--font-mono);font-size:var(--fs-code);line-height:var(--lh-code);max-height:480px;overflow-y:auto}.oj-code-block code{display:block;white-space:pre}.oj-diff{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 767px){.oj-diff{grid-template-columns:1fr}}.oj-diff__panel{border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.oj-diff__header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--color-bg-soft);border-bottom:1px solid var(--color-border);font-size:13px}.oj-diff__body{padding:12px;background:var(--code-bg);max-height:400px;overflow:auto}.oj-diff__line{font-family:var(--font-mono);font-size:13px;line-height:1.5;padding:1px 4px;white-space:pre}.oj-diff__line--add{background:#16a3741a;color:var(--color-green-700)}.oj-diff__line--del{background:#b453091a;color:var(--color-amber-700)}.oj-diff__line--ctx{color:var(--color-text)}.oj-diff__empty{color:var(--color-text-mute);font-style:italic}.journey-path{display:flex;gap:var(--space-2);padding:var(--space-5);background:var(--color-bg);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.journey-step{flex:1;padding:var(--space-3);border-radius:var(--radius-md);border:2px solid var(--color-border);text-align:center;transition:all var(--duration-base) var(--ease-out);cursor:default}.journey-step:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.journey-step--completed{border-color:var(--color-green-500);background:var(--color-green-50)}.journey-step--current{border-color:var(--color-primary-500);background:var(--color-primary-50);box-shadow:var(--shadow-card-hover)}.journey-step--pending{border-color:var(--color-border);background:var(--color-bg-soft)}.journey-step__num{font-size:var(--fs-section);font-weight:var(--fw-bold);margin-bottom:var(--space-1)}.journey-step--completed .journey-step__num{color:var(--color-green-600)}.journey-step--current .journey-step__num{color:var(--color-primary-500)}.journey-step--pending .journey-step__num{color:var(--color-text-mute)}.journey-step__name{font-size:var(--fs-body);font-weight:var(--fw-semibold);color:var(--color-text);margin-bottom:2px}.journey-step__desc{font-size:var(--fs-help);color:var(--color-text-soft)}.coach-plan{padding:0}.coach-plan__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--duration-fast) var(--ease-out);cursor:pointer}.coach-plan__item:hover{background:var(--color-bg-soft)}.coach-plan__item.is-done .coach-plan__text{text-decoration:line-through;color:var(--color-text-mute)}.coach-plan__checkbox{width:18px;height:18px;accent-color:var(--color-primary-500);cursor:pointer;flex-shrink:0}.coach-plan__text{flex:1;font-size:var(--fs-body);color:var(--color-text)}.coach-plan__time{font-size:var(--fs-help);color:var(--color-text-soft);flex-shrink:0}.coach-plan__counter{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-soft);font-size:var(--fs-help);color:var(--color-text-soft);text-align:right}.standard-compare__header{margin-bottom:var(--space-6)}.standard-compare__header h2{font-size:var(--fs-page-title);font-weight:var(--fw-bold);color:var(--color-text-strong);margin-bottom:var(--space-2);display:flex;align-items:center;gap:8px}.standard-compare__header p{font-size:var(--fs-body);color:var(--color-text-soft)}.compare-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.compare-preset-card{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.compare-preset-card:hover{border-color:var(--color-primary-500);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.compare-preset-card.is-active{border-color:var(--color-primary-500);background:var(--color-primary-50)}.compare-preset-card__title{font-size:var(--fs-card-title);font-weight:var(--fw-semibold);color:var(--color-text-strong);margin-bottom:var(--space-1)}.compare-preset-card__desc{font-size:var(--fs-help);color:var(--color-text-soft);margin-bottom:var(--space-3)}.compare-preset-card__standards{display:flex;gap:var(--space-1);flex-wrap:wrap}.compare-preset-card__std-badge{font-size:var(--fs-data);padding:2px 8px;border-radius:var(--radius-full);background:var(--color-bg-soft);color:var(--color-text-soft);font-weight:var(--fw-medium)}.compare-columns{display:grid;gap:var(--space-4);margin-bottom:var(--space-6)}.compare-columns--4{grid-template-columns:repeat(4,1fr)}.compare-columns--3{grid-template-columns:repeat(3,1fr)}.compare-columns--2{grid-template-columns:repeat(2,1fr)}@media (max-width: 1024px){.compare-columns--4,.compare-columns--3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.compare-columns--4,.compare-columns--3,.compare-columns--2{grid-template-columns:1fr}}.compare-column{border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden}.compare-column__header{padding:var(--space-2) var(--space-3);background:var(--color-bg-soft);border-bottom:1px solid var(--color-border);font-size:var(--fs-help);font-weight:var(--fw-semibold);color:var(--color-primary);text-transform:uppercase}.compare-column__code{padding:var(--space-3);margin:0;background:var(--code-bg);color:var(--color-text);font-family:var(--font-mono);font-size:var(--fs-code);line-height:var(--lh-code);white-space:pre;overflow-x:auto}.compare-custom{padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg)}.compare-custom__title{font-size:var(--fs-card-title);font-weight:var(--fw-semibold);color:var(--color-text-strong);margin-bottom:var(--space-3);display:flex;align-items:center;gap:6px}.compare-custom textarea{width:100%;min-height:120px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--code-bg);color:var(--color-text);font-family:var(--font-mono);font-size:var(--fs-code);line-height:var(--lh-code);resize:vertical}.compare-custom textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--shadow-input-focus)}.compare-custom__options{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-3)}.compare-custom__checkboxes{display:flex;gap:var(--space-2);flex-wrap:wrap}.compare-custom__checkboxes label{display:flex;align-items:center;gap:4px;font-size:var(--fs-help);color:var(--color-text);cursor:pointer}.mali-sectioned-lesson{column-span:all;column-count:1}.mali-section-content{min-height:200px;padding:24px}.mali-section__title{font-size:var(--fs-section);font-weight:var(--fw-bold);color:var(--color-text-strong);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.section-progress{margin-bottom:12px}.section-progress__bar{height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.section-progress__fill{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-cyan-500));border-radius:var(--radius-full);transition:width .3s var(--ease-out)}.section-progress__text{font-size:var(--fs-help);color:var(--color-text-soft);margin-top:6px}.section-nav{display:flex;gap:8px;overflow-x:auto;padding:8px 0 12px;margin-bottom:8px;scrollbar-width:thin}.section-nav::-webkit-scrollbar{height:6px}.section-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.section-nav__item{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:12px;cursor:pointer;white-space:nowrap;transition:all var(--duration-fast)}.section-nav__item:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.section-nav__item.is-active{border-color:var(--color-primary-500);background:var(--color-primary-50);color:var(--color-primary-700);font-weight:var(--fw-semibold)}.section-nav__dot{width:18px;height:18px;border-radius:50%;background:var(--color-neutral-200);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-nav__item.is-active .section-nav__dot{background:var(--color-primary-500)}.section-nav__label{max-width:140px;overflow:hidden;text-overflow:ellipsis}.section-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border);flex-wrap:wrap}.section-footer__hint{font-size:12px;color:var(--color-text-soft)}.section-footer__hint kbd{display:inline-block;padding:2px 6px;background:var(--color-bg-soft);border:1px solid var(--color-border);border-bottom-width:2px;border-radius:4px;font-family:var(--font-mono);font-size:11px;color:var(--color-text-strong)}.mali-section__body pre{position:relative;background:#0b1220;color:#e2e8f0;padding:14px 18px;border-radius:var(--radius-lg);overflow-x:auto;line-height:1.55;margin:12px 0}.mali-section__body pre code{background:transparent;color:inherit;padding:0;font-size:13px;font-family:JetBrains Mono,Cascadia Code,Consolas,monospace}.mali-section__body pre:hover .code-copy-btn{opacity:1}@media (max-width: 767px){.oj-filterbar{flex-direction:column;align-items:stretch;padding:12px 14px;margin:-14px -14px 12px}.oj-filterbar__group{width:100%;justify-content:flex-start}.oj-filterbar__search{width:100%;min-width:0}.oj-filterbar__search .input,.oj-filterbar__search input{width:100%}.oj-filterbar__select{flex:1;min-width:0}.oj-table thead{display:none}.oj-table,.oj-table tbody,.oj-table tr,.oj-table td{display:block;width:100%}.oj-table tbody{display:flex;flex-direction:column;gap:10px}.oj-table tr{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px;box-shadow:var(--shadow-card)}.oj-table__row:hover{background:var(--color-bg);transform:none;border-color:var(--color-primary-300);box-shadow:var(--shadow-card-hover)}.oj-table td{border-bottom:none;padding:6px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;text-align:right}.oj-table td[data-label]:before{content:attr(data-label);font-weight:var(--fw-semibold);color:var(--color-text-soft);font-size:12px;text-align:left;flex-shrink:0}.oj-table td:not([data-label]){justify-content:flex-start}.oj-table td[data-label]{border-bottom:1px dashed var(--color-border-soft)}.oj-table td[data-label]:last-child{border-bottom:none}.oj-pagination{flex-wrap:wrap;gap:8px;padding:12px 0 0}.oj-pagination__info{font-size:12px;width:100%;text-align:center;order:2;color:var(--color-text-mute)}.oj-pagination__btns{width:100%;justify-content:center;flex-wrap:wrap;order:1}.oj-pagination__btns .btn--icon,.oj-pagination__btns button{padding:6px 10px;font-size:13px}.oj-problem-header{flex-direction:column;align-items:stretch;gap:12px}.oj-problem-meta{gap:8px}.oj-layout,.oj-layout--single{grid-template-columns:1fr;gap:12px}.oj-editor-toolbar{padding:8px 10px;gap:6px}.oj-editor-toolbar select{min-width:80px;padding:4px 6px;font-size:12px}.oj-editor-wrap{min-height:260px}.oj-editor-wrap>.code-editor-instance .ce-body{min-height:220px}.oj-code-textarea{min-height:260px;padding:12px;font-size:13px}.oj-code-block{padding:12px;font-size:13px;max-height:360px}.oj-sample{padding:10px}.oj-sample__box{padding:8px 10px;font-size:12px}.oj-selftest{padding:10px}.oj-selftest__actions{flex-wrap:wrap;gap:8px}.oj-result-grid{grid-template-columns:1fr 1fr;gap:8px}.oj-test-results{grid-template-columns:1fr 1fr;gap:6px}.oj-diff{grid-template-columns:1fr}.oj-diff__body{max-height:280px;padding:10px}.oj-diff__line{font-size:12px}}@media (max-width: 479px){.oj-test-results,.oj-result-grid{grid-template-columns:1fr}.oj-pagination__btns .page-btn:not(.prev):not(.next):not(.is-active){display:none}}.page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border-soft)}.page__title{font-size:26px;font-weight:var(--fw-bold);color:var(--color-text-strong);line-height:1.3;display:flex;align-items:center;gap:10px}.page__subtitle{font-size:14px;color:var(--color-text-soft);margin-top:4px}.page__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:16px}.filter-bar__group{display:flex;align-items:center;gap:8px}.filter-bar__label{font-size:13px;color:var(--color-text-soft);font-weight:var(--fw-medium);white-space:nowrap}.filter-bar__divider{width:1px;height:20px;background:var(--color-border)}.filter-bar__spacer{flex:1}.pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding:16px 0}.pagination__btn{min-width:32px;height:32px;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:13px;font-weight:var(--fw-medium);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;transition:all var(--duration-fast) var(--ease-out)}.pagination__btn:hover:not(:disabled){border-color:var(--color-primary-400);color:var(--color-primary-600);background:var(--color-primary-50)}.pagination__btn--active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff;box-shadow:0 2px 6px #3b6cf04d}.pagination__btn--active:hover{background:var(--color-primary-600);color:#fff}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__info{font-size:13px;color:var(--color-text-soft);margin-left:12px}.welcome-bar{background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-bg) 100%);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px 28px;position:relative;overflow:hidden}.welcome-bar:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(59,108,240,.06) 0%,transparent 70%);pointer-events:none}.welcome-bar__greeting-text{font-size:24px;font-weight:var(--fw-bold);background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .app-header{background:#0f172ad9}[data-theme=dark] .welcome-bar{background:linear-gradient(135deg,rgba(59,108,240,.08) 0%,var(--color-bg-soft) 100%)}[data-theme=dark] .welcome-bar:before{background:radial-gradient(circle,rgba(91,130,244,.08) 0%,transparent 70%)}[data-theme=dark] .header-search .input{background:var(--color-bg-soft)}.oj-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:20px}.oj-stat-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px 24px;display:flex;align-items:center;gap:16px;transition:all var(--duration-base) var(--ease-out);position:relative;overflow:hidden}.oj-stat-card:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.oj-stat-card--total:before{background:linear-gradient(180deg,var(--color-primary-400),var(--color-primary-600))}.oj-stat-card--easy:before{background:linear-gradient(180deg,var(--color-green-500),var(--color-green-600))}.oj-stat-card--medium:before{background:linear-gradient(180deg,var(--color-amber-500),var(--color-amber-600))}.oj-stat-card--hard:before{background:linear-gradient(180deg,var(--color-red-500),var(--color-red-600))}.oj-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-pop);border-color:var(--color-primary-200)}.oj-stat-card__icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.oj-stat-card--total .oj-stat-card__icon{background:var(--color-primary-50);color:var(--color-primary-600)}.oj-stat-card--easy .oj-stat-card__icon{background:var(--color-green-50);color:var(--color-green-600)}.oj-stat-card--medium .oj-stat-card__icon{background:var(--color-amber-50);color:var(--color-amber-600)}.oj-stat-card--hard .oj-stat-card__icon{background:var(--color-red-50);color:var(--color-red-600)}.oj-stat-card__value{font-size:28px;font-weight:var(--fw-bold);color:var(--color-text-strong);line-height:1.2;font-variant-numeric:tabular-nums}.oj-stat-card__label{font-size:13px;color:var(--color-text-soft);margin-top:2px}.oj-filterbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.oj-filterbar__search{flex:1;min-width:240px;position:relative}.oj-filterbar__search input{width:100%;height:38px;padding:0 38px;border:1.5px solid var(--color-border);border-radius:var(--radius-full);font-size:14px;background:var(--color-neutral-50);color:var(--color-text);outline:none;transition:all var(--duration-fast) var(--ease-out)}.oj-filterbar__search input:hover{border-color:var(--color-primary-300)}.oj-filterbar__search input:focus{border-color:var(--color-primary-500);background:var(--color-bg);box-shadow:var(--shadow-input-focus)}.oj-filterbar__search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-mute);pointer-events:none}.oj-filterbar__clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:var(--color-neutral-200);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-soft);transition:all var(--duration-fast)}.oj-filterbar__clear-btn:hover{background:var(--color-neutral-300);color:var(--color-text)}.oj-difficulty-tabs{display:flex;gap:4px;background:var(--color-neutral-100);padding:3px;border-radius:var(--radius-full)}.oj-difficulty-tab{padding:6px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:var(--fw-medium);color:var(--color-text-soft);cursor:pointer;border:none;background:transparent;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.oj-difficulty-tab:hover{color:var(--color-text)}.oj-difficulty-tab--active{background:var(--color-bg);color:var(--color-primary-600);box-shadow:0 1px 3px #00000014}.oj-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--color-border);background:var(--color-bg)}.oj-table thead{background:linear-gradient(180deg,var(--color-neutral-50),var(--color-bg))}.oj-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:var(--fw-semibold);color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid var(--color-border);white-space:nowrap}.oj-table td{padding:14px 16px;font-size:14px;color:var(--color-text);border-bottom:1px solid var(--color-border-soft)}.oj-table tbody tr{transition:all var(--duration-fast) var(--ease-out);cursor:pointer}.oj-table tbody tr:hover{background:var(--color-primary-50);transform:translate(2px)}.oj-table tbody tr:last-child td{border-bottom:none}.oj-table__no{font-family:var(--font-mono);font-size:13px;color:var(--color-text-soft);font-weight:var(--fw-medium)}.oj-table__title{font-weight:var(--fw-medium);color:var(--color-text-strong);transition:color var(--duration-fast)}.oj-table tbody tr:hover .oj-table__title{color:var(--color-primary-600)}.oj-difficulty{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:var(--fw-semibold)}.oj-difficulty--easy{background:var(--color-green-50);color:var(--color-green-700)}.oj-difficulty--medium{background:var(--color-amber-50);color:var(--color-amber-700)}.oj-difficulty--hard{background:var(--color-red-50);color:var(--color-red-700)}.oj-acceptance{display:flex;align-items:center;gap:8px}.oj-acceptance__bar{width:60px;height:6px;background:var(--color-neutral-100);border-radius:var(--radius-full);overflow:hidden}.oj-acceptance__fill{height:100%;border-radius:var(--radius-full);transition:width .6s var(--ease-out)}.oj-acceptance__text{font-size:12px;color:var(--color-text-soft);font-variant-numeric:tabular-nums;min-width:36px}.oj-problem-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.oj-problem-header{padding:24px 28px;border-bottom:1px solid var(--color-border-soft);background:linear-gradient(180deg,var(--color-neutral-50),var(--color-bg))}.oj-problem-title{font-size:22px;font-weight:var(--fw-bold);color:var(--color-text-strong);margin-bottom:12px}.oj-problem-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.oj-problem-meta__item{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-soft);padding:4px 12px;background:var(--color-bg);border:1px solid var(--color-border-soft);border-radius:var(--radius-full)}.oj-problem-body{padding:24px 28px}.oj-section{margin-bottom:28px}.oj-section:last-child{margin-bottom:0}.oj-section__title{font-size:16px;font-weight:var(--fw-semibold);color:var(--color-text-strong);margin-bottom:12px;padding-left:12px;border-left:3px solid var(--color-primary-500);display:flex;align-items:center;gap:6px}.oj-section__body{font-size:14px;line-height:1.75;color:var(--color-text)}.oj-section__body p{margin-bottom:12px}.oj-section__body code{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-sm);padding:2px 6px;font-family:var(--font-mono);font-size:13px}.oj-section__body pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius);padding:14px 16px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:var(--lh-code)}.oj-sample{background:var(--color-bg-soft);border:1px solid var(--color-border-soft);border-radius:var(--radius);overflow:hidden;margin-bottom:12px}.oj-sample__header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--color-neutral-50);border-bottom:1px solid var(--color-border-soft);font-size:13px;font-weight:var(--fw-medium);color:var(--color-text-soft)}.oj-sample__copy-btn{font-size:12px;color:var(--color-text-mute);cursor:pointer;border:none;background:transparent;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--duration-fast);display:flex;align-items:center;gap:4px}.oj-sample__copy-btn:hover{color:var(--color-primary-600);background:var(--color-primary-50)}.oj-sample__body{padding:12px 14px;font-family:var(--font-mono);font-size:13px;line-height:var(--lh-code);color:var(--color-text-strong);white-space:pre-wrap;word-break:break-all}.oj-editor-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.oj-editor-toolbar{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--color-border-soft);background:var(--color-neutral-50)}.oj-editor-toolbar__title{font-size:13px;font-weight:var(--fw-semibold);color:var(--color-text-soft);display:flex;align-items:center;gap:6px}.oj-editor-toolbar__divider{width:1px;height:20px;background:var(--color-border)}.oj-editor-toolbar__spacer{flex:1}.oj-lang-select{position:relative;display:inline-flex;align-items:center}.oj-lang-select__icon{position:absolute;left:10px;color:var(--color-text-mute);pointer-events:none}.oj-lang-select select{padding:6px 28px 6px 30px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:13px;background:var(--color-bg);color:var(--color-text);cursor:pointer;outline:none;transition:all var(--duration-fast)}.oj-lang-select select:hover{border-color:var(--color-primary-400)}.oj-lang-select select:focus{border-color:var(--color-primary-500);box-shadow:var(--shadow-input-focus)}.oj-result-card{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);border-left:4px solid var(--color-primary-500);background:var(--color-bg);box-shadow:var(--shadow-card)}.oj-result-card--accepted{border-left-color:var(--color-success)}.oj-result-card--wrong{border-left-color:var(--color-danger)}.oj-result-card--pending{border-left-color:var(--color-primary-500)}.oj-result-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--color-border-soft)}.oj-result-status{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:var(--fw-bold)}.oj-result-status--accepted{color:var(--color-success)}.oj-result-status--wrong{color:var(--color-danger)}.oj-result-status--pending{color:var(--color-primary-500)}.oj-result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1px;background:var(--color-border-soft)}.oj-result-grid__item{padding:14px 20px;background:var(--color-bg);text-align:center}.oj-result-grid__label{font-size:12px;color:var(--color-text-soft);margin-bottom:4px}.oj-result-grid__value{font-size:18px;font-weight:var(--fw-bold);color:var(--color-text-strong);font-variant-numeric:tabular-nums}.oj-test-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;padding:16px 20px}.oj-test-result{padding:10px;border-radius:var(--radius);text-align:center;border:1px solid var(--color-border-soft);background:var(--color-bg);transition:all var(--duration-fast)}.oj-test-result--passed{border-color:var(--color-green-500);background:var(--color-green-50)}.oj-test-result--failed{border-color:var(--color-red-500);background:var(--color-red-50)}.oj-test-result__no{font-size:12px;color:var(--color-text-soft);font-weight:var(--fw-medium);margin-bottom:4px}.oj-test-result__status{font-size:14px;font-weight:var(--fw-bold)}.oj-test-result--passed .oj-test-result__status{color:var(--color-success)}.oj-test-result--failed .oj-test-result__status{color:var(--color-danger)}.oj-leaderboard-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.oj-row--gold{background:linear-gradient(90deg,rgba(255,215,0,.08),transparent)}.oj-row--silver{background:linear-gradient(90deg,rgba(192,192,192,.08),transparent)}.oj-row--bronze{background:linear-gradient(90deg,rgba(205,127,50,.08),transparent)}.oj-rank-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:14px;font-weight:var(--fw-bold)}.oj-rank-badge--1{background:linear-gradient(135deg,gold,orange);color:#fff;box-shadow:0 2px 8px #ffd7004d}.oj-rank-badge--2{background:linear-gradient(135deg,silver,#a0a0a0);color:#fff;box-shadow:0 2px 8px #c0c0c04d}.oj-rank-badge--3{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff;box-shadow:0 2px 8px #cd7f324d}.oj-pagination{display:flex;align-items:center;justify-content:center;gap:4px;padding:20px 0}.oj-pagination__btn{min-width:36px;height:36px;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:13px;font-weight:var(--fw-medium);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;transition:all var(--duration-fast) var(--ease-out)}.oj-pagination__btn:hover:not(:disabled):not(.is-active){border-color:var(--color-primary-400);color:var(--color-primary-600);background:var(--color-primary-50);transform:translateY(-1px)}.oj-pagination__btn.is-active{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-color:var(--color-primary-500);color:#fff;box-shadow:0 2px 8px #3b6cf04d}.oj-pagination__btn:disabled{opacity:.4;cursor:not-allowed}.oj-pagination__info{font-size:13px;color:var(--color-text-soft);margin-left:16px}.oj-tabs{display:flex;gap:2px;background:var(--color-neutral-100);padding:3px;border-radius:var(--radius-full);margin-bottom:16px;width:fit-content}.oj-tab{padding:8px 20px;border-radius:var(--radius-full);font-size:14px;font-weight:var(--fw-medium);color:var(--color-text-soft);cursor:pointer;border:none;background:transparent;transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.oj-tab:hover{color:var(--color-text)}.oj-tab--active{background:var(--color-bg);color:var(--color-primary-600);box-shadow:0 1px 3px #00000014,0 0 0 1px var(--color-border-soft)}[data-theme=dark] .oj-table tbody tr:hover,[data-theme=dark] .oj-table__row:hover{background:#3b6cf014}[data-theme=dark] .oj-difficulty--easy{background:#16a37426;color:var(--color-green-500)}[data-theme=dark] .oj-difficulty--medium{background:#d9770626;color:var(--color-amber-500)}[data-theme=dark] .oj-difficulty--hard{background:#ef444426;color:var(--color-red-500)}[data-theme=dark] .oj-sample{background:var(--color-bg-soft)}[data-theme=dark] .oj-sample__header{background:#ffffff08}[data-theme=dark] .oj-row--gold{background:linear-gradient(90deg,rgba(255,215,0,.05),transparent)}[data-theme=dark] .oj-row--silver{background:linear-gradient(90deg,rgba(192,192,192,.05),transparent)}[data-theme=dark] .oj-row--bronze{background:linear-gradient(90deg,rgba(205,127,50,.05),transparent)}[data-theme=dark] .oj-test-result--passed{border-color:#16a3744d;background:#16a37414}[data-theme=dark] .oj-test-result--failed{border-color:#ef44444d;background:#ef444414}@media (max-width: 768px){.oj-stats-grid{grid-template-columns:repeat(2,1fr)}.oj-stat-card{padding:16px}.oj-stat-card__value{font-size:22px}.oj-filterbar{flex-direction:column;align-items:stretch}.oj-filterbar__search{min-width:auto}.oj-table{font-size:13px}.oj-table th,.oj-table td{padding:10px 12px}.oj-problem-header,.oj-problem-body{padding:16px}.oj-result-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.oj-stats-grid{grid-template-columns:1fr}.oj-pagination{flex-wrap:wrap}.oj-pagination__info{width:100%;text-align:center;margin:8px 0 0}}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 1023px){.grid-2col{grid-template-columns:1fr}}.empty-state{text-align:center;padding:64px 24px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.empty-state__icon{color:var(--color-text-mute);margin-bottom:12px;display:flex;justify-content:center}.empty-state__title{font-size:16px;font-weight:var(--fw-semibold);color:var(--color-text-strong);margin-bottom:4px}.empty-state__desc{font-size:13px;color:var(--color-text-soft);margin-bottom:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stat-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:box-shadow var(--duration-fast)}.stat-card:hover{box-shadow:var(--shadow-card-hover)}.stat-card__icon{width:40px;height:40px;border-radius:8px;background:var(--color-primary-50);color:var(--color-primary-700);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card__value{font-size:22px;font-weight:var(--fw-bold);color:var(--color-text-strong);line-height:1.1}.stat-card__unit{font-size:12px;font-weight:var(--fw-medium);color:var(--color-text-soft);margin-left:2px}.stat-card__label{font-size:12px;color:var(--color-text-soft);margin-top:2px}.form{display:flex;flex-direction:column;gap:16px}.form-row{display:flex;align-items:center;gap:12px}.form-row__label{font-size:13px;font-weight:var(--fw-medium);color:var(--color-text-strong);min-width:84px;flex-shrink:0}.heatmap{display:grid;grid-template-columns:repeat(28,1fr);gap:4px;padding:8px 0}.heatmap__cell{aspect-ratio:1;border-radius:3px;background:var(--color-neutral-100);transition:transform var(--duration-fast);cursor:pointer}.heatmap__cell:hover{transform:scale(1.18);box-shadow:0 0 0 1px var(--color-primary-500)}.heatmap__cell.is-today{outline:2px solid var(--color-primary-500);outline-offset:1px}.heatmap__cell--l0{background:var(--color-neutral-100)}.heatmap__cell--l1{background:#c7d2fe}.heatmap__cell--l2{background:#a5b4fc}.heatmap__cell--l3{background:#6366f1}.heatmap__cell--l4{background:#4338ca}.heatmap-legend{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-soft);margin-top:8px}.heatmap-legend .heatmap__cell{aspect-ratio:1;width:12px;height:12px}.progress-list{display:flex;flex-direction:column;gap:12px}.progress-row{display:flex;align-items:center;gap:16px;padding:12px;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius);text-decoration:none;color:inherit;transition:all var(--duration-fast)}.progress-row:hover{background:var(--color-primary-50);border-color:var(--color-primary-200)}.progress-row__cover{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:14px;flex-shrink:0;background:linear-gradient(135deg,var(--color-primary-100),var(--color-cyan-100));color:var(--color-primary-700)}.progress-row__body{flex:1;min-width:0}.progress-row__title{font-size:14px;font-weight:var(--fw-medium);color:var(--color-text-strong);margin-bottom:2px}.progress-row__meta{font-size:12px;color:var(--color-text-soft);display:flex;align-items:center;flex-wrap:wrap;gap:2px}.progress-row__extra{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.progress-row__extra-percent{font-size:16px;font-weight:var(--fw-bold);color:var(--color-primary-700)}.progress-row__extra-text{font-size:12px;color:var(--color-text-soft)}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.fav-item{position:relative;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px;display:flex;gap:12px;transition:all var(--duration-fast)}.fav-item:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-card)}.fav-item>a{display:flex;gap:12px;flex:1;min-width:0;text-decoration:none;color:inherit}.fav-item__cover{width:56px;height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:var(--fw-bold);font-size:16px;flex-shrink:0}.fav-item__icon{width:40px;height:40px;border-radius:8px;background:var(--color-primary-50);color:var(--color-primary-700);display:flex;align-items:center;justify-content:center;flex-shrink:0}.fav-item__body{flex:1;min-width:0}.fav-item__title{font-size:14px;font-weight:var(--fw-medium);color:var(--color-text-strong);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-item__desc{font-size:12px;color:var(--color-text-soft);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.fav-item__meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12px}.fav-item__remove{position:absolute;top:8px;right:8px;opacity:0;transition:opacity var(--duration-fast)}.fav-item:hover .fav-item__remove{opacity:1}.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.note-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px;cursor:pointer;transition:all var(--duration-fast);display:flex;flex-direction:column;gap:8px}.note-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-card)}.note-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.note-card__title{font-size:15px;font-weight:var(--fw-semibold);color:var(--color-text-strong);flex:1}.note-card__actions{display:flex;gap:4px;opacity:0;transition:opacity var(--duration-fast)}.note-card:hover .note-card__actions{opacity:1}.note-card__meta{font-size:12px;color:var(--color-text-soft);display:flex;align-items:center;gap:6px}.note-card__excerpt{font-size:13px;color:var(--color-text);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.note-card__tags{display:flex;gap:4px;flex-wrap:wrap}.note-viewer{font-size:14px;line-height:1.7;color:var(--color-text);max-height:60vh;overflow-y:auto}.note-viewer h1,.note-viewer h2,.note-viewer h3{margin:16px 0 8px;font-weight:var(--fw-semibold);color:var(--color-text-strong)}.note-viewer h1{font-size:20px}.note-viewer h2{font-size:17px}.note-viewer h3{font-size:15px}.note-viewer p{margin-bottom:10px}.note-viewer ul,.note-viewer ol{margin:8px 0 8px 20px}.note-viewer code{font-family:var(--font-mono);background:var(--color-neutral-100);padding:1px 6px;border-radius:3px;font-size:13px;color:var(--code-keyword)}.note-viewer pre{background:var(--code-bg);border:1px solid var(--code-border);padding:12px;border-radius:var(--radius);overflow-x:auto;margin:10px 0}.note-viewer pre code{background:transparent;padding:0;color:var(--color-text)}.wrong-list{display:flex;flex-direction:column;gap:12px}.wrong-row{background:var(--color-bg);border:1px solid var(--color-border);border-left:3px solid var(--color-amber-600);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px}.wrong-row__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.wrong-row__title{font-size:15px;font-weight:var(--fw-semibold);color:var(--color-text-strong);flex:1}.wrong-row__q{font-size:13px;color:var(--color-text);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wrong-row__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px}.wrong-row__actions{display:flex;gap:4px;flex-wrap:wrap;align-items:center;padding-top:4px;border-top:1px solid var(--color-border-soft)}.snippets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.snippet-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px;cursor:pointer;transition:all var(--duration-fast);display:flex;flex-direction:column;gap:8px}.snippet-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-card)}.snippet-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.snippet-card__title{font-size:14px;font-weight:var(--fw-semibold);color:var(--color-text-strong);flex:1}.snippet-card__desc{font-size:12px;color:var(--color-text-soft);line-height:1.5}.snippet-card__code{font-family:var(--font-mono);font-size:12px;background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-sm);padding:8px 10px;margin:4px 0;color:var(--color-text);overflow:hidden;max-height:120px;white-space:pre}.snippet-card__tags{display:flex;gap:4px;flex-wrap:wrap}.snippet-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:4px;border-top:1px solid var(--color-border-soft)}.radar-wrap{display:flex;justify-content:center;align-items:center;padding:8px 0}.ability-list{list-style:none;display:flex;flex-direction:column;gap:16px}.ability-list__item{display:flex;flex-direction:column;gap:4px}.ability-list__head{display:flex;justify-content:space-between;align-items:center}.ability-list__name{font-size:14px;font-weight:var(--fw-medium);color:var(--color-text)}.ability-list__score{font-size:13px;color:var(--color-text-soft)}.ability-list__meta{display:flex;justify-content:space-between;align-items:center;font-size:12px}.weak-kp-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.weak-kp-item{padding:12px;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius)}.weak-kp-item__head{display:flex;align-items:center;gap:6px;margin-bottom:6px}.weak-kp-item__name{font-size:13px;font-weight:var(--fw-medium);color:var(--color-text-strong)}.weak-kp-item__foot{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.rank-card{display:flex;align-items:center;gap:24px;padding:24px;background:linear-gradient(135deg,var(--color-primary-50),var(--color-cyan-50));border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative;overflow:hidden}.rank-card:after{content:"";position:absolute;right:-50px;top:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.4),transparent 70%);pointer-events:none}.rank-card__emblem{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px;border-radius:var(--radius-md)}.rank-card__emblem-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:var(--fw-bold);box-shadow:0 4px 12px #00000026}.rank-card__rank{font-size:14px;font-weight:var(--fw-bold);color:var(--color-text-strong)}.rank-card__body{flex:1;min-width:0}.rank-card__row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.rank-card__xp-label{font-size:12px;color:var(--color-text-soft);margin-bottom:4px}.rank-card__xp{font-size:32px;font-weight:var(--fw-bold);color:var(--color-text-strong);line-height:1.1}.rank-card__meta{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--color-text);align-items:flex-end}.rank-card__meta-item{font-size:13px}@media (max-width: 767px){.rank-card,.rank-card__row{flex-direction:column;align-items:flex-start}.rank-card__meta{align-items:flex-start}}.rank-ladder{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}@media (max-width: 1023px){.rank-ladder{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.rank-ladder{grid-template-columns:repeat(2,1fr)}}.rank-step{text-align:center;padding:16px 8px;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius);position:relative;transition:all var(--duration-base)}.rank-step.is-current{background:var(--color-bg);border-color:var(--rank-color, var(--color-primary-500));box-shadow:0 0 0 2px var(--rank-color, var(--color-primary-500)) 20,0 4px 12px #0000000f;transform:translateY(-2px)}.rank-step__emblem{width:40px;height:40px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:var(--fw-bold);margin-bottom:8px}.rank-step__name{font-size:14px;font-weight:var(--fw-semibold);color:var(--color-text-strong);margin-bottom:2px}.rank-step__range{font-size:11px;font-family:var(--font-mono)}.rank-step__marker{position:absolute;top:4px;right:4px;font-size:10px;background:var(--rank-color, var(--color-primary-500));color:#fff;padding:1px 6px;border-radius:4px}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.achievement-item{display:flex;gap:12px;padding:12px;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all var(--duration-fast);border-left:3px solid var(--tier, var(--color-primary-500))}.achievement-item:hover{background:var(--color-bg);box-shadow:var(--shadow-card)}.achievement-item.is-unlocked{background:var(--color-bg)}.achievement-item__icon{flex-shrink:0;position:relative}.achievement-item__icon-shape{width:40px;height:40px;border-radius:8px;background:var(--tier, var(--color-primary-500));color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:var(--fw-bold);border:2px solid var(--color-bg);box-shadow:0 0 0 2px var(--tier, var(--color-primary-500))}.achievement-item__icon-shape--locked{background:var(--color-neutral-200);color:var(--color-text-mute);box-shadow:0 0 0 1px var(--color-border)}.achievement-item__tier{position:absolute;bottom:-4px;right:-4px;font-size:9px;text-transform:uppercase;font-weight:var(--fw-bold);color:var(--tier, var(--color-text-soft));background:var(--color-bg);padding:0 4px;border-radius:3px}.achievement-item__body{flex:1;min-width:0}.achievement-item__name{font-size:14px;font-weight:var(--fw-semibold);color:var(--color-text-strong);margin-bottom:2px}.achievement-item.is-unlocked .achievement-item__name{color:var(--color-text-strong)}.achievement-item:not(.is-unlocked) .achievement-item__name{color:var(--color-text-soft)}.achievement-item__desc{font-size:12px;color:var(--color-text-soft);line-height:1.4;margin-bottom:4px}.achievement-item__progress{display:flex;align-items:center;gap:6px}.achievement-item__reward{font-size:12px;color:var(--color-green-700);font-weight:var(--fw-medium)}.xp-log{list-style:none;display:flex;flex-direction:column;gap:8px}.xp-log__item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px dashed var(--color-border-soft)}.xp-log__item:last-child{border-bottom:none}.xp-log__icon{width:28px;height:28px;border-radius:50%;background:var(--color-amber-50);color:var(--color-amber-600);display:flex;align-items:center;justify-content:center;flex-shrink:0}.xp-log__body{flex:1;min-width:0}.xp-log__reason{font-size:13px;color:var(--color-text)}.xp-log__time{font-size:12px}.xp-log__amount{font-size:14px;font-weight:var(--fw-bold);color:var(--color-success)}.settings-layout{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:start}@media (max-width: 1023px){.settings-layout{grid-template-columns:1fr}}.settings-side{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 0;position:sticky;top:24px}.settings-tabs__btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:14px;color:var(--color-text);background:transparent;border:none;text-align:left;cursor:pointer;transition:background var(--duration-fast);position:relative}.settings-tabs__btn:hover{background:var(--color-primary-50)}.settings-tabs__btn.is-active{background:var(--color-primary-100);color:var(--color-primary-700);font-weight:var(--fw-semibold)}.settings-tabs__btn.is-active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--color-primary-500)}.settings-content{min-width:0}.settings-avatar{width:64px;height:64px;border-radius:50%;background:var(--color-primary-500);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:var(--fw-bold)}.settings-avatar-actions{flex:1;min-width:200px}.compiler-pick{display:flex;flex-direction:column;gap:8px}.compiler-pick__item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all var(--duration-fast)}.compiler-pick__item:hover{border-color:var(--color-primary-200);background:var(--color-primary-50)}.compiler-pick__item.is-active{border-color:var(--color-primary-500);background:var(--color-primary-50)}.compiler-pick__item input{display:none}.compiler-pick__name{font-size:14px;font-weight:var(--fw-semibold);color:var(--color-text-strong);margin-bottom:2px}.compiler-pick__desc{font-size:12px;color:var(--color-text-soft)}.theme-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.theme-pick__item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all var(--duration-fast)}.theme-pick__item:hover{border-color:var(--color-primary-200)}.theme-pick__item.is-active{border-color:var(--color-primary-500);background:var(--color-primary-50)}.theme-pick__item input{display:none}.theme-pick__preview{width:100%;aspect-ratio:4/3;border-radius:6px;border:1px solid var(--color-border);overflow:hidden;position:relative;display:flex;flex-direction:column}.theme-pick__preview--light{background:#fff}.theme-pick__preview--dark{background:#0f172a}.theme-pick__preview--auto{background:linear-gradient(135deg,#fff 50%,#0f172a 50%)}.theme-pick__bar{height:12px;background:var(--color-primary-500)}.theme-pick__preview--dark .theme-pick__bar{background:var(--color-cyan-600)}.theme-pick__content{flex:1;margin:8px;background:#0000000a;border-radius:4px}.theme-pick__preview--dark .theme-pick__content{background:#ffffff0f}.theme-pick__name{font-size:13px;font-weight:var(--fw-medium);color:var(--color-text)}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:4px;background:var(--color-neutral-200);border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--color-primary-500);border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0003}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--color-primary-500);border-radius:50%;cursor:pointer;border:2px solid white}.discussion-list{display:flex;flex-direction:column;gap:12px}.discuss-row{display:flex;gap:16px;padding:16px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all var(--duration-fast);align-items:center}.discuss-row:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-card)}.discuss-row__avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary-500);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--fw-bold);flex-shrink:0}.discuss-row__body{flex:1;min-width:0}.discuss-row__title{font-size:15px;font-weight:var(--fw-semibold);color:var(--color-text-strong);margin-bottom:4px;display:flex;align-items:center;gap:6px}.discuss-row__excerpt{font-size:13px;color:var(--color-text-soft);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.discuss-row__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}.discuss-row__stats{display:flex;gap:16px;flex-shrink:0}.discuss-row__stat{text-align:center;font-size:12px;color:var(--color-text-soft)}.discuss-row__stat strong{display:block;font-size:16px;color:var(--color-text-strong);font-weight:var(--fw-bold)}@media (max-width: 767px){.discuss-row{flex-direction:column;align-items:flex-start}.discuss-row__stats{width:100%;justify-content:space-around}}.reply-list{display:flex;flex-direction:column;gap:16px}.reply-item{padding:12px 16px;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius)}.reply-item--teacher{background:var(--color-primary-50);border-color:var(--color-primary-200)}.reply-item__head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.reply-item__avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary-500);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:var(--fw-bold);flex-shrink:0}.reply-item__name{font-size:14px;font-weight:var(--fw-semibold);color:var(--color-text-strong)}.reply-item__time{font-size:12px}.reply-item__like{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:12px;color:var(--color-text-soft);cursor:pointer;transition:all var(--duration-fast);-webkit-user-select:none;user-select:none}.reply-item__like:hover{border-color:var(--color-amber-500);color:var(--color-amber-700)}.reply-item__like.is-liked{background:var(--color-amber-50);border-color:var(--color-amber-500);color:var(--color-amber-700)}.reply-item__body{font-size:14px;line-height:1.6;color:var(--color-text)}.reply-item__body p{margin-bottom:8px}.reply-item__body pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius);padding:8px 12px;margin:8px 0;font-size:12px;overflow-x:auto}.reply-item__body code{font-family:var(--font-mono);background:var(--color-neutral-100);padding:1px 5px;border-radius:3px;font-size:13px}.reply-editor{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border)}.auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;margin:0;background:var(--color-bg-soft)}@media (max-width: 1023px){.auth-page{grid-template-columns:1fr}}.auth-card{padding:48px 64px;display:flex;flex-direction:column;justify-content:center;max-width:560px;margin:0 auto;width:100%}.auth-card--wide{max-width:720px}.auth-card__brand{margin-bottom:32px}.auth-logo{display:inline-flex;align-items:center;gap:8px;font-size:24px;font-weight:var(--fw-bold);color:var(--color-primary-700);margin-bottom:16px}.auth-logo:before{content:"码";display:inline-flex;width:36px;height:36px;background:var(--color-primary-500);color:#fff;border-radius:8px;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:18px}.auth-card__title{font-size:28px;font-weight:var(--fw-bold);color:var(--color-text-strong);margin-bottom:4px}.auth-card__subtitle{font-size:14px;color:var(--color-text-soft)}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0 16px;color:var(--color-text-soft);font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-oauth{display:flex;flex-direction:column;gap:8px}.auth-foot{text-align:center;font-size:13px;color:var(--color-text-soft);margin-top:16px}.auth-foot a{color:var(--color-primary-500);font-weight:var(--fw-medium)}.auth-foot a:hover{text-decoration:underline}.auth-side{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));color:#fff;padding:64px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.auth-side:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:#ffffff1a}.auth-side:after{content:"";position:absolute;bottom:-100px;left:-100px;width:300px;height:300px;border-radius:50%;background:#ffffff0d}@media (max-width: 1023px){.auth-side{display:none}}.auth-side__inner{position:relative;max-width:360px}.auth-side__title{font-size:28px;font-weight:var(--fw-bold);line-height:1.3;margin-bottom:12px}.auth-side__desc{font-size:14px;opacity:.85;margin-bottom:24px;line-height:1.5}.auth-side__list{list-style:none;display:flex;flex-direction:column;gap:12px}.auth-side__list li{display:flex;align-items:center;gap:10px;font-size:14px;opacity:.9}.auth-section{margin-bottom:24px;padding:20px;background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius)}.auth-section__title{font-size:16px;font-weight:var(--fw-semibold);color:var(--color-text-strong);margin-bottom:4px}.auth-section__desc{font-size:13px;color:var(--color-text-soft);margin-bottom:12px}.auth-section__label{font-size:13px;font-weight:var(--fw-medium);color:var(--color-text);margin-bottom:8px;margin-top:4px}.auth-pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.auth-pick--small{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.auth-pick__item{position:relative;padding:10px 12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer;transition:all var(--duration-fast)}.auth-pick__item:hover{border-color:var(--color-primary-200)}.auth-pick__item.is-active{border-color:var(--color-primary-500);background:var(--color-primary-50)}.auth-pick__item input{position:absolute;opacity:0;pointer-events:none}.auth-pick__name{font-size:13px;font-weight:var(--fw-semibold);color:var(--color-text-strong);margin-bottom:2px}.auth-pick__desc{font-size:11px;color:var(--color-text-soft);line-height:1.4}.not-found{text-align:center;padding:80px 24px;max-width:560px;margin:0 auto}.not-found__code{font-size:96px;font-weight:var(--fw-bold);color:var(--color-primary-200);line-height:1;margin-bottom:16px}.not-found__title{font-size:24px;font-weight:var(--fw-bold);color:var(--color-text-strong);margin-bottom:8px}.not-found__desc{font-size:14px;color:var(--color-text-soft);line-height:1.6;margin-bottom:24px}.not-found__suggest{text-align:left;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px 24px;margin-bottom:16px}.not-found__suggest p{font-size:13px;color:var(--color-text-soft);margin-bottom:8px}.not-found__suggest ul{list-style:none;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--color-text)}.not-found__suggest li{display:flex;align-items:center;gap:8px}.modal .form{gap:14px}.modal .form-row{flex-direction:column;align-items:stretch;gap:6px}.modal .form-row__label{min-width:0}body.no-chrome .app-sidebar,body.no-chrome .app-right-panel,body.no-chrome .app-header{display:none}body.no-chrome .app-main{margin-left:0!important;margin-right:0!important;padding:0!important;max-width:none!important;min-height:100vh;width:100%}.auth-tabs{display:flex;gap:4px;background:var(--color-neutral-100, #f1f5f9);border-radius:var(--radius-md, 10px);padding:4px;margin-bottom:18px}.auth-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;background:transparent;border:none;border-radius:var(--radius-sm, 6px);color:var(--color-text-soft, #64748b);font-size:14px;font-weight:var(--fw-medium, 500);cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.auth-tab:hover{color:var(--color-text-strong, #0f172a)}.auth-tab.is-active{background:var(--color-bg, #fff);color:var(--color-primary-600, #2563eb);box-shadow:0 1px 2px #0f172a0f}.auth-tab svg{flex-shrink:0}.form-hint{font-size:12px;color:var(--color-text-soft, #64748b);margin-top:6px}.form-hint code{background:var(--color-neutral-100, #f1f5f9);padding:1px 6px;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--color-primary-600, #2563eb)}.wechat-scan{display:flex;flex-direction:column;align-items:center;gap:14px;padding:12px 4px;text-align:center}.wechat-scan__qr{width:220px;height:220px;background:#fff;border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-md, 10px);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 12px #0f172a0d}.wechat-scan__qr img{width:100%;height:100%;display:block}.wechat-scan__loading{display:flex;align-items:center;justify-content:center;color:var(--color-primary-500, #3b82f6)}.wechat-scan__loading svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.wechat-scan__title{font-size:15px;font-weight:var(--fw-semibold, 600);color:var(--color-text-strong, #0f172a)}.wechat-scan__desc{font-size:12px;color:var(--color-text-soft, #64748b)}.wechat-scan--expired{color:var(--color-text-soft, #64748b)}.wechat-scan--expired .wechat-scan__icon{color:var(--color-amber-500, #f59e0b);margin-bottom:4px}.modal-backdrop[hidden]{display:none}.btn--icon{background:transparent;border:none;color:var(--color-text-soft, #64748b);cursor:pointer;padding:4px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.btn--icon:hover{background:var(--color-neutral-100, #f1f5f9);color:var(--color-text-strong, #0f172a)}.page-title{position:relative;padding-left:14px}.page-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:linear-gradient(180deg,var(--color-primary-500) 0%,var(--color-violet-500) 100%);border-radius:4px;box-shadow:0 0 8px #7c3aed40}.card__title,.section-title{position:relative;padding-left:10px}.card__title:before,.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,var(--color-primary-500),var(--color-violet-500));border-radius:3px}.stat-card{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-soft) 100%);border-color:var(--color-primary-200)}.stat-card:after{content:"";position:absolute;top:-30px;right:-30px;width:100px;height:100px;background:radial-gradient(circle,rgba(59,108,240,.08),transparent 70%);pointer-events:none;border-radius:50%}.stat-card__icon{background:linear-gradient(135deg,var(--color-primary-500),var(--color-violet-500));color:#fff;box-shadow:0 4px 12px #3b6cf040}.stat-card__value{font-size:28px;background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-violet-700) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}.rank-card{background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-violet-50) 50%,var(--color-cyan-50) 100%);border-color:var(--color-violet-200);box-shadow:0 4px 16px #7c3aed14}.rank-card__xp{font-size:38px;background:linear-gradient(135deg,var(--color-violet-600) 0%,var(--color-primary-600) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;filter:drop-shadow(0 2px 4px rgba(124,58,237,.2))}.rank-card__emblem-icon{position:relative;animation:rank-emblem-glow 3s ease-in-out infinite}@keyframes rank-emblem-glow{0%,to{box-shadow:0 4px 12px #00000026,0 0 #7c3aed66}50%{box-shadow:0 4px 12px #00000026,0 0 0 8px #7c3aed00}}.ability-list__score{font-size:16px;font-weight:var(--fw-bold);color:var(--color-primary-700);background:var(--color-primary-50);padding:2px 10px;border-radius:var(--radius-full);border:1px solid var(--color-primary-200)}.weak-kp-item{border-left:3px solid var(--color-amber-500);background:linear-gradient(135deg,var(--color-amber-50) 0%,var(--color-bg) 60%)}.weak-kp-item__name{color:var(--color-amber-700)}.progress-row__extra-percent{font-size:18px;background:linear-gradient(135deg,var(--color-primary-600),var(--color-violet-600));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.progress-row.is-completed .progress-row__extra-percent{background:linear-gradient(135deg,var(--color-green-600),#34D399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.progress__bar--xp,.progress__bar--week{position:relative;overflow:hidden;box-shadow:0 0 8px #3b6cf066}.progress__bar--week{box-shadow:0 0 8px #05966966}.progress__bar--xp:after,.progress__bar--week:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);transform:translate(-100%);animation:progress-shimmer 2.5s ease-in-out infinite;pointer-events:none}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.achievement-item.is-unlocked{border-color:var(--tier, var(--color-primary-300));background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-primary-50) 100%);box-shadow:0 2px 8px #7c3aed1a}.achievement-item.is-unlocked:hover{box-shadow:0 6px 20px #7c3aed33;transform:translateY(-2px)}.achievement-item:not(.is-unlocked){opacity:.72;filter:saturate(.6)}.xp-log__amount{font-size:16px;background:linear-gradient(135deg,var(--color-green-600),#34D399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.xp-log__amount.is-minus{background:linear-gradient(135deg,var(--color-red-600),#F87171);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.heatmap__cell.is-today{outline:2px solid var(--color-violet-500);outline-offset:2px;box-shadow:0 0 0 4px #8b5cf626;z-index:1}.heatmap__cell--l4{background:linear-gradient(135deg,var(--color-violet-500),var(--color-primary-600));box-shadow:0 1px 3px #7c3aed4d}.badge--success,.badge--danger,.badge--warning,.badge--info,.badge--primary,.badge--purple{box-shadow:0 1px 2px #0000000f}.badge--success{border:1px solid var(--color-green-100)}.badge--danger{border:1px solid var(--color-red-100)}.badge--warning{border:1px solid var(--color-amber-100)}.badge--info{border:1px solid var(--color-cyan-100)}.badge--primary{border:1px solid var(--color-primary-100)}.badge--purple{border:1px solid var(--color-violet-200)}.oj-problem-no{background:linear-gradient(135deg,var(--color-primary-500),var(--color-violet-500));color:#fff;box-shadow:0 2px 6px #3b6cf040;padding:3px 10px}.btn--primary{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%)}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-violet-600) 100%)}.empty-state,.empty-hint{text-align:center;padding:32px 16px;color:var(--color-text-soft);font-size:13px}.empty-state__icon,.empty-hint__icon{font-size:32px;color:var(--color-text-mute);margin-bottom:8px}[data-theme=dark] .stat-card__value,[data-theme=dark] .rank-card__xp,[data-theme=dark] .progress-row__extra-percent,[data-theme=dark] .xp-log__amount{-webkit-text-fill-color:initial;color:var(--color-text-strong);background:none;-webkit-background-clip:initial;background-clip:initial}[data-theme=dark] .stat-card__value{color:var(--color-primary-300)}[data-theme=dark] .rank-card__xp{color:var(--color-violet-400)}[data-theme=dark] .progress-row__extra-percent{color:var(--color-primary-300)}[data-theme=dark] .xp-log__amount{color:var(--color-green-500)}[data-theme=dark] .xp-log__amount.is-minus{color:var(--color-red-500)}.profile-card{display:flex;align-items:center;gap:24px;padding:24px}.profile-card__avatar{flex-shrink:0;width:88px;height:88px;border-radius:50%;overflow:hidden;background:var(--color-bg-soft);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center}.profile-avatar__img{width:100%;height:100%;object-fit:cover}.profile-avatar__fallback{font-size:36px;font-weight:var(--fw-bold);color:var(--color-primary-600);background:linear-gradient(135deg,var(--color-primary-50),var(--color-violet-100));width:100%;height:100%;display:flex;align-items:center;justify-content:center}.profile-card__body{flex:1;min-width:0}.profile-card__name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-card__name{font-size:22px;font-weight:var(--fw-bold);color:var(--color-text-strong);margin:0}.profile-card__rank{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:var(--fw-medium)}.profile-card__rank-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.profile-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px;font-size:13px;color:var(--color-text-soft)}.profile-card__meta-item{display:inline-flex;align-items:center;gap:4px}.profile-card__bio{margin-top:10px;font-size:13px;color:var(--color-text);line-height:1.6}.heatmap--90{gap:3px;overflow-x:auto;padding-bottom:4px}.heatmap--90 .heatmap__cell{min-width:10px;border-radius:2px}.difficulty-dot{vertical-align:middle}[data-theme=dark] .profile-avatar__fallback{background:linear-gradient(135deg,var(--color-primary-900),var(--color-violet-900));color:var(--color-primary-300)}[data-theme=dark] .profile-card__avatar{background:var(--color-neutral-800);border-color:var(--color-neutral-700)}[data-theme=dark] .pet-spirit-widget .pet-emotion-badge,[data-theme=dark] .pet-spirit-widget .pet-settings-btn{background:var(--color-neutral-800);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .pet-spirit-widget .pet-settings-btn:hover{background:var(--color-neutral-700);color:var(--color-primary-300)}[data-theme=dark] .pet-spirit-widget .pet-bubble{background:var(--color-neutral-800);color:var(--color-text);box-shadow:0 4px 12px #0006}[data-theme=dark] .pet-spirit-widget .pet-bubble:after{background:var(--color-neutral-800)}[data-theme=dark] .pet-spirit-widget .pet-character{background:var(--color-neutral-800);box-shadow:0 4px 16px #0006,0 0 0 3px #ff7a4540}[data-theme=dark] .pet-chat-panel{background:var(--color-neutral-900);box-shadow:0 12px 48px #00000080}[data-theme=dark] .pet-chat-messages{background:var(--color-neutral-900)}[data-theme=dark] .pet-chat-msg--assistant .pet-chat-msg-content{background:var(--color-neutral-800);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] .pet-chat-input{background:var(--color-neutral-900);border-color:var(--color-border)}[data-theme=dark] .pet-chat-input textarea{background:var(--color-neutral-800);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] .pet-current-card,[data-theme=dark] .pet-card{background:var(--color-neutral-800);border-color:var(--color-border)}[data-theme=dark] .pet-current-avatar,[data-theme=dark] .pet-current-img{background:var(--color-neutral-700)}[data-theme=dark] .pet-current-name,[data-theme=dark] .pet-settings-header h2{color:var(--color-text-strong)}[data-theme=dark] .pet-current-desc,[data-theme=dark] .pet-current-label,[data-theme=dark] .pet-settings-subtitle{color:var(--color-text-soft)}[data-theme=dark] .pet-toggle{color:var(--color-text)}[data-theme=dark] .btn:not(.btn--primary):not(.btn--success):not(.btn--warning):not(.btn--danger):not(.btn--info):not(.btn--ghost){background:var(--color-neutral-800);color:var(--color-text);border:1px solid var(--color-border)}[data-theme=dark] .btn:not(.btn--primary):not(.btn--success):not(.btn--warning):not(.btn--danger):not(.btn--info):not(.btn--ghost):hover{background:var(--color-neutral-700);border-color:var(--color-primary-500);color:var(--color-primary-300)}[data-theme=dark] .welcome-bar{background:var(--color-bg)}[data-theme=dark] .welcome-bar__greeting-text{color:var(--color-text-strong)}[data-theme=dark] .welcome-bar__compiler{background:var(--color-neutral-800)}[data-theme=dark] .welcome-bar__compiler button{color:var(--color-text-soft)}[data-theme=dark] .welcome-bar__compiler button.is-active{background:var(--color-neutral-700);color:var(--color-primary-300);box-shadow:0 1px 2px #0000004d}[data-theme=dark] .welcome-stat{background:var(--color-primary-900);color:var(--color-primary-300)}[data-theme=dark] .welcome-stat__value{color:var(--color-primary-300)}[data-theme=dark] .welcome-stat__label{color:var(--color-text-soft)}[data-theme=dark] .badge{background:var(--color-neutral-700);color:var(--color-text);border-color:var(--color-border)}[data-theme=dark] .ce-gutter__line.is-current{color:var(--color-primary-300);background:#5b82f429}[data-theme=dark] .oj-editor-toolbar{background:var(--color-neutral-800);border-color:var(--color-border)}[data-theme=dark] .oj-editor-toolbar__title{color:var(--color-text-soft)}[data-theme=dark] .oj-editor-toolbar__divider{background:var(--color-border)}[data-theme=dark] .app-sidebar__item.active{background:#5b82f438;color:var(--color-primary-300)}[data-theme=dark] .app-sidebar__item.active .app-sidebar__item-icon,[data-theme=dark] .app-sidebar__item.active .app-sidebar__item-text{color:var(--color-primary-300)}[data-theme=dark] .learning-journey .journey-step--current .journey-step__icon{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff;box-shadow:0 0 0 4px #5b82f440}[data-theme=dark] .learning-journey .journey-step__icon{background:var(--color-neutral-800);border-color:var(--color-border);color:var(--color-text-mute)}[data-theme=dark] .learning-journey .journey-step:not(:last-child):after{background:var(--color-neutral-700)}[data-theme=dark] .rp-badge--normal{background:#5b82f429;color:var(--color-primary-300)}[data-theme=dark] .rp-badge--done{background:#16a37429;color:var(--color-green-300)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .pet-spirit-widget .pet-emotion-badge,:root:not([data-theme=light]) .pet-spirit-widget .pet-settings-btn{background:var(--color-neutral-800);border-color:var(--color-border);color:var(--color-text)}:root:not([data-theme=light]) .pet-spirit-widget .pet-settings-btn:hover{background:var(--color-neutral-700);color:var(--color-primary-300)}:root:not([data-theme=light]) .pet-spirit-widget .pet-bubble,:root:not([data-theme=light]) .pet-spirit-widget .pet-bubble:after{background:var(--color-neutral-800);color:var(--color-text)}:root:not([data-theme=light]) .pet-spirit-widget .pet-character{background:var(--color-neutral-800);box-shadow:0 4px 16px #0006,0 0 0 3px #ff7a4540}:root:not([data-theme=light]) .pet-chat-panel,:root:not([data-theme=light]) .pet-chat-messages,:root:not([data-theme=light]) .pet-chat-input{background:var(--color-neutral-900)}:root:not([data-theme=light]) .pet-chat-msg--assistant .pet-chat-msg-content{background:var(--color-neutral-800);color:var(--color-text);border-color:var(--color-border)}:root:not([data-theme=light]) .pet-chat-input textarea{background:var(--color-neutral-800);color:var(--color-text);border-color:var(--color-border)}:root:not([data-theme=light]) .pet-current-card,:root:not([data-theme=light]) .pet-card{background:var(--color-neutral-800);border-color:var(--color-border)}:root:not([data-theme=light]) .pet-current-avatar,:root:not([data-theme=light]) .pet-current-img{background:var(--color-neutral-700)}:root:not([data-theme=light]) .pet-current-name,:root:not([data-theme=light]) .pet-settings-header h2{color:var(--color-text-strong)}:root:not([data-theme=light]) .pet-current-desc,:root:not([data-theme=light]) .pet-current-label,:root:not([data-theme=light]) .pet-settings-subtitle{color:var(--color-text-soft)}:root:not([data-theme=light]) .pet-toggle{color:var(--color-text)}:root:not([data-theme=light]) .btn:not(.btn--primary):not(.btn--success):not(.btn--warning):not(.btn--danger):not(.btn--info):not(.btn--ghost){background:var(--color-neutral-800);color:var(--color-text);border:1px solid var(--color-border)}:root:not([data-theme=light]) .btn:not(.btn--primary):not(.btn--success):not(.btn--warning):not(.btn--danger):not(.btn--info):not(.btn--ghost):hover{background:var(--color-neutral-700);border-color:var(--color-primary-500);color:var(--color-primary-300)}:root:not([data-theme=light]) .welcome-bar{background:var(--color-bg)}:root:not([data-theme=light]) .welcome-bar__greeting-text{color:var(--color-text-strong)}:root:not([data-theme=light]) .welcome-bar__compiler{background:var(--color-neutral-800)}:root:not([data-theme=light]) .welcome-bar__compiler button{color:var(--color-text-soft)}:root:not([data-theme=light]) .welcome-bar__compiler button.is-active{background:var(--color-neutral-700);color:var(--color-primary-300)}:root:not([data-theme=light]) .welcome-stat{background:var(--color-primary-900)}:root:not([data-theme=light]) .welcome-stat__value{color:var(--color-primary-300)}:root:not([data-theme=light]) .welcome-stat__label{color:var(--color-text-soft)}:root:not([data-theme=light]) .badge{background:var(--color-neutral-700);color:var(--color-text);border-color:var(--color-border)}:root:not([data-theme=light]) .ce-gutter__line.is-current{color:var(--color-primary-300);background:#5b82f429}:root:not([data-theme=light]) .oj-editor-toolbar{background:var(--color-neutral-800);border-color:var(--color-border)}:root:not([data-theme=light]) .oj-editor-toolbar__title{color:var(--color-text-soft)}:root:not([data-theme=light]) .oj-editor-toolbar__divider{background:var(--color-border)}:root:not([data-theme=light]) .app-sidebar__item.active{background:#5b82f438;color:var(--color-primary-300)}:root:not([data-theme=light]) .app-sidebar__item.active .app-sidebar__item-icon,:root:not([data-theme=light]) .app-sidebar__item.active .app-sidebar__item-text{color:var(--color-primary-300)}:root:not([data-theme=light]) .learning-journey .journey-step--current .journey-step__icon{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff;box-shadow:0 0 0 4px #5b82f440}:root:not([data-theme=light]) .learning-journey .journey-step__icon{background:var(--color-neutral-800);border-color:var(--color-border);color:var(--color-text-mute)}:root:not([data-theme=light]) .learning-journey .journey-step:not(:last-child):after{background:var(--color-neutral-700)}:root:not([data-theme=light]) .rp-badge--normal{background:#5b82f429;color:var(--color-primary-300)}:root:not([data-theme=light]) .rp-badge--done{background:#16a37429;color:var(--color-green-300)}}