:root{--cyber-bg: #05080f;--cyber-surface: #0a1220;--cyber-surface-glass: rgba(10, 20, 34, .82);--cyber-primary: #00e5ff;--cyber-accent: #ff2a6d;--cyber-warning: #ffc857;--cyber-danger: #ff4d5e;--cyber-success: #3dffa0;--cyber-text: #d7edf5;--cyber-text-dim: #7e98a8;--cyber-text-on-primary: #041019;--cyber-highlight: #ffffff;--cyber-shade: #000000;--cyber-clip: 12px;--cyber-border-width: 1px;--cyber-font-display: "Orbitron", "Rajdhani", "Segoe UI", system-ui, sans-serif;--cyber-font-body: "Rajdhani", "Segoe UI", system-ui, sans-serif;--cyber-font-mono: "Share Tech Mono", ui-monospace, "SF Mono", Menlo, monospace;--cyber-space-1: .25rem;--cyber-space-2: .5rem;--cyber-space-3: 1rem;--cyber-space-4: 2rem}:root,[data-cyber-theme]{--cyber-border: color-mix(in srgb, var(--cyber-primary) 50%, transparent);--cyber-border-dim: color-mix(in srgb, var(--cyber-primary) 20%, transparent);--cyber-tint: color-mix(in srgb, var(--cyber-primary) 8%, transparent);--cyber-glow-color: color-mix(in srgb, var(--cyber-primary) 55%, transparent);--cyber-glow: 0 0 10px var(--cyber-glow-color);--cyber-glow-strong: 0 0 4px var(--cyber-glow-color), 0 0 18px var(--cyber-glow-color);--cyber-scrim: color-mix(in srgb, var(--cyber-bg) 72%, transparent)}[data-cyber-theme=netrunner]{--cyber-bg: #05080f;--cyber-surface: #0a1220;--cyber-surface-glass: rgba(10, 20, 34, .82);--cyber-primary: #00e5ff;--cyber-accent: #ff2a6d;--cyber-warning: #ffc857;--cyber-danger: #ff4d5e;--cyber-success: #3dffa0;--cyber-text: #d7edf5;--cyber-text-dim: #7e98a8;--cyber-text-on-primary: #041019;--cyber-highlight: #ffffff;--cyber-shade: #000000}[data-cyber-theme=crimson]{--cyber-bg: #0d0409;--cyber-surface: #190a12;--cyber-surface-glass: rgba(25, 10, 18, .82);--cyber-primary: #ff3d5e;--cyber-accent: #ffb000;--cyber-warning: #ffc857;--cyber-danger: #ff2e2e;--cyber-success: #3dffa0;--cyber-text: #f2dbe1;--cyber-text-dim: #a97f8d;--cyber-text-on-primary: #1c040a}[data-cyber-theme=phosphor]{--cyber-bg: #030904;--cyber-surface: #07140b;--cyber-surface-glass: rgba(7, 20, 11, .82);--cyber-primary: #3dff6e;--cyber-accent: #d8ff3d;--cyber-warning: #ffc857;--cyber-danger: #ff4d5e;--cyber-success: #9dffc9;--cyber-text: #d9f5de;--cyber-text-dim: #7fa88b;--cyber-text-on-primary: #03140a}[data-cyber-theme=synthwave]{--cyber-bg: #0c0418;--cyber-surface: #170a2b;--cyber-surface-glass: rgba(23, 10, 43, .82);--cyber-primary: #c45eff;--cyber-accent: #ff2a9d;--cyber-warning: #ffd166;--cyber-danger: #ff4d5e;--cyber-success: #3dffd4;--cyber-text: #eadcf7;--cyber-text-dim: #9b84b5;--cyber-text-on-primary: #1a0526}[data-cyber-theme=ghost]{--cyber-bg: #dde6ec;--cyber-surface: #edf3f6;--cyber-surface-glass: rgba(237, 243, 246, .85);--cyber-primary: #0090b3;--cyber-accent: #d6336c;--cyber-warning: #b25e00;--cyber-danger: #d90429;--cyber-success: #0a8a5f;--cyber-text: #15232c;--cyber-text-dim: #52697a;--cyber-text-on-primary: #f0fbff;--cyber-shade: #26404f}.cyber-screen{background:var(--cyber-bg);color:var(--cyber-text);font-family:var(--cyber-font-body)}.cyber-heading{margin:0;font-family:var(--cyber-font-display);font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--cyber-text);text-shadow:0 0 8px var(--cyber-glow-color)}.cyber-label{font-family:var(--cyber-font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.22em;color:var(--cyber-text-dim)}.cyber-text{font-family:var(--cyber-font-body);color:var(--cyber-text);line-height:1.55}.cyber-text--dim{color:var(--cyber-text-dim)}.cyber-terminal{font-family:var(--cyber-font-mono);color:var(--cyber-primary);text-shadow:0 0 6px var(--cyber-glow-color)}.cyber-btn{--_clip: calc(var(--cyber-clip) * .75);position:relative;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--cyber-space-2);padding:.55em 1.5em;border:var(--cyber-border-width) solid var(--cyber-border);background:var(--cyber-tint);color:var(--cyber-primary);font-family:var(--cyber-font-display);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;clip-path:polygon(var(--_clip) 0,100% 0,100% calc(100% - var(--_clip)),calc(100% - var(--_clip)) 100%,0 100%,0 var(--_clip));transition:background .15s ease,color .15s ease,box-shadow .15s ease,text-shadow .15s ease}.cyber-btn:hover,.cyber-btn:focus-visible{background:color-mix(in srgb,var(--cyber-primary) 18%,transparent);box-shadow:inset 0 0 14px var(--cyber-glow-color);text-shadow:0 0 8px var(--cyber-glow-color)}.cyber-btn:focus-visible{outline:2px solid var(--cyber-primary);outline-offset:-4px}.cyber-btn:active{background:color-mix(in srgb,var(--cyber-primary) 30%,transparent);transform:translateY(1px) scale(.985)}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.cyber-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(105deg,transparent 40%,color-mix(in srgb,var(--cyber-highlight) 22%,transparent) 50%,transparent 60%);transform:translate(-130%)}.cyber-btn:hover:after{transform:translate(130%);transition:transform .5s ease}}.cyber-btn:disabled,.cyber-btn[aria-disabled=true]{opacity:.4;pointer-events:none}.cyber-btn--primary{background:var(--cyber-primary);color:var(--cyber-text-on-primary);border-color:var(--cyber-primary)}.cyber-btn--primary:hover,.cyber-btn--primary:focus-visible{background:color-mix(in srgb,var(--cyber-primary) 85%,var(--cyber-highlight));color:var(--cyber-text-on-primary);box-shadow:inset 0 0 10px color-mix(in srgb,var(--cyber-highlight) 35%,transparent);text-shadow:none}.cyber-btn--danger{--cyber-primary: var(--cyber-danger);--cyber-border: color-mix(in srgb, var(--cyber-danger) 50%, transparent);--cyber-tint: color-mix(in srgb, var(--cyber-danger) 8%, transparent);--cyber-glow-color: color-mix(in srgb, var(--cyber-danger) 55%, transparent);color:var(--cyber-danger)}.cyber-btn--sm{font-size:.72rem;padding:.4em 1.1em}.cyber-btn--lg{font-size:1rem;padding:.7em 2em}.cyber-glow{display:inline-block;filter:drop-shadow(0 0 8px var(--cyber-glow-color))}.cyber-link{position:relative;-webkit-tap-highlight-color:transparent;display:inline-block;font-family:var(--cyber-font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;color:var(--cyber-primary);text-decoration:none;padding-bottom:2px;transition:text-shadow .15s ease}.cyber-link:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--cyber-primary);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.cyber-link:hover,.cyber-link:focus-visible{text-shadow:0 0 8px var(--cyber-glow-color)}.cyber-link:hover:after,.cyber-link:focus-visible:after{transform:scaleX(1)}.cyber-link:focus-visible{outline:1px solid var(--cyber-border);outline-offset:3px}.cyber-link--accent{color:var(--cyber-accent)}.cyber-link--accent:after{background:var(--cyber-accent)}.cyber-card{display:flex;flex-direction:column;background:var(--cyber-surface-glass);border:var(--cyber-border-width) solid var(--cyber-border-dim);border-top-color:var(--cyber-border);color:var(--cyber-text);font-family:var(--cyber-font-body);clip-path:polygon(var(--cyber-clip) 0,100% 0,100% calc(100% - var(--cyber-clip)),calc(100% - var(--cyber-clip)) 100%,0 100%,0 var(--cyber-clip));background-image:linear-gradient(135deg,transparent calc(50% - 1px),var(--cyber-border) calc(50% - 1px),var(--cyber-border) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(135deg,transparent calc(50% - 1px),var(--cyber-border) calc(50% - 1px),var(--cyber-border) calc(50% + 1px),transparent calc(50% + 1px));background-repeat:no-repeat;background-size:var(--cyber-clip) var(--cyber-clip);background-position:top left,bottom right;box-shadow:inset 0 0 0 transparent;transition:box-shadow .2s ease,border-color .2s ease}.cyber-card:hover{border-color:var(--cyber-border);box-shadow:inset 0 0 24px color-mix(in srgb,var(--cyber-primary) 10%,transparent)}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.cyber-card{transition:box-shadow .2s ease,border-color .2s ease,transform .25s ease}.cyber-card:hover{transform:translateY(-4px)}.cyber-card__media img,.cyber-card__media ::slotted(img){transition:transform .45s ease}.cyber-card:hover .cyber-card__media img,.cyber-card:hover .cyber-card__media ::slotted(img){transform:scale(1.05)}}.cyber-card__media{position:relative;margin:0;aspect-ratio:16 / 9;overflow:hidden;border-bottom:var(--cyber-border-width) solid var(--cyber-border)}.cyber-card__media img,.cyber-card__media ::slotted(img){display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.05)}.cyber-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,color-mix(in srgb,var(--cyber-surface) 65%,transparent),transparent 55%),repeating-linear-gradient(to bottom,color-mix(in srgb,var(--cyber-shade) 18%,transparent) 0 1px,transparent 1px 3px)}.cyber-card__body{display:flex;flex-direction:column;gap:var(--cyber-space-2);padding:var(--cyber-space-3);flex:1}.cyber-card__title{margin:0;font-family:var(--cyber-font-display);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--cyber-text);text-shadow:0 0 8px var(--cyber-glow-color)}.cyber-card__title:after{content:"";display:block;margin-top:var(--cyber-space-2);width:2.5rem;height:2px;background:linear-gradient(to right,var(--cyber-primary),transparent)}.cyber-card__content{margin:0;color:var(--cyber-text-dim);font-size:.92rem;line-height:1.55}.cyber-card__footer{display:flex;gap:var(--cyber-space-3);align-items:center;padding:var(--cyber-space-2) var(--cyber-space-3);border-top:var(--cyber-border-width) solid var(--cyber-border-dim);background:color-mix(in srgb,var(--cyber-primary) 4%,transparent)}.cyber-panel{position:relative;background:var(--cyber-surface-glass);border:var(--cyber-border-width) solid var(--cyber-border-dim);color:var(--cyber-text);font-family:var(--cyber-font-body)}.cyber-panel:before,.cyber-panel:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;transition:width .2s ease,height .2s ease}@media(hover:hover)and (pointer:fine){.cyber-panel:hover:before,.cyber-panel:hover:after{width:26px;height:26px}}.cyber-panel:before{top:-2px;left:-2px;border-top:2px solid var(--cyber-primary);border-left:2px solid var(--cyber-primary)}.cyber-panel:after{bottom:-2px;right:-2px;border-bottom:2px solid var(--cyber-primary);border-right:2px solid var(--cyber-primary)}.cyber-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--cyber-space-3);padding:var(--cyber-space-2) var(--cyber-space-3);background:linear-gradient(to right,color-mix(in srgb,var(--cyber-primary) 14%,transparent),transparent 70%);border-bottom:var(--cyber-border-width) solid var(--cyber-border-dim);font-family:var(--cyber-font-display);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;text-shadow:0 0 8px var(--cyber-glow-color)}.cyber-panel__body{padding:var(--cyber-space-3)}.cyber-badge{display:inline-flex;align-items:center;gap:.45em;padding:.2em .7em;border:1px solid var(--cyber-border);background:var(--cyber-tint);color:var(--cyber-primary);font-family:var(--cyber-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}.cyber-badge:before{content:"";width:6px;height:6px;background:currentColor;box-shadow:0 0 6px currentColor}.cyber-badge--accent{--cyber-primary: var(--cyber-accent);color:var(--cyber-accent);border-color:color-mix(in srgb,var(--cyber-accent) 50%,transparent);background:color-mix(in srgb,var(--cyber-accent) 8%,transparent)}.cyber-badge--warning{color:var(--cyber-warning);border-color:color-mix(in srgb,var(--cyber-warning) 50%,transparent);background:color-mix(in srgb,var(--cyber-warning) 8%,transparent)}.cyber-badge--danger{color:var(--cyber-danger);border-color:color-mix(in srgb,var(--cyber-danger) 50%,transparent);background:color-mix(in srgb,var(--cyber-danger) 8%,transparent)}.cyber-badge--solid{background:var(--cyber-primary);color:var(--cyber-text-on-primary)}.cyber-badge--solid:before{box-shadow:none}.cyber-divider{display:flex;align-items:center;gap:var(--cyber-space-3);margin:var(--cyber-space-3) 0;border:0;height:auto;font-family:var(--cyber-font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.25em;color:var(--cyber-text-dim)}.cyber-divider:before,.cyber-divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--cyber-border) 30%,var(--cyber-border) 70%,transparent)}hr.cyber-divider:after{display:none}hr.cyber-divider:before{background:linear-gradient(to right,var(--cyber-primary),transparent)}.cyber-field{display:flex;flex-direction:column;gap:var(--cyber-space-1)}.cyber-field>label{font-family:var(--cyber-font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.22em;color:var(--cyber-text-dim)}.cyber-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;box-sizing:border-box;padding:.55em .9em;background:color-mix(in srgb,var(--cyber-primary) 4%,transparent);border:var(--cyber-border-width) solid var(--cyber-border-dim);border-left:2px solid var(--cyber-border);color:var(--cyber-text);font-family:var(--cyber-font-mono);font-size:.9rem;letter-spacing:.04em;caret-color:var(--cyber-primary);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.cyber-input::placeholder{color:var(--cyber-text-dim);opacity:.7;text-transform:uppercase;letter-spacing:.1em;font-size:.8em}.cyber-input:hover{border-color:var(--cyber-border)}.cyber-input:focus{outline:none;border-color:var(--cyber-primary);background:var(--cyber-tint);box-shadow:inset 0 0 12px color-mix(in srgb,var(--cyber-primary) 10%,transparent),0 0 8px var(--cyber-glow-color)}.cyber-input:disabled{opacity:.4;cursor:not-allowed}.cyber-input:user-invalid{border-color:var(--cyber-danger);border-left-color:var(--cyber-danger)}textarea.cyber-input{resize:vertical;min-height:5em;line-height:1.5}.cyber-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;box-sizing:border-box;padding:.55em 2.4em .55em .9em;background-color:color-mix(in srgb,var(--cyber-primary) 4%,transparent);background-image:linear-gradient(45deg,transparent 50%,var(--cyber-primary) 50%),linear-gradient(135deg,var(--cyber-primary) 50%,transparent 50%);background-position:calc(100% - 1.2em) 50%,calc(100% - .85em) 50%;background-size:.35em .35em;background-repeat:no-repeat;border:var(--cyber-border-width) solid var(--cyber-border-dim);border-left:2px solid var(--cyber-border);color:var(--cyber-text);font-family:var(--cyber-font-mono);font-size:.9rem;letter-spacing:.04em;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.cyber-select:hover{border-color:var(--cyber-border)}.cyber-select:focus{outline:none;border-color:var(--cyber-primary);box-shadow:0 0 8px var(--cyber-glow-color)}.cyber-select:disabled{opacity:.4;cursor:not-allowed}.cyber-select option{background:var(--cyber-surface);color:var(--cyber-text)}.cyber-checkbox{display:inline-flex;align-items:center;gap:var(--cyber-space-2);font-family:var(--cyber-font-body);color:var(--cyber-text);cursor:pointer;-webkit-user-select:none;user-select:none}.cyber-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;width:1.1em;height:1.1em;flex:none;border:var(--cyber-border-width) solid var(--cyber-border);background:var(--cyber-tint);clip-path:polygon(3px 0,100% 0,100% calc(100% - 3px),calc(100% - 3px) 100%,0 100%,0 3px);display:grid;place-content:center;cursor:pointer;transition:background .12s ease,box-shadow .12s ease}.cyber-checkbox input[type=checkbox]:before{content:"";width:.55em;height:.55em;background:var(--cyber-primary);box-shadow:0 0 6px var(--cyber-glow-color);transform:scale(0);transition:transform .12s ease}.cyber-checkbox input[type=checkbox]:checked:before{transform:scale(1)}.cyber-checkbox input[type=checkbox]:focus-visible{outline:1px solid var(--cyber-primary);outline-offset:2px}.cyber-checkbox input[type=checkbox]:disabled{opacity:.4;cursor:not-allowed}.cyber-checkbox:hover input[type=checkbox]:not(:disabled){box-shadow:inset 0 0 8px color-mix(in srgb,var(--cyber-primary) 15%,transparent)}.cyber-radio{display:inline-flex;align-items:center;gap:var(--cyber-space-2);font-family:var(--cyber-font-body);color:var(--cyber-text);cursor:pointer;-webkit-user-select:none;user-select:none}.cyber-radio input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;width:1.1em;height:1.1em;flex:none;border:var(--cyber-border-width) solid var(--cyber-border);background:var(--cyber-tint);transform:rotate(45deg);display:grid;place-content:center;cursor:pointer;transition:box-shadow .12s ease}.cyber-radio input[type=radio]:before{content:"";width:.5em;height:.5em;background:var(--cyber-primary);box-shadow:0 0 6px var(--cyber-glow-color);transform:scale(0);transition:transform .12s ease}.cyber-radio input[type=radio]:checked:before{transform:scale(1)}.cyber-radio input[type=radio]:focus-visible{outline:1px solid var(--cyber-primary);outline-offset:3px}.cyber-radio input[type=radio]:disabled{opacity:.4;cursor:not-allowed}.cyber-radio:hover input[type=radio]:not(:disabled){box-shadow:0 0 8px var(--cyber-glow-color)}.cyber-modal{padding:0;border:var(--cyber-border-width) solid var(--cyber-border);background:var(--cyber-surface);color:var(--cyber-text);font-family:var(--cyber-font-body);min-width:min(26rem,90vw);max-width:min(36rem,92vw);clip-path:polygon(var(--cyber-clip) 0,100% 0,100% calc(100% - var(--cyber-clip)),calc(100% - var(--cyber-clip)) 100%,0 100%,0 var(--cyber-clip));box-shadow:inset 0 0 40px color-mix(in srgb,var(--cyber-primary) 6%,transparent)}.cyber-modal::backdrop{background:var(--cyber-scrim, rgba(2, 6, 12, .7));-webkit-backdrop-filter:blur(3px) saturate(1.2);backdrop-filter:blur(3px) saturate(1.2)}.cyber-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--cyber-space-3);padding:var(--cyber-space-2) var(--cyber-space-3);background:linear-gradient(to right,color-mix(in srgb,var(--cyber-primary) 16%,transparent),transparent 75%);border-bottom:var(--cyber-border-width) solid var(--cyber-border-dim);font-family:var(--cyber-font-display);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;text-shadow:0 0 8px var(--cyber-glow-color)}.cyber-modal__close{all:unset;cursor:pointer;font-family:var(--cyber-font-mono);font-size:1rem;line-height:1;padding:.2em .45em;color:var(--cyber-text-dim);border:1px solid transparent;transition:color .15s ease,border-color .15s ease,text-shadow .15s ease}.cyber-modal__close:hover{color:var(--cyber-danger);text-shadow:0 0 8px color-mix(in srgb,var(--cyber-danger) 60%,transparent)}.cyber-modal__close:focus-visible{border-color:var(--cyber-border);color:var(--cyber-primary)}.cyber-modal__body{padding:var(--cyber-space-3);color:var(--cyber-text-dim);line-height:1.55}.cyber-modal__footer{display:flex;justify-content:flex-end;gap:var(--cyber-space-2);padding:var(--cyber-space-2) var(--cyber-space-3) var(--cyber-space-3)}@media(prefers-reduced-motion:no-preference){.cyber-modal[open]{animation:cyber-modal-in .18s ease-out}@keyframes cyber-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}}.cyber-tabs__list{display:flex;gap:var(--cyber-space-1);border-bottom:var(--cyber-border-width) solid var(--cyber-border-dim)}.cyber-tabs__panels{padding-top:var(--cyber-space-3)}.cyber-tab{position:relative;-webkit-tap-highlight-color:transparent;border:0;background:transparent;padding:.55em 1.2em;font-family:var(--cyber-font-display);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--cyber-text-dim);cursor:pointer;transition:color .15s ease,text-shadow .15s ease,background .15s ease}.cyber-tab:hover{color:var(--cyber-text);background:var(--cyber-tint)}.cyber-tab:focus-visible{outline:1px solid var(--cyber-primary);outline-offset:-2px}.cyber-tab:after{content:"";position:absolute;left:0;right:0;bottom:calc(var(--cyber-border-width) * -1);height:2px;background:var(--cyber-primary);box-shadow:0 0 8px var(--cyber-glow-color);transform:scaleX(0);transition:transform .2s ease}.cyber-tab[aria-selected=true]{color:var(--cyber-primary);text-shadow:0 0 8px var(--cyber-glow-color)}.cyber-tab[aria-selected=true]:after{transform:scaleX(1)}.cyber-menu{min-width:12rem;padding:var(--cyber-space-1) 0;background:var(--cyber-surface);border:var(--cyber-border-width) solid var(--cyber-border);box-shadow:0 0 16px color-mix(in srgb,var(--cyber-shade) 60%,transparent),0 0 10px var(--cyber-glow-color);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.cyber-menu__item{-webkit-tap-highlight-color:transparent;display:block;width:100%;box-sizing:border-box;padding:.5em 1em;border:0;background:transparent;text-align:left;font-family:var(--cyber-font-mono);font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;color:var(--cyber-text);text-decoration:none;cursor:pointer;transition:background .1s ease,color .1s ease}.cyber-menu__item:hover,.cyber-menu__item:focus-visible{outline:none;background:color-mix(in srgb,var(--cyber-primary) 14%,transparent);color:var(--cyber-primary)}.cyber-menu__item:active{background:color-mix(in srgb,var(--cyber-primary) 24%,transparent)}.cyber-menu__item[aria-disabled=true]{opacity:.4;pointer-events:none}.cyber-menu__separator{height:1px;margin:var(--cyber-space-1) 0;background:var(--cyber-border-dim)}.cyber-accordion{display:flex;flex-direction:column;border:var(--cyber-border-width) solid var(--cyber-border-dim)}.cyber-accordion__trigger{all:unset;-webkit-tap-highlight-color:transparent;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--cyber-space-3);width:100%;padding:var(--cyber-space-2) var(--cyber-space-3);font-family:var(--cyber-font-display);font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--cyber-text-dim);cursor:pointer;border-top:var(--cyber-border-width) solid var(--cyber-border-dim);transition:color .15s ease,background .15s ease}.cyber-accordion__trigger:first-child,:first-child>.cyber-accordion__trigger{border-top:0}.cyber-accordion__trigger:hover{color:var(--cyber-text);background:var(--cyber-tint)}.cyber-accordion__trigger:focus-visible{outline:1px solid var(--cyber-primary);outline-offset:-2px}.cyber-accordion__trigger[aria-expanded=true]{color:var(--cyber-primary);text-shadow:0 0 8px var(--cyber-glow-color);background:linear-gradient(to right,color-mix(in srgb,var(--cyber-primary) 10%,transparent),transparent 70%)}.cyber-accordion__trigger:after{content:"";width:.45em;height:.45em;flex:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}.cyber-accordion__trigger[aria-expanded=true]:after{transform:rotate(225deg)}.cyber-accordion__region{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.cyber-accordion__region[data-open]{grid-template-rows:1fr}.cyber-accordion__region>*{overflow:hidden;min-height:0}.cyber-accordion__content{padding:0 var(--cyber-space-3);color:var(--cyber-text-dim);font-size:.92rem;line-height:1.55}.cyber-accordion__region[data-open] .cyber-accordion__content{padding:var(--cyber-space-2) var(--cyber-space-3) var(--cyber-space-3)}.cyber-progress{display:flex;flex-direction:column;gap:var(--cyber-space-1);font-family:var(--cyber-font-body)}.cyber-progress__label{display:flex;justify-content:space-between;gap:var(--cyber-space-3);font-family:var(--cyber-font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;color:var(--cyber-text-dim)}.cyber-progress__label>:last-child{color:var(--cyber-primary);text-shadow:0 0 6px var(--cyber-glow-color)}.cyber-progress__track{position:relative;height:10px;border:var(--cyber-border-width) solid var(--cyber-border-dim);background:color-mix(in srgb,var(--cyber-primary) 5%,transparent);clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px)}.cyber-progress__bar{height:100%;width:var(--cyber-progress, 0%);max-width:100%;background:linear-gradient(to right,color-mix(in srgb,var(--cyber-primary) 55%,transparent),var(--cyber-primary));box-shadow:inset 0 0 6px color-mix(in srgb,var(--cyber-highlight) 25%,transparent);transition:width .3s ease}.cyber-progress--segmented .cyber-progress__bar{-webkit-mask-image:repeating-linear-gradient(to right,#000 0 calc(100% / var(--cyber-progress-segments, 8) - 3px),transparent calc(100% / var(--cyber-progress-segments, 8) - 3px) calc(100% / var(--cyber-progress-segments, 8)));mask-image:repeating-linear-gradient(to right,#000 0 calc(100% / var(--cyber-progress-segments, 8) - 3px),transparent calc(100% / var(--cyber-progress-segments, 8) - 3px) calc(100% / var(--cyber-progress-segments, 8)))}.cyber-progress--striped .cyber-progress__bar{background-image:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--cyber-highlight) 16%,transparent) 0 6px,transparent 6px 12px),linear-gradient(to right,color-mix(in srgb,var(--cyber-primary) 55%,transparent),var(--cyber-primary))}@media(prefers-reduced-motion:no-preference){.cyber-progress--striped .cyber-progress__bar{animation:cyber-progress-stripes 1.2s linear infinite}}@keyframes cyber-progress-stripes{0%{background-position:0 0,0 0}to{background-position:17px 0,0 0}}.cyber-progress--accent{--cyber-primary: var(--cyber-accent);--cyber-border-dim: color-mix(in srgb, var(--cyber-accent) 20%, transparent);--cyber-glow-color: color-mix(in srgb, var(--cyber-accent) 55%, transparent)}.cyber-progress--warning{--cyber-primary: var(--cyber-warning);--cyber-border-dim: color-mix(in srgb, var(--cyber-warning) 20%, transparent);--cyber-glow-color: color-mix(in srgb, var(--cyber-warning) 55%, transparent)}.cyber-progress--danger{--cyber-primary: var(--cyber-danger);--cyber-border-dim: color-mix(in srgb, var(--cyber-danger) 20%, transparent);--cyber-glow-color: color-mix(in srgb, var(--cyber-danger) 55%, transparent)}.cyber-progress--success{--cyber-primary: var(--cyber-success);--cyber-border-dim: color-mix(in srgb, var(--cyber-success) 20%, transparent);--cyber-glow-color: color-mix(in srgb, var(--cyber-success) 55%, transparent)}.cyber-stat{display:flex;flex-direction:column;gap:.15em;padding-left:var(--cyber-space-2);border-left:2px solid var(--cyber-border);font-family:var(--cyber-font-body)}.cyber-stat__label{font-family:var(--cyber-font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.22em;color:var(--cyber-text-dim)}.cyber-stat__value{font-family:var(--cyber-font-display);font-size:1.6rem;font-weight:600;line-height:1.1;color:var(--cyber-text);text-shadow:0 0 10px var(--cyber-glow-color);font-variant-numeric:tabular-nums}.cyber-stat__delta{font-family:var(--cyber-font-mono);font-size:.75rem;letter-spacing:.1em;color:var(--cyber-text-dim);font-variant-numeric:tabular-nums}.cyber-stat__delta:before{margin-right:.3em}.cyber-stat__delta--up{color:var(--cyber-success);text-shadow:0 0 6px color-mix(in srgb,var(--cyber-success) 50%,transparent)}.cyber-stat__delta--up:before{content:"▲";font-size:.7em}.cyber-stat__delta--down{color:var(--cyber-danger);text-shadow:0 0 6px color-mix(in srgb,var(--cyber-danger) 50%,transparent)}.cyber-stat__delta--down:before{content:"▼";font-size:.7em}.cyber-tooltip{position:relative;display:inline-block}.cyber-tooltip:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%) translateY(4px);z-index:60;width:max-content;max-width:240px;padding:.45em .8em;background:var(--cyber-surface);border:var(--cyber-border-width) solid var(--cyber-border);border-left:2px solid var(--cyber-primary);box-shadow:0 0 14px color-mix(in srgb,var(--cyber-shade) 55%,transparent),0 0 8px var(--cyber-glow-color);font-family:var(--cyber-font-mono);font-size:.72rem;font-weight:400;letter-spacing:.08em;text-transform:none;line-height:1.4;color:var(--cyber-text);white-space:pre-line;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.cyber-tooltip:hover:after,.cyber-tooltip:focus-within:after,.cyber-tooltip:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.cyber-tooltip--bottom:after{bottom:auto;top:calc(100% + 10px);transform:translate(-50%) translateY(-4px)}.cyber-tooltip--bottom:hover:after,.cyber-tooltip--bottom:focus-within:after{transform:translate(-50%) translateY(0)}.cyber-tooltip--right:after{left:calc(100% + 10px);bottom:auto;top:50%;transform:translateY(-50%) translate(-4px)}.cyber-tooltip--right:hover:after,.cyber-tooltip--right:focus-within:after{transform:translateY(-50%) translate(0)}.cyber-tooltip--left:after{left:auto;right:calc(100% + 10px);bottom:auto;top:50%;transform:translateY(-50%) translate(4px)}.cyber-tooltip--left:hover:after,.cyber-tooltip--left:focus-within:after{transform:translateY(-50%) translate(0)}.cyber-toast{display:flex;align-items:flex-start;gap:var(--cyber-space-2);min-width:260px;max-width:360px;padding:var(--cyber-space-2) var(--cyber-space-2) var(--cyber-space-2) var(--cyber-space-3);background-color:color-mix(in srgb,var(--cyber-surface) 80%,transparent);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);border:var(--cyber-border-width) solid var(--cyber-border);border-left:3px solid var(--cyber-primary);box-shadow:inset 0 0 18px color-mix(in srgb,var(--cyber-primary) 6%,transparent);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);font-family:var(--cyber-font-body);color:var(--cyber-text)}.cyber-toast__body{flex:1;display:flex;flex-direction:column;gap:.2em}.cyber-toast__title{font-family:var(--cyber-font-display);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--cyber-primary);text-shadow:0 0 8px var(--cyber-glow-color)}.cyber-toast__message{font-size:.88rem;line-height:1.45;color:var(--cyber-text-dim)}.cyber-toast__close{all:unset;cursor:pointer;flex:none;padding:.1em .35em;font-family:var(--cyber-font-mono);font-size:.85rem;line-height:1;color:var(--cyber-text-dim);transition:color .15s ease,text-shadow .15s ease}.cyber-toast__close:hover,.cyber-toast__close:focus-visible{color:var(--cyber-primary);text-shadow:0 0 8px var(--cyber-glow-color)}.cyber-toast--success{--cyber-primary: var(--cyber-success);--cyber-border: color-mix(in srgb, var(--cyber-success) 50%, transparent);--cyber-glow-color: color-mix(in srgb, var(--cyber-success) 55%, transparent)}.cyber-toast--warning{--cyber-primary: var(--cyber-warning);--cyber-border: color-mix(in srgb, var(--cyber-warning) 50%, transparent);--cyber-glow-color: color-mix(in srgb, var(--cyber-warning) 55%, transparent)}.cyber-toast--danger{--cyber-primary: var(--cyber-danger);--cyber-border: color-mix(in srgb, var(--cyber-danger) 50%, transparent);--cyber-glow-color: color-mix(in srgb, var(--cyber-danger) 55%, transparent)}@media(prefers-reduced-motion:no-preference){.cyber-toast{animation:cyber-toast-in .2s ease-out}.cyber-toast[data-leaving]{animation:cyber-toast-out .18s ease-in forwards}}@keyframes cyber-toast-in{0%{opacity:0;transform:translate(24px)}}@keyframes cyber-toast-out{to{opacity:0;transform:translate(24px)}}.cyber-fx-scanlines{position:relative}.cyber-fx-scanlines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--cyber-shade) 22%,transparent) 0 1px,transparent 1px 3px);mix-blend-mode:multiply}.cyber-fx-glitch{position:relative}.cyber-fx-glitch:before,.cyber-fx-glitch:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;clip-path:inset(50% 0 50% 0)}.cyber-fx-glitch:before{color:var(--cyber-accent);transform:translate(-2px)}.cyber-fx-glitch:after{color:var(--cyber-primary);transform:translate(2px)}.cyber-fx-holo{background:linear-gradient(110deg,var(--cyber-primary) 20%,var(--cyber-highlight) 38%,var(--cyber-accent) 52%,var(--cyber-primary) 70%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}.cyber-glass{background-color:color-mix(in srgb,var(--cyber-surface) 52%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.cyber-fx-reveal{animation:cyber-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 70%}}}@keyframes cyber-reveal{0%{opacity:0;transform:translateY(28px);filter:brightness(2.2)}}.cyber-fx-grid{position:relative;isolation:isolate}.cyber-fx-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--cyber-border-dim) 1px,transparent 1px),linear-gradient(90deg,var(--cyber-border-dim) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 35%);mask-image:linear-gradient(to bottom,transparent,#000 35%);transform:perspective(60vh) rotateX(38deg);transform-origin:bottom}@media(prefers-reduced-motion:no-preference){.cyber-fx-glitch:before{animation:cyber-glitch-a 3.2s infinite steps(1)}.cyber-fx-glitch:after{animation:cyber-glitch-b 2.7s infinite steps(1)}.cyber-fx-flicker{animation:cyber-flicker 4s infinite}.cyber-fx-holo{animation:cyber-holo 5s linear infinite}}@keyframes cyber-glitch-a{0%,92%{clip-path:inset(50% 0 50% 0)}93%{clip-path:inset(12% 0 78% 0)}95%{clip-path:inset(64% 0 22% 0)}97%{clip-path:inset(34% 0 51% 0)}99%{clip-path:inset(80% 0 6% 0)}to{clip-path:inset(50% 0 50% 0)}}@keyframes cyber-glitch-b{0%,90%{clip-path:inset(50% 0 50% 0)}91%{clip-path:inset(72% 0 15% 0)}94%{clip-path:inset(22% 0 68% 0)}96%{clip-path:inset(55% 0 30% 0)}98%{clip-path:inset(8% 0 82% 0)}to{clip-path:inset(50% 0 50% 0)}}@keyframes cyber-flicker{0%,to{opacity:1}3%{opacity:.82}3.5%{opacity:1}41%{opacity:1}41.5%{opacity:.74}42%{opacity:1}77%{opacity:1}77.3%{opacity:.9}77.6%{opacity:1}}@keyframes cyber-holo{0%{background-position:0% 0}to{background-position:-220% 0}}body{margin:0;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:.75rem clamp(1rem,4vw,3rem);background:color-mix(in srgb,var(--cyber-bg) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--cyber-border-width) solid var(--cyber-border-dim)}.site-header__brand{font-size:1.1rem;text-decoration:none;margin:0}.site-nav{display:flex;gap:1.25rem;flex-wrap:wrap;align-items:center}.site-nav .cyber-link[aria-current=page]{color:var(--cyber-primary);text-shadow:0 0 8px var(--cyber-glow-color)}.site-header__spacer{flex:1}.site-main{flex:1;width:100%;max-width:76rem;margin:0 auto;padding:2rem clamp(1rem,4vw,3rem) 6rem;box-sizing:border-box}.site-section{margin-top:3.5rem}.site-lead{max-width:46rem;margin:.5rem 0 0}.site-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1rem}.site-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1rem}.site-grid--wide{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.site-hero{padding:clamp(3rem,9vh,6rem) 0 2rem;text-align:center}.site-hero__title{font-size:clamp(2.4rem,7vw,4.5rem);margin:0}.site-hero__tagline{font-size:clamp(1rem,2.4vw,1.3rem);max-width:44rem;margin:1rem auto 0}.site-hero__terminal{margin:1.25rem auto 0}.site-hero__actions{justify-content:center;margin-top:2rem}.site-hero__install{display:inline-flex;align-items:center;gap:1rem;margin-top:2rem;padding:.6rem 1rem;border:var(--cyber-border-width) solid var(--cyber-border-dim);background:var(--cyber-tint)}.site-hero__install code{font-family:var(--cyber-font-mono);color:var(--cyber-primary);font-size:.95rem}.site-stats{justify-content:center;gap:clamp(1.5rem,5vw,4rem);margin-top:3rem}.site-code{position:relative;margin-top:.5rem}.site-code pre{margin:0;padding:1rem;overflow-x:auto;background:color-mix(in srgb,var(--cyber-shade) 35%,var(--cyber-surface));border:var(--cyber-border-width) solid var(--cyber-border-dim);font-family:var(--cyber-font-mono);font-size:.82rem;line-height:1.55;color:var(--cyber-text)}.site-code__copy{position:absolute;top:.5rem;right:.5rem}.site-demo__stage{margin-top:1rem}.site-demo__code{margin-top:1.25rem}.site-note{margin:.4rem 0 0;font-size:.85rem}.site-glass-stage{position:relative;margin-top:1rem;padding:clamp(1.5rem,4vw,3rem);background:radial-gradient(circle at 20% 30%,#ff2a6d55,transparent 40%),radial-gradient(circle at 80% 20%,#00e5ff44,transparent 45%),radial-gradient(circle at 60% 85%,#ffc85733,transparent 40%),repeating-linear-gradient(45deg,#0d1a2b 0,#0d1a2b 24px,#091322 24px,#091322 48px)}.site-theme-card{background:var(--cyber-bg);border:var(--cyber-border-width) solid var(--cyber-border-dim);padding:1.25rem}.site-theme-card__swatches{display:flex;gap:.5rem;margin-top:1rem}.site-theme-card__swatch{width:1.5rem;height:1.5rem;border:1px solid color-mix(in srgb,var(--cyber-highlight) 25%,transparent)}.site-footer{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;padding:1.5rem clamp(1rem,4vw,3rem);border-top:var(--cyber-border-width) solid var(--cyber-border-dim)}