:root{--nbc-space-xs: 4px;--nbc-space-sm: 8px;--nbc-space-md: 12px;--nbc-space-lg: 18px;--nbc-space-xl: 24px;--nbc-space-2xl: 36px;--nbc-fs-xs: 12px;--nbc-fs-sm: 14px;--nbc-fs-md: 16px;--nbc-fs-lg: 18px;--nbc-fs-xl: 24px;--nbc-fs-2xl: 32px;--nbc-font-sans: system-ui, sans-serif;--nbc-font-mono: ui-monospace, monospace;--nbc-font-display: var(--nbc-font-sans);--nbc-weight-label: 600;--nbc-label-transform: none;--nbc-label-spacing: normal;--nbc-fg: #111;--nbc-fg-muted: #666;--nbc-bg: #fff;--nbc-surface: #fff;--nbc-surface-alt: #f5f5f5;--nbc-primary: #111;--nbc-primary-fg: #fff;--nbc-primary-accent: var(--nbc-primary);--nbc-secondary: var(--nbc-primary);--nbc-secondary-fg: var(--nbc-primary-fg);--nbc-danger: #c00;--nbc-danger-fg: #fff;--nbc-border-color: #111;--nbc-focus: #06f;--nbc-border-width: 2px;--nbc-border-style: solid;--nbc-radius: 0;--nbc-button-radius: var(--nbc-radius);--nbc-input-radius: var(--nbc-radius);--nbc-shadow: 3px 3px 0 var(--nbc-border-color);--nbc-shadow-lg: 6px 6px 0 var(--nbc-border-color);--nbc-rotate: 0deg;--nbc-button-shadow-hover: 2px 2px 0 var(--nbc-border-color);--nbc-input-shadow-error: 4px 4px 0 var(--nbc-danger);--nbc-card-header-bg: transparent;--nbc-card-padding-content: var(--nbc-space-lg);--nbc-grid-overlay: none;--nbc-holo-gradient: none;--nbc-hairline: 1px solid var(--nbc-border-color)}.nbc-button{position:relative;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;gap:var(--nbc-space-sm);font-family:var(--nbc-font-sans);font-weight:var(--nbc-weight-label);text-transform:var(--nbc-label-transform);letter-spacing:var(--nbc-label-spacing);border-width:var(--nbc-border-width);border-style:var(--nbc-border-style);border-color:var(--nbc-border-color);border-radius:var(--nbc-button-radius, var(--nbc-radius));box-shadow:var(--nbc-shadow);transform:rotate(var(--nbc-rotate));cursor:pointer;transition:transform 60ms ease-out,box-shadow 60ms ease-out,background .12s ease;line-height:1.2;-webkit-user-select:none;user-select:none;color:var(--nbc-fg);background:var(--nbc-surface)}.nbc-button:focus-visible{outline:3px solid var(--nbc-focus);outline-offset:2px}.nbc-button:hover:not(:disabled){transform:translate(3px,3px) rotate(var(--nbc-rotate));box-shadow:var(--nbc-button-shadow-hover)}.nbc-button:active:not(:disabled){transform:translate(5px,5px) rotate(var(--nbc-rotate));box-shadow:0 0 0 0 transparent}.nbc-button:disabled,.nbc-button--loading{opacity:.45;cursor:not-allowed}.nbc-button--primary{background:var(--nbc-primary);color:var(--nbc-primary-fg)}.nbc-button--secondary{background:var(--nbc-surface);color:var(--nbc-fg)}.nbc-button--danger{background:var(--nbc-danger);color:var(--nbc-danger-fg)}.nbc-button--ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--nbc-fg)}.nbc-button--ghost:hover:not(:disabled){background:var(--nbc-surface-alt);box-shadow:none;transform:rotate(var(--nbc-rotate))}.nbc-button--sm{font-size:var(--nbc-fs-sm);padding:var(--nbc-space-xs) var(--nbc-space-md)}.nbc-button--md{font-size:var(--nbc-fs-md);padding:var(--nbc-space-sm) var(--nbc-space-lg)}.nbc-button--lg{font-size:var(--nbc-fs-lg);padding:var(--nbc-space-md) var(--nbc-space-xl)}.nbc-button--full-width{width:100%}.nbc-button--icon-only{aspect-ratio:1 / 1;padding:var(--nbc-space-sm)}.nbc-button__spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:nbc-button-spin .7s linear infinite}@keyframes nbc-button-spin{to{transform:rotate(360deg)}}.nbc-button__icon,.nbc-button__label{display:inline-flex;align-items:center}[data-theme=classic] .nbc-button--primary{transform:rotate(-.5deg)}[data-theme=classic] .nbc-button--primary:hover:not(:disabled){transform:translate(3px,3px) rotate(-.5deg)}[data-theme=classic] .nbc-button--primary:active:not(:disabled){transform:translate(5px,5px) rotate(-.5deg)}[data-theme=classic] .nbc-button__spinner{border-right-color:var(--nbc-primary-accent);animation-duration:.9s}[data-theme=tech] .nbc-button--primary{background:var(--nbc-surface);color:var(--nbc-primary);border-color:var(--nbc-primary);text-transform:uppercase;letter-spacing:.12em}[data-theme=tech] .nbc-button--primary:before{content:"> ";opacity:.7}[data-theme=tech] .nbc-button--primary:hover:not(:disabled){background:var(--nbc-primary);color:var(--nbc-primary-fg)}[data-theme=tech] .nbc-button--danger{background:transparent;color:var(--nbc-danger);border-color:var(--nbc-danger)}[data-theme=tech] .nbc-button--danger:hover:not(:disabled){background:var(--nbc-danger);color:var(--nbc-danger-fg)}[data-theme=tech] .nbc-button--secondary{background:transparent;color:var(--nbc-fg);border-color:var(--nbc-fg-muted)}[data-theme=tech] .nbc-button--secondary:hover:not(:disabled){border-color:var(--nbc-secondary);color:var(--nbc-secondary);box-shadow:0 0 0 1px var(--nbc-secondary),2px 2px #ff4ecd66}[data-theme=tech] .nbc-button--loading{opacity:1}[data-theme=tech] .nbc-button--loading .nbc-button__spinner{width:.6em;height:1.1em;border:none;background:currentColor;border-radius:0;animation:nbc-tech-blink .9s steps(2) infinite}@keyframes nbc-tech-blink{50%{opacity:0}}[data-theme=swiss] .nbc-button{transition:background 80ms linear,color 80ms linear;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"ss01" 1}[data-theme=swiss] .nbc-button:hover:not(:disabled){transform:rotate(var(--nbc-rotate));box-shadow:none}[data-theme=swiss] .nbc-button:active:not(:disabled){transform:rotate(var(--nbc-rotate))}[data-theme=swiss] .nbc-button--primary:hover:not(:disabled){background:var(--nbc-primary-accent);color:#fff;border-color:var(--nbc-primary-accent)}[data-theme=swiss] .nbc-button--secondary:hover:not(:disabled){background:var(--nbc-fg);color:var(--nbc-bg)}[data-theme=swiss] .nbc-button--ghost:hover:not(:disabled){background:transparent;color:var(--nbc-primary-accent)}[data-theme=swiss] .nbc-button:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--nbc-focus)}[data-theme=swiss] .nbc-button__spinner{border:1px solid currentColor;border-right-color:transparent;animation-duration:1.2s}[data-theme=y2k] .nbc-button--primary{background:var(--nbc-primary);background-size:200% 200%;animation:nbc-y2k-holo 6s ease-in-out infinite;position:relative;overflow:hidden}[data-theme=y2k] .nbc-button--primary:after{content:"";position:absolute;top:2px;left:6px;right:6px;height:40%;border-radius:999px;background:linear-gradient(180deg,#ffffffa6,#fff0);pointer-events:none}@keyframes nbc-y2k-holo{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}[data-theme=y2k] .nbc-button--secondary{background:var(--nbc-secondary)}[data-theme=y2k] .nbc-button--ghost{border:2px dashed var(--nbc-border-color);background:#fff6;box-shadow:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}[data-theme=y2k] .nbc-button__spinner{border:2px solid transparent;background:conic-gradient(from 0deg,#ff6ec7,#a78bfa,#7ee8fa,#ffd86b,#ff6ec7);-webkit-mask:radial-gradient(circle,transparent 45%,#000 48%);mask:radial-gradient(circle,transparent 45%,#000 48%);border-radius:50%;animation:nbc-button-spin 1s linear infinite}.nbc-input-wrap{display:flex;flex-direction:column;gap:var(--nbc-space-xs);font-family:var(--nbc-font-sans);color:var(--nbc-fg)}.nbc-input__label{font-weight:var(--nbc-weight-label);font-size:var(--nbc-fs-sm);color:var(--nbc-fg);text-transform:var(--nbc-label-transform);letter-spacing:var(--nbc-label-spacing)}.nbc-input__field{display:flex;align-items:center;background:var(--nbc-surface);border-width:var(--nbc-border-width);border-style:var(--nbc-border-style);border-color:var(--nbc-border-color);border-radius:var(--nbc-input-radius, var(--nbc-radius));box-shadow:var(--nbc-shadow);gap:var(--nbc-space-xs);padding:0 var(--nbc-space-sm);transition:box-shadow 80ms ease,border-color 80ms ease}.nbc-input__field--error{border-color:var(--nbc-danger);box-shadow:var(--nbc-input-shadow-error)}.nbc-input__field:focus-within{outline:3px solid var(--nbc-focus);outline-offset:2px}.nbc-input{flex:1;background:transparent;border:none;outline:none;font:inherit;color:inherit}.nbc-input::placeholder{color:var(--nbc-fg-muted);opacity:1}.nbc-input:disabled{opacity:.5;cursor:not-allowed}.nbc-input:read-only{cursor:default;color:var(--nbc-fg-muted)}.nbc-input-wrap--sm .nbc-input{font-size:var(--nbc-fs-sm);padding:var(--nbc-space-xs) 0}.nbc-input-wrap--md .nbc-input{font-size:var(--nbc-fs-md);padding:var(--nbc-space-sm) 0}.nbc-input-wrap--lg .nbc-input{font-size:var(--nbc-fs-lg);padding:var(--nbc-space-md) 0}.nbc-input__icon{color:var(--nbc-fg-muted);display:inline-flex;align-items:center}.nbc-input__desc{font-size:var(--nbc-fs-xs);color:var(--nbc-fg-muted)}.nbc-input__desc--error{color:var(--nbc-danger);font-weight:var(--nbc-weight-label)}[data-theme=classic] .nbc-input__label{font-family:var(--nbc-font-display);font-size:14px}[data-theme=tech] .nbc-input__label:after{content:"_";display:inline-block;margin-left:4px;color:var(--nbc-primary);animation:nbc-tech-blink 1s steps(2) infinite}[data-theme=tech] .nbc-input__field{background:#0a0f0c}[data-theme=tech] .nbc-input__field:focus-within{outline:none;background:var(--nbc-primary);color:var(--nbc-primary-fg);box-shadow:0 0 0 1px var(--nbc-primary)}[data-theme=tech] .nbc-input__field:focus-within .nbc-input,[data-theme=tech] .nbc-input__field:focus-within .nbc-input__icon{color:var(--nbc-primary-fg)}[data-theme=tech] .nbc-input__field:focus-within .nbc-input::placeholder{color:#06100a88}[data-theme=tech] .nbc-input__field--error .nbc-input__label:after,[data-theme=tech] .nbc-input__desc--error{color:var(--nbc-danger)}[data-theme=swiss] .nbc-input__field{box-shadow:none}[data-theme=swiss] .nbc-input__field:focus-within{outline:none;box-shadow:inset 0 0 0 2px var(--nbc-focus);border-color:var(--nbc-focus)}[data-theme=swiss] .nbc-input__field--error{box-shadow:inset 0 0 0 2px var(--nbc-danger);border-color:var(--nbc-danger)}[data-theme=swiss] .nbc-input__label{font-size:10px;font-weight:600}[data-theme=swiss] .nbc-input__label:before{content:"— ";color:var(--nbc-primary-accent)}[data-theme=y2k] .nbc-input__field{background:var(--nbc-surface);position:relative}[data-theme=y2k] .nbc-input__field:before{content:"";position:absolute;inset:2px 4px auto 4px;height:35%;border-radius:999px;background:linear-gradient(180deg,#fff9,#fff0);pointer-events:none}[data-theme=y2k] .nbc-input__label{font-family:var(--nbc-font-display);font-size:14px;background:linear-gradient(90deg,#ff6ec7,#a78bfa,#7ee8fa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nbc-card{background:var(--nbc-surface);color:var(--nbc-fg);font-family:var(--nbc-font-sans);border-width:var(--nbc-border-width);border-style:var(--nbc-border-style);border-color:var(--nbc-border-color);border-radius:var(--nbc-radius);box-shadow:var(--nbc-shadow);overflow:hidden;position:relative}.nbc-card--elevated{box-shadow:var(--nbc-shadow-lg)}.nbc-card--interactive{cursor:pointer;transition:transform .1s ease-out,box-shadow .1s ease-out;transform:rotate(var(--nbc-rotate))}.nbc-card--interactive:hover{transform:translate(3px,3px) rotate(var(--nbc-rotate));box-shadow:2px 2px 0 var(--nbc-border-color)}.nbc-card__header{padding:var(--nbc-space-lg);border-bottom-width:var(--nbc-border-width);border-bottom-style:var(--nbc-border-style);border-bottom-color:var(--nbc-border-color);background:var(--nbc-card-header-bg)}.nbc-card__title{margin:0 0 var(--nbc-space-xs);font-size:var(--nbc-fs-lg);font-weight:900;letter-spacing:-.02em;color:inherit}.nbc-card__description{margin:0;font-size:var(--nbc-fs-sm);color:var(--nbc-fg-muted)}.nbc-card__content{padding:var(--nbc-card-padding-content);font-size:var(--nbc-fs-md);line-height:1.55}.nbc-card__footer{padding:var(--nbc-space-md) var(--nbc-space-lg);border-top-width:var(--nbc-border-width);border-top-style:var(--nbc-border-style);border-top-color:var(--nbc-border-color);display:flex;justify-content:flex-end;gap:var(--nbc-space-sm);background:var(--nbc-surface)}[data-theme=classic] .nbc-card__title{font-family:var(--nbc-font-display);font-weight:700;font-size:22px;letter-spacing:-.03em}[data-theme=tech] .nbc-card{background:linear-gradient(#12161380,#12161380),var(--nbc-grid-overlay),#0c0f0d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}[data-theme=tech] .nbc-card__title:before{content:"$ ";color:var(--nbc-secondary);font-weight:400}[data-theme=tech] .nbc-card__header{background:#0e1310}[data-theme=tech] .nbc-card--interactive:hover{border-color:var(--nbc-secondary)}[data-theme=swiss] .nbc-card__header{padding:20px 24px 14px}[data-theme=swiss] .nbc-card__title{font-weight:600;font-size:20px;letter-spacing:-.01em}[data-theme=swiss] .nbc-card__description{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--nbc-fg);border-top:1px solid var(--nbc-border-color);padding-top:8px;margin-top:10px}[data-theme=swiss] .nbc-card__footer{border-top:1px solid var(--nbc-border-color);padding:14px 24px;justify-content:space-between}[data-theme=y2k] .nbc-card{background:var(--nbc-holo-gradient),var(--nbc-surface);background-size:400% 400%,auto;animation:nbc-y2k-shimmer 10s ease-in-out infinite}@keyframes nbc-y2k-shimmer{0%,to{background-position:0% 50%,center}50%{background-position:100% 50%,center}}[data-theme=y2k] .nbc-card__title{font-family:var(--nbc-font-display);font-size:24px;font-weight:400;letter-spacing:.01em}[data-theme=y2k] .nbc-card--elevated{overflow:visible}[data-theme=y2k] .nbc-card--elevated:after{content:"★";position:absolute;top:-14px;right:-14px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--nbc-primary);background-size:200% 200%;color:#1a0a3e;border:2px solid #1a0a3e;border-radius:50%;font-size:18px;animation:nbc-y2k-holo 6s ease-in-out infinite;transform:rotate(12deg);box-shadow:2px 2px #1a0a3e;pointer-events:none}:root{--chrome-bg: #111111;--chrome-fg: #f3f3f3;--chrome-border: #2a2a2a;--chrome-muted: #888}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--chrome-bg);color:var(--chrome-fg);font-family:Inter,Inter Tight,system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}.app{min-height:100%;display:flex;flex-direction:column}.app__head{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--chrome-border);background:#0b0b0b;position:sticky;top:0;z-index:10;flex-wrap:wrap;gap:12px}.app__title{display:flex;align-items:baseline;gap:10px}.app__brand{font-weight:700;letter-spacing:-.02em;font-size:15px}.app__ver{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;color:var(--chrome-muted);padding:2px 6px;border:1px solid var(--chrome-border);border-radius:2px}.app__nav{display:flex;gap:2px;flex-wrap:wrap}.app__nav button{background:transparent;border:1px solid var(--chrome-border);color:var(--chrome-fg);font:inherit;padding:6px 12px;cursor:pointer;letter-spacing:.02em;transition:background .12s}.app__nav button:hover{background:#1c1c1c}.app__nav button.is-active{background:#f3f3f3;color:#0b0b0b;border-color:#f3f3f3}.app__main{flex:1;padding:28px;background:#0f0f0f}.theme-label{margin-bottom:14px}.theme-label__bar{display:flex;align-items:center;gap:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;color:var(--chrome-muted);text-transform:uppercase;letter-spacing:.1em}.theme-label__num{color:#f3f3f3}.theme-label__name{color:#f3f3f3;font-weight:700;letter-spacing:.08em}.theme-label__dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1px #2a2a2a}.theme-label__dot[data-theme-dot=classic]{background:#ffd500}.theme-label__dot[data-theme-dot=tech]{background:#39ff88}.theme-label__dot[data-theme-dot=swiss]{background:#8a0f1c}.theme-label__dot[data-theme-dot=y2k]{background:linear-gradient(135deg,#ff6ec7,#7ee8fa,#ffd86b)}.theme-label__tagline{margin-top:6px;font-size:13px;color:#dadada;letter-spacing:-.01em}.heroes{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;max-width:1400px;margin:0 auto}@media(max-width:900px){.heroes{grid-template-columns:1fr}}.hero-wrap{border:1px solid var(--chrome-border);padding:18px;background:#0b0b0b}.hero-tile{position:relative;min-height:360px;padding:36px 28px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--nbc-bg);color:var(--nbc-fg);font-family:var(--nbc-font-sans)}.hero-tile__inner{position:relative;z-index:2;width:100%;max-width:420px}.hero-tile[data-theme=classic] .hero-tile__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 15%,#ffd50033 0,transparent 40%),repeating-linear-gradient(45deg,transparent 0 18px,#0a0a0a08 18px 19px)}.hero-tile[data-theme=tech] .hero-tile__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--nbc-grid-overlay),radial-gradient(ellipse at 20% 90%,#39ff8822 0,transparent 50%),radial-gradient(ellipse at 80% 10%,#ff4ecd22 0,transparent 45%),#0c0f0d}.hero-tile[data-theme=swiss] .hero-tile__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#fafafa;border-left:1px solid #0a0a0a;background-image:linear-gradient(to right,#0a0a0a 0 1px,transparent 1px 100%),linear-gradient(to bottom,transparent calc(100% - 1px),#0a0a0a calc(100% - 1px));background-size:100% 100%;background-position:120px 0;background-repeat:no-repeat}.hero-tile[data-theme=swiss]:before{content:"01 / 04";position:absolute;top:18px;right:24px;font-family:var(--nbc-font-sans);font-size:11px;letter-spacing:.2em;color:#0a0a0a;z-index:3;font-variant-numeric:tabular-nums}.hero-tile[data-theme=swiss]:after{content:"";position:absolute;left:0;bottom:0;width:0;height:0;border-left:80px solid transparent;border-bottom:80px solid #8a0f1c;z-index:1}.hero-tile[data-theme=y2k] .hero-tile__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 20%,#ff6ec755 0,transparent 40%),radial-gradient(circle at 85% 80%,#7ee8fa66 0,transparent 40%),radial-gradient(circle at 50% 50%,#ffd86b33 0,transparent 60%),linear-gradient(180deg,#e8f0ff,#fff0fb)}.hero-tile[data-theme=y2k]:after{content:"✧ ✦ ✧";position:absolute;top:20px;left:20px;font-family:VT323,monospace;font-size:28px;color:#ff6ec7;letter-spacing:.3em}.matrix-wrap{max-width:1400px;margin:0 auto;border:1px solid var(--chrome-border);background:#0b0b0b;padding:18px}.mx-canvas{position:relative;padding:36px 32px 48px;background:var(--nbc-bg);color:var(--nbc-fg);font-family:var(--nbc-font-sans);min-height:80vh;overflow:hidden}.mx-canvas__bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.mx-canvas[data-theme=tech] .mx-canvas__bg{background:var(--nbc-grid-overlay)}.mx-canvas[data-theme=y2k] .mx-canvas__bg{background:radial-gradient(circle at 90% 10%,#ff6ec744 0,transparent 40%),radial-gradient(circle at 10% 90%,#7ee8fa44 0,transparent 40%)}.mx-canvas[data-theme=classic] .mx-canvas__bg{background:repeating-linear-gradient(45deg,transparent 0 22px,#0a0a0a06 22px 23px)}.mx-canvas__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:28px;padding-bottom:12px;border-bottom:var(--nbc-hairline);position:relative;z-index:2;gap:16px;flex-wrap:wrap}.mx-canvas__kicker{font-family:var(--nbc-font-mono);font-size:11px;color:var(--nbc-fg-muted);text-transform:uppercase;letter-spacing:.18em}.mx-canvas__theme{font-size:48px;font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--nbc-fg)}.mx-canvas[data-theme=classic] .mx-canvas__theme{font-family:var(--nbc-font-display)}.mx-canvas[data-theme=y2k] .mx-canvas__theme{font-family:var(--nbc-font-display);font-size:56px;background:linear-gradient(135deg,#ff6ec7,#a78bfa,#7ee8fa,#ffd86b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:400}.mx-canvas[data-theme=swiss] .mx-canvas__theme{font-size:40px;letter-spacing:-.02em;font-weight:500}.mx-canvas[data-theme=swiss] .mx-canvas__theme:after{content:" ·";color:#8a0f1c}.mx-section{margin-bottom:36px;position:relative;z-index:2}.mx-section__head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px;padding-bottom:8px;border-bottom:var(--nbc-hairline);flex-wrap:wrap}.mx-section__title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--nbc-fg)}.mx-section__sub{font-family:var(--nbc-font-mono);font-size:11px;color:var(--nbc-fg-muted)}.mx-section__body{display:flex;flex-direction:column;gap:16px}.mx-row{display:grid;grid-template-columns:80px 1fr;gap:14px;align-items:start}.mx-row__label{font-family:var(--nbc-font-mono);font-size:10px;color:var(--nbc-fg-muted);text-transform:uppercase;letter-spacing:.14em;padding-top:18px}.mx-row__cells{display:flex;flex-wrap:wrap;gap:20px 24px;align-items:flex-end}.mx-cell{display:flex;flex-direction:column;gap:6px}.mx-cell__label{font-family:var(--nbc-font-mono);font-size:10px;color:var(--nbc-fg-muted);letter-spacing:.1em;text-transform:uppercase}.mx-cell__demo{display:flex;align-items:flex-end;min-height:44px}.mx-canvas .is-hover.nbc-button:not(:disabled){transform:translate(3px,3px) rotate(var(--nbc-rotate));box-shadow:var(--nbc-button-shadow-hover)}.mx-canvas[data-theme=swiss] .is-hover.nbc-button--primary:not(:disabled){background:var(--nbc-primary-accent);color:#fff;border-color:var(--nbc-primary-accent);transform:rotate(0)}.mx-canvas[data-theme=tech] .is-hover.nbc-button--primary:not(:disabled){background:var(--nbc-primary);color:var(--nbc-primary-fg)}.mx-canvas .is-focus.nbc-button{outline:3px solid var(--nbc-focus);outline-offset:2px}.mx-canvas[data-theme=swiss] .is-focus.nbc-button{outline:none;box-shadow:inset 0 0 0 2px var(--nbc-focus)}.mx-canvas .is-focus .nbc-input__field{outline:3px solid var(--nbc-focus);outline-offset:2px}.mx-canvas[data-theme=tech] .is-focus .nbc-input__field{outline:none;background:var(--nbc-primary);color:var(--nbc-primary-fg);box-shadow:0 0 0 1px var(--nbc-primary)}.mx-canvas[data-theme=tech] .is-focus .nbc-input{color:var(--nbc-primary-fg)}.mx-canvas[data-theme=swiss] .is-focus .nbc-input__field{outline:none;box-shadow:inset 0 0 0 2px var(--nbc-focus);border-color:var(--nbc-focus)}.gs{max-width:1200px;margin:0 auto}.gs__grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media(max-width:900px){.gs__grid{grid-template-columns:1fr}}.gs__col{background:#0b0b0b;border:1px solid var(--chrome-border);padding:24px}.gs__h2{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--chrome-border);color:#f3f3f3}.gs__h2:not(:first-child){margin-top:28px}.gs__p{font-size:13px;line-height:1.6;color:silver;margin:0 0 12px}.gs__p a{color:#f3f3f3}.gs__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.gs__list a{color:#f3f3f3;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px}.site-codeblock{background:#0a0a0a;color:#b8f0d0;padding:14px 16px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;line-height:1.55;overflow-x:auto;border:1px solid var(--chrome-border);white-space:pre}[data-theme=classic]{--nbc-font-sans: "Inter", "Inter Display", system-ui, sans-serif;--nbc-font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--nbc-font-mono: "JetBrains Mono", ui-monospace, monospace;--nbc-weight-label: 900;--nbc-label-transform: none;--nbc-label-spacing: -.02em;--nbc-fg: #0a0a0a;--nbc-fg-muted: #5c5751;--nbc-bg: #f2ede3;--nbc-surface: #ffffff;--nbc-surface-alt: #e8e0d0;--nbc-primary: #ffd500;--nbc-primary-fg: #0a0a0a;--nbc-primary-accent: #ff5a5a;--nbc-secondary: #1a6cf2;--nbc-secondary-fg: #ffffff;--nbc-danger: #ff3b30;--nbc-danger-fg: #ffffff;--nbc-border-color: #0a0a0a;--nbc-focus: #ffd500;--nbc-border-width: 3px;--nbc-border-style: solid;--nbc-radius: 0;--nbc-button-radius: 0;--nbc-shadow: 5px 5px 0 #0a0a0a, 7px 7px 0 var(--nbc-primary-accent);--nbc-shadow-lg: 8px 8px 0 #0a0a0a, 12px 12px 0 var(--nbc-primary-accent);--nbc-button-shadow-hover: 2px 2px 0 #0a0a0a, 3px 3px 0 var(--nbc-primary-accent);--nbc-input-shadow-error: 5px 5px 0 var(--nbc-danger), 7px 7px 0 #0a0a0a;--nbc-rotate: 0deg;--nbc-hairline: 2px solid #0a0a0a;--nbc-card-header-bg: #fff8d6;--nbc-card-padding-content: 22px}[data-theme=tech]{--nbc-font-sans: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--nbc-font-mono: "JetBrains Mono", ui-monospace, monospace;--nbc-font-display: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;--nbc-weight-label: 500;--nbc-label-transform: uppercase;--nbc-label-spacing: .12em;--nbc-fg: #c9f7dc;--nbc-fg-muted: #6a8a78;--nbc-bg: #0c0f0d;--nbc-surface: #12161382;--nbc-surface-alt: #1a201c;--nbc-primary: #39ff88;--nbc-primary-fg: #06100a;--nbc-primary-accent: #39ff88;--nbc-secondary: #ff4ecd;--nbc-secondary-fg: #06100a;--nbc-danger: #ff5a7a;--nbc-danger-fg: #06100a;--nbc-border-color: #39ff88;--nbc-focus: #39ff88;--nbc-border-width: 1px;--nbc-border-style: solid;--nbc-radius: 2px;--nbc-button-radius: 2px;--nbc-input-radius: 2px;--nbc-shadow: 0 0 0 1px #39ff88, 3px 3px 0 #39ff8844;--nbc-shadow-lg: 0 0 0 1px #39ff88, 6px 6px 0 #39ff8855, 0 0 40px #39ff8822;--nbc-button-shadow-hover: 0 0 0 1px #ff4ecd, 2px 2px 0 #ff4ecd66;--nbc-input-shadow-error: 0 0 0 1px var(--nbc-danger), 3px 3px 0 #ff5a7a66;--nbc-rotate: 0deg;--nbc-hairline: 1px solid #39ff8833;--nbc-grid-overlay: linear-gradient(to right, #39ff8811 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(to bottom, #39ff8811 1px, transparent 1px) 0 0 / 24px 24px;--nbc-card-header-bg: #0e1310;--nbc-card-padding-content: 18px}[data-theme=swiss]{--nbc-font-sans: "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;--nbc-font-mono: "JetBrains Mono", ui-monospace, monospace;--nbc-font-display: "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;--nbc-weight-label: 500;--nbc-label-transform: uppercase;--nbc-label-spacing: .18em;--nbc-fg: #0a0a0a;--nbc-fg-muted: #7a7a7a;--nbc-bg: #fafafa;--nbc-surface: #ffffff;--nbc-surface-alt: #f0f0f0;--nbc-primary: #0a0a0a;--nbc-primary-fg: #ffffff;--nbc-primary-accent: #8a0f1c;--nbc-secondary: #ffffff;--nbc-secondary-fg: #0a0a0a;--nbc-danger: #8a0f1c;--nbc-danger-fg: #ffffff;--nbc-border-color: #0a0a0a;--nbc-focus: #8a0f1c;--nbc-border-width: 1px;--nbc-border-style: solid;--nbc-radius: 0;--nbc-button-radius: 0;--nbc-input-radius: 0;--nbc-shadow: none;--nbc-shadow-lg: none;--nbc-button-shadow-hover: none;--nbc-input-shadow-error: inset 0 0 0 1px var(--nbc-danger);--nbc-rotate: 0deg;--nbc-hairline: 1px solid #0a0a0a;--nbc-card-header-bg: #ffffff;--nbc-card-padding-content: 24px}[data-theme=y2k]{--nbc-font-sans: "VT323", "Courier New", ui-monospace, monospace;--nbc-font-mono: "VT323", ui-monospace, monospace;--nbc-font-display: "Sixtyfour", "Bungee Shade", "VT323", sans-serif;--nbc-weight-label: 400;--nbc-label-transform: none;--nbc-label-spacing: .02em;--nbc-fg: #1a0a3e;--nbc-fg-muted: #5b4a7e;--nbc-bg: #e8f0ff;--nbc-surface: #ffffff;--nbc-surface-alt: #fff0fb;--nbc-primary: linear-gradient(135deg, #ff6ec7 0%, #a78bfa 25%, #7ee8fa 50%, #ffd86b 75%, #ff6ec7 100%);--nbc-primary-fg: #1a0a3e;--nbc-primary-accent: #ff6ec7;--nbc-secondary: linear-gradient(180deg, #ffffff 0%, #e8f0ff 100%);--nbc-secondary-fg: #1a0a3e;--nbc-danger: linear-gradient(135deg, #ff3388, #ff6b6b);--nbc-danger-fg: #ffffff;--nbc-border-color: #1a0a3e;--nbc-focus: #ff6ec7;--nbc-border-width: 2px;--nbc-border-style: solid;--nbc-radius: 10px;--nbc-button-radius: 999px;--nbc-input-radius: 8px;--nbc-shadow: -2px 0 0 #00e5ff66, 2px 0 0 #ff00a866, 4px 4px 0 #1a0a3e;--nbc-shadow-lg: -3px 0 0 #00e5ff66, 3px 0 0 #ff00a866, 8px 8px 0 #1a0a3e;--nbc-button-shadow-hover: -1px 0 0 #00e5ff88, 1px 0 0 #ff00a888, 2px 2px 0 #1a0a3e;--nbc-input-shadow-error: -2px 0 0 #ff3388aa, 2px 0 0 #ffd86baa, 4px 4px 0 #1a0a3e;--nbc-rotate: -.8deg;--nbc-hairline: 2px solid #1a0a3e;--nbc-holo-gradient: linear-gradient(135deg, rgba(255,110,199,.35) 0%, rgba(167,139,250,.35) 25%, rgba(126,232,250,.35) 50%, rgba(255,216,107,.35) 75%, rgba(255,110,199,.35) 100%);--nbc-card-header-bg: linear-gradient(180deg, #fff6fd 0%, #ffe4f5 100%);--nbc-card-padding-content: 20px}