@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600&family=Barlow:wght@300;400;500;600;700;900&display=swap";
@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:var(--font-mono);--spacing:.25rem;--radius-sm:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}}:root{--bg:#07070c;--bg-elev:#0d0d18;--bg-card:#111120;--bg-hover:#161628;--border:#232335;--border-soft:#1a1a2a;--text:#e6e6ef;--muted:#8a8aa5;--muted-strong:#b8b8d0;--accent:#00e5ff;--accent-dim:#00e5ff24;--accent-glow:#00e5ff73;--accent-warm:#ff2d92;--accent-warm-dim:#ff2d9224;--accent-warm-glow:#ff2d9273;--ok:#3dd68c;--ok-dim:#3dd68c24;--warn:#ffb454;--warn-dim:#ffb45424;--err:#ff5e6c;--err-dim:#ff5e6c24;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-sans:"Barlow", system-ui, -apple-system, sans-serif;--radius:10px;--radius-sm:6px;--radius-lg:14px;--shadow-glow:0 0 24px -8px var(--accent-glow);--shadow-warm:0 0 24px -8px var(--accent-warm-glow)}*{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:radial-gradient(ellipse 80% 50% at 50% -10%, #00e5ff14, transparent 60%), radial-gradient(ellipse 60% 40% at 10% 110%, #ff2d920f, transparent 60%), var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}h1,h2,h3,h4{font-family:var(--font-sans);color:var(--text);letter-spacing:-.015em}h1{font-weight:800}h2{font-weight:700}h3{font-weight:600}.mono,.eyebrow,code,kbd,pre{font-family:var(--font-mono)}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:500}.card{background:linear-gradient(180deg, #ffffff05 0%, #fff0 100%), var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .18s,transform .18s,box-shadow .22s,background .22s}.card-hover:hover{border-color:var(--accent);background:linear-gradient(180deg, #00e5ff0d 0%, #00e5ff00 100%), var(--bg-hover);box-shadow:0 0 0 1px var(--accent-dim) inset, var(--shadow-glow);transform:translateY(-1px)}.card-warm:hover{border-color:var(--accent-warm);box-shadow:0 0 0 1px var(--accent-warm-dim) inset, var(--shadow-warm)}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elev);color:var(--text);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;padding:.55rem 1rem;font-size:.82rem;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim) inset}.btn-primary{background:linear-gradient(180deg, var(--accent-dim), #00e5ff0a);border-color:var(--accent);color:var(--accent)}.btn-primary:hover{box-shadow:0 0 14px -2px var(--accent-glow)}.btn-warm{background:linear-gradient(180deg, var(--accent-warm-dim), #ff2d920a);border-color:var(--accent-warm);color:var(--accent-warm)}.btn-warm:hover{box-shadow:0 0 14px -2px var(--accent-warm-glow)}.btn-ghost{border-color:var(--border-soft);color:var(--muted-strong);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--border);box-shadow:none}.btn:disabled{opacity:.45;cursor:not-allowed}.chip{border:1px solid var(--border);background:var(--bg-elev);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-strong);border-radius:999px;align-items:center;padding:2px 10px;font-size:.68rem;display:inline-flex}.chip-ok{color:var(--ok);background:var(--ok-dim);border-color:#3dd68c59}.chip-warn{color:var(--warn);background:var(--warn-dim);border-color:#ffb45459}.chip-err{color:var(--err);background:var(--err-dim);border-color:#ff5e6c59}.chip-accent{color:var(--accent);background:var(--accent-dim);border-color:#00e5ff59}.topnav{z-index:50;-webkit-backdrop-filter:saturate(1.2)blur(14px);backdrop-filter:saturate(1.2)blur(14px);border-bottom:1px solid var(--border-soft);background:#07070cb8;position:sticky;top:0}.topnav a{color:var(--muted-strong);transition:color .12s;position:relative}.topnav a:hover{color:var(--text)}.topnav a.active{color:var(--accent)}.topnav a.active:after{content:"";background:var(--accent);height:1px;box-shadow:0 0 8px var(--accent-glow);position:absolute;bottom:-14px;left:0;right:0}input,select,textarea{background:var(--bg-elev);border:1px solid var(--border);color:var(--text);font-family:var(--font-sans);border-radius:var(--radius-sm);padding:.55rem .8rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim);outline:none}a.link{color:var(--accent);border-bottom:1px solid #0000;text-decoration:none;transition:border-color .15s}a.link:hover{border-bottom-color:var(--accent)}pre,code{background:var(--bg-elev);border:1px solid var(--border-soft);border-radius:var(--radius-sm);color:#d3e8ff;font-size:.85em}code{padding:1px 6px}pre{padding:12px 14px;overflow-x:auto}pre code{background:0 0;border:0;padding:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 24px -6px var(--accent-glow)}}.fade-in{animation:.38s ease-out both fadeUp}.fade-in-d1{animation:.38s ease-out 60ms both fadeUp}.fade-in-d2{animation:.38s ease-out .12s both fadeUp}.fade-in-d3{animation:.38s ease-out .18s both fadeUp}.pulse-glow{animation:2.2s ease-in-out infinite pulseGlow}.shimmer-bar{background:var(--bg-elev);border-radius:2px;position:relative;overflow:hidden}.shimmer-bar:after{content:"";background:linear-gradient(90deg,#0000,#00e5ff40,#0000);animation:1.8s infinite shimmer;position:absolute;inset:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--border-soft)}