:root[data-theme~=cyber],[data-theme~=cyber]{--color-surface: oklch(12% .02 280);--color-surface-alt: oklch(15% .025 280);--color-surface-raised: oklch(18% .03 280);--color-surface-sunken: oklch(8% .015 280);--color-background: oklch(8% .02 280);--color-text: oklch(92% .02 200);--color-text-muted: oklch(70% .03 200);--color-text-subtle: oklch(55% .02 200);--color-primary: oklch(75% .25 180);--caret-color: var(--color-primary);--color-primary-hover: oklch(80% .28 180);--color-primary-subtle: oklch(25% .08 180);--color-accent: oklch(70% .28 330);--color-accent-hover: oklch(75% .3 330);--color-accent-subtle: oklch(25% .1 330);--color-border: oklch(30% .04 280);--color-border-muted: oklch(22% .03 280);--color-border-strong: oklch(75% .25 180);--color-success: oklch(72% .22 145);--color-success-subtle: oklch(20% .08 145);--color-success-text: oklch(78% .18 145);--color-warning: oklch(78% .2 70);--color-warning-subtle: oklch(22% .1 70);--color-warning-text: oklch(82% .15 70);--color-error: oklch(62% .25 15);--color-error-subtle: oklch(20% .1 15);--color-error-text: oklch(75% .2 15);--color-info: oklch(75% .25 180);--color-info-subtle: oklch(20% .08 180);--color-info-text: oklch(80% .2 180);--_cyber-glow-cyan: 0 0 20px oklch(75% .25 180 / .5);--_cyber-glow-magenta: 0 0 20px oklch(70% .28 330 / .5);--_cyber-glow-text: 0 0 10px currentColor;--font-sans: "JetBrains Mono", ui-monospace, monospace;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-size-adjust: .5;--line-height-normal: 1.6;--line-height-tight: 1.2;--letter-spacing-wide: .05em;--radius-xs: 2px;--radius-s: 4px;--radius-m: 4px;--radius-l: 6px;--radius-xl: 8px;--radius-2xl: 8px;--shadow-xs: 0 1px 4px oklch(0% 0 0 / .3);--shadow-sm: 0 2px 8px oklch(0% 0 0 / .4);--shadow-md: 0 4px 16px oklch(0% 0 0 / .5);--shadow-lg: 0 8px 32px oklch(0% 0 0 / .6);--shadow-xl: 0 16px 48px oklch(0% 0 0 / .7);--shadow-2xl: 0 24px 64px oklch(0% 0 0 / .8);--duration-instant: 50ms;--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--motion-hover-lift: translateY(-2px);--motion-hover-scale: scale(1.02);--motion-hover-glow: var(--_cyber-glow-cyan);--motion-stagger-delay: 75ms;--motion-snappy: steps(4);--motion-bounce: steps(6);--surface-texture-opacity: .03;--glass-blur: 12px;--glass-opacity: .1;--page-bg-gradient: linear-gradient( 135deg, oklch(8% .04 280) 0%, oklch(12% .02 280) 40%, oklch(10% .06 200) 100% );--control-border: oklch(75% .25 180);--control-checked-bg: oklch(75% .25 180);--control-checked-border: oklch(75% .25 180);--input-bg: oklch(10% .02 280);--input-border: oklch(40% .06 280);--input-border-focus: oklch(75% .25 180);--range-track-bg: oklch(25% .04 280);--range-track-fill: oklch(75% .25 180);--range-thumb-bg: oklch(12% .02 280);--range-thumb-border: oklch(75% .25 180);--progress-track-bg: oklch(20% .03 280);--progress-fill: oklch(75% .25 180)}:root[data-theme~=cyber]:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,oklch(0% 0 0 / .03) 2px,oklch(0% 0 0 / .03) 4px);z-index:500}:root[data-theme~=cyber]:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:linear-gradient(oklch(75% .25 180 / .3) 1px,transparent 1px),linear-gradient(90deg,oklch(75% .25 180 / .3) 1px,transparent 1px);background-size:50px 50px;z-index:-1}:root[data-theme~=cyber],[data-theme~=cyber]{:is(main,article){& h1,h2{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);text-shadow:var(--_cyber-glow-text)}& h1:before{content:"// ";opacity:.5}& h3,h4{color:var(--color-accent)}& a:not([class]){color:var(--color-primary);text-decoration:none;position:relative;&:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--color-primary);box-shadow:var(--_cyber-glow-cyan);transform:scaleX(0);transition:transform .2s}&:hover:after{transform:scaleX(1)}}.button,button{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;padding-inline:var(--size-s);border:1px solid var(--color-primary);background:transparent;color:var(--color-primary);box-shadow:inset 0 0 10px oklch(from var(--color-primary) l c h / .2);transition:all .2s;&:hover{box-shadow:var(--_cyber-glow-cyan),inset 0 0 20px oklch(from var(--color-primary) l c h / .3)}}.card{position:relative;border:2px solid var(--color-border);background:var(--color-surface);&:before{content:"";position:absolute;top:-1px;left:1rem;right:1rem;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}&:hover{border-color:#265149;box-shadow:var(--_cyber-glow-cyan)}}& input,textarea{background:var(--color-surface-sunken);border:1px solid var(--color-border);&:focus{border-color:var(--color-primary);box-shadow:var(--_cyber-glow-cyan);outline:none}&::placeholder{color:#344d4e;font-style:italic}}& pre{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-inline-start:3px solid var(--color-primary);& code{color:#7bd77f}}& code{background:var(--color-surface-raised);color:var(--color-primary)}& blockquote{border:1px solid var(--color-border);border-inline-start:3px solid var(--color-accent);background:var(--color-surface-alt);padding:1rem 1.5rem;font-style:normal;&:before{content:'"';color:var(--color-accent);font-size:2rem;line-height:1;display:block;text-shadow:var(--_cyber-glow-magenta)}}& hr:not([data-ornament]){border:none;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary) 20%,var(--color-accent) 80%,transparent);margin-block:2rem;box-shadow:0 0 10px oklch(70% .2 250 / .3)}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-text-color: oklch(80% .15 145);--cb-function: oklch(75% .2 290);--cb-number: oklch(75% .15 200);--cb-tag: var(--color-primary);--cb-attribute: oklch(75% .15 200);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary)}:is(main,article) browser-window{--browser-window-hover-bg: var(--color-surface-raised);--browser-window-accent-color: var(--color-primary)}::selection{background:var(--color-primary);color:#000503;text-shadow:none}--shape-depth: 10%;--shape-bevel: 24px;& hr.wave,hr.zigzag,hr.scallop,hr.diamonds{background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}[data-badge]{background:var(--color-primary);color:#000503;box-shadow:var(--_cyber-glow-cyan);text-transform:uppercase;letter-spacing:.05em;font-size:var(--font-size-xs, .75rem)}[data-callout=notched]{background:var(--color-surface);border:1px solid var(--color-primary);box-shadow:var(--_cyber-glow-cyan)}[data-callout=speech]{background:var(--color-surface);border:1px solid var(--color-accent)}[data-bubble=outgoing]{background:var(--color-primary);color:#000503}[data-bubble=assistant]{background:color-mix(in oklch,var(--color-accent) 15%,var(--color-surface))}[data-morph]{animation-timing-function:steps(8)}}:root[data-theme~=cyber][data-mode=light],[data-theme~=cyber][data-mode=light]{color-scheme:light;--color-surface: oklch(96% .015 250);--color-surface-alt: oklch(93% .02 250);--color-surface-raised: oklch(98% .01 250);--color-surface-sunken: oklch(90% .025 250);--color-background: oklch(97% .01 250);--color-text: oklch(15% .02 280);--color-text-muted: oklch(35% .03 280);--color-text-subtle: oklch(50% .02 280);--color-primary: oklch(50% .22 180);--color-primary-hover: oklch(45% .25 180);--color-primary-subtle: oklch(92% .06 180);--color-accent: oklch(50% .25 330);--color-accent-hover: oklch(45% .27 330);--color-accent-subtle: oklch(92% .06 330);--color-border: oklch(85% .02 250);--color-border-muted: oklch(90% .015 250);--color-border-strong: oklch(50% .22 180);--color-success: oklch(48% .18 145);--color-success-subtle: oklch(94% .05 145);--color-success-text: oklch(32% .12 145);--color-warning: oklch(55% .16 70);--color-warning-subtle: oklch(94% .06 70);--color-warning-text: oklch(38% .12 70);--color-error: oklch(48% .22 15);--color-error-subtle: oklch(94% .05 15);--color-error-text: oklch(35% .15 15);--color-info: oklch(50% .22 180);--color-info-subtle: oklch(94% .05 180);--color-info-text: oklch(35% .15 180);--input-bg: oklch(96% .015 250);--input-border: oklch(85% .02 250);--input-border-focus: oklch(50% .22 180);--_cyber-glow-cyan: 0 0 8px oklch(50% .22 180 / .2);--_cyber-glow-magenta: 0 0 8px oklch(50% .25 330 / .2);--_cyber-glow-text: none;--shadow-xs: 0 1px 4px oklch(0% 0 0 / .08);--shadow-sm: 0 2px 8px oklch(0% 0 0 / .1);--shadow-md: 0 4px 16px oklch(0% 0 0 / .12);--shadow-lg: 0 8px 32px oklch(0% 0 0 / .15);--shadow-xl: 0 16px 48px oklch(0% 0 0 / .18);--shadow-2xl: 0 24px 64px oklch(0% 0 0 / .22);--page-bg-gradient: none}:root[data-theme~=cyber][data-mode=light],[data-theme~=cyber][data-mode=light]{:is(main,article){& input,textarea{background:var(--color-surface);border:1px solid var(--color-border);&:focus{border-color:var(--color-primary);box-shadow:var(--_cyber-glow-cyan);outline:none}&::placeholder{color:var(--color-text-subtle);font-style:italic}}& pre{background:var(--color-surface-alt);border:1px solid var(--color-border);border-inline-start:3px solid var(--color-primary);& code{color:oklch(35% .15 145)}}& code{background:var(--color-surface-alt);color:var(--color-primary)}& blockquote{border:1px solid var(--color-border);border-inline-start:3px solid var(--color-accent);background:var(--color-surface-alt);&:before{color:var(--color-accent)}}.card{background:var(--color-surface);border:2px solid var(--color-border)}}:is(main,article) code-block{--cb-bg: var(--color-surface-alt);--cb-code-bg: var(--color-surface-alt);--cb-header-bg: var(--color-surface);--cb-text-color: oklch(35% .15 145);--cb-comment: var(--color-text-subtle);--cb-function: oklch(45% .2 290);--cb-number: oklch(45% .15 200);--cb-tag: var(--color-primary);--cb-attribute: oklch(45% .15 200);--cb-button-bg: var(--color-surface);--cb-button-hover-bg: var(--color-primary)}--control-border: oklch(70% .04 250);--control-checked-bg: oklch(50% .22 180);--control-checked-border: oklch(50% .22 180);--range-track-bg: oklch(88% .02 250);--range-track-fill: oklch(50% .22 180);--range-thumb-bg: oklch(98% .01 250);--range-thumb-border: oklch(50% .22 180);--progress-track-bg: oklch(88% .02 250);--progress-fill: oklch(50% .22 180)}:root[data-theme~=cyber][data-mode=light]:before{opacity:.015}:root[data-theme~=cyber][data-mode=light]:after{opacity:.02}
/*# sourceMappingURL=cyber.css.map */