:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--bp-sm:480px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--color-bg:#0c0c0f;--color-bg-elevated:#131318;--color-surface:#1a1a22;--color-surface-hover:#22222c;--color-surface-active:#2a2a36;--color-sidebar:#101014;--color-sidebar-hover:#1c1c24;--color-sidebar-active:#24242e;--color-border:#3d3d52;--color-border-subtle:#2e2e40;--color-text:#eeeef6;--color-text-primary:#fff;--color-text-secondary:#b8b8d0;--color-text-muted:#7a7a94;--color-accent:#6c8cff;--color-accent-hover:#8aa4ff;--color-accent-soft:#6c8cff24;--color-accent-gradient:linear-gradient(135deg, #6c8cff 0%, #a78bfa 100%);--color-success:#34d399;--color-success-soft:#34d3991f;--color-error:#f87171;--color-error-soft:#f871711f;--color-warning:#fbbf24;--color-info:#60a5fa;--shadow-sm:0 1px 3px #0006, 0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000080, 0 2px 6px #0000004d;--shadow-lg:0 12px 40px #0009, 0 4px 12px #0000004d;--color-glass:#14141ecc;--color-glass-border:#ffffff0f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.5}[data-theme=light]{--color-bg:#f5f5f7;--color-bg-elevated:#fff;--color-surface:#fff;--color-surface-hover:#f0f0f5;--color-surface-active:#e8e8f0;--color-sidebar:#fafafa;--color-sidebar-hover:#f0f0f5;--color-sidebar-active:#e8e8f0;--color-border:#d8d8e0;--color-border-subtle:#e8e8f0;--color-text:#1a1a2e;--color-text-primary:#0f0f1a;--color-text-secondary:#3d3d54;--color-text-muted:#6b6b80;--color-accent:#4f6df5;--color-accent-hover:#3d5ce0;--color-accent-soft:#4f6df51a;--color-accent-gradient:linear-gradient(135deg, #4f6df5 0%, #7c5cf5 100%);--color-success:#10b981;--color-success-soft:#10b9811a;--color-error:#ef4444;--color-error-soft:#ef444414;--color-warning:#f59e0b;--color-info:#3b82f6;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014, 0 2px 6px #0000000a;--shadow-lg:0 12px 40px #0000001f, 0 4px 12px #0000000f;--color-glass:#ffffffd9;--color-glass-border:#0000000f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] body{background:linear-gradient(135deg,#d4c4e8 0%,#c0d0f0 50%,#c8daf0 100%) fixed}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--color-text);background:linear-gradient(135deg,#1a1025 0%,#0d1b2a 50%,#1b2838 100%) fixed;margin:0;transition:color .3s}#root{width:100%;min-height:100vh;display:flex}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}h1,h2,h3,h4{color:var(--color-text-primary);letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.05rem}p{margin:0}button{border-radius:var(--radius-md);background:var(--color-surface-hover);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;padding:.6em 1.2em;font-family:inherit;font-size:.9rem;font-weight:500}button:hover{background:var(--color-surface-active)}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.55rem .75rem;font-family:inherit;font-size:.9rem}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft);outline:none}input[type=color]{cursor:pointer;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:48px;height:36px;padding:2px}.btn-primary{background:var(--color-accent);color:#fff;border:none;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:0 2px 8px var(--color-accent-soft)}.btn-gradient{background:var(--color-accent-gradient);color:#fff;border:none;font-weight:600}.btn-gradient:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 16px var(--color-accent-soft)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border:none}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.error-message{background:var(--color-error-soft);border-radius:var(--radius-md);color:var(--color-error);border:1px solid #f8717140;padding:.75rem;font-size:.9rem}.loading-spinner{border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-overlay{0%,to{opacity:.4}50%{opacity:.8}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:where(button,a,[role=button],[role=switch],[role=tab],[role=menuitem],input,select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{background:var(--color-accent);color:#fff;border-radius:0 0 var(--radius-md) 0;z-index:100000;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:transform .2s;position:fixed;top:0;left:0;transform:translateY(-120%)}.skip-link:focus,.skip-link:focus-visible{outline-offset:2px;outline:2px solid #fff;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-layout{width:100%;min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem;overflow-y:auto}@media (width<=768px){.app-main-content{padding:1rem;padding-bottom:max(1rem, env(safe-area-inset-bottom))}}.sb-nav{background:var(--color-sidebar);border-right:1px solid var(--color-border-subtle);flex-direction:column;flex-shrink:0;width:180px;min-width:180px;height:100vh;padding:.75rem .5rem;transition:width .2s,min-width .2s;display:flex;position:sticky;top:0;overflow:hidden}.sb-nav.collapsed{width:52px;min-width:52px}.sb-nav.collapsed .sb-label{display:none}.sb-nav.collapsed .sb-link{justify-content:center;padding:.5rem}.sb-nav.collapsed .sb-logo{justify-content:center;padding:4px}.sb-nav.collapsed .sb-theme{justify-content:center}.sb-nav.collapsed .sb-theme-icon{display:none}.sb-top,.sb-bottom{flex-direction:column;gap:.125rem;display:flex}.sb-top{flex:1}.sb-bottom{border-top:1px solid var(--color-border-subtle);padding-top:.5rem}.sb-logo{color:var(--color-text-primary);border:1.5px solid #a78bfa66;border-radius:10px;align-items:center;gap:.625rem;margin-bottom:1.25rem;padding:.4rem .625rem;text-decoration:none;display:flex}.sb-logo-icon{border-radius:var(--radius-sm,6px);background:var(--color-accent-gradient,linear-gradient(135deg, #6c8cff 0%, #a78bfa 100%));color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.sb-logo-text{font-size:1.05rem;font-weight:700}.sb-link{border-radius:var(--radius-md,10px);color:var(--color-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.625rem;width:100%;padding:.5rem .625rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sb-link:hover{background:var(--color-sidebar-hover);color:var(--color-text)}.sb-link.active{background:var(--color-sidebar-active);color:var(--color-text-primary)}.sb-link svg{opacity:.7;flex-shrink:0}.sb-link:hover svg,.sb-link.active svg{opacity:1}.sb-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sb-theme{cursor:pointer;color:var(--color-text-muted);font:inherit;text-align:left;background:0 0;border:none;align-items:center;gap:.625rem;width:100%;padding:.5rem .625rem;display:flex}.sb-theme:hover{color:var(--color-text)}.sb-theme-icon{flex-shrink:0}.sb-theme-track{background:var(--color-surface-active);border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .25s;position:relative}.sb-theme-track.on{background:var(--color-accent,#6c8cff)}.sb-theme-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.sb-theme-track.on .sb-theme-thumb{transform:translate(16px)}.sb-sep{background:var(--color-border-subtle);height:1px;margin:.375rem .625rem}.sb-collapse{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm,6px);background:0 0;border:none;justify-content:center;align-items:center;padding:.375rem;transition:all .15s;display:flex}.sb-collapse:hover{background:var(--color-sidebar-hover);color:var(--color-text)}.sb-mobile-header,.sb-backdrop,.sb-mobile-toggle{display:none}@media (width<=768px){.sb-mobile-header{z-index:90;width:100%;padding:.5rem .75rem;padding-top:max(.5rem, env(safe-area-inset-top));background:var(--color-sidebar);border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.sb-mobile-toggle{width:36px;height:36px;color:var(--color-text);border-radius:var(--radius-sm,6px);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.sb-mobile-toggle:hover{background:var(--color-sidebar-hover)}.sb-mobile-brand{color:var(--color-text);letter-spacing:-.01em;font-weight:700;text-decoration:none}.sb-nav{z-index:100;width:260px;min-width:260px;height:100dvh;padding-top:max(.75rem, env(safe-area-inset-top));padding-bottom:max(.75rem, env(safe-area-inset-bottom));transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0006}.sb-nav.collapsed{width:260px;min-width:260px}.sb-nav.collapsed .sb-label{display:inline}.sb-nav.collapsed .sb-link{justify-content:flex-start;padding:.5rem .625rem}.sb-nav.collapsed .sb-logo{justify-content:flex-start;padding:.4rem .625rem}.sb-nav.collapsed .sb-theme-icon{display:inline}.sb-nav--mobile-open{transform:translate(0)}.sb-collapse{display:none}.sb-backdrop{z-index:95;background:#00000073;animation:.2s sb-backdrop-in;display:block;position:fixed;inset:0}@keyframes sb-backdrop-in{0%{opacity:0}to{opacity:1}}}