:root{--magenta-50:#ffe5ff;--magenta-100:#ffc2ff;--magenta-200:#f9f;--magenta-300:#f6f;--magenta-400:#f3f;--magenta-500:#f0f;--magenta-600:#d600d6;--magenta-700:#a800a8;--magenta-800:purple;--magenta-900:#570057;--magenta-950:#303;--solar-50:#fffce5;--solar-100:#fff5b8;--solar-200:#ffee8a;--solar-300:#ffe65c;--solar-400:#ffde2e;--solar-500:#ffd60a;--solar-600:#d6b208;--solar-700:#a88d06;--solar-800:#806c04;--solar-900:#574903;--solar-950:#332b02;--cyan-50:#e5fbff;--cyan-100:#b8f6ff;--cyan-200:#8af0ff;--cyan-300:#5ce9ff;--cyan-400:#2ee2ff;--cyan-500:#00e5ff;--cyan-600:#00b8cc;--cyan-700:#008fa0;--cyan-800:#006b78;--cyan-900:#00474d;--cyan-950:#002a2e;--acid-50:#f2ffe5;--acid-100:#deffb8;--acid-200:#caff8a;--acid-300:#b7ff5c;--acid-400:#a3ff2e;--acid-500:#7cff00;--acid-600:#6c0;--acid-700:#4d9900;--acid-800:#3a7300;--acid-900:#274d00;--acid-950:#172e00;--ember-50:#ffeee5;--ember-100:#ffd2b8;--ember-200:#ffb68a;--ember-300:#ff9b5c;--ember-400:#ff7f2e;--ember-500:#ff6b35;--ember-600:#d45929;--ember-700:#a8431c;--ember-800:#802f13;--ember-900:#57200c;--ember-950:#331205;--neutral-50:#fafafb;--neutral-100:#eeeef1;--neutral-200:#d7d7dc;--neutral-300:#b0b0b8;--neutral-400:#82828a;--neutral-500:#6b6b72;--neutral-600:#50505a;--neutral-700:#3a3a42;--neutral-800:#26262b;--neutral-900:#1c1c22;--neutral-950:#131318;--neutral-1000:#0a0a0d;--neutral-void:#000;--success-50:#e5fcef;--success-100:#b8f5d2;--success-200:#8aedb6;--success-300:#5ce69a;--success-400:#2ede7d;--success-500:#00e676;--success-600:#00b85d;--success-700:#008a46;--success-800:#006534;--success-900:#004423;--success-950:#002915;--warning-50:#fff8e5;--warning-100:#ffeab8;--warning-200:#ffdc8a;--warning-300:#ffce5c;--warning-400:#ffc02e;--warning-500:#ffb300;--warning-600:#d69500;--warning-700:#a87600;--warning-800:#805900;--warning-900:#573d00;--warning-950:#332400;--danger-50:#ffe5eb;--danger-100:#ffb8c5;--danger-200:#ff8aa0;--danger-300:#ff5c7a;--danger-400:#ff4c6b;--danger-500:#ff3b5c;--danger-600:#d62e4a;--danger-700:#a82338;--danger-800:#801a29;--danger-900:#57111c;--danger-950:#330a10;--info-50:#e5efff;--info-100:#b8d2ff;--info-200:#8ab5ff;--info-300:#5c99ff;--info-400:#4f94ff;--info-500:#3f8eff;--info-600:#2c71d6;--info-700:#1f58a8;--info-800:#174180;--info-900:#0f2c57;--info-950:#091a33;--onebit-black:#000;--onebit-white:#fff;--texture-02:hsla(0,0%,100%,.02);--texture-03:hsla(0,0%,100%,.03);--texture-04:hsla(0,0%,100%,.04);--texture-05:hsla(0,0%,100%,.05);--texture-06:hsla(0,0%,100%,.06);--texture-07:hsla(0,0%,100%,.07);--texture-08:hsla(0,0%,100%,.08);--texture-09:hsla(0,0%,100%,.09);--texture-13:hsla(0,0%,100%,.13);--texture-19:hsla(0,0%,100%,.19);--texture-38:hsla(0,0%,100%,.38);--texture-50:hsla(0,0%,100%,.5);--texture-solid:#fff;--texture-noise-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' fill='%23fff' filter='url(%23a)' opacity='.04'/%3E%3C/svg%3E");--brand-primary:var(--magenta-500);--brand-primary-hover:var(--magenta-400);--brand-primary-active:var(--magenta-600);--brand-primary-muted:var(--magenta-800);--brand-primary-subtle:var(--magenta-950);--brand-primary-glow:color-mix(in srgb,var(--magenta-500) 25%,transparent);--text-on-brand:var(--neutral-void);--brand-primary-soft:var(--magenta-400);--brand-primary-deep:var(--magenta-700);--bg-void:var(--neutral-void);--bg-base:var(--neutral-1000);--bg-elevated:var(--neutral-950);--bg-raised:var(--neutral-900);--bg-overlay:var(--neutral-800);--bg-pressed:var(--neutral-700);--bg-translucent:hsla(0,0%,100%,.04);--text-primary:var(--neutral-50);--text-secondary:var(--neutral-300);--text-tertiary:var(--neutral-500);--text-placeholder:var(--neutral-500);--text-disabled:var(--neutral-700);--text-inverse:var(--neutral-void);--border-subtle:hsla(0,0%,100%,.06);--border-default:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.18);--border-focus:var(--magenta-500);--border-brand:var(--magenta-500);--status-success:var(--success-500);--status-success-bg:var(--success-950);--status-success-fg:var(--success-300);--status-warning:var(--warning-500);--status-warning-bg:var(--warning-950);--status-warning-fg:var(--warning-300);--status-danger:var(--danger-500);--status-danger-bg:var(--danger-950);--status-danger-fg:var(--danger-300);--status-info:var(--info-500);--status-info-bg:var(--info-950);--status-info-fg:var(--info-300);--status-neutral:var(--neutral-400);--status-neutral-bg:var(--neutral-900);--status-neutral-fg:var(--neutral-300);--accent-square:var(--magenta-500);--accent-triangle:var(--solar-500);--accent-circle:var(--cyan-500);--accent-grid:var(--acid-500);--accent-line:var(--ember-500);--font-sans:"Geist",system-ui,-apple-system,sans-serif;--font-mono:"Geist Mono",ui-monospace,"SF Mono",menlo,monospace;--font-pixel:"Geist Pixel",monospace;--text-display:clamp(48px,8vw,160px);--text-7xl:7.5rem;--text-6xl:5.5rem;--text-5xl:4rem;--text-4xl:3rem;--text-3xl:2.25rem;--text-2xl:1.75rem;--text-xl:1.375rem;--text-lg:1.125rem;--text-base:1rem;--text-sm:.875rem;--text-xs:.75rem;--text-2xs:.625rem;--text-h1:4rem;--text-h2:3rem;--text-h3:2rem;--text-h4:1.5rem;--text-body-lg:1.125rem;--text-body:1rem;--text-body-sm:.875rem;--text-caption:.75rem;--text-mono-label:.6875rem;--text-mono-body:.8125rem;--leading-none:1;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tightest:-.04em;--tracking-tighter:-.02em;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.02em;--tracking-wider:.06em;--tracking-widest:.14em;--weight-thin:100;--weight-extralight:200;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 12px rgba(0,0,0,.5);--shadow-lg:0 12px 32px rgba(0,0,0,.6);--shadow-xl:0 24px 64px rgba(0,0,0,.7);--shadow-glow:0 0 0 1px var(--brand-primary),0 0 24px var(--brand-primary-glow);--shadow-inset:inset 0 1px 0 hsla(0,0%,100%,.04);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--duration-instant:80ms;--duration-fast:.15s;--duration-base:.24s;--duration-slow:.4s;--duration-slower:.64s;--container-sm:640px;--container-md:960px;--container-lg:1200px;--container-xl:1440px;--grid-gutter:var(--space-6);--z-base:0;--z-raised:10;--z-sticky:100;--z-overlay:200;--z-modal:300;--z-toast:400;--z-max:999}.btn-modern{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:var(--text-mono-label);font-weight:500;gap:10px;justify-content:center;letter-spacing:.12em;line-height:1.2;padding:12px 20px;position:relative;text-transform:uppercase;transition:background .24s ease,border-color .24s ease,box-shadow .24s ease;white-space:nowrap}.btn-modern-primary{background:var(--brand-primary);color:var(--text-on-brand)}.btn-modern-primary:hover{background:var(--brand-primary-hover);box-shadow:0 0 24px var(--brand-primary-glow)}.btn-modern-primary:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.btn-modern-primary:active{background:var(--brand-primary-active)}.btn-modern-secondary{background:var(--bg-raised);color:var(--text-primary)}.btn-modern-secondary:hover{background:var(--bg-overlay)}.btn-modern-secondary:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.btn-modern-secondary:active{background:var(--bg-pressed)}.btn-modern-ghost{background:transparent;color:var(--text-secondary)}.btn-modern-ghost:hover{background:#ffffff0f;color:var(--text-primary)}.btn-modern-ghost:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.btn-modern-glow{background:var(--brand-primary);box-shadow:0 0 20px var(--brand-primary-glow),0 0 60px var(--brand-primary-glow);color:var(--text-on-brand)}.btn-modern-glow:hover{background:var(--brand-primary-hover);box-shadow:0 0 30px var(--brand-primary-glow),0 0 80px var(--brand-primary-glow)}.btn-modern-glow:focus-visible{box-shadow:0 0 30px var(--brand-primary-glow),0 0 80px var(--brand-primary-glow);outline:2px solid var(--brand-primary);outline-offset:2px}.btn-modern-glow:active{background:var(--brand-primary-active)}.btn-modern-glow-cyan{background:var(--cyan-500);box-shadow:0 0 20px color-mix(in srgb,var(--cyan-500) 25%,transparent),0 0 60px color-mix(in srgb,var(--cyan-500) 12%,transparent);color:var(--text-on-brand)}.btn-modern-glow-cyan:hover{background:var(--cyan-400);box-shadow:0 0 30px color-mix(in srgb,var(--cyan-500) 35%,transparent),0 0 80px color-mix(in srgb,var(--cyan-500) 18%,transparent)}.btn-modern-glow-cyan:focus-visible{outline:2px solid var(--cyan-500);outline-offset:2px}.btn-modern-glow-cyan:active{background:var(--cyan-600)}.btn-modern-glow-grid{background:var(--acid-500);box-shadow:0 0 20px color-mix(in srgb,var(--acid-500) 25%,transparent),0 0 60px color-mix(in srgb,var(--acid-500) 12%,transparent);color:var(--text-on-brand)}.btn-modern-glow-grid:hover{background:var(--acid-400);box-shadow:0 0 30px color-mix(in srgb,var(--acid-500) 35%,transparent),0 0 80px color-mix(in srgb,var(--acid-500) 18%,transparent)}.btn-modern-glow-grid:focus-visible{outline:2px solid var(--acid-500);outline-offset:2px}.btn-modern-glow-grid:active{background:var(--acid-600)}.btn-modern-danger{background:transparent;border:1.5px solid var(--danger-500);color:var(--danger-500)}.btn-modern-danger:hover{background:var(--danger-500);box-shadow:0 0 20px color-mix(in srgb,var(--danger-500) 25%,transparent);color:var(--text-on-brand)}.btn-modern-danger:focus-visible{outline:2px solid var(--danger-500);outline-offset:2px}.btn-modern-danger:active{background:var(--danger-600);color:var(--text-on-brand)}.btn-modern-sm{padding:8px 16px}.btn-modern-lg{padding:16px 28px}.btn-modern-icon{height:40px;padding:0;width:40px}.btn-modern-lg-icon{height:52px;padding:0;width:52px}.btn-modern-loading{pointer-events:none;position:relative}.btn-modern-loading:before{animation:onebit-spin .6s steps(4) infinite;border:2px solid transparent;border-top-color:currentcolor;content:"";flex-shrink:0;height:14px;width:14px}.btn-modern-loading .btn-label{opacity:.6}.btn-group{display:inline-flex;gap:0}.btn-group>.btn-modern:not(:first-child){border-left:1px solid hsla(0,0%,100%,.12)}.btn-group>.btn-modern:first-child,.btn-group>.btn-modern:last-child{border-radius:0}.btn-split{display:inline-flex}.btn-split .btn-modern:last-child{border-left:1px solid hsla(0,0%,100%,.12);padding-left:12px;padding-right:12px}.input,.select-native,.textarea{background:var(--onebit-black);border:2px solid var(--onebit-white);border-radius:0;color:var(--onebit-white);font-family:var(--font-sans);font-size:14px;font-weight:500;line-height:1.5;outline:none;padding:10px 14px;transition:border-color .1s ease,box-shadow .1s ease;width:100%}.input::placeholder,.textarea::placeholder{color:#ffffff61}.input:focus,.select-native:focus,.textarea:focus{border-color:var(--magenta-500);box-shadow:4px 4px 0 var(--magenta-500)}.input.error,.select-native.error,.textarea.error{border-color:var(--danger-500);box-shadow:4px 4px 0 var(--danger-500)}.input:disabled,.textarea:disabled{cursor:not-allowed;opacity:.4}.textarea{min-height:80px;resize:vertical}.select-native{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='%23fff'%3E%3Cpath d='m1 1 5 5 5-5'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.select-native option{background:var(--onebit-black);color:var(--onebit-white)}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{color:var(--onebit-white);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.field-error,.form-label{font-family:var(--font-mono);font-size:11px}.field-error{color:var(--danger-500);margin-top:2px}.input-addon{align-items:center;background:var(--onebit-black);border:2px solid var(--onebit-white);border-right:none;color:#ffffff80;display:flex;flex-shrink:0;font-family:var(--font-mono);font-size:13px;padding:0 12px}.input-group{display:flex}.input-group .input{flex:1 1}.input-group .input:first-child{border-right:none}.input-group .input:last-child{border-left:none}.checkbox{align-items:center;color:var(--onebit-white);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:13px;font-weight:500;gap:8px;-webkit-user-select:none;user-select:none}.checkbox-box{background:var(--onebit-black);border:2px solid var(--onebit-white);border-radius:0;display:grid;flex-shrink:0;height:16px;place-items:center;transition:background .1s;width:16px}.checkbox.checked .checkbox-box{background:var(--onebit-white)}.checkbox.checked .checkbox-box:after{border:solid var(--onebit-black);border-width:0 2px 2px 0;content:"";height:8px;margin-top:-1px;transform:rotate(45deg);width:4px}.checkbox-accent.checked .checkbox-box{background:var(--magenta-500)}.checkbox-accent.checked .checkbox-box:after{border-color:var(--onebit-black)}.radio{align-items:center;color:var(--onebit-white);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:13px;font-weight:500;gap:8px;-webkit-user-select:none;user-select:none}.radio-circle{background:var(--onebit-black);border:2px solid var(--onebit-white);border-radius:0;display:grid;flex-shrink:0;height:16px;place-items:center;transition:background .1s;width:16px}.radio.selected .radio-circle{background:var(--onebit-white)}.radio.selected .radio-circle:after{background:var(--onebit-black);content:"";height:6px;width:6px}.radio-accent.selected .radio-circle{background:var(--magenta-500)}.radio-accent.selected .radio-circle:after{background:var(--onebit-black)}.toggle{align-items:center;color:var(--onebit-white);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:13px;font-weight:500;gap:8px;-webkit-user-select:none;user-select:none}.toggle-track{background:var(--onebit-black);border:2px solid var(--onebit-white);border-radius:0;flex-shrink:0;height:18px;position:relative;transition:background .1s;width:36px}.toggle-thumb{height:12px;left:1px;position:absolute;top:1px;transition:left .1s;width:12px}.toggle-thumb,.toggle.on .toggle-track{background:var(--onebit-white)}.toggle.on .toggle-thumb{background:var(--onebit-black);left:19px}.toggle-accent.on .toggle-track{background:var(--magenta-500);border-color:var(--magenta-500)}.range,.toggle-accent.on .toggle-thumb{background:var(--onebit-black)}.range{appearance:none;border:2px solid var(--onebit-white);border-radius:0;cursor:pointer;height:6px;outline:none;width:100%}.range::-webkit-slider-thumb{appearance:none;background:var(--onebit-white);border:2px solid var(--onebit-black);border-radius:0;cursor:pointer;height:16px;width:16px}.range::-moz-range-thumb{background:var(--onebit-white);border:2px solid var(--onebit-black);border-radius:0;cursor:pointer;height:16px;width:16px}.color-swatch{border:2px solid var(--onebit-white);cursor:pointer;display:inline-block;height:32px;transition:border-color .1s;width:32px}.color-swatch.selected{border-color:var(--onebit-white);box-shadow:4px 4px 0 var(--magenta-500)}.color-swatch:hover{border-color:#ffffff80}.nav{display:flex;flex-direction:column;gap:2px}.nav-item{align-items:center;border:1px solid transparent;color:var(--onebit-white);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:13px;font-weight:500;gap:10px;padding:10px 14px;text-decoration:none;transition:background .1s,color .1s}.nav-item:hover{background:#ffffff14}.nav-item.active{background:var(--onebit-white);border-color:var(--onebit-white);color:var(--onebit-black);font-weight:600}.nav-item-accent.active{background:var(--onebit-black);border-color:var(--magenta-500);color:var(--magenta-500)}.nav-item-bullet{background:#ffffff80;flex-shrink:0;height:6px;width:6px}.nav-item.active .nav-item-bullet{background:var(--onebit-black)}.tabs{border-bottom:2px solid var(--onebit-white);display:flex;gap:0}.tab{background:transparent;border:none;border-bottom:2px solid transparent;color:#ffffff61;cursor:pointer;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;margin-bottom:-2px;padding:10px 18px;text-transform:uppercase;transition:color .1s,border-color .1s}.tab.active,.tab:hover{color:var(--onebit-white)}.tab.active{border-bottom-color:var(--onebit-white)}.tab-accent.active{border-bottom-color:var(--magenta-500);color:var(--magenta-500)}.pagination{align-items:center;display:flex;gap:2px}.page-btn{align-items:center;background:var(--onebit-black);border:1px solid var(--onebit-white);color:var(--onebit-white);cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:12px;font-weight:500;height:32px;justify-content:center;min-width:32px;transition:background .1s,color .1s}.page-btn:hover{background:#ffffff1f}.page-btn.active{background:var(--onebit-white);color:var(--onebit-black);font-weight:700}.page-btn[disabled]{cursor:default;opacity:.3}.breadcrumb{align-items:center;color:var(--onebit-white);display:flex;font-family:var(--font-mono);font-size:12px;font-weight:500;gap:4px}.breadcrumb-item{color:#ffffff80;cursor:pointer;padding:2px 4px;text-decoration:none}.breadcrumb-item.current,.breadcrumb-item:hover{color:var(--onebit-white)}.breadcrumb-item.current{font-weight:700}.breadcrumb-sep{color:#ffffff61;font-size:10px}.stepper{counter-reset:step;gap:0}.step,.stepper{align-items:center;display:flex}.step{flex:1 1;font-family:var(--font-mono);font-weight:600;gap:8px;letter-spacing:.06em;position:relative;text-transform:uppercase}.step,.step:before{color:#ffffff40;font-size:11px}.step:before{border:2px solid hsla(0,0%,100%,.25);content:counter(step);counter-increment:step;display:grid;flex-shrink:0;font-weight:700;height:24px;place-items:center;width:24px}.step.active,.step.active:before{color:var(--onebit-white)}.step.active:before{border-color:var(--onebit-white)}.step.completed{color:#ffffff80}.step.completed:before{background:var(--onebit-white);border-color:var(--onebit-white);color:var(--onebit-black)}.step-line{background:#ffffff1f;flex:1 1;height:1px;margin:0 8px}.step.completed+.step-line{background:var(--onebit-white)}.table{border-collapse:collapse;font-family:var(--font-sans);width:100%}.table th{border-bottom:2px solid var(--onebit-white);color:var(--onebit-white);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.06em;padding:10px 14px;text-align:left;text-transform:uppercase}.table td{border-bottom:1px solid hsla(0,0%,100%,.12);color:var(--neutral-300);font-size:13px;padding:10px 14px}.table tr:hover td{background:#ffffff0a}.badge{align-items:center;background:var(--onebit-black);border:1px solid var(--onebit-white);border-radius:0;color:var(--onebit-white);display:inline-flex;font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.06em;padding:2px 6px;text-transform:uppercase}.badge-inverted{background:var(--onebit-white);border:none;color:var(--onebit-black)}.badge-accent{border-color:var(--magenta-500);color:var(--magenta-500)}.badge-success{border-color:var(--success-500);color:var(--success-500)}.badge-warning{border-color:var(--status-warning);color:var(--status-warning)}.badge-danger{border-color:var(--danger-500);color:var(--danger-500)}.badge-info{border-color:var(--info-500);color:var(--info-500)}.badge-neutral{border-color:var(--neutral-500);color:var(--neutral-500)}.tag{align-items:center;background:var(--onebit-black);border:1px solid var(--onebit-white);border-radius:0;display:inline-flex;font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.08em;padding:2px 8px;text-transform:uppercase}.tag,.tag-outlined{color:var(--onebit-white)}.tag-outlined{background:transparent}.tag-inverted{background:var(--onebit-white);border:none;color:var(--onebit-black)}.chip{background:var(--onebit-black);border:1px solid var(--onebit-white);border-radius:0;color:var(--onebit-white);font-family:var(--font-sans);font-size:11px;font-weight:600;gap:4px;padding:3px 8px}.chip,.chip-remove{align-items:center;display:inline-flex}.chip-remove{background:var(--onebit-white);color:var(--onebit-black);cursor:pointer;font-size:9px;font-weight:700;height:12px;justify-content:center;line-height:1;margin-left:2px;width:12px}.chip-accent{border-color:var(--magenta-500);color:var(--magenta-500)}.chip-accent .chip-remove{background:var(--magenta-500)}.avatar{align-items:center;background:var(--onebit-black);border:2px solid var(--onebit-white);color:var(--onebit-white);display:inline-flex;flex-shrink:0;font-family:var(--font-mono);font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.avatar-sm{border-width:1px;font-size:10px;height:24px;width:24px}.avatar-lg{font-size:18px;height:48px;width:48px}.avatar-accent{border-color:var(--magenta-500);color:var(--magenta-500)}.avatar-group{display:flex}.avatar-group .avatar{margin-left:-8px}.avatar-group .avatar:first-child{margin-left:0}.stat{display:flex;flex-direction:column;gap:2px}.stat-value{color:var(--onebit-white);font-family:var(--font-mono);font-size:28px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.stat-label{color:#ffffff80;font-family:var(--font-sans);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.stat-accent .stat-value{color:var(--magenta-500)}.kbd{align-items:center;background:var(--onebit-black);border:solid var(--onebit-white);border-radius:0;border-width:1px 1px 3px;color:var(--onebit-white);display:inline-flex;font-family:var(--font-mono);font-size:12px;font-weight:500;height:28px;justify-content:center;min-width:28px;padding:0 8px}.kbd-sm{border-bottom-width:2px;font-size:10px;height:22px;min-width:22px;padding:0 4px}.code-block{border:2px solid var(--onebit-white);display:block;line-height:1.6;overflow-x:auto;padding:16px;white-space:pre}.code-block,.code-inline{background:var(--onebit-black);color:var(--onebit-white);font-family:var(--font-mono);font-size:13px}.code-inline{border:1px solid var(--onebit-white);display:inline;padding:1px 6px}.link{color:var(--onebit-white);cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:opacity .1s}.link:hover{opacity:.7;text-decoration-thickness:2px}.link-accent{color:var(--magenta-500)}.list{background:var(--onebit-black);border:2px solid var(--onebit-white);list-style:none;margin:0;padding:0}.list-item{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.25);color:var(--onebit-white);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:13px;gap:10px;padding:10px 14px;transition:background .1s}.list-item:last-child{border-bottom:none}.list-item:hover{background:#ffffff14}.list-item.active{background:var(--onebit-white);color:var(--onebit-black);font-weight:600}.list-item-bullet{background:var(--onebit-white);flex-shrink:0;height:6px;width:6px}.tree{list-style:none;margin:0;padding:0}.tree-item{align-items:center;border-left:1px solid hsla(0,0%,100%,.12);color:var(--onebit-white);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:13px;gap:8px;padding:6px 0 6px 20px;position:relative}.tree-item:before{background:#ffffff1f;content:"";height:1px;left:0;position:absolute;top:50%;width:10px}.tree-item:hover{background:#ffffff0a}.tree-item.active{border-left-color:var(--magenta-500);color:var(--magenta-500)}.tree-toggle{color:#ffffff61;cursor:pointer;display:grid;flex-shrink:0;font-size:8px;height:16px;place-items:center;width:16px}.tree-children{display:none}.tree-children.open{display:block}.modal{background:var(--onebit-black);border:2px solid var(--onebit-white);border-radius:0;box-shadow:8px 8px 0 var(--onebit-white);color:var(--onebit-white);max-width:420px;padding:24px}.modal-header{align-items:center;border-bottom:1px solid var(--onebit-white);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.modal-close{background:var(--onebit-white);border:none;color:var(--onebit-black);cursor:pointer;display:grid;font-size:14px;font-weight:700;height:24px;line-height:1;place-items:center;width:24px}.modal-body{color:var(--neutral-300);font-size:14px;line-height:1.6}.modal-footer{border-top:1px solid var(--onebit-white);display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:16px}.drawer{background:var(--onebit-black);border:2px solid var(--onebit-white);border-radius:0;color:var(--onebit-white);height:100%;max-width:480px;min-width:300px;overflow-y:auto;padding:24px}.drawer-header{align-items:center;border-bottom:1px solid var(--onebit-white);display:flex;justify-content:space-between;padding-bottom:16px}.drawer-close{background:var(--onebit-white);border:none;color:var(--onebit-black);cursor:pointer;display:grid;font-size:14px;font-weight:700;height:24px;place-items:center;width:24px}.toast{align-items:center;animation:slide-up-reveal .3s ease-out forwards;background:var(--onebit-black);border:2px solid var(--onebit-white);box-shadow:4px 4px 0 var(--onebit-white);color:var(--onebit-white);display:flex;font-family:var(--font-sans);font-size:13px;gap:12px;max-width:360px;padding:12px 16px}.toast-icon{background:var(--onebit-white);color:var(--onebit-black);display:grid;flex-shrink:0;font-size:10px;font-weight:700;height:20px;place-items:center;width:20px}.toast-success .toast-icon{background:var(--success-500)}.toast-error .toast-icon{background:var(--danger-500)}.toast-warning .toast-icon{background:var(--status-warning)}.toast-dismiss{cursor:pointer;display:grid;flex-shrink:0;font-size:14px;height:18px;margin-left:auto;opacity:.5;place-items:center;width:18px}.toast-dismiss:hover{opacity:1}.tooltip{display:inline-flex;position:relative}.tooltip-content{background:var(--onebit-black);border:1px solid var(--onebit-white);bottom:calc(100% + 8px);color:var(--onebit-white);display:none;font-family:var(--font-mono);font-size:11px;left:50%;padding:6px 10px;position:absolute;transform:translate(-50%);white-space:nowrap;z-index:100}.tooltip:hover .tooltip-content{display:block}.alert{align-items:flex-start;background:var(--onebit-black);border:2px solid var(--onebit-white);color:var(--onebit-white);display:flex;font-size:13px;gap:12px;line-height:1.5;padding:14px}.alert-icon{background:var(--onebit-white);color:var(--onebit-black);display:grid;flex-shrink:0;font-size:10px;font-weight:700;height:20px;place-items:center;width:20px}.alert-success{border-color:var(--success-500)}.alert-success .alert-icon{background:var(--success-500)}.alert-error{border-color:var(--danger-500)}.alert-error .alert-icon{background:var(--danger-500)}.alert-warning{border-color:var(--status-warning)}.alert-warning .alert-icon{background:var(--status-warning);border:none}.progress{background:var(--onebit-black);border:2px solid var(--onebit-white);border-radius:0;height:12px;overflow:hidden;position:relative;width:100%}.progress-fill{background:var(--onebit-white);height:100%;transition:width .3s ease}.progress-indeterminate .progress-fill{animation:progress-scan 1.5s ease-in-out infinite;width:30%}.progress-striped .progress-fill{background-image:repeating-linear-gradient(-45deg,transparent,transparent 4px,var(--onebit-black) 4px,var(--onebit-black) 8px)}.progress-accent .progress-fill{background:var(--magenta-500)}.spinner{animation:onebit-spin .6s linear infinite;border-radius:0;border:2px solid var(--onebit-white);border-top:2px solid transparent;display:inline-block;height:20px;width:20px}.spinner-lg{border-width:3px;height:32px;width:32px}.spinner-sm{border-width:2px;height:14px;width:14px}.spinner-accent{border-color:var(--magenta-500);border-top-color:transparent}.spinner-cyan{border-color:var(--cyan-500);border-top-color:transparent}.skeleton{animation:skeleton-pulse 1.2s ease-in-out infinite;background:#ffffff14;border:1px solid hsla(0,0%,100%,.19);border-radius:0}.empty{align-items:center;background:transparent;border:2px dashed hsla(0,0%,100%,.25);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:48px 24px;text-align:center}.empty-icon{border:2px solid var(--onebit-white);color:var(--onebit-white);display:grid;font-size:20px;font-weight:700;height:40px;opacity:.5;place-items:center;transform:rotate(45deg);width:40px}.empty-text{color:#ffffff80;font-family:var(--font-mono);font-size:13px;max-width:240px}.loading-screen{align-items:center;background:var(--onebit-black);border:2px solid var(--onebit-white);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:64px}.loading-screen-label{animation:blink 1s step-end infinite;color:#ffffff80;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.banner{align-items:center;border:2px solid var(--onebit-white);display:flex;font-size:13px;gap:16px;padding:12px 20px}.banner-dismiss{cursor:pointer;font-size:16px;margin-left:auto;opacity:.5}.banner-success{border-color:var(--success-500);color:var(--success-500)}.banner-error,.banner-success{background:var(--onebit-black)}.banner-error{border-color:var(--danger-500);color:var(--danger-500)}.banner-warning{border-color:var(--status-warning);color:var(--status-warning)}.banner-warning,.image-frame{background:var(--onebit-black)}.image-frame{align-items:center;border:2px solid var(--onebit-white);display:flex;justify-content:center;min-height:80px;overflow:hidden;position:relative}.image-frame-icon{border:1px solid hsla(0,0%,100%,.25);color:#ffffff40;display:grid;font-size:14px;height:32px;place-items:center;width:32px}.video-frame{align-items:center;aspect-ratio:16/9;background:var(--onebit-black);border:2px solid var(--onebit-white);display:flex;justify-content:center;position:relative}.video-frame-play{background:var(--onebit-white);border:none;color:var(--onebit-black);cursor:pointer;display:grid;font-size:20px;height:48px;place-items:center;width:48px}.video-frame-timeline{background:#ffffff1f;bottom:0;height:4px;left:0;position:absolute;right:0}.video-frame-timeline-fill{background:var(--onebit-white);height:100%;transition:width .3s;width:0}.card{background:var(--onebit-black);border:2px solid var(--onebit-white);border-radius:0;color:var(--onebit-white);display:flex;flex-direction:column}.card-header{align-items:center;border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;padding-bottom:12px}.icon-box{align-items:center;border:2px solid var(--onebit-white);display:inline-flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.icon-box-sm{border-width:1px;height:28px;width:28px}.icon-box-lg{height:56px;width:56px}.icon-box-accent{border-color:var(--magenta-500)}.icon-box-cyan{border-color:var(--cyan-500)}.icon-box-filled{background:var(--onebit-white);color:var(--onebit-black)}.container{margin:0 auto;max-width:1280px;padding:0 24px}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.hr{background:var(--onebit-white);border:none;height:2px;margin:24px 0;opacity:.3}.hr-thick{background:var(--onebit-black);border:2px solid var(--onebit-white);height:4px;opacity:1}.section{padding:64px 0}.section-header{margin-bottom:24px}.section-title-text{color:#ffffff80;font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.spacer-4{height:24px}.spacer-8{height:48px}.spacer-12{height:64px}.rating{align-items:center;display:inline-flex;gap:4px}.rating-star{border:2px solid var(--onebit-white);cursor:pointer;height:20px;transition:background .1s,border-color .1s;width:20px}.rating-star.filled{background:var(--onebit-white)}.rating-star.half{background:linear-gradient(90deg,var(--onebit-white) 50%,transparent 50%)}.rating-star:hover{border-color:var(--magenta-500)}.combobox{font-family:var(--font-sans);position:relative}.combobox-input{background:var(--onebit-black);border:2px solid var(--onebit-white);color:var(--onebit-white);cursor:pointer;font-size:14px;font-weight:500;outline:none;padding:10px 36px 10px 14px;width:100%}.combobox-chevron{height:8px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:12px}.combobox-menu{background:var(--onebit-black);border:2px solid var(--onebit-white);border-top:none;display:none;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:50}.combobox.open .combobox-menu{display:block}.combobox-option{color:var(--onebit-white);cursor:pointer;font-size:13px;padding:8px 14px;transition:background .1s}.combobox-option:hover{background:#ffffff14}.combobox-option.selected{background:var(--onebit-white);color:var(--onebit-black);font-weight:600}.date-input{background:var(--onebit-black);border:2px solid var(--onebit-white);display:inline-flex;gap:2px;padding:10px 14px}.date-input,.date-input-part{color:var(--onebit-white);font-family:var(--font-mono);font-size:14px}.date-input-part{background:transparent;border:none;outline:none;text-align:center;width:32px}.date-input-sep{color:#ffffff40}.menu{background:var(--onebit-black);border:2px solid var(--onebit-white);list-style:none;margin:0;min-width:180px;padding:0}.menu-item{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.12);color:var(--onebit-white);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:13px;gap:10px;padding:10px 14px;transition:background .1s}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:#ffffff14}.menu-item.active{background:var(--onebit-white);color:var(--onebit-black);font-weight:600}.menu-item[disabled]{cursor:default;opacity:.3}.menu-divider{background:#ffffff1f;height:1px;margin:4px 0}.toolbar{align-items:center;background:var(--onebit-black);border:2px solid var(--onebit-white);display:flex;gap:4px;padding:8px}.toolbar-item{border:1px solid transparent;color:var(--onebit-white);cursor:pointer;display:grid;font-family:var(--font-mono);font-size:12px;height:32px;place-items:center;transition:background .1s,border-color .1s;width:32px}.toolbar-item:hover{background:#ffffff14}.toolbar-item.active{background:#ffffff1f;border-color:var(--onebit-white)}.toolbar-sep{background:#ffffff1f;height:20px;margin:0 4px;width:1px}.status-dot{border:1px solid var(--onebit-white);display:inline-block;flex-shrink:0;height:8px;width:8px}.status-dot-live{background:var(--success-500);border-color:var(--success-500)}.status-dot-away{background:var(--status-warning);border-color:var(--status-warning)}.status-dot-busy{background:var(--danger-500);border-color:var(--danger-500)}.status-dot-offline{background:transparent}.timeline{list-style:none;margin:0;padding:0}.timeline-item{display:flex;gap:14px;padding-bottom:24px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--onebit-black);border:2px solid var(--onebit-white);flex-shrink:0;height:12px;margin-top:4px;position:relative;width:12px;z-index:1}.timeline-item:not(:last-child) .timeline-dot:after{background:#ffffff1f;content:"";height:calc(100% + 20px);left:4px;position:absolute;top:12px;width:2px}.timeline-content{color:var(--onebit-white);font-size:13px}.timeline-time{color:#ffffff61;display:block;font-size:11px;margin-bottom:4px}.countdown,.timeline-time{font-family:var(--font-mono)}.countdown{color:var(--onebit-white);display:inline-flex;font-size:24px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;gap:4px}.countdown-part{align-items:center;display:flex;flex-direction:column;gap:2px}.countdown-label{color:#ffffff61;font-family:var(--font-sans);font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.countdown-sep{align-self:flex-start;color:#ffffff40;margin-top:4px}.scanline{overflow:hidden;position:relative}.scanline:after{animation:scanline-scroll 8s linear infinite;background:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--texture-03) 2px,var(--texture-03) 4px);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.scanline-fast{overflow:hidden;position:relative}.scanline-fast:after{animation:scanline-scroll 3s linear infinite;background:repeating-linear-gradient(0deg,transparent,transparent 1px,var(--texture-05) 1px,var(--texture-05) 2px);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.halftone-sm{background-image:radial-gradient(var(--texture-08) .5px,transparent .5px);background-size:4px 4px}.halftone-md{background-image:radial-gradient(var(--texture-05) 1px,transparent 1px);background-size:6px 6px}.halftone-lg{background-image:radial-gradient(var(--texture-04) 1.5px,transparent 1.5px);background-size:10px 10px}.halftone-accent{background-image:radial-gradient(var(--brand-primary) 1px,transparent 1px);background-size:8px 8px}.dot-matrix{background-image:radial-gradient(var(--texture-07) .5px,transparent .5px);background-size:6px 6px}.dot-matrix-dense{background-image:radial-gradient(var(--texture-09) .5px,transparent .5px);background-size:3px 3px}.dot-matrix-sparse{background-image:radial-gradient(var(--texture-04) 1px,transparent 1px);background-size:12px 12px}.diagonal-stripes{background:repeating-linear-gradient(45deg,transparent,transparent 6px,var(--texture-04) 6px,var(--texture-04) 7px)}.diagonal-stripes-dense{background:repeating-linear-gradient(45deg,transparent,transparent 3px,var(--texture-08) 3px,var(--texture-08) 4px)}.diagonal-stripes-negative{background:repeating-linear-gradient(45deg,var(--onebit-black),var(--onebit-black) 6px,var(--onebit-white) 6px,var(--onebit-white) 7px)}.stripes-h{background:repeating-linear-gradient(0deg,transparent,transparent 8px,var(--texture-04) 8px,var(--texture-04) 9px)}.stripes-h-dense{background:repeating-linear-gradient(0deg,transparent,transparent 4px,var(--texture-08) 4px,var(--texture-08) 5px)}.stripes-v{background:repeating-linear-gradient(90deg,transparent,transparent 8px,var(--texture-04) 8px,var(--texture-04) 9px)}.stripes-v-dense{background:repeating-linear-gradient(90deg,transparent,transparent 4px,var(--texture-08) 4px,var(--texture-08) 5px)}.crosshatch{background-image:repeating-linear-gradient(45deg,transparent,transparent 6px,var(--texture-04) 6px,var(--texture-04) 7px),repeating-linear-gradient(-45deg,transparent,transparent 6px,var(--texture-04) 6px,var(--texture-04) 7px)}.crosshatch-dense{background-image:repeating-linear-gradient(45deg,transparent,transparent 3px,var(--texture-08) 3px,var(--texture-08) 4px),repeating-linear-gradient(-45deg,transparent,transparent 3px,var(--texture-08) 3px,var(--texture-08) 4px)}.checkerboard{background-image:linear-gradient(45deg,var(--texture-04) 25%,transparent 25%),linear-gradient(-45deg,var(--texture-04) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--texture-04) 75%),linear-gradient(-45deg,transparent 75%,var(--texture-04) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.checkerboard-onebit{background-image:linear-gradient(45deg,var(--onebit-black) 25%,transparent 25%),linear-gradient(-45deg,var(--onebit-black) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--onebit-black) 75%),linear-gradient(-45deg,transparent 75%,var(--onebit-black) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.noise{position:relative}.noise:before{background-image:var(--texture-noise-svg);background-size:128px 128px;content:"";top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none;position:absolute;z-index:1}.noise-heavy:before{opacity:.12}.vignette-onebit{position:relative}.vignette-onebit:after{background:radial-gradient(ellipse at center,transparent 50%,var(--onebit-black)80 100%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.vignette-onebit-sharp:after{background:radial-gradient(ellipse at center,transparent 30%,var(--onebit-black) 100%)}.waves{background:radial-gradient(ellipse at 50% 0,transparent 60%,var(--texture-02) 60%,var(--texture-02) 61%),radial-gradient(ellipse at 50% 0,transparent 50%,var(--texture-02) 50%,var(--texture-02) 51%),radial-gradient(ellipse at 50% 0,transparent 40%,var(--texture-03) 40%,var(--texture-03) 41%),radial-gradient(ellipse at 50% 0,transparent 30%,var(--texture-02) 30%,var(--texture-02) 31%),radial-gradient(ellipse at 50% 0,transparent 20%,var(--texture-03) 20%,var(--texture-03) 21%),radial-gradient(ellipse at 50% 0,transparent 10%,var(--texture-02) 10%,var(--texture-02) 11%);background-position:0 0,0 10px,0 20px,0 30px,0 40px,0 50px;background-size:100px 80px,100px 80px,100px 80px,100px 80px,100px 80px,100px 80px}.waves-dense{background:radial-gradient(ellipse at 50% 0,transparent 65%,var(--texture-05) 65%,var(--texture-05) 66%),radial-gradient(ellipse at 50% 0,transparent 55%,var(--texture-04) 55%,var(--texture-04) 56%),radial-gradient(ellipse at 50% 0,transparent 45%,var(--texture-05) 45%,var(--texture-05) 46%),radial-gradient(ellipse at 50% 0,transparent 35%,var(--texture-04) 35%,var(--texture-04) 36%),radial-gradient(ellipse at 50% 0,transparent 25%,var(--texture-05) 25%,var(--texture-05) 26%),radial-gradient(ellipse at 50% 0,transparent 15%,var(--texture-04) 15%,var(--texture-04) 16%);background-position:0 0,0 8px,0 16px,0 24px,0 32px,0 40px;background-size:60px 50px,60px 50px,60px 50px,60px 50px,60px 50px,60px 50px}.concentric-rings{background:radial-gradient(circle at 50% 50%,transparent 10%,var(--texture-03) 10%,var(--texture-03) 11%,transparent 11%),radial-gradient(circle at 50% 50%,transparent 20%,var(--texture-03) 20%,var(--texture-03) 21%,transparent 21%),radial-gradient(circle at 50% 50%,transparent 30%,var(--texture-04) 30%,var(--texture-04) 31%,transparent 31%),radial-gradient(circle at 50% 50%,transparent 40%,var(--texture-03) 40%,var(--texture-03) 41%,transparent 41%),radial-gradient(circle at 50% 50%,transparent 50%,var(--texture-03) 50%,var(--texture-03) 51%,transparent 51%),radial-gradient(circle at 50% 50%,transparent 60%,var(--texture-02) 60%,var(--texture-02) 61%);background-position:50%;background-size:200px 200px}.concentric-rings-dense{background:radial-gradient(circle at 50% 50%,transparent 8%,var(--texture-06) 8%,var(--texture-06) 9%,transparent 9%),radial-gradient(circle at 50% 50%,transparent 16%,var(--texture-05) 16%,var(--texture-05) 17%,transparent 17%),radial-gradient(circle at 50% 50%,transparent 24%,var(--texture-06) 24%,var(--texture-06) 25%,transparent 25%),radial-gradient(circle at 50% 50%,transparent 32%,var(--texture-05) 32%,var(--texture-05) 33%,transparent 33%),radial-gradient(circle at 50% 50%,transparent 40%,var(--texture-06) 40%,var(--texture-06) 41%,transparent 41%),radial-gradient(circle at 50% 50%,transparent 48%,var(--texture-05) 48%,var(--texture-05) 49%);background-position:50%;background-size:120px 120px}.grid-dots{background-image:radial-gradient(var(--texture-06) 1px,transparent 1px),radial-gradient(var(--texture-06) 1px,transparent 1px);background-position:0 0,8px 8px;background-size:16px 16px,16px 16px}.grid-dots-dense{background-image:radial-gradient(var(--texture-09) .8px,transparent .8px),radial-gradient(var(--texture-09) .8px,transparent .8px);background-position:0 0,4px 4px;background-size:8px 8px,8px 8px}.grid-dots-accent{background-image:radial-gradient(var(--magenta-500/.15) 1px,transparent 1px),radial-gradient(var(--magenta-500/.15) 1px,transparent 1px);background-position:0 0,10px 10px;background-size:20px 20px,20px 20px}.rain{background:repeating-linear-gradient(20deg,transparent,transparent 3px,var(--texture-02) 3px,var(--texture-02) 4px);background-size:8px 20px}.rain-dense{background:repeating-linear-gradient(20deg,transparent,transparent 2px,var(--texture-05) 2px,var(--texture-05) 3px);background-size:6px 12px}.rain-angled{background:repeating-linear-gradient(35deg,transparent,transparent 3px,var(--texture-03) 3px,var(--texture-03) 4px),repeating-linear-gradient(-35deg,transparent,transparent 6px,var(--texture-02) 6px,var(--texture-02) 7px);background-size:12px 24px}.starburst{background:repeating-conic-gradient(var(--texture-03) 0,var(--texture-03) .5%,transparent .5%,transparent 5%);background-size:100% 100%}.starburst-dense{background:repeating-conic-gradient(var(--texture-06) 0,var(--texture-06) .3%,transparent .3%,transparent 3%)}.starburst-accent{background:repeating-conic-gradient(color-mix(in srgb,var(--brand-primary) 12%,transparent) 0,color-mix(in srgb,var(--brand-primary) 12%,transparent) .5%,transparent .5%,transparent 4%)}.zigzag{background:repeating-linear-gradient(75deg,transparent,transparent 8px,var(--texture-04) 8px,var(--texture-04) 9px),repeating-linear-gradient(-75deg,transparent,transparent 8px,var(--texture-04) 8px,var(--texture-04) 9px);background-size:24px 12px}.zigzag-dense{background:repeating-linear-gradient(75deg,transparent,transparent 4px,var(--texture-07) 4px,var(--texture-07) 5px),repeating-linear-gradient(-75deg,transparent,transparent 4px,var(--texture-07) 4px,var(--texture-07) 5px);background-size:12px 6px}.zigzag-horizontal{background:repeating-linear-gradient(165deg,transparent,transparent 8px,var(--texture-04) 8px,var(--texture-04) 9px),repeating-linear-gradient(-165deg,transparent,transparent 8px,var(--texture-04) 8px,var(--texture-04) 9px);background-size:24px 12px}.separator-onebit{background:var(--texture-solid);border:none;height:1px;margin:0;opacity:.25;width:100%}.separator-onebit-thick{height:2px;opacity:.4}.separator-onebit-dashed{background:transparent;border-top:2px dashed var(--texture-solid);height:0;opacity:.3}.separator-onebit-dotted{background:transparent;border-top:2px dotted var(--texture-solid);height:0;opacity:.25}@keyframes scanline-scroll{0%{transform:translateY(0)}to{transform:translateY(100vh)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-1px,-1px)}80%{transform:translate(1px,1px)}to{transform:translate(0)}}.glitch{animation:glitch .3s ease-in-out 3}@keyframes glitch-complex{0%{clip-path:inset(0 0 100% 0);transform:translate(0) skew(0)}5%{clip-path:inset(20% 0 60% 0);transform:translate(-2px) skew(.5deg)}10%{transform:translateY(-1px) skew(-.3deg)}15%{clip-path:inset(40% 0 30% 0);transform:translate(1px) skew(0)}20%{transform:translate(-1px,1px) skew(0)}25%{clip-path:inset(10% 0 70% 0);transform:translate(2px) skew(-.5deg)}30%{clip-path:inset(0 0 100% 0);transform:translate(0) skew(0)}to{clip-path:inset(0 0 0 0);transform:translate(0) skew(0)}}.glitch-complex{animation:glitch-complex .8s ease-in-out 2}@keyframes flicker{0%{opacity:1}5%{opacity:.85}10%{opacity:1}15%{opacity:.7}20%{opacity:1}50%{opacity:1}52%{opacity:.9}54%{opacity:1}80%{opacity:1}82%{opacity:.92}84%{opacity:1}to{opacity:1}}.flicker{animation:flicker 4s infinite}.flicker-fast{animation:flicker 1.5s infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.blink{animation:blink 1s step-end infinite}.blink-fast{animation:blink .4s step-end infinite}@keyframes typewriter{0%{width:0}to{width:100%}}.typewriter{animation:typewriter 1.5s steps(30) forwards;display:inline-block;max-width:fit-content;overflow:hidden;white-space:nowrap}@keyframes neon-pulse{0%,to{box-shadow:0 0 8px var(--magenta-500) 4D,0 0 20px var(--magenta-500) 33}50%{box-shadow:0 0 16px var(--magenta-500) 80,0 0 40px var(--magenta-500) 4D}}.neon-pulse{animation:neon-pulse 2s ease-in-out infinite}@keyframes neon-pulse-cyan{0%,to{box-shadow:0 0 8px var(--cyan-500) 4D,0 0 20px var(--cyan-500) 33}50%{box-shadow:0 0 16px var(--cyan-500) 80,0 0 40px var(--cyan-500) 4D}}.neon-pulse-cyan{animation:neon-pulse-cyan 2s ease-in-out infinite}@keyframes noise-shift{0%{transform:translate(0)}20%{transform:translate(-5px,3px)}40%{transform:translate(3px,-5px)}60%{transform:translate(-3px,5px)}80%{transform:translate(5px,-3px)}to{transform:translate(0)}}.noise-animated:before{animation:noise-shift .5s steps(5) infinite!important}@keyframes scan-reveal{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.scan-reveal{overflow:hidden;position:relative}.scan-reveal:after{animation:scan-reveal 2s ease-in-out 1;background:var(--texture-solid);content:"";height:4px;left:0;opacity:.6;pointer-events:none;position:absolute;top:0;width:100%}@keyframes pixel-fade-in{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}.pixel-fade-in{animation:pixel-fade-in .6s steps(8) forwards;overflow:hidden}@keyframes invert-flash{0%{filter:invert(0)}50%{filter:invert(1)}to{filter:invert(0)}}.invert-flash{animation:invert-flash .15s ease 2}@keyframes pixel-dots{0%{box-shadow:4px 8px #000,28px 3px #000,52px 18px #000,76px 5px #000,14px 24px #000,38px 12px #000,62px 28px #000,86px 15px #000,8px 32px #000}25%{box-shadow:6px 12px #000,32px 8px #000,48px 25px #000,82px 3px #000,10px 18px #000,42px 30px #000,68px 10px #000,90px 22px #000,20px 5px #000}50%{box-shadow:12px 4px #000,22px 20px #000,58px 8px #000,72px 28px #000,4px 15px #000,36px 6px #000,66px 22px #000,92px 12px #000,50px 30px #000}75%{box-shadow:2px 10px #000,26px 22px #000,44px 4px #000,70px 14px #000,18px 28px #000,54px 20px #000,84px 8px #000,8px 6px #000,40px 26px #000}to{box-shadow:none}}.pixel-dots{animation:pixel-dots .3s steps(4) 2}.pixel-dots-fast{animation:pixel-dots .15s steps(2) 1}@keyframes progress-scan{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes matrix-rain{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(1000%)}}.matrix-rain-char{animation:matrix-rain 2s linear infinite;color:var(--texture-19);display:block;font-family:var(--font-mono);font-size:14px}@keyframes frame-step{0%,24%{content:"▌"}25%,49%{content:"▐"}50%,74%{content:"█"}75%,99%{content:"▀"}}.frame-step:after{animation:frame-step .8s steps(1) infinite;content:"▌";font-family:var(--font-mono)}@keyframes slide-up-reveal{0%{clip-path:inset(0 0 100% 0);opacity:0;transform:translateY(40px)}to{clip-path:inset(0 0 0 0);opacity:1;transform:translateY(0)}}.slide-up-reveal{animation:slide-up-reveal .5s ease-out forwards}.slide-up-reveal-fast{animation:slide-up-reveal .25s ease-out forwards}@keyframes shimmer-sweep{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{animation:shimmer-sweep 2s linear infinite;background:linear-gradient(90deg,transparent,#ffffff08 40%,#ffffff18 50%,#ffffff08 60%,transparent);background-size:200% 100%}@keyframes onebit-spin{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(1turn)}}@keyframes glitch-accent{0%{box-shadow:0 0 0 var(--magenta-500);transform:translate(0)}20%{box-shadow:-4px 0 8px var(--magenta-500);transform:translate(-2px)}40%{box-shadow:4px 0 8px var(--magenta-500);transform:translateY(-2px)}60%{box-shadow:-2px 0 4px var(--magenta-500);transform:translate(2px)}80%{box-shadow:2px 0 4px var(--magenta-500);transform:translate(-1px,1px)}to{box-shadow:0 0 0 var(--magenta-500);transform:translate(0)}}.glitch-accent{animation:glitch-accent .4s ease-in-out 2}@keyframes accent-flicker{0%,to{color:var(--magenta-500);opacity:1}20%{color:var(--texture-solid);opacity:.3}40%{color:var(--magenta-500);opacity:1}55%{opacity:.5}70%{color:var(--magenta-500);opacity:1}}.accent-flicker{animation:accent-flicker 1.8s step-end infinite}@keyframes iso-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.02)}}.iso-float{animation:iso-float 3s ease-in-out infinite}@keyframes iso-float-spin{0%{transform:translateY(0) rotateY(0)}25%{transform:translateY(-10px) rotateY(90deg)}50%{transform:translateY(0) rotateY(180deg)}75%{transform:translateY(-10px) rotateY(270deg)}to{transform:translateY(0) rotateY(1turn)}}.iso-float-spin{animation:iso-float-spin 4s ease-in-out infinite}@keyframes iso-assemble{0%{opacity:0;transform:translateY(80px) scale(.8)}60%{opacity:1;transform:translateY(-4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.iso-assemble{animation:iso-assemble .8s ease-out forwards}.iso-assemble-2{animation-delay:.15s}.iso-assemble-3{animation-delay:.3s}.iso-assemble-4{animation-delay:.45s}.iso-assemble-5{animation-delay:.6s}@keyframes iso-rotate-cube{0%{transform:rotateX(35deg) rotate(-45deg)}25%{transform:rotateX(35deg) rotate(45deg)}50%{transform:rotateX(35deg) rotate(135deg)}75%{transform:rotateX(35deg) rotate(225deg)}to{transform:rotateX(35deg) rotate(315deg)}}.iso-rotate-cube{animation:iso-rotate-cube 6s linear infinite;transform-style:preserve-3d}@keyframes iso-grid-scroll{0%{background-position:0 0}to{background-position:-40px 20px}}.iso-grid-scroll{animation:iso-grid-scroll 4s linear infinite}@keyframes iso-terrain-shift{0%{background-position:0 0,0 0,0 0}to{background-position:-20px 10px,-40px 20px,-60px 30px}}.iso-terrain-shift{animation:iso-terrain-shift 6s linear infinite}@keyframes iso-perspective-dolly{0%{filter:blur(2px);opacity:0;transform:perspective(800px) translateZ(-100px) scale(.9)}60%{filter:blur(0);opacity:1}to{filter:blur(0);opacity:1;transform:perspective(800px) translateZ(0) scale(1)}}.iso-perspective-dolly{animation:iso-perspective-dolly 1s ease-out forwards}@keyframes iso-step-build{0%{clip-path:inset(0 100% 0 0);opacity:0}50%{opacity:1}to{clip-path:inset(0 0 0 0);opacity:1}}.iso-step-build{animation:iso-step-build .4s steps(6) forwards}@keyframes iso-drift{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(8px,-6px) rotate(2deg)}50%{transform:translate(-4px,-12px) rotate(-1deg)}75%{transform:translate(-8px,-4px) rotate(1deg)}}.iso-drift{animation:iso-drift 5s ease-in-out infinite}@keyframes iso-bounce{0%,to{transform:translateY(0) scaleY(1)}30%{transform:translateY(-20px) scaleY(1.05)}50%{transform:translateY(0) scaleY(.95)}70%{transform:translateY(-8px) scaleY(1.02)}90%{transform:translateY(0) scaleY(.98)}}.iso-bounce{animation:iso-bounce 2s ease-in-out infinite}.iso-bounce-once{animation:iso-bounce .8s ease-in-out forwards}@keyframes iso-sway{0%,to{transform:rotate(-3deg) translate(0)}25%{transform:rotate(0) translate(6px)}50%{transform:rotate(3deg) translate(0)}75%{transform:rotate(0) translate(-6px)}}.iso-sway{animation:iso-sway 4s ease-in-out infinite;transform-origin:center bottom}@keyframes iso-card-flip{0%{transform:perspective(600px) rotateY(0)}50%{transform:perspective(600px) rotateY(90deg) scale(.95)}to{transform:perspective(600px) rotateY(180deg)}}.iso-card-flip{animation:iso-card-flip 1.2s ease-in-out forwards}.iso-card-flip-2{animation:iso-card-flip 1.2s ease-in-out .2s forwards}@keyframes iso-hinge{0%{transform:perspective(600px) rotateY(0);transform-origin:left center}to{transform:perspective(600px) rotateY(-90deg);transform-origin:left center}}.iso-hinge{animation:iso-hinge .8s ease-in-out forwards}@keyframes iso-morph{0%,to{border-radius:0;transform:scale(1) rotate(0)}25%{border-radius:30%;transform:scale(1.15) rotate(5deg)}50%{border-radius:50%;transform:scale(.9) rotate(0)}75%{border-radius:20%;transform:scale(1.08) rotate(-5deg)}}.iso-morph{animation:iso-morph 3s ease-in-out infinite}@keyframes iso-rain{0%{opacity:0;transform:translateY(-60px) rotateX(10deg)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(60px) rotateX(-10deg)}}.iso-rain{animation:iso-rain 2.4s ease-in infinite}.iso-rain-2{animation:iso-rain 2.4s ease-in .3s infinite}.iso-rain-3{animation:iso-rain 2.4s ease-in .6s infinite}.iso-rain-4{animation:iso-rain 2.4s ease-in .9s infinite}.iso-rain-5{animation:iso-rain 2.4s ease-in 1.2s infinite}@keyframes iso-ripple{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.iso-ripple{animation:iso-ripple 2s ease-in-out infinite}.iso-ripple-2{animation:iso-ripple 2s ease-in-out .15s infinite}.iso-ripple-3{animation:iso-ripple 2s ease-in-out .3s infinite}.iso-ripple-4{animation:iso-ripple 2s ease-in-out .45s infinite}.iso-ripple-5{animation:iso-ripple 2s ease-in-out .6s infinite}@keyframes iso-glitch{0%,to{transform:perspective(400px) rotateX(5deg) rotateY(0)}10%{transform:perspective(400px) rotateX(8deg) rotateY(-2deg) skew(1deg)}20%{transform:perspective(400px) rotateX(3deg) rotateY(1deg) skew(-.5deg)}30%{transform:perspective(400px) rotateX(7deg) rotateY(-1deg) skew(.5deg)}40%{transform:perspective(400px) rotateX(4deg) rotateY(0) skew(0)}to{transform:perspective(400px) rotateX(5deg) rotateY(0)}}.iso-glitch{animation:iso-glitch .6s ease-in-out 3}.iso-float-2{animation-delay:.5s}.iso-float-3{animation-delay:1s}.iso-float-4{animation-delay:1.5s}.iso-float-5{animation-delay:2s}@keyframes iso-step-rise{0%{transform:translateY(0)}40%{transform:translateY(-12px)}60%{transform:translateY(-12px)}to{transform:translateY(0)}}.iso-step-rise{animation:iso-step-rise 1.6s ease-in-out infinite}.iso-step-rise-2{animation:iso-step-rise 1.6s ease-in-out .2s infinite}.iso-step-rise-3{animation:iso-step-rise 1.6s ease-in-out .4s infinite}.iso-step-rise-4{animation:iso-step-rise 1.6s ease-in-out .6s infinite}.iso-step-rise-5{animation:iso-step-rise 1.6s ease-in-out .8s infinite}