:root{--brand: oklch(.68 .21 295);--brand-2: oklch(.62 .2 285);--brand-3: oklch(.78 .16 195);--brand-grad: linear-gradient(135deg, oklch(.68 .21 295) 0%, oklch(.78 .16 195) 100%);--brand-grad-text: linear-gradient(100deg, oklch(.78 .16 200) 0%, oklch(.74 .22 295) 50%, oklch(.7 .2 320) 100%);--accent: var(--brand);--accent-soft: oklch(.68 .21 295 / .13);--accent-line: oklch(.68 .21 295 / .35);--cyan-soft: oklch(.78 .16 195 / .14);--cyan-line: oklch(.78 .16 195 / .4);--bg: oklch(.13 .025 270);--bg-window: oklch(.15 .025 270);--surface: oklch(.18 .028 270);--surface-2: oklch(.21 .03 270);--surface-3: oklch(.25 .03 270);--border: oklch(.28 .025 270);--border-strong: oklch(.38 .03 270);--border-glow: oklch(.68 .21 295 / .35);--ink: oklch(.97 .005 270);--ink-2: oklch(.85 .015 270);--muted: oklch(.65 .025 270);--faint: oklch(.5 .025 270);--agent-tu: oklch(.72 .18 295);--agent-pr: oklch(.74 .16 60);--agent-cr: oklch(.78 .16 195);--agent-as: oklch(.72 .18 145);--agent-re: oklch(.74 .17 220);--agent-an: oklch(.74 .18 25);--agent-ce: oklch(.78 .16 85);--good: oklch(.78 .16 155);--warn: oklch(.78 .16 75);--bad: oklch(.7 .2 25);--row: 8px;--pad: 18px;--radius: 8px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 0 oklch(0 0 0 / .25), 0 1px 2px oklch(0 0 0 / .25);--shadow-md: 0 6px 20px oklch(0 0 0 / .35);--shadow-glow: 0 0 0 1px oklch(.68 .21 295 / .18), 0 8px 40px oklch(.68 .21 295 / .18);--font-display: "Inter Display", "Inter", ui-sans-serif, system-ui, sans-serif;--font-body: "Inter", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:dark}[data-light="1"]{--bg: oklch(.985 .005 270);--bg-window: oklch(.97 .008 270);--surface: oklch(.95 .01 270);--surface-2: oklch(.92 .012 270);--surface-3: oklch(.88 .014 270);--border: oklch(.88 .012 270);--border-strong: oklch(.78 .015 270);--ink: oklch(.18 .02 270);--ink-2: oklch(.32 .02 270);--muted: oklch(.5 .02 270);--faint: oklch(.7 .015 270);--shadow-glow: 0 0 0 1px oklch(.55 .18 295 / .18), 0 8px 30px oklch(.55 .18 295 / .12);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 800px at 10% -10%,oklch(.68 .21 295 / .1),transparent 60%),radial-gradient(1000px 700px at 110% 0%,oklch(.78 .16 195 / .08),transparent 60%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11" 1,"ss01" 1}html{scroll-behavior:smooth}[data-light="1"] body{background:radial-gradient(1200px 800px at 10% -10%,oklch(.65 .18 295 / .1),transparent 60%),radial-gradient(1000px 700px at 110% 0%,oklch(.7 .15 195 / .08),transparent 60%),var(--bg);background-attachment:fixed}[data-density=compact]{--row: 6px;--pad: 14px}[data-density=comfy]{--row: 10px;--pad: 22px}.display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600}.mono{font-family:var(--font-mono)}.cap{text-transform:uppercase;letter-spacing:.1em;font-size:10.5px;font-weight:600;color:var(--muted)}.tiny{font-size:11px;letter-spacing:.02em}.gradient-text{background:var(--brand-grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hr{height:1px;background:var(--border);border:0}.scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.scroll::-webkit-scrollbar{width:10px;height:10px}.scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid transparent;background-clip:content-box}.scroll::-webkit-scrollbar-track{background:transparent}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}.viz-placeholder{position:relative;overflow:hidden;background:radial-gradient(80% 100% at 50% 40%,oklch(.68 .21 295 / .2),transparent 65%),radial-gradient(60% 80% at 80% 80%,oklch(.78 .16 195 / .15),transparent 70%),var(--surface);border-radius:var(--radius)}.viz-placeholder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,oklch(1 0 0 / .05) 1px,transparent 1px),radial-gradient(circle,oklch(1 0 0 / .04) 1px,transparent 1px);background-size:24px 24px,24px 24px;background-position:0 0,12px 12px;opacity:.6}@keyframes lpulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes confirmIconPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.modal-close{transition:color var(--dur-fast) var(--ease-smooth),background var(--dur-fast) var(--ease-smooth),transform var(--dur-normal) var(--ease-spring);border-radius:8px}.modal-close:hover{color:var(--ink);background:var(--surface-2);transform:rotate(90deg)}.confirm-danger-btn:hover{filter:brightness(1.12);box-shadow:0 6px 22px #e2494773}@keyframes ldot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes lspin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes lshimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes lfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes lfloat-b{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes lbeam{0%,to{opacity:.72;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.08)}}@keyframes ltwinkle{0%,to{opacity:.18}50%{opacity:.9}}@keyframes lmarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ldash{to{stroke-dashoffset:-16}}@keyframes lrise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.lp-marquee-track{animation:lmarquee 34s linear infinite}.lp-marquee:hover .lp-marquee-track{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.lp-marquee-track,[class*=lp-anim]{animation:none!important}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.ui-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.ui-btn:active{transform:translateY(0) scale(.97);transition-duration:90ms}.ui-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:none}.ui-btn-ghost:hover{background:var(--surface-2)!important;color:var(--ink)!important}.ui-btn-outline:hover{background:var(--surface)!important;border-color:var(--border-strong)!important}.ui-btn-soft:hover{background:var(--surface-3)!important}.ui-btn-danger:hover{background:#ff625e1f!important;background:oklch(.7 .2 25 / .12)!important}.hover-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)!important;border-color:var(--border-strong)!important}.hover-card:active{transform:translateY(-1px) scale(.995);transition-duration:var(--dur-fast)}a{transition:color var(--dur-fast) var(--ease-smooth)}input,textarea,select{transition:border-color var(--dur-normal) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth),background var(--dur-normal)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-soft)}:where(button,a,[role=button],[tabindex]):focus-visible{outline:2px solid var(--accent-line);outline-offset:2px;border-radius:var(--radius)}.page-enter{animation:pageEnter var(--dur-slow) var(--ease-out) both}@keyframes pageEnter{0%{opacity:0;transform:translateY(12px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.stagger>*{animation:riseIn var(--dur-slow) var(--ease-out) both}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:40ms}.stagger>*:nth-child(3){animation-delay:80ms}.stagger>*:nth-child(4){animation-delay:.12s}.stagger>*:nth-child(5){animation-delay:.16s}.stagger>*:nth-child(6){animation-delay:.2s}.stagger>*:nth-child(7){animation-delay:.24s}.stagger>*:nth-child(8){animation-delay:.28s}.stagger>*:nth-child(9){animation-delay:.32s}.stagger>*:nth-child(10){animation-delay:.36s}.hover-lift{transition:transform var(--dur-normal) var(--ease-out),box-shadow var(--dur-normal) var(--ease-out)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hover-lift:active{transform:translateY(0) scale(.98);transition-duration:var(--dur-fast)}.hover-glow{transition:border-color var(--dur-normal) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth)}.hover-glow:hover{border-color:var(--accent-line)!important;box-shadow:0 0 0 1px var(--accent-line),0 4px 20px #a37aff1a;box-shadow:0 0 0 1px var(--accent-line),0 4px 20px oklch(.68 .21 295 / .1)}.hover-underline{position:relative}.hover-underline:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1.5px;background:var(--brand);border-radius:999px;transition:width var(--dur-normal) var(--ease-out)}.hover-underline:hover:after{width:100%}.tap-scale{transition:transform var(--dur-fast) var(--ease-smooth)}.tap-scale:active{transform:scale(.96)}.fade-in{animation:fadeIn var(--dur-slow) var(--ease-out) both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-normal: .25s;--dur-slow: .4s}.nav-item:hover{background:var(--surface-2)!important;color:var(--ink)!important;transform:translate(2px)}.nav-item:active{transform:translate(0) scale(.98)!important;transition-duration:var(--dur-fast)!important}.nav-item-active:hover{background:var(--accent-soft)!important;color:#c8b7ff!important;color:oklch(.82 .18 295)!important}.sidebar-logo:hover{transform:rotate(-5deg) scale(1.05);box-shadow:0 0 0 2px #a37aff80,0 0 24px #a37aff80;box-shadow:0 0 0 2px oklch(.68 .21 295 / .5),0 0 24px oklch(.68 .21 295 / .5)}.sidebar-plan-card:hover{border-color:#a37aff80!important;border-color:oklch(.68 .21 295 / .5)!important;box-shadow:0 0 0 1px #a37aff4d,0 8px 30px #a37aff1f;box-shadow:0 0 0 1px oklch(.68 .21 295 / .3),0 8px 30px oklch(.68 .21 295 / .12)}.topbar-search:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 2px var(--accent-soft)}.topbar-user:hover{border-color:var(--accent-line)!important;box-shadow:0 0 0 1px var(--accent-soft)}@keyframes labelFadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){html,body{max-width:100%;overflow-x:hidden}.stagger{grid-template-columns:1fr!important}[style*=grid-template-columns]:not(.keep-grid){grid-template-columns:1fr!important}header>*{max-width:100%!important}[style*="display: flex"]:not(.no-wrap){flex-wrap:wrap}pre,table{max-width:100%;overflow-x:auto}img,iframe,video,canvas{max-width:100%}button,.ui-btn,a[role=button]{min-height:34px}}.sidebar-home:hover{background:var(--surface-2)!important}.sidebar-home:hover .sidebar-logo{transform:rotate(-5deg) scale(1.05)}.sidebar-home:focus-visible{outline:2px solid var(--accent-line);outline-offset:-2px}:where(button,[role=button],summary){transition:background var(--dur-fast) var(--ease-smooth),border-color var(--dur-fast) var(--ease-smooth),color var(--dur-fast) var(--ease-smooth),filter var(--dur-fast) var(--ease-smooth),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-smooth)}:where(button,[role=button]):not(:disabled):not([aria-disabled=true]):hover{filter:brightness(1.12)}:where(button,[role=button]):not(:disabled):not([aria-disabled=true]):active{transform:scale(.975);transition-duration:90ms}:where(button,[role=button]):disabled,:where(button,[role=button])[aria-disabled=true]{cursor:not-allowed;filter:none;transform:none}.list-row{transition:background var(--dur-fast) var(--ease-smooth),border-color var(--dur-fast) var(--ease-smooth)}.list-row:hover{background:var(--surface-2)}.list-row:hover .row-reveal{opacity:1;transform:translate(0)}.row-reveal{opacity:0;transform:translate(-4px);transition:opacity var(--dur-fast) var(--ease-smooth),transform var(--dur-fast) var(--ease-out)}.option{transition:background var(--dur-fast) var(--ease-smooth),border-color var(--dur-fast) var(--ease-smooth),transform var(--dur-fast) var(--ease-out)}.option:hover{border-color:var(--border-strong);background:var(--surface-2)}.option:active{transform:scale(.995)}.drop-zone[data-over="1"]{border-color:var(--brand)!important;background:var(--accent-soft)!important}.tile{transition:transform var(--dur-normal) var(--ease-out),box-shadow var(--dur-normal) var(--ease-out),border-color var(--dur-normal) var(--ease-smooth)}.tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.tile:active{transform:translateY(0) scale(.995);transition-duration:var(--dur-fast)}.stagger>*:nth-child(n+11){animation-delay:.38s}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-2) 37%,var(--surface) 63%);background-size:400% 100%;animation:lshimmer 1.4s ease-in-out infinite;border-radius:8px}.value-shift{transition:color var(--dur-normal) var(--ease-smooth)}:where(a,button,[role=button],[tabindex]):focus-visible{outline:2px solid var(--accent-line);outline-offset:2px;border-radius:6px}
