:root{--bg: #030303;--panel: rgba(255, 255, 255, .025);--panel-hover: rgba(255, 255, 255, .045);--line: rgba(255, 255, 255, .06);--ink: #f0f0f0;--muted: #8b94a7;--muted-strong: #a1aab5;--accent: #22d3ee;--accent-hover: #06b6d4;--accent-glow: rgba(34, 211, 238, .25);--accent-soft: rgba(34, 211, 238, .08);--soft: rgba(255, 255, 255, .015);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .1);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .1);--success: #10b981;--success-soft: rgba(16, 185, 129, .1);--info: #8b5cf6;--hero-glow: #151525;--title-start: #ffffff;--title-end: #a1a1aa;--toggle-bg: rgba(0, 0, 0, .3);--button-ink: #000;--card-bg: rgba(0, 0, 0, .2);--card-bg-strong: rgba(0, 0, 0, .22);--card-bg-soft: rgba(255, 255, 255, .02);--input-bg: rgba(0, 0, 0, .3);--trace-hover: rgba(255, 255, 255, .04);--node-core: #030303;--glyph-ink: #030303;--shadow-elev: 0 8px 32px rgba(0, 0, 0, .2);--shadow-glow: 0 4px 24px rgba(34, 211, 238, .15);--hover-line: rgba(255, 255, 255, .1);--canvas-border: rgba(255, 255, 255, .07);--canvas-top: rgba(255, 255, 255, .03);--canvas-bottom: rgba(255, 255, 255, .01);--signal-line: rgba(255, 255, 255, .12);--shell-stroke: rgba(255, 255, 255, .14);--chip-bg: rgba(255, 255, 255, .05);--chip-border: transparent;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--navy-accent: #0ea5e9;--rose-accent: #f43f5e;--amber-accent: #f59e0b;--emerald-accent: #10b981;--gradient-start: #1e1e3f;--gradient-end: #0d0d1a;--noise-opacity: .015}html[data-theme=light]{--bg: #f4f7fb;--panel: rgba(255, 255, 255, .78);--panel-hover: rgba(255, 255, 255, .88);--line: rgba(15, 23, 42, .08);--ink: #0f172a;--muted: #5b6474;--muted-strong: #475569;--accent: #0891b2;--accent-hover: #0e7490;--accent-glow: rgba(8, 145, 178, .2);--accent-soft: rgba(8, 145, 178, .08);--soft: rgba(15, 23, 42, .03);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .06);--warning: #d97706;--warning-soft: rgba(217, 119, 6, .06);--success: #059669;--success-soft: rgba(5, 150, 105, .06);--info: #7c3aed;--hero-glow: rgba(34, 211, 238, .12);--title-start: #0f172a;--title-end: #475569;--toggle-bg: rgba(255, 255, 255, .62);--button-ink: #03131a;--card-bg: rgba(255, 255, 255, .62);--card-bg-strong: rgba(255, 255, 255, .72);--card-bg-soft: rgba(255, 255, 255, .82);--input-bg: rgba(255, 255, 255, .88);--trace-hover: rgba(15, 23, 42, .04);--node-core: rgba(255, 255, 255, .92);--glyph-ink: #0f172a;--shadow-elev: 0 12px 40px rgba(15, 23, 42, .08);--shadow-glow: 0 4px 20px rgba(8, 145, 178, .12);--hover-line: rgba(8, 145, 178, .22);--canvas-border: rgba(15, 23, 42, .1);--canvas-top: rgba(255, 255, 255, .88);--canvas-bottom: rgba(226, 232, 240, .72);--signal-line: rgba(15, 23, 42, .14);--shell-stroke: rgba(15, 23, 42, .12);--chip-bg: rgba(15, 23, 42, .05);--chip-border: rgba(15, 23, 42, .08);--glass-bg: rgba(255, 255, 255, .5);--glass-border: rgba(15, 23, 42, .1);--navy-accent: #0284c7;--rose-accent: #e11d48;--amber-accent: #d97706;--emerald-accent: #059669;--gradient-start: #f1f5f9;--gradient-end: #e2e8f0;--noise-opacity: .02}html[data-theme=system]{--bg: #030303;--panel: rgba(255, 255, 255, .02);--panel-hover: rgba(255, 255, 255, .04);--line: rgba(255, 255, 255, .06);--ink: #f0f0f0;--muted: #888888;--muted-strong: #a1aab5;--accent: #22d3ee;--accent-hover: #06b6d4;--accent-glow: rgba(34, 211, 238, .25);--accent-soft: rgba(34, 211, 238, .08);--soft: rgba(255, 255, 255, .015);--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .1);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .1);--success: #10b981;--success-soft: rgba(16, 185, 129, .1);--info: #8b5cf6;--hero-glow: #151525;--title-start: #ffffff;--title-end: #a1a1aa;--toggle-bg: rgba(0, 0, 0, .3);--button-ink: #000;--card-bg: rgba(0, 0, 0, .2);--card-bg-strong: rgba(0, 0, 0, .22);--card-bg-soft: rgba(255, 255, 255, .02);--input-bg: rgba(0, 0, 0, .3);--trace-hover: rgba(255, 255, 255, .04);--node-core: #030303;--glyph-ink: #030303;--shadow-elev: 0 8px 32px rgba(0, 0, 0, .2);--shadow-glow: 0 4px 24px rgba(34, 211, 238, .15);--hover-line: rgba(255, 255, 255, .1);--canvas-border: rgba(255, 255, 255, .07);--canvas-top: rgba(255, 255, 255, .03);--canvas-bottom: rgba(255, 255, 255, .01);--signal-line: rgba(255, 255, 255, .12);--shell-stroke: rgba(255, 255, 255, .14);--chip-bg: rgba(255, 255, 255, .05);--chip-border: transparent;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--navy-accent: #0ea5e9;--rose-accent: #f43f5e;--amber-accent: #f59e0b;--emerald-accent: #10b981;--gradient-start: #1e1e3f;--gradient-end: #0d0d1a;--noise-opacity: .015}@media(prefers-color-scheme:light){html[data-theme=system]{--bg: #f4f7fb;--panel: rgba(255, 255, 255, .78);--panel-hover: rgba(255, 255, 255, .88);--line: rgba(15, 23, 42, .08);--ink: #0f172a;--muted: #5b6474;--muted-strong: #475569;--accent: #0891b2;--accent-hover: #0e7490;--accent-glow: rgba(8, 145, 178, .2);--accent-soft: rgba(8, 145, 178, .08);--soft: rgba(15, 23, 42, .03);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .06);--warning: #d97706;--warning-soft: rgba(217, 119, 6, .06);--success: #059669;--success-soft: rgba(5, 150, 105, .06);--info: #7c3aed;--hero-glow: rgba(34, 211, 238, .12);--title-start: #0f172a;--title-end: #475569;--toggle-bg: rgba(255, 255, 255, .62);--button-ink: #03131a;--card-bg: rgba(255, 255, 255, .62);--card-bg-strong: rgba(255, 255, 255, .72);--card-bg-soft: rgba(255, 255, 255, .82);--input-bg: rgba(255, 255, 255, .88);--trace-hover: rgba(15, 23, 42, .04);--node-core: rgba(255, 255, 255, .92);--glyph-ink: #0f172a;--shadow-elev: 0 12px 40px rgba(15, 23, 42, .08);--shadow-glow: 0 4px 20px rgba(8, 145, 178, .12);--hover-line: rgba(8, 145, 178, .22);--canvas-border: rgba(15, 23, 42, .1);--canvas-top: rgba(255, 255, 255, .88);--canvas-bottom: rgba(226, 232, 240, .72);--signal-line: rgba(15, 23, 42, .14);--shell-stroke: rgba(15, 23, 42, .12);--chip-bg: rgba(15, 23, 42, .05);--chip-border: rgba(15, 23, 42, .08);--glass-bg: rgba(255, 255, 255, .5);--glass-border: rgba(15, 23, 42, .1);--navy-accent: #0284c7;--rose-accent: #e11d48;--amber-accent: #d97706;--emerald-accent: #059669;--gradient-start: #f1f5f9;--gradient-end: #e2e8f0;--noise-opacity: .02}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{margin:0;font-family:Outfit,system-ui,sans-serif;background-color:var(--bg);background-image:radial-gradient(circle at 50% -20%,var(--hero-glow) 0%,transparent 60%),linear-gradient(180deg,var(--gradient-start),var(--gradient-end));background-attachment:fixed;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:var(--noise-opacity);z-index:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--surface-0: var(--input-bg);--surface-1: var(--panel);--surface-2: var(--soft);--border: var(--line);--text-1: var(--ink);--text-2: var(--muted);--text-3: var(--muted-strong);--accent: var(--accent-color, #22d3ee);--accent-glow: color-mix(in srgb, var(--accent) 35%, transparent);--accent-subtle: color-mix(in srgb, var(--accent) 12%, transparent);--success: #22c55e;--success-glow: color-mix(in srgb, var(--success) 35%, transparent);--success-subtle: color-mix(in srgb, var(--success) 12%, transparent);--danger: #ef4444;--danger-glow: color-mix(in srgb, var(--danger) 35%, transparent);--danger-subtle: color-mix(in srgb, var(--danger) 12%, transparent);--warning: #f59e0b;--warning-glow: color-mix(in srgb, var(--warning) 35%, transparent);--warning-subtle: color-mix(in srgb, var(--warning) 12%, transparent);--glass-bg: color-mix(in srgb, var(--surface-1) 70%, transparent);--glass-border: color-mix(in srgb, var(--border) 60%, transparent);--glass-blur: blur(16px);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--shadow-glow: 0 0 24px var(--accent-glow);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-spring: .3s cubic-bezier(.16, 1, .3, 1);--transition-slow: .5s cubic-bezier(.16, 1, .3, 1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--button-accent-text: #000;--button-danger-text: #fff}html[data-theme=system]{--text-2: #9ba3af;--text-3: #6b7280;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}body{color:var(--ink);font-family:Outfit,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,button,input,select,textarea{font:inherit}::selection{background:var(--accent-subtle);color:var(--text-1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-0)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.toggle-group[data-v-0e3b4fce]{display:inline-flex;gap:4px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--toggle-bg)}.toggle-btn[data-v-0e3b4fce]{background:transparent;color:var(--muted);border:0;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .2s;font-family:inherit}.toggle-btn[data-v-0e3b4fce]:hover{color:var(--ink, var(--text))}.toggle-btn.active[data-v-0e3b4fce]{background:var(--ink, var(--text));color:var(--bg)}.toggle-group[data-v-cedab129]{display:inline-flex;gap:4px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--toggle-bg)}.toggle-btn[data-v-cedab129]{background:transparent;color:var(--muted);border:0;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .2s;font-family:inherit}.toggle-btn[data-v-cedab129]:hover{color:var(--ink, var(--text))}.toggle-btn.active[data-v-cedab129]{background:var(--ink, var(--text));color:var(--bg)}.toggle-group[data-v-9b5950eb]{display:inline-flex;gap:4px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--toggle-bg)}.toggle-btn[data-v-9b5950eb]{background:transparent;color:var(--muted);border:0;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;letter-spacing:.05em;cursor:pointer;transition:all .2s;font-family:inherit}.toggle-btn[data-v-9b5950eb]:hover{color:var(--ink, var(--text))}.toggle-btn.active[data-v-9b5950eb]{background:var(--ink, var(--text));color:var(--bg)}.app-shell[data-v-1b36fe3d]{position:relative;z-index:1;min-height:100vh}