:root{--bg-0:#06070d;--bg-1:#0a0c16;--bg-2:#0f1220;--panel:#ffffff06;--panel-2:#ffffff0a;--panel-3:#ffffff0f;--border:#ffffff12;--border-2:#ffffff1f;--border-glow:#78c8ff59;--text-0:#f4f6fb;--text-1:#c8cce0;--text-2:#8b91ad;--text-3:#5d6380;--text-4:#3d4258;--cyan:#5cd6ff;--cyan-soft:#5cd6ff80;--cyan-glow:#5cd6ff2e;--cyan-faint:color-mix(in srgb, var(--cyan) 6%, transparent);--cyan-subtle:color-mix(in srgb, var(--cyan) 10%, transparent);--cyan-dim:color-mix(in srgb, var(--cyan) 35%, transparent);--violet:#b48cff;--violet-soft:#b48cff80;--violet-glow:#b48cff2e;--violet-faint:color-mix(in srgb, var(--violet) 6%, transparent);--violet-subtle:color-mix(in srgb, var(--violet) 10%, transparent);--violet-dim:color-mix(in srgb, var(--violet) 35%, transparent);--amber:#ffc266;--amber-soft:#ffc26680;--amber-glow:#ffc2662e;--green:#6ee7a8;--green-soft:#6ee7a880;--green-glow:#6ee7a82e;--rose:#ff7a9c;--rose-soft:#ff7a9c80;--rose-glow:#ff7a9c2e;--code-accent:#9ad0ff;--code-accent-faint:#9ad0ff14;--syntax-keyword:#c792ea;--syntax-string:#a5d6a4;--syntax-comment:#6b7a8d;--syntax-number:#f7c873;--sidebar-bg:linear-gradient(180deg, #0a0c16e0, #080a14b8);--header-bg:#0a0c166b;--chrome-bg:#141828e6;--popup-bg:color-mix(in srgb, var(--bg-0) 96%, transparent);--overlay-bg:color-mix(in srgb, var(--bg-0) 88%, transparent);--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--font-sans:"Geist", "Inter", system-ui, sans-serif;--font-mono:"Geist Mono", "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-1);background:var(--bg-0);letter-spacing:.005em;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;overflow:hidden auto}.cosmos{z-index:0;pointer-events:none;background:radial-gradient(80% 60% at 15% 20%,#5c8cff2e,#0000 60%),radial-gradient(70% 50% at 85% 80%,#b464ff24,#0000 60%),radial-gradient(60% 40% at 50% 110%,#5cd6ff1a,#0000 60%),linear-gradient(#06070d 0%,#08091a 60%,#050610 100%);position:fixed;inset:0;overflow:hidden}.cosmos:before{content:"";opacity:.5;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-position:0 0;background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 0%,#0000 75%);mask-image:radial-gradient(#000 0%,#0000 75%)}.cosmos:after{content:"";opacity:.7;background-image:radial-gradient(circle at 12% 18%,#fff .4px,#0000 1px),radial-gradient(circle at 78% 28%,#fff .5px,#0000 1px),radial-gradient(circle at 35% 78%,#fff .4px,#0000 1px),radial-gradient(circle at 88% 62%,#fff .5px,#0000 1px),radial-gradient(circle at 22% 52%,#fff .3px,#0000 1px),radial-gradient(circle at 62% 12%,#fff .4px,#0000 1px),radial-gradient(circle at 92% 88%,#fff .4px,#0000 1px),radial-gradient(circle at 8% 88%,#fff .4px,#0000 1px),radial-gradient(circle at 48% 38%,#fff .3px,#0000 1px),radial-gradient(circle at 70% 70%,#fff .4px,#0000 1px);animation:8s ease-in-out infinite alternate twinkle;position:absolute;inset:0}@keyframes twinkle{0%{opacity:.45}to{opacity:.85}}.noise{z-index:1;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9'/></filter><rect width='200' height='200' filter='url(%23n)' opacity='0.6'/></svg>");position:fixed;inset:0}.glass{border:1px solid var(--border);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(20px)saturate(140%);background:linear-gradient(#ffffff0a,#ffffff04);box-shadow:inset 0 1px #ffffff0f,0 1px #0006,0 12px 30px #00000059}.glass-soft{border:1px solid var(--border);border-radius:var(--r-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff06}.edge-glow{position:relative}.edge-glow:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--cyan-soft), transparent 40%, var(--violet-soft));-webkit-mask-composite:xor;pointer-events:none;opacity:.6;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}::-webkit-scrollbar-track{background:0 0}.mono{font-family:var(--font-mono);font-feature-settings:"ss01"}.t-eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);font-size:10px}.t-title{color:var(--text-0);letter-spacing:-.005em;font-size:15px;font-weight:500}.t-h1{color:var(--text-0);letter-spacing:-.02em;font-size:28px;font-weight:500}.t-h2{color:var(--text-0);letter-spacing:-.01em;font-size:18px;font-weight:500}.t-mute{color:var(--text-2)}.t-faint{color:var(--text-3)}::selection{color:var(--text-0);background:#5cd6ff40}.app-shell{z-index:2;width:100vw;height:100vh;display:grid;position:relative}.app-main{flex-direction:column;display:flex;position:relative;overflow:hidden}.btn{appearance:none;border:1px solid var(--border-2);color:var(--text-0);border-radius:var(--r-md);font-family:var(--font-sans);letter-spacing:.01em;cursor:pointer;background:#ffffff08;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .18s;display:inline-flex}.btn:hover{background:#ffffff0f;border-color:#ffffff2e;box-shadow:0 0 0 4px #ffffff05}.btn-primary{color:#e6f7ff;background:linear-gradient(#5cd6ff33,#5c8cff26);border-color:#5cd6ff73;box-shadow:inset 0 1px #ffffff26,0 0 24px -4px #5cd6ff66}.btn-primary:hover{border-color:#5cd6ffb3;box-shadow:inset 0 1px #fff3,0 0 32px -2px #5cd6ff8c}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text-0);background:#ffffff0a}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{aspect-ratio:1;justify-content:center;padding:7px}.input{border:1px solid var(--border);width:100%;color:var(--text-0);border-radius:var(--r-md);background:#00000040;outline:none;padding:10px 14px;font-family:inherit;font-size:13px;transition:all .18s}.input:focus{border-color:var(--cyan-soft);box-shadow:0 0 0 3px var(--cyan-glow);background:#00000059}.input::placeholder{color:var(--text-3)}select.input{max-width:360px}.badge{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-1);background:#ffffff08;border-radius:100px;align-items:center;gap:6px;padding:2px 8px;font-size:10px;display:inline-flex}.badge-cyan{color:#c5ecff;background:#5cd6ff12;border-color:#5cd6ff4d}.badge-violet{color:#e1d3ff;background:#b48cff12;border-color:#b48cff4d}.badge-green{color:#c6f5dc;background:#6ee7a80f;border-color:#6ee7a84d}.badge-amber{color:#ffe1ad;background:#ffc2660f;border-color:#ffc2664d}.badge-rose{color:#ffd1de;background:#ff7a9c0f;border-color:#ff7a9c4d}.dot{border-radius:50%;width:6px;height:6px;display:inline-block}.dot.cyan{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.dot.violet{background:var(--violet);box-shadow:0 0 8px var(--violet)}.dot.green{background:var(--green);box-shadow:0 0 8px var(--green)}.dot.amber{background:var(--amber);box-shadow:0 0 8px var(--amber)}.dot.rose{background:var(--rose);box-shadow:0 0 8px var(--rose)}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #5cd6ff66}50%{box-shadow:0 0 0 6px #5cd6ff00}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.7)}}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-up{animation:.32s both fade-up}.fade-in{animation:.32s both fade-in}.skeleton-shimmer{background:linear-gradient(100deg,#ffffff05 30%,#ffffff0f 50%,#ffffff05 70%) 0 0/200% 100%;animation:1.4s ease-in-out infinite shimmer}.stagger>*{animation:.4s both fade-up}.stagger>:first-child{animation-delay:40ms}.stagger>:nth-child(2){animation-delay:80ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.16s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.24s}.stagger>:nth-child(7){animation-delay:.28s}.stagger>:nth-child(8){animation-delay:.32s}.divider{background:var(--border);height:1px}.divider-v{background:var(--border);width:1px}.kbd{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-1);background:#ffffff0f;border-bottom-width:2px;border-radius:4px;padding:2px 6px;font-size:10px}.gradient-text{background:linear-gradient(120deg,#fff 0%,#c5ecff 50%,#d8c8ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ring-active{outline:1px solid var(--cyan-soft);outline-offset:-1px;box-shadow:0 0 0 4px var(--cyan-glow), inset 0 0 24px #5cd6ff0d}button:focus-visible,input:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:1px solid var(--cyan-soft);outline-offset:2px}.nav-item:hover{color:var(--text-0)!important;background:#ffffff0a!important}.drag-over{box-shadow:inset 0 0 0 1px var(--cyan-soft);border-color:var(--cyan-soft)!important;background:#5cd6ff0f!important}.dragging{opacity:.5}.grab{cursor:grab}.grab:active{cursor:grabbing}@keyframes streak-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:.32s both slide-up}@keyframes panel-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.panel-in{animation:.28s cubic-bezier(.4,0,.2,1) both panel-in}@keyframes count-glow{0%{text-shadow:0 0 #0000}50%{text-shadow:0 0 12px var(--cyan-soft)}to{text-shadow:0 0 #0000}}.collapsible{transition:max-height .28s,opacity .2s;overflow:hidden}.collapsible.closed{opacity:0;max-height:0}.link-hover{cursor:pointer;transition:color .16s}.link-hover:hover{color:var(--cyan)!important}body.theme-obsidian{--bg-0:#050507;--bg-1:#090a0e;--bg-2:#0d0f14;--border:#ffffff0d;--border-2:#ffffff1a;--text-0:#e8eaf0;--text-1:#b8bcd0;--text-2:#7a7e96;--text-3:#50536a;--cyan:#7eb8d4;--cyan-soft:#7eb8d480;--cyan-glow:#7eb8d426;--violet:#9b8ab8;--violet-soft:#9b8ab880;--violet-glow:#9b8ab826}body.theme-aurora{--cyan:#5ee8a0;--cyan-soft:#5ee8a080;--cyan-glow:#5ee8a02e;--violet:#3ec8c8;--violet-soft:#3ec8c880;--violet-glow:#3ec8c82e}body.theme-ember{--bg-0:#0c0908;--bg-1:#120c0a;--bg-2:#1a110e;--border:#ffdcc814;--border-2:#ffdcc824;--text-0:#fbf4ef;--text-1:#e0cfc6;--text-2:#ad968c;--text-3:#7a655c;--cyan:#ffb066;--cyan-soft:#ffb06680;--cyan-glow:#ffb0662e;--violet:#ff7a9c;--violet-soft:#ff7a9c80;--violet-glow:#ff7a9c2e;--sidebar-bg:linear-gradient(180deg, #160c08e6, #120a06bf);--header-bg:#160c0873;--chrome-bg:#23120ceb;--border-glow:#ffb06659}body.theme-ember .cosmos{background:radial-gradient(80% 60% at 15% 20%,#ff965a29,#0000 60%),radial-gradient(70% 50% at 85% 80%,#ff648221,#0000 60%),linear-gradient(#0c0908 0%,#160e0b 60%,#0a0706 100%)}body.theme-daylight{--bg-0:#eef1f7;--bg-1:#f4f6fb;--bg-2:#fff;--panel:#141e3706;--panel-2:#141e370b;--panel-3:#141e3711;--border:#141e371f;--border-2:#141e3733;--text-0:#141a2b;--text-1:#2f384e;--text-2:#5a627a;--text-3:#8089a0;--text-4:#aab0c4;--cyan:#0a8bd6;--cyan-soft:#0a8bd673;--cyan-glow:#0a8bd61f;--violet:#7a52d6;--violet-soft:#7a52d673;--violet-glow:#7a52d61f;--amber:#d68a18;--green:#1aa564;--rose:#e0426a;color:var(--text-1)}body.theme-daylight .cosmos{background:radial-gradient(80% 60% at 15% 20%,#5c8cff1a,#0000 60%),radial-gradient(70% 50% at 85% 80%,#9678ff14,#0000 60%),linear-gradient(#eef1f7 0%,#e7ebf4 60%,#eef1f7 100%)}body.theme-daylight .cosmos:before,body.theme-daylight .cosmos:after{opacity:.15}body.theme-daylight .noise{opacity:.02}body.theme-daylight{--sidebar-bg:linear-gradient(180deg, #ffffffeb, #f8faffd1);--header-bg:#eef1f7d9;--chrome-bg:#e6ebf5f2;--border-glow:#0a8bd64d;--popup-bg:#fffffff7;--overlay-bg:#ffffffeb}body.theme-daylight .glass{background:linear-gradient(#ffffffe6,#ffffffb3);box-shadow:inset 0 1px #ffffffe6,0 1px 2px #141e370f,0 12px 30px #141e3714}body.theme-daylight .glass-soft{background:#ffffffb3}body.theme-daylight .input{background:#ffffffd9}body.theme-daylight .btn{background:#141e370a}body.theme-daylight .btn:hover{background:#141e3714}body.theme-nebula{--cyan:#22e5d4;--cyan-soft:#22e5d480;--cyan-glow:#22e5d42e;--violet:#ff4dab;--violet-soft:#ff4dab80;--violet-glow:#ff4dab2e;--border-glow:#ff4dab66}body.theme-nebula .cosmos{background:radial-gradient(70% 50% at 20% 30%,#ff3cb433,#0000 60%),radial-gradient(60% 40% at 80% 70%,#22e5d426,#0000 60%),radial-gradient(50% 40% at 50% 0,#7800c81f,#0000 60%),linear-gradient(#08060f 0%,#0d0816 60%,#080610 100%)}body.theme-synthwave{--bg-0:#0a0010;--bg-1:#100020;--bg-2:#180030;--border:#c864ff17;--border-2:#c864ff2e;--cyan:#ff2d78;--cyan-soft:#ff2d7880;--cyan-glow:#ff2d782e;--violet:#c040ff;--violet-soft:#c040ff80;--violet-glow:#c040ff2e;--amber:#ffda00;--green:#39ff8c;--sidebar-bg:linear-gradient(180deg, #100020eb, #0a0014c7);--header-bg:#10002080;--chrome-bg:#1c0030f2;--border-glow:#ff2d7866}body.theme-synthwave .cosmos{background:radial-gradient(80% 40% at 50% 100%,#c040ff38,#0000 60%),radial-gradient(50% 30% at 20% 20%,#ff2d7826,#0000 60%),radial-gradient(40% 30% at 80% 15%,#ffda0014,#0000 60%),linear-gradient(#0a0010 0%,#120020 60%,#0a0010 100%)}body.theme-forest{--bg-0:#060d08;--bg-1:#0a1610;--bg-2:#0f1f16;--border:#78dc7812;--border-2:#78dc7821;--text-1:#c4d4c6;--text-2:#8aaa8c;--text-3:#5a7a5c;--cyan:#4ade80;--cyan-soft:#4ade8080;--cyan-glow:#4ade802e;--violet:#facc15;--violet-soft:#facc1580;--violet-glow:#facc152e;--sidebar-bg:linear-gradient(180deg, #060d08e6, #040a06bf);--header-bg:#060d0873;--chrome-bg:#0a160ef2;--border-glow:#4ade8059}body.theme-forest .cosmos{background:radial-gradient(70% 50% at 15% 20%,#22a03c24,#0000 60%),radial-gradient(60% 40% at 80% 75%,#fac8141a,#0000 60%),linear-gradient(#060d08 0%,#091408 60%,#050c06 100%)}body.theme-daylight ::-webkit-scrollbar-thumb{background:#141e3726}