:root{--color-bg:15 23 42;--color-abg:248 250 252;--color-surface:255 255 255;--color-fg:15 23 42;--color-muted:100 116 139;--color-border:226 232 240;--color-primary:34 197 94;--color-danger:239 68 68;--color-warning:234 179 8;--color-info:59 130 246;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", "Cascadia Code", "Segoe UI Mono", Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px}[data-theme=dark]{--color-bg:2 6 23;--color-abg:15 23 42;--color-surface:30 41 59;--color-fg:226 232 240;--color-muted:148 163 184;--color-border:51 65 85}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;line-height:1.5;font-family:var(--font-sans);tab-size:4}body{background:rgb(var(--color-bg));color:rgb(var(--color-fg));min-height:100vh;font-size:var(--text-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}img,svg,video,canvas,iframe{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0;width:100%}h1,h2,h3,h4,h5,h6{text-wrap:balance;font-weight:600;line-height:1.2}p{text-wrap:pretty}ul,ol{list-style:none}#app{min-height:100vh}.card{background:rgb(var(--color-surface));border:1px solid rgb(var(--color-border));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;border:1px solid #0000;font-weight:500;transition:opacity .15s,filter .15s,box-shadow .15s,transform .1s;display:inline-flex}.btn:hover{opacity:.92;filter:brightness(1.07);box-shadow:0 8px 20px -6px #00000047}.btn:active{filter:brightness(.96);transform:translateY(1px);box-shadow:0 2px 8px -2px #0003}.btn:disabled{opacity:.55;cursor:not-allowed;filter:none;box-shadow:none}.btn-primary{color:#fff;background-image:linear-gradient(135deg,#3b82f6 0%,#6366f1 100%)}.btn-danger{color:#fff;background-image:linear-gradient(135deg,#ef4444 0%,#f97316 100%)}.btn-success{color:#fff;background-image:linear-gradient(135deg,#22c55e 0%,#10b981 100%)}.btn-ghost{border-color:rgb(var(--color-border));color:rgb(var(--color-muted));background:0 0}.btn-ghost:hover{background-image:linear-gradient(135deg, rgb(var(--color-info) / .1), rgb(var(--color-primary) / .1));color:rgb(var(--color-fg))}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);border-radius:9999px;font-weight:600;display:inline-flex}.field{width:100%;padding:var(--space-2) var(--space-3);border:1px solid rgb(var(--color-border));border-radius:var(--radius-md);background:rgb(var(--color-surface))}.field:focus{outline:2px solid rgb(var(--color-info) / .4);outline-offset:1px}.block{display:block}.inline{display:inline}.hidden{display:none}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-grow{flex-grow:1}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-end{justify-content:flex-end}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.place-items-center{place-items:center}.gap-0{gap:var(--space-0)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.z-10{z-index:10}.z-50{z-index:50}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-inline:var(--space-2)}.px-4{padding-inline:var(--space-4)}.px-6{padding-inline:var(--space-6)}.py-2{padding-block:var(--space-2)}.py-4{padding-block:var(--space-4)}.py-6{padding-block:var(--space-6)}.pt-4{padding-top:var(--space-4)}.pb-4{padding-bottom:var(--space-4)}.m-0{margin:var(--space-0)}.m-2{margin:var(--space-2)}.m-4{margin:var(--space-4)}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.ml-auto{margin-left:auto}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.no-wrap{white-space:nowrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-fg{color:rgb(var(--color-fg))}.text-muted{color:rgb(var(--color-muted))}.text-primary{color:rgb(var(--color-primary))}.text-danger{color:rgb(var(--color-danger))}.text-warning{color:rgb(var(--color-warning))}.text-info{color:rgb(var(--color-info))}.bg-bg{background:rgb(var(--color-bg))}.bg-abg{background:rgb(var(--color-abg))}.bg-surface{background:rgb(var(--color-surface))}.bg-primary{background:rgb(var(--color-primary))}.bg-danger{background:rgb(var(--color-danger))}.bg-warning{background:rgb(var(--color-warning))}.bg-info{background:rgb(var(--color-info))}.bg-transparent{background:0 0}.positive{color:rgb(var(--color-primary))}.negative{color:rgb(var(--color-danger))}.flat{color:rgb(var(--color-muted))}.border{border:1px solid rgb(var(--color-border))}.border-t{border-top:1px solid rgb(var(--color-border))}.border-b{border-bottom:1px solid rgb(var(--color-border))}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.select-none{-webkit-user-select:none;user-select:none}.transition{transition:opacity .15s,background-color .15s}@media (width>=768px){.md-flex-row{flex-direction:row}.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md-p-6{padding:var(--space-6)}.md-text-lg{font-size:var(--text-lg)}}@media (width>=1024px){.lg-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}