:root{--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 26px;--text-3xl: 34px;--text-4xl: 44px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .32s cubic-bezier(.4, 0, .2, 1);--max-content: 1120px;--header-height: 60px;--graph-edge-glow: rgba(125, 211, 252, .9);--graph-edge-pulse: rgba(167, 139, 250, .95);--graph-edge-pulse-soft: rgba(167, 139, 250, .55);--graph-node-shadow: rgba(0, 0, 0, .45);--graph-pin-bg: transparent;--graph-pin-ring: rgba(15, 23, 42, .85);--graph-pin-shadow: rgba(0, 0, 0, .55)}[data-theme=light]{color-scheme:light;--primary: #5b5bf6;--primary-hover: #4747e8;--primary-soft: rgba(91, 91, 246, .1);--primary-contrast: #ffffff;--accent: #10b9a6;--bg: #f7f8fb;--bg-elevated: #ffffff;--surface: #ffffff;--surface-muted: #f1f3f7;--surface-hover: #eef0f5;--border: rgba(20, 25, 45, .08);--border-strong: rgba(20, 25, 45, .16);--text-primary: #0f1220;--text-secondary: #3d4256;--text-muted: #6b7088;--text-inverse: #ffffff;--success: #10b981;--success-soft: rgba(16, 185, 129, .12);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .14);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .12);--info: #3b82f6;--info-soft: rgba(59, 130, 246, .12);--neutral: #6b7088;--neutral-soft: rgba(107, 112, 136, .14);--gradient-hero: radial-gradient( ellipse 80% 70% at 50% -10%, rgba(91, 91, 246, .22), transparent 60% ), linear-gradient(135deg, #eef1ff 0%, #f7f8fb 60%);--gradient-primary: linear-gradient(135deg, #6a6afc 0%, #8b5cf6 100%);--mesh-1: rgba(91, 91, 246, .07);--mesh-2: rgba(139, 139, 255, .05);--mesh-3: rgba(74, 222, 128, .04);--mesh-4: rgba(167, 139, 250, .04);--shadow-md: 0 6px 16px rgba(17, 24, 39, .08), 0 2px 4px rgba(17, 24, 39, .04);--shadow-lg: 0 20px 40px -12px rgba(17, 24, 39, .18), 0 4px 10px rgba(17, 24, 39, .06);--shadow-glow: 0 0 0 4px rgba(91, 91, 246, .18);--code-bg: #0f1220;--code-fg: #e4e7ef;--code-muted: #8a90a8}:root:not([data-theme]),[data-theme=dark]{color-scheme:dark;--primary: #8b8bff;--primary-hover: #a5a5ff;--primary-soft: rgba(139, 139, 255, .16);--primary-contrast: #0f1220;--accent: #2dd4bf;--bg: #0a0c14;--bg-elevated: #12151f;--surface: #161a26;--surface-muted: #1b2030;--surface-hover: #212739;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text-primary: #f2f4fa;--text-secondary: #c7cbdc;--text-muted: #8a90a8;--text-inverse: #0f1220;--success: #34d399;--success-soft: rgba(52, 211, 153, .14);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .16);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .16);--info: #60a5fa;--info-soft: rgba(96, 165, 250, .16);--neutral: #8a90a8;--neutral-soft: rgba(138, 144, 168, .18);--gradient-hero: radial-gradient( ellipse 80% 70% at 50% -10%, rgba(139, 139, 255, .28), transparent 60% ), linear-gradient(135deg, rgba(20, 24, 48, .85) 0%, rgba(10, 12, 20, .7) 60%);--gradient-primary: linear-gradient(135deg, #8b8bff 0%, #b08cff 100%);--mesh-1: rgba(91, 91, 246, .07);--mesh-2: rgba(139, 139, 255, .05);--mesh-3: rgba(74, 222, 128, .04);--mesh-4: rgba(167, 139, 250, .04);--shadow-md: 0 6px 16px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, .6), 0 4px 10px rgba(0, 0, 0, .3);--shadow-glow: 0 0 0 4px rgba(139, 139, 255, .28);--code-bg: #05070d;--code-fg: #e4e7ef;--code-muted: #8a90a8}@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--primary: #8b8bff;--primary-hover: #a5a5ff;--primary-soft: rgba(139, 139, 255, .16);--primary-contrast: #0f1220;--accent: #2dd4bf;--bg: #0a0c14;--bg-elevated: #12151f;--surface: #161a26;--surface-muted: #1b2030;--surface-hover: #212739;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--text-primary: #f2f4fa;--text-secondary: #c7cbdc;--text-muted: #8a90a8;--text-inverse: #0f1220;--success: #34d399;--success-soft: rgba(52, 211, 153, .14);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .16);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .16);--info: #60a5fa;--info-soft: rgba(96, 165, 250, .16);--neutral: #8a90a8;--neutral-soft: rgba(138, 144, 168, .18);--gradient-hero: radial-gradient( ellipse 80% 70% at 50% -10%, rgba(139, 139, 255, .28), transparent 60% ), linear-gradient(135deg, rgba(20, 24, 48, .85) 0%, rgba(10, 12, 20, .7) 60%);--gradient-primary: linear-gradient(135deg, #8b8bff 0%, #b08cff 100%);--mesh-1: rgba(91, 91, 246, .07);--mesh-2: rgba(139, 139, 255, .05);--mesh-3: rgba(74, 222, 128, .04);--mesh-4: rgba(167, 139, 250, .04);--shadow-md: 0 6px 16px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, .6), 0 4px 10px rgba(0, 0, 0, .3);--shadow-glow: 0 0 0 4px rgba(139, 139, 255, .28);--code-bg: #05070d;--code-fg: #e4e7ef;--code-muted: #8a90a8}}[data-skin=ink][data-theme=light]{--font-sans: "Segoe UI", Aptos, Calibri, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: Consolas, "Courier New", Courier, monospace;--primary: #235a97;--primary-hover: #1c4778;--primary-soft: rgba(35, 90, 151, .11);--primary-contrast: #ffffff;--accent: #657181;--bg: #eef1f4;--bg-elevated: #f7f8fa;--surface: #ffffff;--surface-muted: #e8edf2;--surface-hover: #dfe6ed;--border: rgba(23, 32, 42, .14);--border-strong: rgba(23, 32, 42, .32);--text-primary: #17202a;--text-secondary: #344252;--text-muted: #5d6a78;--text-inverse: #ffffff;--success: #23785a;--success-soft: rgba(35, 120, 90, .12);--warning: #a66d18;--warning-soft: rgba(166, 109, 24, .14);--danger: #bd3434;--danger-soft: rgba(189, 52, 52, .12);--info: #235a97;--info-soft: rgba(35, 90, 151, .12);--neutral: #657181;--neutral-soft: rgba(101, 113, 129, .14);--gradient-hero: radial-gradient( ellipse 80% 70% at 50% -10%, rgba(35, 90, 151, .22), transparent 60% ), linear-gradient(135deg, #dfe7ef 0%, #eef1f4 60%);--gradient-primary: linear-gradient(135deg, #235a97 0%, #657181 100%);--mesh-1: rgba(35, 90, 151, .1);--mesh-2: rgba(101, 113, 129, .08);--mesh-3: rgba(35, 120, 90, .05);--mesh-4: rgba(20, 45, 70, .06);--shadow-md: 6px 6px 0 rgba(23, 32, 42, .14);--shadow-lg: 8px 8px 0 rgba(23, 32, 42, .16);--shadow-glow: 0 0 0 3px rgba(35, 90, 151, .18);--radius-sm: 2px;--radius-md: 2px;--radius-lg: 2px;--radius-xl: 2px;--radius-full: 2px;--code-bg: #17202a;--code-fg: #e9eef5;--code-muted: #a8b3c0;--graph-edge-glow: rgba(127, 176, 230, .88);--graph-edge-pulse: rgba(127, 176, 230, .92);--graph-edge-pulse-soft: rgba(127, 176, 230, .52);--graph-node-shadow: rgba(23, 32, 42, .32);--graph-pin-bg: transparent;--graph-pin-ring: rgba(23, 32, 42, .86);--graph-pin-shadow: rgba(23, 32, 42, .4)}[data-skin=ink][data-theme=dark]{--font-sans: "Segoe UI", Aptos, Calibri, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: Consolas, "Courier New", Courier, monospace;--primary: #7fb0e6;--primary-hover: #9ac2ee;--primary-soft: rgba(127, 176, 230, .16);--primary-contrast: #0f141a;--accent: #9fb5c9;--bg: #11161d;--bg-elevated: #171e27;--surface: #1e2631;--surface-muted: #27313d;--surface-hover: #303b49;--border: rgba(233, 238, 245, .12);--border-strong: rgba(233, 238, 245, .28);--text-primary: #e9eef5;--text-secondary: #c4ceda;--text-muted: #9fabb8;--text-inverse: #0f141a;--success: #6bcf9f;--success-soft: rgba(107, 207, 159, .14);--warning: #f5c36a;--warning-soft: rgba(245, 195, 106, .16);--danger: #f08b8b;--danger-soft: rgba(240, 139, 139, .16);--info: #7fb0e6;--info-soft: rgba(127, 176, 230, .16);--neutral: #9fb5c9;--neutral-soft: rgba(159, 181, 201, .16);--gradient-hero: radial-gradient( ellipse 80% 70% at 50% -10%, rgba(127, 176, 230, .26), transparent 60% ), linear-gradient(135deg, rgba(25, 36, 49, .9) 0%, rgba(17, 22, 29, .74) 60%);--gradient-primary: linear-gradient(135deg, #7fb0e6 0%, #9fb5c9 100%);--mesh-1: rgba(127, 176, 230, .12);--mesh-2: rgba(159, 181, 201, .08);--mesh-3: rgba(107, 207, 159, .05);--mesh-4: rgba(70, 105, 140, .08);--shadow-md: 6px 6px 0 rgba(0, 0, 0, .32);--shadow-lg: 8px 8px 0 rgba(0, 0, 0, .36);--shadow-glow: 0 0 0 3px rgba(127, 176, 230, .24);--radius-sm: 2px;--radius-md: 2px;--radius-lg: 2px;--radius-xl: 2px;--radius-full: 2px;--code-bg: #0d1117;--code-fg: #e9eef5;--code-muted: #9fabb8;--graph-edge-glow: rgba(127, 176, 230, .95);--graph-edge-pulse: rgba(127, 176, 230, .95);--graph-edge-pulse-soft: rgba(127, 176, 230, .58);--graph-node-shadow: rgba(0, 0, 0, .45);--graph-pin-bg: transparent;--graph-pin-ring: rgba(13, 17, 23, .88);--graph-pin-shadow: rgba(0, 0, 0, .58)}[data-skin=mui][data-theme=light]{--font-sans: "Roboto", "Helvetica", "Arial", sans-serif;--font-mono: Menlo, Consolas, "Roboto Mono", "Courier New", monospace;--primary: #007fff;--primary-hover: #0072e5;--primary-soft: rgba(0, 127, 255, .1);--primary-contrast: #ffffff;--accent: #0059b2;--bg: #f3f6f9;--bg-elevated: #ffffff;--surface: #ffffff;--surface-muted: #f0f4f8;--surface-hover: #e7eef6;--border: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .23);--text-primary: #1c2025;--text-secondary: #3d4752;--text-muted: #6f7e8c;--text-inverse: #ffffff;--success: #1aa251;--success-soft: rgba(26, 162, 81, .12);--warning: #dea500;--warning-soft: rgba(222, 165, 0, .14);--danger: #d3302f;--danger-soft: rgba(211, 48, 47, .12);--info: #007fff;--info-soft: rgba(0, 127, 255, .12);--neutral: #6f7e8c;--neutral-soft: rgba(111, 126, 140, .14);--gradient-hero: radial-gradient( ellipse 80% 70% at 50% -10%, rgba(0, 127, 255, .16), transparent 60% ), linear-gradient(135deg, #e7f0fb 0%, #f3f6f9 60%);--gradient-primary: linear-gradient(135deg, #007fff 0%, #3399ff 100%);--mesh-1: rgba(0, 127, 255, .07);--mesh-2: rgba(51, 153, 255, .05);--mesh-3: rgba(26, 162, 81, .04);--mesh-4: rgba(0, 89, 178, .04);--shadow-md: 0 2px 8px rgba(31, 45, 61, .08), 0 1px 2px rgba(31, 45, 61, .06);--shadow-lg: 0 12px 30px rgba(31, 45, 61, .12), 0 4px 8px rgba(31, 45, 61, .06);--shadow-glow: 0 0 0 3px rgba(0, 127, 255, .16);--code-bg: #0a1929;--code-fg: #e7ebf0;--code-muted: #8796a5;--graph-edge-glow: rgba(0, 127, 255, .85);--graph-edge-pulse: rgba(51, 153, 255, .9);--graph-edge-pulse-soft: rgba(51, 153, 255, .5);--graph-node-shadow: rgba(31, 45, 61, .18);--graph-pin-bg: transparent;--graph-pin-ring: rgba(28, 32, 37, .85);--graph-pin-shadow: rgba(31, 45, 61, .4)}[data-skin=mui][data-theme=dark]{--font-sans: "Roboto", "Helvetica", "Arial", sans-serif;--font-mono: Menlo, Consolas, "Roboto Mono", "Courier New", monospace;--primary: #3399ff;--primary-hover: #66b2ff;--primary-soft: rgba(51, 153, 255, .16);--primary-contrast: #ffffff;--accent: #66b2ff;--bg: #000000;--bg-elevated: #0a0e15;--surface: #0b0f16;--surface-muted: #11161f;--surface-hover: #161c26;--border: rgba(194, 224, 255, .1);--border-strong: rgba(194, 224, 255, .22);--text-primary: #ffffff;--text-secondary: #b2bac2;--text-muted: #8796a5;--text-inverse: #0a1929;--success: #5bd992;--success-soft: rgba(91, 217, 146, .16);--warning: #ffc107;--warning-soft: rgba(255, 193, 7, .16);--danger: #f46a6a;--danger-soft: rgba(244, 106, 106, .16);--info: #3399ff;--info-soft: rgba(51, 153, 255, .16);--neutral: #8796a5;--neutral-soft: rgba(135, 150, 165, .18);--gradient-hero: radial-gradient( ellipse 80% 70% at 50% -10%, rgba(51, 153, 255, .18), transparent 60% ), linear-gradient(135deg, #05080d 0%, #000000 60%);--gradient-primary: linear-gradient(135deg, #3399ff 0%, #66b2ff 100%);--mesh-1: rgba(51, 153, 255, .06);--mesh-2: rgba(102, 178, 255, .05);--mesh-3: rgba(51, 153, 255, .04);--mesh-4: rgba(0, 127, 255, .05);--shadow-md: 0 4px 20px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55), 0 4px 12px rgba(0, 0, 0, .35);--shadow-glow: 0 0 0 3px rgba(51, 153, 255, .24);--code-bg: #001e3c;--code-fg: #e7ebf0;--code-muted: #b2bac2;--graph-edge-glow: rgba(51, 153, 255, .9);--graph-edge-pulse: rgba(102, 178, 255, .95);--graph-edge-pulse-soft: rgba(102, 178, 255, .55);--graph-node-shadow: rgba(0, 0, 0, .45);--graph-pin-bg: transparent;--graph-pin-ring: rgba(10, 25, 41, .88);--graph-pin-shadow: rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{background:var(--bg)}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.55;color:var(--text-primary);background:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:color var(--transition-base)}@media(prefers-color-scheme:dark){html:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(ellipse 600px 400px at 20% 40%,var(--mesh-1) 0%,transparent 70%),radial-gradient(ellipse 500px 500px at 75% 20%,var(--mesh-2) 0%,transparent 70%),radial-gradient(ellipse 400px 350px at 50% 80%,var(--mesh-3) 0%,transparent 70%),radial-gradient(ellipse 450px 300px at 85% 65%,var(--mesh-4) 0%,transparent 70%);background-size:200% 200%;animation:meshDrift 25s ease-in-out infinite alternate}}html[data-theme=dark]:after,html[data-skin=ink]:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(ellipse 600px 400px at 20% 40%,var(--mesh-1) 0%,transparent 70%),radial-gradient(ellipse 500px 500px at 75% 20%,var(--mesh-2) 0%,transparent 70%),radial-gradient(ellipse 400px 350px at 50% 80%,var(--mesh-3) 0%,transparent 70%),radial-gradient(ellipse 450px 300px at 85% 65%,var(--mesh-4) 0%,transparent 70%);background-size:200% 200%;animation:meshDrift 25s ease-in-out infinite alternate}@keyframes meshDrift{0%{background-position:0% 0%}25%{background-position:30% 20%}50%{background-position:60% 40%}75%{background-position:40% 70%}to{background-position:10% 50%}}@media(prefers-reduced-motion:reduce){html:after,html[data-theme=dark]:after,html[data-skin=ink]:after{animation:none!important}}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--weight-semibold);letter-spacing:-.01em;color:var(--text-primary)}h1{font-size:var(--text-3xl);letter-spacing:-.02em;font-weight:var(--weight-bold)}h2{font-size:var(--text-2xl);letter-spacing:-.015em}h3{font-size:var(--text-lg)}p{margin:0}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}button{font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}code,pre{font-family:var(--font-mono)}:where(button,a,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:2px solid var(--bg)}*::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--primary-soft);color:var(--text-primary)}main{min-height:calc(100vh - var(--header-height));animation:fade-in .3s ease both;position:relative;z-index:2}.container{width:100%;max-width:var(--max-content);margin:0 auto;padding:0 var(--space-6)}.container-narrow{width:100%;max-width:820px;margin:0 auto;padding:0 var(--space-6)}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.grow{flex:1}.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}.field-label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.field-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2)}.field-error{font-size:var(--text-xs);color:var(--danger);margin-top:var(--space-2)}@media(max-width:760px){.app-header{padding-inline:var(--space-4)!important}.app-header-inner{gap:var(--space-2)!important}.app-header-left{gap:var(--space-3)!important;min-width:0}.app-brand-label,.app-user-label{display:none!important}.app-brand-button{flex:0 0 auto}.nav-link{padding-inline:9px!important}.app-nav-label{display:none}}@media(max-width:420px){.app-header{padding-inline:var(--space-3)!important}.app-header-inner{gap:var(--space-1)!important}.app-header-left{gap:var(--space-2)!important}.nav-link{padding-inline:7px!important}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.94)}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 var(--pulse-color, rgba(16, 185, 129, .6))}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes blink{50%{opacity:.35}}.animate-fade-in{animation:fade-in var(--transition-slow) ease both}.animate-slide-up{animation:slide-up var(--transition-slow) cubic-bezier(.2,.8,.2,1) both}.animate-slide-down{animation:slide-down var(--transition-slow) cubic-bezier(.2,.8,.2,1) both}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin .8s linear infinite}.shimmer{background:linear-gradient(90deg,var(--surface-muted) 0%,var(--surface-hover) 50%,var(--surface-muted) 100%);background-size:200% 100%;animation:shimmer 1.6s ease-in-out infinite}.stagger{animation-delay:calc(var(--stagger, 0) * 60ms)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}