@charset "UTF-8";:root{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--bg-card: #2a2a2a;--surface-raised: #2a2a2a;--surface-recessed: #1a1a1a;--surface-deep: #0a0a0a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-emboss: transparent;--accent: #00d4aa;--accent-dim: #008866;--accent-glow: rgba(0, 212, 170, .3);--accent-alt: #ffaa00;--accent-alt-dim: #806600;--accent-alt-glow: rgba(255, 170, 0, .3);--border: #3a3a3a;--border-light: #4a4a4a;--border-dark: #2a2a2a;--success: #00d488;--warning: #ffaa00;--error: #ff4444;--trim-color: #3a3a3a;--trim-highlight: #4a4a4a;--card-size: 360px;--card-radius: 8px;--card-padding: 1rem;--card-gap: .75rem;--card-header-bg: transparent;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Courier New", monospace;--font-label: "Inter", sans-serif;--font-display: "Inter", sans-serif}[data-theme=light]{--bg-primary: #f5f5f7;--bg-secondary: #e8e8ec;--bg-card: #ffffff;--surface-raised: #ffffff;--surface-recessed: #ededf0;--surface-deep: #e0e0e4;--text-primary: #1a1a1a;--text-secondary: #6b6b6b;--text-emboss: transparent;--accent: #00a88a;--accent-dim: #cceee6;--accent-glow: rgba(0, 168, 138, .15);--accent-alt: #d98f00;--accent-alt-dim: #fff0cc;--accent-alt-glow: rgba(217, 143, 0, .15);--border: #d0d0d4;--border-light: #e0e0e4;--border-dark: #c0c0c4;--success: #00b876;--warning: #d98f00;--error: #e03838;--trim-color: #d0d0d4;--trim-highlight: #e0e0e4;--card-header-bg: transparent;--btn-tertiary-bg-on: rgba(0, 168, 138, .12);--btn-tertiary-color-on: #008a6e}[data-theme=commodore]{--bg-primary: #3a3632;--bg-secondary: #e8e2d6;--bg-card: #d8d0c4;--surface-raised: #e8e2d6;--surface-recessed: #2a2622;--surface-deep: #1a1816;--text-primary: #5a5448;--text-secondary: #8a8478;--text-emboss: #f0ece4;--accent: #33ff66;--accent-dim: #1a8033;--accent-glow: rgba(51, 255, 102, .3);--accent-alt: #ff9922;--accent-alt-dim: #804c11;--accent-alt-glow: rgba(255, 153, 34, .3);--border: #a89e8e;--border-light: #e8e2d6;--border-dark: #8a8070;--success: #33ff66;--warning: #ff9922;--error: #cc3333;--trim-color: #5a3e28;--trim-highlight: #7a5e40;--card-radius: 0px;--card-gap: 0px;--card-padding: 0;--card-header-bg: linear-gradient(180deg, var(--border-light), var(--bg-card));--font-body: "Chakra Petch", sans-serif;--font-mono: "VT323", monospace;--font-label: "Michroma", sans-serif;--font-display: "Oxanium", sans-serif;--card-header-margin: 0;--card-body-padding: 8px 10px 10px;--card-body-gap: 5px;--card-animation: module-in .4s ease forwards;--card-initial-opacity: 0;--card-border-top-color: var(--border-light);--card-border-left-color: var(--border-light);--card-header-padding: 6px 10px 4px;--card-header-border: 1px solid var(--border);--card-title-font: var(--font-label);--card-title-size: 7px;--card-title-weight: 400;--card-title-spacing: 2px;--card-title-transform: uppercase;--card-title-shadow: 0 1px 0 var(--text-emboss);--card-type-font: inherit;--card-type-size: 7px;--card-type-weight: 700;--card-type-color: var(--bg-card);--card-type-bg: var(--text-primary);--card-type-padding: 1px 5px;--card-type-radius: 2px;--card-type-spacing: 1px;--card-no-data-font: var(--font-mono);--card-no-data-color: var(--accent-dim);--card-timestamp-font: var(--font-mono);--card-timestamp-size: 11px;--card-timestamp-color: var(--accent-dim);--card-timestamp-shadow: 0 0 4px var(--accent-glow);--screen-bg: var(--surface-deep);--screen-border-width: 2px;--screen-border-color: var(--border);--screen-radius: 3px;--screen-shadow: inset 0 2px 8px rgba(0,0,0,.5), 0 1px 0 var(--text-emboss);--screen-overlay: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,.1) 2px, rgba(0,0,0,.1) 4px);--screen-reflection: radial-gradient(ellipse at 30% 20%, rgba(255,255,255,.06), transparent 50%);--screen-text-font: var(--font-mono);--screen-text-size: 16px;--screen-text-color: var(--accent);--screen-text-shadow: 0 0 6px var(--accent-glow);--btn-primary-bg: linear-gradient(180deg, #ece4d6, #d8d0c2);--btn-primary-bg-on: linear-gradient(180deg, #dd4444, #bb2222);--btn-primary-color: var(--text-primary);--btn-primary-color-on: white;--btn-primary-border: 1px solid rgba(0,0,0,.25);--btn-primary-border-on: 1px solid rgba(0,0,0,.25);--btn-primary-radius: 3px;--btn-primary-shadow: 0 2px 0 rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.3);--btn-primary-shadow-active: inset 0 2px 3px rgba(0,0,0,.3);--btn-primary-transform-active: translateY(1px);--btn-primary-font: var(--font-body);--btn-primary-size: 8px;--btn-primary-weight: 700;--btn-primary-padding: 6px 16px;--btn-primary-spacing: 1px;--btn-primary-text-transform: uppercase;--btn-primary-width: auto;--btn-primary-height: auto;--btn-secondary-bg: linear-gradient(180deg, #ece4d6, #d8d0c2);--btn-secondary-bg-active: linear-gradient(180deg, var(--accent), var(--accent-dim));--btn-secondary-color: var(--text-primary);--btn-secondary-color-active: white;--btn-secondary-border: 1px solid rgba(0,0,0,.25);--btn-secondary-radius: 3px;--btn-secondary-shadow: 0 2px 0 rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.3);--btn-secondary-shadow-active: inset 0 2px 3px rgba(0,0,0,.3);--btn-secondary-transform-active: translateY(1px);--btn-secondary-font: var(--font-body);--btn-secondary-size: 8px;--btn-secondary-weight: 700;--btn-secondary-padding: 5px 10px;--btn-secondary-spacing: 1px;--btn-secondary-text-transform: uppercase;--btn-tertiary-bg: linear-gradient(180deg, #ece4d6, #d8d0c2);--btn-tertiary-bg-on: linear-gradient(180deg, #44cc66, #22aa44);--btn-tertiary-color: var(--text-primary);--btn-tertiary-color-on: white;--btn-tertiary-border: 1px solid rgba(0,0,0,.25);--btn-tertiary-radius: 3px;--btn-tertiary-shadow: 0 2px 0 rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.3);--btn-tertiary-shadow-active: inset 0 2px 3px rgba(0,0,0,.3);--btn-tertiary-transform-active: translateY(1px);--btn-tertiary-font: var(--font-body);--btn-tertiary-size: 8px;--btn-tertiary-weight: 700;--btn-tertiary-padding: 4px 8px;--btn-tertiary-spacing: 1px;--btn-tertiary-text-transform: uppercase;--btn-tertiary-width: auto;--btn-tertiary-height: auto;--tab-bar-bg: linear-gradient(180deg, var(--border), var(--bg-card));--tab-bar-border: 1px solid var(--border);--tab-font: var(--font-body);--tab-size: 7px;--tab-weight: 700;--tab-color: var(--text-secondary);--tab-spacing: 1.5px;--tab-transform: uppercase;--tab-shadow: 0 1px 0 var(--text-emboss);--tab-padding: 4px 6px;--tab-hover-bg: rgba(255,255,255,.15);--tab-active-color: var(--text-primary);--tab-active-bg: var(--bg-card);--tab-active-border: var(--accent-alt);--tab-active-shadow: inset 0 -2px 0 var(--accent-alt);--tab-divider: 1px solid var(--border);--label-font: var(--font-body);--label-size: 7px;--label-weight: 600;--label-color: var(--text-primary);--label-spacing: 1.5px;--label-transform: uppercase;--label-shadow: 0 1px 0 var(--text-emboss);--value-font: var(--font-mono);--value-size: 26px;--value-size-sm: 15px;--value-size-lg: 48px;--value-color: var(--accent);--value-shadow: 0 0 10px var(--accent-glow);--value-unit-font: var(--font-mono);--value-unit-size: 13px;--value-unit-color: var(--accent-dim);--input-bg: var(--surface-recessed);--input-border: 1px solid var(--border);--input-radius: 2px;--input-color: var(--accent);--input-font: var(--font-mono);--input-size: 13px;--input-padding: 3px 6px;--input-shadow: inset 0 1px 3px rgba(0,0,0,.4);--input-focus-border: var(--accent-dim);--slider-bg: var(--surface-recessed);--slider-border: 1px solid var(--border);--slider-radius: 3px;--slider-shadow: inset 0 1px 3px rgba(0,0,0,.4);--slider-thumb-bg: linear-gradient(180deg, var(--surface-raised), var(--border));--slider-thumb-border: 1px solid var(--border-dark);--slider-thumb-shadow: none;--icon-size: 48px;--icon-bg: radial-gradient(circle at 40% 35%, var(--surface-raised), var(--border) 70%);--icon-border: 2px solid var(--border);--icon-shadow: 0 2px 4px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.4);--icon-active-border-color: var(--accent-alt);--icon-active-bg: none;--icon-active-shadow: 0 2px 4px rgba(0,0,0,.3), 0 0 8px var(--accent-alt-glow);--indicator-size: 48px;--indicator-bg: var(--bg-secondary);--indicator-border: 3px solid var(--border);--indicator-shadow: none;--indicator-active-border-color: var(--accent);--indicator-active-bg: rgba(99, 102, 241, .15);--indicator-active-shadow: 0 0 12px rgba(99, 102, 241, .4);--indicator-num-size: 1.1rem;--indicator-num-font: var(--font-display);--indicator-num-color: var(--text-primary);--indicator-num-active-color: white;--indicator-label-size: 8px;--indicator-label-font: inherit;--indicator-label-spacing: 1.5px;--indicator-label-transform: uppercase;--indicator-label-shadow: 0 1px 0 var(--text-emboss);--chrome-bg: radial-gradient(ellipse at 30% 20%, rgba(255,255,255,.15), transparent 60%), radial-gradient(ellipse at 70% 80%, rgba(0,0,0,.05), transparent 50%);--chrome-texture: url("data:image/svg+xml,%3Csvg width='6' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='6' height='6' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");--chrome-grid-gap: 0;--chrome-grid-bg: transparent;--chrome-select-bg: var(--surface-recessed);--chrome-select-border: 2px solid var(--border);--chrome-select-color: var(--accent);--chrome-select-font: var(--font-body);--chrome-select-size: 10px;--chrome-select-spacing: 1px;--chrome-select-transform: uppercase;--chrome-select-shadow: inset 0 2px 4px rgba(0,0,0,.4), 0 1px 0 var(--text-emboss);--chrome-select-radius: 3px;--chrome-select-padding: 2px 8px}[data-theme=gameboy]{--bg-primary: #6a6e66;--bg-secondary: #bcc0b8;--bg-card: #bcc0b8;--surface-raised: #cdd1c9;--surface-recessed: #8bac0f;--surface-deep: #306230;--text-primary: #5a5e56;--text-secondary: #7a7e76;--text-emboss: #cdd1c9;--accent: #306230;--accent-dim: #6b8c2a;--accent-glow: rgba(48, 98, 48, .3);--accent-alt: #8b2252;--accent-alt-dim: #6a1840;--accent-alt-glow: rgba(139, 34, 82, .3);--border: #a0a49c;--border-light: #cdd1c9;--border-dark: #888c84;--success: #22aa44;--warning: #ddaa33;--error: #dd5544;--trim-color: #70746c;--trim-highlight: #888c84;--card-radius: 4px;--card-gap: 2px;--card-padding: 0;--card-header-bg: linear-gradient(180deg, #cdd1c9, #bcc0b8);--font-body: "Silkscreen", cursive;--font-mono: "Press Start 2P", cursive;--font-label: "Silkscreen", cursive;--font-display: "Press Start 2P", cursive;--card-header-margin: 0;--card-body-padding: 6px 8px 8px;--card-body-gap: 4px;--card-animation: gb-pop-in .3s ease forwards;--card-initial-opacity: 0;--card-header-padding: 5px 8px 4px;--card-header-border: 1px solid var(--border-dark);--card-title-font: var(--font-label);--card-title-size: 8px;--card-title-weight: 400;--card-title-spacing: 0;--card-title-transform: none;--card-title-shadow: none;--card-type-font: var(--font-display);--card-type-size: 5px;--card-type-weight: 400;--card-type-color: var(--surface-raised);--card-type-bg: var(--text-primary);--card-type-padding: 2px 4px;--card-type-radius: 2px;--card-type-spacing: .5px;--card-no-data-font: var(--font-display);--card-no-data-size: 8px;--card-no-data-color: var(--accent-dim);--card-timestamp-font: var(--font-display);--card-timestamp-size: 7px;--card-timestamp-color: var(--accent);--card-timestamp-shadow: none;--screen-bg: var(--surface-recessed);--screen-border-width: 3px;--screen-border-color: #5a5e56;--screen-border-top-color: #484c44;--screen-border-left-color: #484c44;--screen-border-right-color: #6a6e64;--screen-border-bottom-color: #6a6e64;--screen-radius: 2px;--screen-shadow: inset 0 2px 5px rgba(0,0,0,.25), inset 0 -1px 3px rgba(155,188,15,.1), 0 1px 0 var(--surface-raised);--screen-overlay: repeating-linear-gradient(0deg, rgba(0,0,0,.05) 0px, rgba(0,0,0,.05) 1px, transparent 1px, transparent 3px), repeating-linear-gradient(90deg, rgba(0,0,0,.05) 0px, rgba(0,0,0,.05) 1px, transparent 1px, transparent 3px);--screen-reflection: radial-gradient(ellipse at 25% 25%, rgba(255,255,255,.14), transparent 60%);--screen-text-font: var(--font-display);--screen-text-size: 9px;--screen-text-color: var(--accent);--screen-text-shadow: none;--btn-primary-bg: radial-gradient(circle at 40% 35%, #a83268, #8b2252);--btn-primary-bg-on: radial-gradient(circle at 40% 35%, #dd5544, #aa2222);--btn-primary-color: rgba(255,255,255,.7);--btn-primary-color-on: rgba(255,255,255,.9);--btn-primary-border: 2px solid #6a1840;--btn-primary-border-on: 2px solid #881818;--btn-primary-radius: 50%;--btn-primary-shadow: 0 3px 0 #6a1840, inset 0 1px 0 rgba(255,255,255,.2);--btn-primary-shadow-on: 0 3px 0 #881818, inset 0 1px 0 rgba(255,255,255,.2);--btn-primary-shadow-active: 0 0 0 transparent, inset 0 2px 3px rgba(0,0,0,.4);--btn-primary-transform-active: translateY(2px);--btn-primary-font: var(--font-display);--btn-primary-size: 7px;--btn-primary-weight: 400;--btn-primary-padding: 0;--btn-primary-spacing: 0;--btn-primary-text-transform: none;--btn-primary-width: 28px;--btn-primary-height: 28px;--btn-secondary-bg: #2a2c28;--btn-secondary-bg-active: #3a3c38;--btn-secondary-color: rgba(255,255,255,.6);--btn-secondary-color-active: rgba(255,255,255,.9);--btn-secondary-border: 1px solid rgba(0,0,0,.3);--btn-secondary-radius: 2px;--btn-secondary-shadow: 0 2px 0 rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.08);--btn-secondary-shadow-active: inset 0 2px 3px rgba(0,0,0,.4);--btn-secondary-transform-active: translateY(1px);--btn-secondary-font: var(--font-display);--btn-secondary-size: 6px;--btn-secondary-weight: 400;--btn-secondary-padding: 4px 8px;--btn-secondary-spacing: 0;--btn-secondary-text-transform: none;--btn-tertiary-bg: linear-gradient(180deg, #7a7e76, #686c64);--btn-tertiary-bg-on: linear-gradient(180deg, #55dd77, #22aa44);--btn-tertiary-color: var(--text-secondary);--btn-tertiary-color-on: white;--btn-tertiary-border: 1px solid #70746c;--btn-tertiary-radius: 5px;--btn-tertiary-shadow: 0 1px 0 rgba(0,0,0,.2);--btn-tertiary-shadow-active: inset 0 1px 2px rgba(0,0,0,.3);--btn-tertiary-transform-active: translateY(1px);--btn-tertiary-font: var(--font-display);--btn-tertiary-size: 4px;--btn-tertiary-weight: 400;--btn-tertiary-padding: 0;--btn-tertiary-spacing: 0;--btn-tertiary-text-transform: none;--btn-tertiary-width: 30px;--btn-tertiary-height: 10px;--tab-bar-bg: var(--border);--tab-bar-border: 2px solid var(--border-dark);--tab-font: var(--font-display);--tab-size: 5px;--tab-weight: 400;--tab-color: var(--surface-raised);--tab-spacing: .5px;--tab-transform: none;--tab-shadow: none;--tab-padding: 4px 4px;--tab-hover-bg: rgba(255,255,255,.08);--tab-active-color: var(--text-primary);--tab-active-bg: var(--bg-card);--tab-active-border: transparent;--tab-active-shadow: none;--tab-active-indicator-bg: #6b8c2a;--tab-active-indicator-shadow: 0 0 4px rgba(107,140,42,.5);--tab-divider: 1px solid var(--border-dark);--label-font: var(--font-label);--label-size: 7px;--label-weight: 400;--label-color: var(--text-primary);--label-spacing: 1px;--label-transform: none;--label-shadow: none;--value-font: var(--font-display);--value-size: 16px;--value-size-sm: 8px;--value-size-lg: 24px;--value-color: var(--accent);--value-shadow: none;--value-unit-font: var(--font-label);--value-unit-size: 8px;--value-unit-color: var(--accent-dim);--input-bg: var(--bg-card);--input-border: 1px solid var(--border);--input-radius: 2px;--input-color: var(--text-primary);--input-font: var(--font-display);--input-size: 8px;--input-padding: 3px 6px;--input-shadow: inset 0 1px 2px rgba(0,0,0,.15);--input-focus-border: var(--accent);--slider-bg: var(--surface-recessed);--slider-border: 2px solid #5a5e56;--slider-border-top-color: #484c44;--slider-border-left-color: #484c44;--slider-border-right-color: #6a6e64;--slider-border-bottom-color: #6a6e64;--slider-radius: 2px;--slider-shadow: inset 0 1px 3px rgba(0,0,0,.25), 0 1px 0 var(--surface-raised);--slider-thumb-bg: var(--border);--slider-thumb-border: 1px solid var(--border-dark);--slider-thumb-shadow: 0 1px 0 rgba(0,0,0,.3);--icon-size: 44px;--icon-bg: var(--border);--icon-border: 2px solid var(--border-dark);--icon-shadow: 0 2px 0 rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.1);--icon-active-border-color: var(--accent);--icon-active-bg: var(--accent-dim);--icon-active-shadow: 0 2px 0 rgba(0,0,0,.3);--indicator-size: 36px;--indicator-bg: #2a2c28;--indicator-border: 1px solid rgba(0,0,0,.3);--indicator-shadow: 0 2px 0 rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.08);--indicator-active-border-color: var(--accent);--indicator-active-bg: #3a3c38;--indicator-active-shadow: inset 0 2px 3px rgba(0,0,0,.4);--indicator-num-size: 6px;--indicator-num-font: var(--font-display);--indicator-num-color: rgba(255,255,255,.6);--indicator-num-active-color: rgba(255,255,255,.9);--indicator-label-size: 7px;--indicator-label-font: var(--font-label);--indicator-label-spacing: 1px;--indicator-label-transform: none;--indicator-label-shadow: none;--chrome-bg: radial-gradient(ellipse at 40% 30%, rgba(255,255,255,.12), transparent 50%), radial-gradient(ellipse at 60% 70%, rgba(0,0,0,.06), transparent 50%);--chrome-texture: url("data:image/svg+xml,%3Csvg width='4' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1' cy='1' r='0.5' fill='rgba(0,0,0,0.06)'/%3E%3C/svg%3E");--chrome-texture-rendering: pixelated;--chrome-grid-gap: 2px;--chrome-grid-bg: var(--border-dark);--chrome-grid-padding: 2px;--chrome-select-bg: var(--surface-deep);--chrome-select-border: 2px solid #5a5e56;--chrome-select-color: #9bbc0f;--chrome-select-font: var(--font-label);--chrome-select-size: 8px;--chrome-select-spacing: 1px;--chrome-select-transform: none;--chrome-select-shadow: inset 0 1px 4px rgba(0,0,0,.5);--chrome-select-radius: 3px;--chrome-select-padding: 2px 8px}[data-theme=snes]{--bg-primary: #8a8694;--bg-secondary: #dddae3;--bg-card: #d0cdd6;--surface-raised: #dddae3;--surface-recessed: #0c0c14;--surface-deep: #0c0c14;--text-primary: #8a8694;--text-secondary: #7a7684;--text-emboss: rgba(255,255,255,.4);--accent: #00bbcc;--accent-dim: #006677;--accent-glow: rgba(0,187,204,.3);--accent-alt: #eeaa22;--accent-alt-dim: #997711;--accent-alt-glow: rgba(238,170,34,.3);--border: #a8a4b0;--border-light: #c0bcc8;--border-dark: #8a8694;--success: #44cc44;--warning: #eeaa22;--error: #dd3344;--trim-color: #a8a4b0;--trim-highlight: #c0bcc8;--snes-purple: #6b4c9a;--snes-purple-light: #8866bb;--snes-purple-dark: #4a3470;--snes-purple-glow: rgba(107,76,154,.3);--card-radius: 6px;--card-gap: 2px;--card-padding: 0;--card-header-bg: linear-gradient(180deg, rgba(255,255,255,.15), transparent);--font-body: "Nunito", sans-serif;--font-mono: "Silkscreen", cursive;--font-label: "Exo 2", sans-serif;--font-display: "Exo 2", sans-serif;--card-header-margin: 0;--card-body-padding: 6px 10px 8px;--card-body-gap: 4px;--card-animation: snes-pop-in .35s ease forwards;--card-initial-opacity: 0;--card-border-top-color: var(--border-light);--card-border-left-color: var(--border-light);--card-header-padding: 5px 10px 4px;--card-header-border: 1px solid var(--border);--card-title-font: var(--font-label);--card-title-size: 9px;--card-title-weight: 800;--card-title-spacing: 1.5px;--card-title-transform: uppercase;--card-title-shadow: 0 1px 0 var(--text-emboss);--card-type-font: var(--font-mono);--card-type-size: 6px;--card-type-weight: 400;--card-type-color: white;--card-type-bg: var(--snes-purple);--card-type-padding: 1px 5px;--card-type-radius: 4px;--card-type-spacing: .5px;--card-no-data-font: var(--font-mono);--card-no-data-size: 9px;--card-no-data-color: var(--accent-dim);--card-timestamp-font: var(--font-mono);--card-timestamp-size: 9px;--card-timestamp-color: var(--accent-dim);--card-timestamp-shadow: 0 0 4px var(--accent-glow);--screen-bg: #0c0c14;--screen-border-width: 3px;--screen-border-color: var(--border);--screen-border-top-color: var(--border-dark);--screen-border-left-color: var(--border-dark);--screen-border-right-color: var(--border-light);--screen-border-bottom-color: var(--border-light);--screen-radius: 6px;--screen-shadow: inset 0 2px 8px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.3);--screen-overlay: repeating-linear-gradient(0deg, transparent 0px, transparent 2px, rgba(0,0,0,.08) 2px, rgba(0,0,0,.08) 4px);--screen-reflection: radial-gradient(ellipse at 30% 25%, rgba(255,255,255,.06), transparent 65%);--screen-text-font: var(--font-mono);--screen-text-size: 10px;--screen-text-color: var(--accent);--screen-text-shadow: 0 0 4px var(--accent-glow);--btn-primary-bg: radial-gradient(circle at 40% 35%, #ee4466, #bb1133);--btn-primary-bg-on: radial-gradient(circle at 40% 35%, #ff5577, #cc2244);--btn-primary-color: rgba(255,255,255,.85);--btn-primary-color-on: rgba(255,255,255,.95);--btn-primary-border: none;--btn-primary-border-on: none;--btn-primary-radius: 50%;--btn-primary-shadow: 0 2px 0 #881122, inset 0 1px 0 rgba(255,255,255,.25);--btn-primary-shadow-on: 0 2px 0 #991133, inset 0 1px 0 rgba(255,255,255,.25);--btn-primary-shadow-active: 0 0 0 transparent, inset 0 2px 3px rgba(0,0,0,.4);--btn-primary-transform-active: translateY(1px) scale(.95);--btn-primary-font: var(--font-label);--btn-primary-size: 8px;--btn-primary-weight: 900;--btn-primary-padding: 0;--btn-primary-spacing: 0;--btn-primary-text-transform: none;--btn-primary-width: 22px;--btn-primary-height: 22px;--btn-secondary-bg: radial-gradient(circle at 40% 35%, #4488ee, #2255bb);--btn-secondary-bg-active: radial-gradient(circle at 40% 35%, #5599ff, #3366cc);--btn-secondary-color: rgba(255,255,255,.85);--btn-secondary-color-active: white;--btn-secondary-border: none;--btn-secondary-radius: 50%;--btn-secondary-shadow: 0 2px 0 #113388, inset 0 1px 0 rgba(255,255,255,.25);--btn-secondary-shadow-active: 0 0 0 transparent, inset 0 2px 3px rgba(0,0,0,.4);--btn-secondary-transform-active: translateY(1px) scale(.95);--btn-secondary-font: var(--font-label);--btn-secondary-size: 8px;--btn-secondary-weight: 900;--btn-secondary-padding: 0;--btn-secondary-spacing: 0;--btn-secondary-text-transform: none;--btn-tertiary-bg: linear-gradient(180deg, var(--border), var(--border-dark));--btn-tertiary-bg-on: linear-gradient(180deg, #44cc66, #22aa44);--btn-tertiary-color: #9a96a4;--btn-tertiary-color-on: white;--btn-tertiary-border: 1px solid var(--border-dark);--btn-tertiary-radius: 5px;--btn-tertiary-shadow: 0 1px 0 rgba(0,0,0,.15);--btn-tertiary-shadow-active: inset 0 1px 2px rgba(0,0,0,.3);--btn-tertiary-transform-active: translateY(1px);--btn-tertiary-font: var(--font-label);--btn-tertiary-size: 6px;--btn-tertiary-weight: 800;--btn-tertiary-padding: 0;--btn-tertiary-spacing: 2px;--btn-tertiary-text-transform: uppercase;--btn-tertiary-width: auto;--btn-tertiary-height: 10px;--tab-bar-bg: var(--border-light);--tab-bar-border: 1px solid var(--border);--tab-font: var(--font-label);--tab-size: 7px;--tab-weight: 800;--tab-color: var(--border-dark);--tab-spacing: 1.5px;--tab-transform: uppercase;--tab-shadow: none;--tab-padding: 4px 4px;--tab-hover-bg: rgba(255,255,255,.15);--tab-active-color: var(--snes-purple);--tab-active-bg: var(--bg-card);--tab-active-border: transparent;--tab-active-shadow: none;--tab-active-indicator-bg: var(--snes-purple);--tab-active-indicator-shadow: 0 0 4px var(--snes-purple-glow);--tab-divider: 1px solid var(--border);--label-font: var(--font-label);--label-size: 8px;--label-weight: 700;--label-color: var(--border-dark);--label-spacing: 1.5px;--label-transform: uppercase;--label-shadow: 0 1px 0 rgba(255,255,255,.3);--value-font: var(--font-mono);--value-size: 18px;--value-size-sm: 12px;--value-size-lg: 24px;--value-color: var(--accent);--value-shadow: 0 0 6px var(--accent-glow);--value-unit-font: var(--font-body);--value-unit-size: 9px;--value-unit-color: var(--text-secondary);--input-bg: #0c0c14;--input-border: 2px solid var(--border);--input-radius: 4px;--input-color: var(--accent);--input-font: var(--font-mono);--input-size: 10px;--input-padding: 5px 8px;--input-shadow: inset 0 2px 5px rgba(0,0,0,.3);--input-focus-border: var(--snes-purple);--slider-bg: #0c0c14;--slider-border: 2px solid var(--border);--slider-border-top-color: var(--border-dark);--slider-border-left-color: var(--border-dark);--slider-border-right-color: var(--border-light);--slider-border-bottom-color: var(--border-light);--slider-radius: 4px;--slider-shadow: inset 0 1px 3px rgba(0,0,0,.3);--slider-thumb-bg: var(--border-light);--slider-thumb-border: 1px solid var(--border-dark);--slider-thumb-shadow: 0 1px 0 rgba(0,0,0,.3);--icon-size: 44px;--icon-bg: radial-gradient(circle at 40% 35%, var(--surface-raised), var(--border) 70%);--icon-border: 2px solid var(--border);--icon-shadow: 0 2px 4px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.3);--icon-active-border-color: var(--snes-purple);--icon-active-bg: none;--icon-active-shadow: 0 2px 4px rgba(0,0,0,.3), 0 0 8px var(--snes-purple-glow);--indicator-size: 36px;--indicator-bg: linear-gradient(180deg, var(--border-light), var(--border));--indicator-border: 2px solid var(--border-dark);--indicator-shadow: 0 2px 0 rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.2);--indicator-active-border-color: var(--snes-purple);--indicator-active-bg: var(--snes-purple-glow);--indicator-active-shadow: 0 0 8px var(--snes-purple-glow);--indicator-num-size: 8px;--indicator-num-font: var(--font-label);--indicator-num-color: var(--border-dark);--indicator-num-active-color: white;--indicator-label-size: 7px;--indicator-label-font: var(--font-label);--indicator-label-spacing: 1.5px;--indicator-label-transform: uppercase;--indicator-label-shadow: 0 1px 0 var(--text-emboss);--chrome-bg: radial-gradient(ellipse at 35% 20%, rgba(255,255,255,.18), transparent 55%), radial-gradient(ellipse at 65% 80%, rgba(0,0,0,.04), transparent 50%);--chrome-texture: url("data:image/svg+xml,%3Csvg width='4' height='4' viewBox='0 0 4 4' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1' height='1' fill='rgba(0,0,0,0.015)'/%3E%3C/svg%3E");--chrome-grid-gap: 2px;--chrome-grid-bg: var(--border);--chrome-grid-padding: 2px;--chrome-select-bg: #0c0c14;--chrome-select-border: 2px solid var(--border);--chrome-select-color: var(--success);--chrome-select-font: var(--font-mono);--chrome-select-size: 11px;--chrome-select-spacing: 1px;--chrome-select-transform: none;--chrome-select-shadow: inset 0 1px 4px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.3);--chrome-select-radius: 6px;--chrome-select-padding: 2px 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}h1,h2,h3,h4{font-weight:600;line-height:1.2}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;transition:border-color .2s}.card:hover{border-color:var(--accent-dim)}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-indicator.online{background:var(--success);box-shadow:0 0 8px var(--success)}.status-indicator.reconnecting{background:var(--warning);animation:pulse 1.5s ease-in-out infinite}.status-indicator.offline{background:var(--error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}