@property --color-accent{syntax:"<color>";inherits:true;initial-value:#6e56ff}@property --color-accent-b{syntax:"<color>";inherits:true;initial-value:#00e0cb}.store-root{--accent-grad:linear-gradient(135deg, var(--color-accent), var(--color-accent-b));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--shadow-soft:0 1px 0 0 #ffffff0a inset, 0 12px 30px -12px #0000008c, 0 2px 8px -4px #0006;--shadow-lift:0 1px 0 0 #ffffff0f inset, 0 28px 60px -20px #000000b3, 0 8px 20px -10px #00000080;--font-display-val:var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;--font-body-val:var(--font-inter), ui-sans-serif, system-ui, sans-serif;--font-mono-val:var(--font-jetbrains-mono), ui-monospace, "SF Mono", monospace;-webkit-text-size-adjust:100%;scrollbar-color:var(--color-surface-2) transparent;background:var(--color-canvas);color:var(--color-text);font-family:var(--font-sans);font-synthesis-weight:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-height:100dvh}.store-root *{border-color:var(--color-line)}.store-root:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(120% 80% at 50% -10%, color-mix(in oklch, var(--color-accent) 12%, transparent), transparent 60%), radial-gradient(100% 100% at 50% 120%, #00000080, transparent 70%);opacity:.7;transition:background .6s cubic-bezier(.22,1,.36,1);position:fixed;inset:0}@supports (color:lab(0% 0 0)){.store-root:before{background:radial-gradient(120% 80% at 50% -10%, color-mix(in oklch, var(--color-accent) 12%, transparent), transparent 60%), radial-gradient(100% 100% at 50% 120%, lab(0% 0 0/.5), transparent 70%)}}.store-root:after{content:"";pointer-events:none;z-index:1;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;position:fixed;inset:0}.store-root ::selection{background:color-mix(in oklch, var(--color-accent) 40%, transparent);color:var(--color-text)}.store-root a{color:inherit;text-decoration:none}.store-root :focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}.store-root h1,.store-root h2,.store-root h3,.store-root h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.02}.store-root .label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-muted);font-size:.7rem}.store-root .accent-text{background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.store-root .hairline{border:1px solid var(--color-line)}.store-root .glass{background:color-mix(in oklch, var(--color-surface) 88%, transparent);border:1px solid var(--color-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft)}.store-root .lift{box-shadow:var(--shadow-soft);transition:transform .36s cubic-bezier(.22,1,.36,1),box-shadow .36s cubic-bezier(.22,1,.36,1),border-color .36s;position:relative}@media (hover:hover){.store-root .lift:hover{box-shadow:var(--shadow-lift);border-color:color-mix(in oklch, var(--color-accent) 38%, var(--color-line));transform:translateY(-4px)}}.store-root .edge-light{position:relative}.store-root .edge-light:before{content:"";border-radius:inherit;background:linear-gradient(180deg, color-mix(in oklch, var(--color-accent) 30%, transparent), transparent 40%);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-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}.store-root .kbd{font-family:var(--font-mono);border:1px solid var(--color-line);background:color-mix(in oklch, var(--color-surface-2) 70%, transparent);color:var(--color-dim);border-radius:.35rem;padding:.22rem .36rem;font-size:.66rem;line-height:1}.store-root .btn-accent{background:var(--accent-grad);color:#06070d;transition:opacity var(--dur,.2s) ease, transform .2s ease;font-weight:600}.store-root .btn-accent:hover{opacity:.92}.store-root .btn-ghost{border:1px solid var(--color-line);color:var(--color-text);transition:border-color .2s,background .2s}.store-root .btn-ghost:hover{border-color:color-mix(in oklch, var(--color-accent) 55%, var(--color-line));background:color-mix(in oklch, var(--color-accent) 8%, transparent)}.store-root .chip-accent{background:color-mix(in oklch, var(--color-accent) 14%, transparent);border:1px solid color-mix(in oklch, var(--color-accent) 35%, transparent);color:color-mix(in oklch, var(--color-accent) 80%, white 20%)}.store-root .field{border:1px solid var(--color-line);background:color-mix(in oklch, var(--color-canvas) 60%, transparent);width:100%;color:var(--color-text);border-radius:.65rem;padding:.6rem .8rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.store-root .field::placeholder{color:var(--color-muted)}.store-root .field:focus{border-color:color-mix(in oklch, var(--color-accent) 60%, var(--color-line));box-shadow:0 0 0 3px color-mix(in oklch, var(--color-accent) 18%, transparent);outline:none}.store-root .preview-badge{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;font-size:.66rem}@media (prefers-reduced-motion:reduce){.store-root *,.store-root :before,.store-root :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
