:root{--bg:radial-gradient(1200px 600px at 80% -10%,#e8f1ff 0%,transparent 60%),linear-gradient(180deg,#fbfcff 0%,#f3f6fb 100%);--text:#0f172a;--muted:#64748b;--brand:#4f46e5;--brand-2:#22d3ee;--border:#0f172a14;--card-bg:#ffffffd9;--glass:#ffffffa6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--brand);text-decoration:none}code{background:#eef2ff;border-radius:6px;padding:2px 6px}button{appearance:none;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:10px;padding:10px 14px;transition:all .2s}button:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0f172a14}input,select{border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px 12px}.app-shell{min-height:100vh}.container{max-width:1120px;margin:0 auto;padding:16px}.topbar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass);border-bottom:1px solid var(--border);position:sticky;top:0}.topbar-inner{flex-wrap:wrap;align-items:center;gap:16px;padding:12px 16px;display:flex}.brand{letter-spacing:.2px;background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nav a{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 12px}.panel{border:1px solid var(--border);background:var(--card-bg);border-radius:14px;margin:16px 0;padding:16px;box-shadow:0 12px 24px #0f172a0f}.panel-title{margin-bottom:8px;font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spacer{flex:auto}.badge{border:1px solid var(--border);background:#f1f5f9;border-radius:999px;padding:6px 10px}.page{padding:24px}.hero{text-align:center;padding:48px 24px}.hero h1{background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#0000;-webkit-background-clip:text;margin:0;font-size:40px}.hero p{color:var(--muted);margin:10px 0 24px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.card{border:1px solid var(--border);background:var(--card-bg);border-radius:16px;padding:16px;box-shadow:0 10px 20px #0f172a0f}.card h3{margin:0 0 8px;font-size:18px}.border{border:1px solid var(--border)}.border-\[\#eee\]{border-color:#eee}.border-\[\#f0f0f0\]{border-color:#f0f0f0}.bg-white{background:#fff}.text-slate-500{color:#64748b}*,:before,:after,::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 #0000;--un-ring-shadow:0 0 #0000;--un-shadow-inset: ;--un-shadow:0 0 #0000;--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:#93c5fd80;--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.container{max-width:1120px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.panel{--un-border-opacity:1;border-width:1px;border-color:rgb(226 232 240/var(--un-border-opacity));--un-shadow:var(--un-shadow-inset)0 10px 15px -3px var(--un-shadow-color,#0000001a),var(--un-shadow-inset)0 4px 6px -4px var(--un-shadow-color,#0000001a);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);background-color:#ffffffd9;border-radius:1rem;margin-top:1rem;margin-bottom:1rem;padding:1rem}.btn{appearance:none;--un-border-opacity:1;border-width:1px;border-color:rgb(226 232 240/var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity));--un-text-opacity:1;color:rgb(15 23 42/var(--un-text-opacity));border-radius:.75rem;padding:.5rem 1rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.badge{--un-border-opacity:1;border-width:1px;border-color:rgb(226 232 240/var(--un-border-opacity));--un-bg-opacity:1;background-color:rgb(241 245 249/var(--un-bg-opacity));border-radius:9999px;padding:.25rem .75rem}.card{--un-border-opacity:1;border-width:1px;border-color:rgb(226 232 240/var(--un-border-opacity));--un-shadow:var(--un-shadow-inset)0 10px 15px -3px var(--un-shadow-color,#0000001a),var(--un-shadow-inset)0 4px 6px -4px var(--un-shadow-color,#0000001a);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);background-color:#ffffffd9;border-radius:1rem;padding:1rem}.btn:hover{--un-shadow:var(--un-shadow-inset)0 10px 15px -3px var(--un-shadow-color,#0000001a),var(--un-shadow-inset)0 4px 6px -4px var(--un-shadow-color,#0000001a);box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.sticky{position:sticky}.top-0{top:0}.z-\[100\]{z-index:100}.grid{display:grid}.my-3{margin-top:.75rem;margin-bottom:.75rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-3{margin-left:.75rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.h-80{height:20rem}.min-h-screen{min-height:100vh}.w-60{width:15rem}.w-72{width:18rem}.flex{display:flex}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.overflow-auto{overflow:auto}.b,.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\[\#eee\]{--un-border-opacity:1;border-color:rgb(238 238 238/var(--un-border-opacity))}.border-\[\#f0f0f0\]{--un-border-opacity:1;border-color:rgb(240 240 240/var(--un-border-opacity))}.rounded-lg{border-radius:.5rem}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255/var(--un-bg-opacity))}.bg-white\/70{background-color:#ffffffb3}.from-indigo-600{--un-gradient-from-position:0%;--un-gradient-from:rgb(79 70 229/var(--un-from-opacity,1))var(--un-gradient-from-position);--un-gradient-to-position:100%;--un-gradient-to:#4f46e500 var(--un-gradient-to-position);--un-gradient-stops:var(--un-gradient-from),var(--un-gradient-to)}.to-cyan-400{--un-gradient-to-position:100%;--un-gradient-to:rgb(34 211 238/var(--un-to-opacity,1))var(--un-gradient-to-position)}.bg-gradient-to-r{--un-gradient-shape:to right in oklch;--un-gradient:var(--un-gradient-shape),var(--un-gradient-stops);background-image:linear-gradient(var(--un-gradient))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-slate-500{--un-text-opacity:1;color:rgb(100 116 139/var(--un-text-opacity))}.text-transparent{color:#0000}.font-600{font-weight:600}.font-800{font-weight:800}.tracking-wide{letter-spacing:.025em}.tab{tab-size:4}.backdrop-blur{--un-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--un-backdrop-blur)var(--un-backdrop-brightness)var(--un-backdrop-contrast)var(--un-backdrop-grayscale)var(--un-backdrop-hue-rotate)var(--un-backdrop-invert)var(--un-backdrop-opacity)var(--un-backdrop-saturate)var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur)var(--un-backdrop-brightness)var(--un-backdrop-contrast)var(--un-backdrop-grayscale)var(--un-backdrop-hue-rotate)var(--un-backdrop-invert)var(--un-backdrop-opacity)var(--un-backdrop-saturate)var(--un-backdrop-sepia)}