:root{--bg-primary:#000000;--bg-secondary:#0a0a0b;--bg-tertiary:#111113;--bg-elevated:#18181b;--bg-hover:#1f1f23;--bg-active:#27272a;--border-subtle:rgba(255,255,255,0.06);--border-default:rgba(255,255,255,0.1);--border-strong:rgba(255,255,255,0.15);--border-focus:#3b82f6;--accent-primary:#3b82f6;--accent-primary-hover:#2563eb;--accent-primary-muted:rgba(59,130,246,0.15);--accent-secondary:#8b5cf6;--accent-success:#22c55e;--accent-warning:#f59e0b;--accent-error:#ef4444;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-muted:#52525b;--background:0 0% 4%;--foreground:0 0% 98%;--card:0 0% 7%;--card-foreground:0 0% 98%;--primary:217 91% 60%;--primary-foreground:0 0% 100%;--muted:0 0% 15%;--muted-foreground:0 0% 64%;--border:0 0% 15%;--ring:217 91% 60%;--radius:8px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","SF Mono","Fira Code",monospace;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--shadow-sm:0 1px 2px rgba(0,0,0,0.4);--shadow-md:0 4px 12px rgba(0,0,0,0.5);--shadow-lg:0 8px 24px rgba(0,0,0,0.6);--shadow-xl:0 16px 48px rgba(0,0,0,0.7)}*,:after,:before{margin:0;padding:0;box-sizing:border-box;border:0}html{scroll-behavior:smooth}body,html{background:#000!important;background-color:#000!important;overflow-x:hidden}body{color:var(--text-primary);font-family:var(--font-sans);font-weight:400;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0!important;padding:0!important;width:100%;max-width:100vw}#__next,:root,body,html,main{background:#000!important;background-color:#000!important}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-primary);letter-spacing:-.02em;line-height:1.3}h1{font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--text-secondary);line-height:1.7}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-primary-hover)}code,pre{font-family:var(--font-mono);font-size:.875em}code{background:var(--bg-tertiary);padding:.2em .4em;border-radius:4px;color:var(--text-primary)}pre{background:var(--bg-secondary);padding:16px;border-radius:8px;overflow-x:auto;border:1px solid var(--border-subtle)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-active)}*{scrollbar-width:thin;scrollbar-color:var(--bg-hover) transparent}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}::selection{background:var(--accent-primary-muted);color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-primary{background:var(--accent-primary);color:white;border-color:var(--accent-primary)}.btn-primary:hover{background:var(--accent-primary-hover);border-color:var(--accent-primary-hover)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--bg-tertiary)}.btn-ghost:hover,.input{color:var(--text-primary)}.input{width:100%;padding:10px 14px;font-family:var(--font-sans);font-size:14px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;transition:all var(--transition-fast)}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:var(--border-strong)}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-muted)}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:20px;transition:all var(--transition-fast)}.card:hover{border-color:var(--border-default)}.card-elevated{background:var(--bg-tertiary);box-shadow:var(--shadow-md)}:root{--conflux-card-bg:linear-gradient(160deg,rgba(255,255,255,0.08),rgba(255,255,255,0.03) 48%,rgba(12,16,30,0.42));--conflux-card-border:rgba(255,255,255,0.16);--conflux-card-border-hover:rgba(148,197,255,0.45);--conflux-card-shadow:0 14px 34px rgba(0,0,0,0.30),0 1px 0 rgba(255,255,255,0.05) inset;--conflux-card-shadow-hover:0 20px 56px rgba(0,0,0,0.42),0 1px 0 rgba(255,255,255,0.08) inset;--conflux-card-radius:16px}.action-card,.app-card,.automation-card,.conflux-card,.connector-card,.dash-card,.file-panel,.module,.panel,.qc-card,.recipe-card,.session-card,.version-item{background:var(--conflux-card-bg)!important;border:1px solid var(--conflux-card-border)!important;border-radius:var(--conflux-card-radius)!important;box-shadow:var(--conflux-card-shadow)!important;backdrop-filter:blur(12px) saturate(120%)!important;-webkit-backdrop-filter:blur(12px) saturate(120%)!important;position:relative!important;overflow:hidden!important;isolation:isolate!important;transition:border-color .18s ease,box-shadow .22s ease,transform .18s ease,background .18s ease!important}.action-card:before,.app-card:before,.automation-card:before,.conflux-card:before,.connector-card:before,.dash-card:before,.file-panel:before,.module:before,.panel:before,.qc-card:before,.recipe-card:before,.session-card:before,.version-item:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.02) 42%,rgba(255,255,255,0));opacity:.72}.action-card:after,.app-card:after,.automation-card:after,.conflux-card:after,.connector-card:after,.dash-card:after,.file-panel:after,.module:after,.panel:after,.qc-card:after,.recipe-card:after,.session-card:after,.version-item:after{content:"";position:absolute;width:180px;height:180px;right:-72px;top:-72px;border-radius:999px;pointer-events:none;z-index:-1;background:radial-gradient(circle,rgba(125,211,252,.2),rgba(59,130,246,.08) 46%,rgba(0,0,0,0) 70%);opacity:.72;transition:opacity .22s ease,transform .22s ease}.action-card:hover,.app-card:hover,.automation-card:hover,.conflux-card:hover,.connector-card:hover,.dash-card:hover,.file-panel:hover,.module:hover,.panel:hover,.qc-card:hover,.recipe-card:hover,.session-card:hover,.version-item:hover{border-color:var(--conflux-card-border-hover)!important;box-shadow:var(--conflux-card-shadow-hover)!important;transform:translateY(-3px) scale(1.002)!important}.action-card:hover:after,.app-card:hover:after,.automation-card:hover:after,.conflux-card:hover:after,.connector-card:hover:after,.dash-card:hover:after,.file-panel:hover:after,.module:hover:after,.panel:hover:after,.qc-card:hover:after,.recipe-card:hover:after,.session-card:hover:after,.version-item:hover:after{opacity:1;transform:translate(-6px,6px)}.status-pill,.tag{border-radius:999px;border:1px solid rgba(255,255,255,.24);background:linear-gradient(150deg,rgba(255,255,255,.12),rgba(255,255,255,.04));color:rgba(255,255,255,.94);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.file-panel-btn,.specialize-btn{border-radius:11px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(150deg,rgba(255,255,255,.14),rgba(255,255,255,.06));color:rgba(255,255,255,.92);box-shadow:0 6px 16px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);transition:background .14s ease,border-color .14s ease,transform .12s ease,box-shadow .16s ease}.file-panel-btn:hover,.specialize-btn:hover{background:linear-gradient(150deg,rgba(255,255,255,.2),rgba(255,255,255,.08));border-color:rgba(191,219,254,.52);transform:translateY(-1px) scale(1.01);box-shadow:0 10px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12)}.badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;border-radius:6px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle)}.badge-primary{background:var(--accent-primary-muted);color:var(--accent-primary);border-color:rgba(59,130,246,.3)}.badge-success{background:rgba(34,197,94,.15);color:var(--accent-success);border-color:rgba(34,197,94,.3)}.badge-warning{background:rgba(245,158,11,.15);color:var(--accent-warning);border-color:rgba(245,158,11,.3)}.badge-error{background:rgba(239,68,68,.15);color:var(--accent-error);border-color:rgba(239,68,68,.3)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 0,var(--bg-hover) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:6px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.divider{height:1px;background:var(--border-subtle);margin:16px 0}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--accent-success)}.text-warning{color:var(--accent-warning)}.text-error{color:var(--accent-error)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-tertiary{background:var(--bg-tertiary)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-in{animation:fade-in .2s ease-out forwards}.animate-fade-in-up{animation:fade-in-up .4s ease-out forwards}.animate-slide-up{animation:slide-up .3s ease-out forwards}.animate-slide-down{animation:slide-down .3s ease-out forwards}.animate-slide-in-right{animation:slide-in-right .3s ease-out forwards}.animate-scale-in{animation:scale-in .2s ease-out forwards}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-soft{animation:pulse-soft 2s ease-in-out infinite}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.stagger-children>:nth-child(7){animation-delay:.3s}.stagger-children>:nth-child(8){animation-delay:.35s}.stagger-children>:nth-child(9){animation-delay:.4s}.stagger-children>:nth-child(10){animation-delay:.45s}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.02)}.divider-gradient{height:1px;background:linear-gradient(90deg,transparent,var(--border-default),transparent)}.message-user{background:var(--accent-primary-muted);border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:16px}.message-assistant{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;padding:16px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.skip-link{position:absolute;top:-9999px;left:-9999px;z-index:10000;padding:12px 24px;background:var(--accent-primary);color:white;font-weight:500;text-decoration:none;border-radius:8px;opacity:0;pointer-events:none}.skip-link:focus{top:16px;left:16px;opacity:1;pointer-events:auto}.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}@supports (padding-top:env(safe-area-inset-top)){.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-all{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}.glass{background:rgba(17,17,19,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle)}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.mobile-hidden{display:none!important}.mobile-full{width:100%!important}}@media (max-width:480px){h1{font-size:1.75rem}h2{font-size:1.375rem}}[role=button],a,button,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a,button{position:relative;z-index:1}body *{pointer-events:auto}.sidebar-overlay:not(.open){pointer-events:none!important}