:root{--bg:#030508;--bg-elevated:#060a12;--bg-soft:#0b1020;--surface:rgba(10,15,28,0.88);--surface-strong:#0a0f1e;--surface-muted:rgba(12,18,34,0.80);--glass-bg:rgba(10,14,28,0.85);--glass-border:rgba(255,255,255,0.07);--glass-border-strong:rgba(255,255,255,0.11);--glass-blur:blur(28px) saturate(160%);--text:#eef2ff;--text-muted:#a8b8d4;--text-soft:#5a6b82;--border:rgba(255,255,255,0.07);--border-strong:rgba(255,255,255,0.11);--bg-hover:rgba(255,255,255,0.04);--bg-active:rgba(255,255,255,0.07);--scrim:rgba(2,6,23,0.68);--rail-edge-color:rgba(255,255,255,0.06);--primary:#3b82f6;--primary-strong:#2563eb;--primary-soft:rgba(59,130,246,0.10);--primary-glow:rgba(59,130,246,0.28);--indigo:#6366f1;--indigo-soft:rgba(99,102,241,0.10);--indigo-glow:rgba(99,102,241,0.25);--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 3px rgba(0,0,0,0.5),0 4px 16px rgba(0,0,0,0.25);--shadow-md:0 4px 24px rgba(0,0,0,0.55),0 1px 4px rgba(0,0,0,0.35);--shadow-lg:0 8px 40px rgba(0,0,0,0.65),0 2px 8px rgba(0,0,0,0.45);--motion-fast:140ms;--motion-mid:200ms;--motion-ease:cubic-bezier(0.16,1,0.3,1)}[data-theme=light]{--bg:#f8f9fb;--bg-elevated:#ffffff;--bg-soft:#f1f3f7;--surface:#ffffff;--surface-strong:#ffffff;--surface-muted:#f8f9fb;--glass-bg:rgba(255,255,255,0.85);--glass-border:rgba(15,17,26,0.06);--glass-border-strong:rgba(15,17,26,0.10);--glass-blur:blur(14px) saturate(140%);--text:#0b0d14;--text-muted:#4b5160;--text-soft:#6b7280;--border:#e5e7eb;--border-strong:#d1d5db;--bg-hover:rgba(15,17,26,0.04);--bg-active:rgba(15,17,26,0.07);--scrim:rgba(15,17,26,0.32);--rail-edge-color:rgba(15,17,26,0.05);--primary-soft:rgba(59,130,246,0.08);--primary-glow:rgba(59,130,246,0.18);--indigo-soft:rgba(99,102,241,0.08);--indigo-glow:rgba(99,102,241,0.18);--shadow-sm:0 1px 2px rgba(15,17,26,0.04);--shadow-md:0 4px 14px rgba(15,17,26,0.06),0 1px 3px rgba(15,17,26,0.04);--shadow-lg:0 16px 40px rgba(15,17,26,0.08),0 2px 6px rgba(15,17,26,0.04)}[data-theme=light] body{background:radial-gradient(ellipse 90% 55% at 50% -15%,rgba(59,130,246,.05),transparent),radial-gradient(ellipse 55% 40% at 82% 8%,rgba(99,102,241,.04),transparent),var(--bg);background-size:100% 100%,100% 100%,100% 100%;color:var(--text)}html{transition:background-color var(--motion-mid) var(--motion-ease),color var(--motion-mid) var(--motion-ease)}body,html{max-width:100vw;overflow-x:hidden}*{box-sizing:border-box}a{color:inherit}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.35}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}body{margin:0;background:radial-gradient(ellipse 90% 55% at 50% -15%,rgba(59,130,246,.09),transparent),radial-gradient(ellipse 55% 40% at 82% 8%,rgba(99,102,241,.07),transparent),radial-gradient(ellipse 45% 35% at 12% 85%,rgba(59,130,246,.04),transparent),linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),var(--bg);background-size:100% 100%,100% 100%,100% 100%,52px 52px,52px 52px;color:var(--text);font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:14px;line-height:1.5}.app-shell{display:flex;min-height:100vh;background:transparent}.sidebar{width:258px;background:var(--surface-strong);-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%);color:var(--text-muted);padding:20px 14px;border-right:1px solid var(--border)}[data-theme=light] .sidebar{background:var(--bg-elevated);box-shadow:1px 0 0 var(--border)}.sidebar-title{margin:0 0 18px}.sidebar-logo{width:144px;height:auto}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.nav-item{padding:8px 10px;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:13px;font-weight:500;border:1px solid transparent;transition:background var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{background:var(--primary-soft);color:var(--text);border-color:var(--glass-border-strong)}[data-theme=light] .nav-item.active{color:var(--primary-strong);background:var(--primary-soft);border-color:rgba(37,99,235,.18);font-weight:600}.content-shell{flex:1 1;display:flex;flex-direction:column}.top-header{background:var(--glass-bg);border-bottom:1px solid var(--border);padding:14px 24px;font-weight:600;color:var(--text);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);position:sticky;top:0;z-index:50}[data-theme=light] .top-header{background:rgba(255,255,255,.92);box-shadow:0 1px 0 var(--border)}.immersive-main,.main-content{padding:24px}.marketing-main{min-height:100vh}.panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:box-shadow var(--motion-mid) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.panel:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}[data-theme=light] .panel{background:var(--bg-elevated);border-color:var(--border);box-shadow:var(--shadow-md)}[data-theme=light] .panel:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg)}.form-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px;margin-bottom:14px;max-width:480px}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;background:var(--bg-elevated);color:var(--text);font-size:14px;outline:none;transition:border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{border-color:var(--border-strong);background:#ffffff}input::placeholder,textarea::placeholder{color:var(--text-soft)}input:focus,select:focus,textarea:focus{border-color:rgba(59,130,246,.5);box-shadow:0 0 0 3px rgba(59,130,246,.12)}button{border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 16px;background:var(--primary);color:#ffffff;cursor:pointer;font-weight:600;font-size:13px;letter-spacing:.01em;transition:opacity var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}button:hover{opacity:.88;box-shadow:0 0 0 3px rgba(59,130,246,.2)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.32;cursor:not-allowed;transform:none;box-shadow:none}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.output{color:var(--success)}.error{color:#fda4af}.log-list{margin-top:12px;padding-left:18px}@media (max-width:1000px){.app-shell{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);padding:12px}.sidebar-nav{flex-direction:row;flex-wrap:wrap;gap:4px}}@media (min-width:1920px){.immersive-main,.main-content{max-width:1600px;margin-left:auto;margin-right:auto}}@media (max-width:760px){.immersive-main,.main-content{padding:14px}}[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}[data-reveal].revealed{opacity:1;transform:none}[data-stagger]>[data-reveal]:first-child{transition-delay:0s}[data-stagger]>[data-reveal]:nth-child(2){transition-delay:80ms}[data-stagger]>[data-reveal]:nth-child(3){transition-delay:.16s}[data-stagger]>[data-reveal]:nth-child(4){transition-delay:.24s}[data-stagger]>[data-reveal]:nth-child(5){transition-delay:.32s}[data-delay="1"]{transition-delay:80ms!important}[data-delay="2"]{transition-delay:.16s!important}[data-delay="3"]{transition-delay:.24s!important}[data-delay="4"]{transition-delay:.32s!important}body.demo-mode .sidebar,body.demo-mode .top-header{display:none}body.demo-mode .immersive-main,body.demo-mode .main-content{padding:24px;max-width:1280px;margin:0 auto;width:100%}