:root{--bg-primary: #0a0a0b;--bg-secondary: #1a1a1d;--text-primary: #e0e0e0;--text-secondary: #999;--text-muted: #666;--border-color: #333;--accent-color: #cc0000;--glass-bg: rgba(13, 17, 23, .85);--glass-bg-header: rgba(33, 38, 45, .6);--glass-border: rgba(48, 54, 61, .6);--overlay-hover: rgba(255, 255, 255, .08);--overlay-active: rgba(255, 255, 255, .15);--overlay-white-10: rgba(255, 255, 255, .1);--accent-blue: #18ABEA;--accent-blue-bg: rgba(24, 171, 234, .12);--accent-blue-bg-strong: rgba(24, 171, 234, .2);--accent-blue-bg-stronger: rgba(24, 171, 234, .3);--accent-blue-border: rgba(24, 171, 234, .4);--accent-blue-border-light: rgba(24, 171, 234, .3);--accent-green: #4ade80;--accent-green-bg: rgba(74, 222, 128, .15);--accent-green-bg-strong: rgba(74, 222, 128, .2);--accent-green-bg-stronger: rgba(74, 222, 128, .25);--accent-green-border: rgba(74, 222, 128, .4);--accent-green-border-light: rgba(74, 222, 128, .3);--accent-red: #f87171;--accent-red-bg: rgba(248, 113, 113, .12);--accent-red-bg-strong: rgba(248, 113, 113, .18);--accent-red-bg-stronger: rgba(248, 113, 113, .2);--accent-red-border: rgba(248, 113, 113, .4);--accent-purple: #a78bfa;--accent-purple-bg: rgba(167, 139, 250, .12);--accent-purple-bg-strong: rgba(167, 139, 250, .2);--accent-orange: #fb923c;--accent-orange-bg: rgba(251, 146, 60, .12);--accent-orange-bg-strong: rgba(251, 146, 60, .2);--accent-orange-bg-stronger: rgba(251, 146, 60, .25);--accent-orange-border: rgba(251, 146, 60, .4);--accent-orange-border-light: rgba(251, 146, 60, .3);--accent-orange-border-strong: rgba(251, 146, 60, .5);--overlay-subtle: rgba(255, 255, 255, .04);--overlay-faint: rgba(255, 255, 255, .03);--glass-bg-solid: rgba(13, 17, 23, .95);--glass-border-subtle: rgba(48, 54, 61, .3);--input-bg: rgba(0, 0, 0, .15);--input-bg-deep: rgba(0, 0, 0, .25);--separator-bg: rgba(48, 54, 61, .6);--control-bg: rgba(33, 38, 45, .5);--reg-flash-color: #fbbf24;--reg-flash-bg: rgba(251, 191, 36, .15);--flag-active-glow: rgba(74, 222, 128, .2);--input-bg-dark: rgba(22, 27, 34, .5);--input-bg-deeper: rgba(10, 12, 16, .6);--badge-dim-bg: rgba(48, 54, 61, .5);--overlay-white-02: rgba(255, 255, 255, .02);--border-default: rgba(48, 54, 61, .6);--border-muted: rgba(48, 54, 61, .4);--canvas-bg: #05050a;--canvas-line: #1a1a2a;--control-border: rgba(48, 54, 61, .8);--shadow-window: 0 2px 12px rgba(0, 0, 0, .4);--shadow-window-focused: 0 16px 64px rgba(0, 0, 0, 1), 0 6px 24px rgba(0, 0, 0, .9), 0 0 0 1px rgba(24, 171, 234, .6);--radius-sm: 4px;--radius-md: 8px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Menlo", monospace}html[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f6f8fa;--text-primary: #1f2328;--text-secondary: #656d76;--text-muted: #8b949e;--border-color: #d0d7de;--accent-color: #b42d31;--glass-bg: rgba(255, 255, 255, .92);--glass-bg-header: rgba(246, 248, 250, .8);--glass-border: rgba(208, 215, 222, .8);--overlay-hover: rgba(31, 35, 40, .08);--overlay-active: rgba(31, 35, 40, .12);--overlay-white-10: rgba(31, 35, 40, .06);--accent-blue: #006FA3;--accent-blue-bg: rgba(0, 111, 163, .1);--accent-blue-bg-strong: rgba(0, 111, 163, .16);--accent-blue-bg-stronger: rgba(0, 111, 163, .22);--accent-blue-border: rgba(0, 111, 163, .4);--accent-blue-border-light: rgba(0, 111, 163, .3);--accent-green: #1a7f37;--accent-green-bg: rgba(26, 127, 55, .1);--accent-green-bg-strong: rgba(26, 127, 55, .16);--accent-green-bg-stronger: rgba(26, 127, 55, .22);--accent-green-border: rgba(26, 127, 55, .4);--accent-green-border-light: rgba(26, 127, 55, .3);--accent-red: #cf222e;--accent-red-bg: rgba(207, 34, 46, .1);--accent-red-bg-strong: rgba(207, 34, 46, .16);--accent-red-bg-stronger: rgba(207, 34, 46, .2);--accent-red-border: rgba(207, 34, 46, .4);--accent-purple: #8250df;--accent-purple-bg: rgba(130, 80, 223, .1);--accent-purple-bg-strong: rgba(130, 80, 223, .16);--accent-orange: #bc4c00;--accent-orange-bg: rgba(188, 76, 0, .1);--accent-orange-bg-strong: rgba(188, 76, 0, .16);--accent-orange-bg-stronger: rgba(188, 76, 0, .22);--accent-orange-border: rgba(188, 76, 0, .4);--accent-orange-border-light: rgba(188, 76, 0, .3);--accent-orange-border-strong: rgba(188, 76, 0, .5);--overlay-subtle: rgba(31, 35, 40, .04);--overlay-faint: rgba(31, 35, 40, .03);--glass-bg-solid: rgba(255, 255, 255, .97);--glass-border-subtle: rgba(208, 215, 222, .5);--input-bg: rgba(246, 248, 250, .6);--input-bg-deep: rgba(232, 236, 240, .6);--separator-bg: rgba(208, 215, 222, .8);--control-bg: rgba(246, 248, 250, .6);--reg-flash-color: #9a6700;--reg-flash-bg: rgba(154, 103, 0, .15);--flag-active-glow: rgba(26, 127, 55, .15);--input-bg-dark: rgba(246, 248, 250, .5);--input-bg-deeper: rgba(232, 236, 240, .8);--badge-dim-bg: rgba(208, 215, 222, .5);--overlay-white-02: rgba(31, 35, 40, .02);--border-default: rgba(208, 215, 222, .8);--border-muted: rgba(208, 215, 222, .5);--canvas-bg: #f0f2f5;--canvas-line: #d0d7de;--control-border: rgba(208, 215, 222, .8);--shadow-window: 0 2px 12px rgba(0, 0, 0, .12);--shadow-window-focused: 0 16px 64px rgba(0, 0, 0, .5), 0 6px 24px rgba(0, 0, 0, .4), 0 0 0 1px rgba(0, 111, 163, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;height:100vh;width:100vw}header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);height:44px;flex-shrink:0;z-index:2000;position:relative}.header-left{display:flex;align-items:center;gap:12px}.header-logo{display:block;height:44px;width:auto;color:var(--text-primary)}.logo-text{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:.5px}.header-controls{display:flex;align-items:center;gap:8px}.control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.control-btn:hover{background:var(--overlay-hover);color:var(--text-primary);border-color:var(--text-muted)}.control-btn:active{transform:scale(.95)}.control-btn svg{width:18px;height:18px}.control-btn.power-btn{color:var(--accent-green)}.control-btn.power-btn:hover{background:var(--accent-green-bg);color:#fff;border-color:var(--accent-green)}.control-btn.power-btn.off{color:var(--accent-red)}.control-btn.power-btn.off:hover{background:transparent;color:var(--accent-red);border-color:var(--accent-red);box-shadow:0 0 20px #f851494d}.header-text-btn{padding:6px 10px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s}.header-text-btn:hover{background:var(--overlay-hover);color:var(--text-primary);border-color:var(--border-color)}.header-text-btn:active{transform:scale(.95)}.header-menu-container{position:relative}.header-menu-trigger{display:flex;align-items:center;gap:4px;padding:6px 10px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-sans);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s}.header-menu-trigger:hover,.header-menu-container.open .header-menu-trigger{background:var(--overlay-hover);color:var(--text-primary);border-color:var(--border-color)}.header-menu-trigger svg.menu-chevron{color:var(--text-muted);transition:transform .2s}.header-menu-container.open .header-menu-trigger svg.menu-chevron{transform:rotate(180deg)}.header-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:0 4px 16px #0006;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .15s,transform .15s,visibility .15s;z-index:2000;padding:4px 0}.header-menu-container.open .header-menu{opacity:1;visibility:visible;transform:translateY(0)}.header-menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-primary);font-family:var(--font-sans);font-size:.8125rem;text-align:left;cursor:pointer;transition:background .1s}.header-menu-item:hover{background:var(--overlay-hover)}.header-menu-separator{height:1px;background:var(--glass-border);margin:4px 8px}.control-group{display:flex;align-items:center;gap:6px;margin-left:4px}.sound-control-wrapper{position:relative}.sound-popup{position:absolute;top:100%;right:0;margin-top:8px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:12px;min-width:200px;box-shadow:0 8px 24px #0009;z-index:10000}.sound-popup.hidden{display:none}.sound-popup-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--glass-border)}.sound-popup-row:last-child{border-bottom:none}.sound-popup-row label:first-child{font-size:.8125rem;color:var(--text-secondary);flex-shrink:0}.sound-popup-row input[type=range]{flex:1;height:4px;background:var(--overlay-white-10);border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.sound-popup-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent-blue);border-radius:50%;cursor:pointer}.sound-popup-row input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--accent-blue);border:none;border-radius:50%;cursor:pointer}#volume-value{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);min-width:32px;text-align:right}.sound-popup .toggle-switch{position:relative;display:inline-block;width:40px;height:22px;background:transparent;border:none}.sound-popup .toggle-switch:after{display:none}.sound-popup .toggle-switch input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.sound-popup .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--overlay-active);border-radius:22px;transition:.2s}.sound-popup .toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.2s}.sound-popup .toggle-switch input:checked+.toggle-slider{background-color:var(--accent-blue)}.sound-popup .toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.icon-muted.hidden,.icon-unmuted.hidden{display:none}main{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.emulator-section{display:flex;align-items:center;justify-content:center}#monitor-frame{display:none}#screen{display:block;image-rendering:pixelated;image-rendering:crisp-edges;background:#000;outline:none}#screen:focus{outline:none}#loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);color:var(--text-secondary);font-size:16px;z-index:3000}#loading.hidden{display:none}.debug-window{position:fixed;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-window);display:flex;flex-direction:column;overflow:hidden;z-index:1000}.debug-window.hidden{display:none}.debug-window.dragging,.debug-window.resizing{-webkit-user-select:none;user-select:none}.debug-window.focused{border-color:var(--accent-blue-border-light);box-shadow:var(--shadow-window-focused)}.debug-window-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--glass-bg-header);border-bottom:1px solid var(--control-border);border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:move}.debug-window-title{font-family:var(--font-sans);font-size:.75rem;font-weight:600;color:var(--text-primary)}.debug-window-close{background:none;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:2px 6px;line-height:1;border-radius:var(--radius-sm);opacity:.6;transition:all .15s}.debug-window-close:hover{opacity:1;color:var(--accent-red)}.debug-window-content{flex:1;min-height:0;padding:8px;overflow:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);line-height:1.4}.debug-resize-handle{position:absolute;background:transparent}.debug-resize-handle.n{top:-3px;left:10px;right:10px;height:6px;cursor:n-resize}.debug-resize-handle.s{bottom:-3px;left:10px;right:10px;height:6px;cursor:s-resize}.debug-resize-handle.e{top:10px;right:-3px;bottom:10px;width:6px;cursor:e-resize}.debug-resize-handle.w{top:10px;left:-3px;bottom:10px;width:6px;cursor:w-resize}.debug-resize-handle.ne{top:-3px;right:-3px;width:12px;height:12px;cursor:ne-resize}.debug-resize-handle.nw{top:-3px;left:-3px;width:12px;height:12px;cursor:nw-resize}.debug-resize-handle.se{bottom:-3px;right:-3px;width:12px;height:12px;cursor:se-resize}.debug-resize-handle.sw{bottom:-3px;left:-3px;width:12px;height:12px;cursor:sw-resize}.debug-window-content::-webkit-scrollbar{width:5px;height:5px}.debug-window-content::-webkit-scrollbar-track{background:transparent}.debug-window-content::-webkit-scrollbar-thumb{background:var(--overlay-active);border-radius:3px}.debug-window-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}#screen-window .debug-window-content{padding:0;overflow:hidden;background:#000}.screen-window-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.screen-window-content #screen{display:block}.screen-window-lock{position:relative;display:grid;place-items:center;width:22px;height:22px;background:transparent;border:1px solid transparent;color:var(--text-muted);cursor:pointer;margin-left:auto;margin-right:6px;border-radius:var(--radius-sm);opacity:.5;transition:opacity .15s,color .15s,background .15s,border-color .15s}.screen-window-lock:hover{opacity:1;color:var(--text-primary);background:var(--overlay-hover);border-color:var(--overlay-white-10)}.screen-window-lock.active{opacity:1;color:var(--accent-green);background:var(--accent-green-bg);border-color:var(--accent-green-border-light)}.screen-window-lock.active:hover{background:var(--accent-green-bg-strong);border-color:var(--accent-green-border)}.screen-window-lock svg{grid-area:1 / 1;transition:opacity .15s}.screen-window-lock .lock-icon-locked{opacity:0}.screen-window-lock .lock-icon-unlocked{opacity:1}.screen-window-lock.active .lock-icon-unlocked{opacity:0}.screen-window-lock.active .lock-icon-locked{opacity:1}.display-settings-content{display:flex;flex-direction:column;gap:8px;font-family:var(--font-sans);font-size:11px;overflow:hidden}.display-settings-content .settings-section{background:var(--input-bg-dark);border-radius:var(--radius-sm);padding:6px 8px}.display-settings-content .settings-section-title{font-family:var(--font-sans);font-size:9px;font-weight:600;color:var(--accent-blue);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;padding-bottom:3px;border-bottom:1px solid var(--accent-blue-bg)}.display-settings-content .setting-row{display:grid;grid-template-columns:90px 1fr 28px;align-items:center;gap:6px;padding:2px 0}.display-settings-content .setting-row label{font-family:var(--font-sans);font-size:10px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display-settings-content input[type=range]{width:100%;min-width:0;height:4px;background:var(--input-bg-deeper);border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.display-settings-content input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--accent-blue);border-radius:50%;cursor:pointer;transition:all .1s}.display-settings-content input[type=range]::-webkit-slider-thumb:hover{background:var(--accent-green);transform:scale(1.1)}.display-settings-content input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--accent-blue);border:none;border-radius:50%;cursor:pointer}.display-settings-content input[type=range]::-moz-range-track{height:4px;background:var(--input-bg-deeper);border-radius:2px}.display-settings-content .setting-value{font-family:var(--font-mono);font-size:9px;color:var(--text-muted);text-align:right}.display-settings-content .toggle-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.display-settings-content .toggle-row>label:first-child{font-family:var(--font-sans);font-size:10px;color:var(--text-secondary)}.display-settings-content .toggle{position:relative;display:inline-block;width:32px;height:18px;flex-shrink:0}.display-settings-content .toggle input{opacity:0;width:0;height:0}.display-settings-content .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--input-bg-deeper);border-radius:18px;transition:all .2s}.display-settings-content .toggle-slider:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background:var(--text-muted);border-radius:50%;transition:all .2s}.display-settings-content .toggle input:checked+.toggle-slider{background:var(--accent-green-bg)}.display-settings-content .toggle input:checked+.toggle-slider:before{transform:translate(14px);background:var(--accent-green)}.display-settings-content .settings-actions{padding-top:8px;border-top:1px solid var(--glass-border)}.display-settings-content .settings-btn{width:100%;padding:6px 12px;font-family:var(--font-sans);font-size:10px;font-weight:500;background:var(--glass-bg-header);border:1px solid var(--control-border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .1s}.display-settings-content .settings-btn:hover{background:var(--accent-red-bg-strong);border-color:var(--accent-red-border);color:var(--accent-red)}.theme-selector-row{display:flex;align-items:center;justify-content:space-between;cursor:default}.theme-selector-row:hover{background:transparent}.theme-btn-group{display:flex;gap:2px}.theme-btn{display:flex;align-items:center;justify-content:center;width:28px;height:24px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all .15s;padding:0}.theme-btn svg{width:14px;height:14px}.theme-btn:hover{color:var(--text-primary);background:var(--overlay-hover)}.theme-btn.active{background:var(--accent-blue-bg-strong);border-color:var(--accent-blue-border-light);color:var(--accent-blue)}.cpu-dbg{display:flex;flex-direction:column;height:100%;min-height:0}.cpu-dbg-toolbar{display:flex;align-items:center;gap:6px;padding:4px 0 5px;border-bottom:1px solid var(--separator-bg);margin-bottom:6px}.cpu-dbg-btn-group{display:flex;gap:2px}.cpu-dbg-btn{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;font-family:var(--font-sans);font-size:10px;font-weight:500;background:var(--glass-bg-header);border:1px solid var(--control-border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s;white-space:nowrap}.cpu-dbg-btn:hover{background:var(--glass-border);color:var(--text-primary)}.cpu-dbg-btn:active{transform:scale(.98)}.cpu-btn-run-pause{min-width:60px;height:24px;justify-content:center}.cpu-btn-run-pause[data-state=pause]{background:var(--accent-red-bg);border-color:var(--accent-red-border);color:var(--accent-red)}.cpu-btn-run-pause[data-state=pause]:hover{background:var(--accent-red-bg-stronger);border-color:var(--accent-red-border);color:var(--accent-red)}.cpu-btn-run-pause[data-state=run]{background:var(--accent-green-bg);border-color:var(--accent-green-border-light);color:var(--accent-green)}.cpu-btn-run-pause[data-state=run]:hover{background:var(--accent-green-bg-stronger);border-color:var(--accent-green-border);color:var(--accent-green)}.cpu-btn-step{background:var(--accent-orange-bg);border-color:var(--accent-orange-border-light);color:var(--accent-orange)}.cpu-btn-step:hover{background:var(--accent-orange-bg-stronger);border-color:var(--accent-orange-border-strong);color:var(--accent-orange)}.cpu-dbg-sep{width:1px;height:16px;background:var(--separator-bg);flex-shrink:0}.cpu-dbg-status-bar{display:flex;align-items:center;justify-content:space-between;padding:3px 6px;background:var(--input-bg);border:1px solid var(--glass-border-subtle);border-radius:4px;margin-bottom:4px}.cpu-dbg-status-bar-left{display:flex;align-items:center;gap:6px}.cpu-dbg-status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-orange);flex-shrink:0}.cpu-dbg-status-bar[data-state=running] .cpu-dbg-status-dot{background:var(--accent-green);animation:cpu-status-dot-pulse 1.5s ease-in-out infinite}.cpu-dbg-status-bar[data-state=paused] .cpu-dbg-status-dot{animation:none}.cpu-dbg-status-bar[data-state=off] .cpu-dbg-status-dot{background:var(--text-muted);animation:none}@keyframes cpu-status-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.cpu-dbg-status-bar[data-state=off] .cpu-dbg-status-text{color:var(--text-muted)}.cpu-dbg-status-text{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.06em;color:var(--accent-orange)}.cpu-dbg-status-text.running{color:var(--accent-green)}.cpu-dbg-section{display:flex;align-items:center;gap:8px;padding:5px 6px;border:1px solid var(--glass-border-subtle);border-radius:4px;background:var(--input-bg);margin-bottom:4px}.cpu-dbg-section-label{font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--text-muted);flex-shrink:0;min-width:34px}.cpu-dbg-regs{display:flex;gap:3px;flex:1}.cpu-dbg-reg{display:flex;align-items:center;gap:4px;padding:4px 6px;background:var(--input-bg-deep);border-radius:3px;flex:1;min-width:0}.reg-label{font-size:9px;font-weight:600;color:var(--text-muted);flex-shrink:0}.reg-value{font-size:13px;font-weight:600;color:var(--accent-green);font-family:var(--font-mono)}.reg-value.changed{animation:reg-flash .5s ease-out forwards}.reg-value[style*=cursor]{border-radius:2px;transition:background .1s}.reg-value[style*=cursor]:hover{background:var(--accent-blue-bg)}@keyframes reg-flash{0%{color:var(--reg-flash-color);background:var(--reg-flash-bg)}to{color:var(--accent-green);background:transparent}}.cpu-flags{display:flex;gap:2px;flex:1}.cpu-flags .flag{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;background:var(--input-bg-deeper);border:1px solid transparent;border-radius:3px;color:var(--text-muted);transition:all .12s}.cpu-flags .flag.active{background:var(--accent-green-bg-strong);border-color:var(--accent-green-border);color:var(--accent-green);box-shadow:0 0 6px var(--flag-active-glow)}.cpu-dbg-timing-row{display:flex;align-items:center;gap:6px;flex:1}.cpu-dbg-cycles{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary)}.cpu-dbg-cycles .meta-dim{color:var(--text-muted);font-size:9px;font-weight:600}.irq-indicator{font-family:var(--font-mono);font-size:8px;font-weight:700;padding:1px 4px;border-radius:2px;background:var(--badge-dim-bg);border:1px solid var(--glass-border-subtle);color:var(--text-muted);transition:all .15s}.irq-indicator.active{background:var(--accent-red-bg-stronger);border-color:var(--accent-red-border);color:var(--accent-red)}.cpu-dbg-disasm{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;margin-bottom:4px}.cpu-dbg-disasm-bar{display:flex;gap:3px;margin-bottom:4px;flex-shrink:0}.cpu-dbg-disasm-bar input{flex:1;padding:3px 6px;font-family:var(--font-mono);font-size:10px;background:var(--input-bg-deeper);border:1px solid var(--control-border);border-radius:3px;color:var(--text-primary);outline:none}.cpu-dbg-disasm-bar input:focus{border-color:var(--accent-blue-border)}.cpu-dbg-bar-btn{padding:3px 7px;font-family:var(--font-mono);font-size:9px;font-weight:500;background:var(--control-bg);border:1px solid var(--control-border);border-radius:3px;color:var(--text-secondary);cursor:pointer;transition:all .1s}.cpu-dbg-bar-btn:hover{background:var(--glass-border);color:var(--text-primary)}.cpu-disasm-view{background:var(--input-bg-dark);border:1px solid var(--glass-border-subtle);border-radius:3px;padding:2px 0;flex:1;overflow-y:auto;min-height:120px}.cpu-disasm-line{display:flex;align-items:center;padding:1px 6px;cursor:pointer;border-left:2px solid transparent;transition:background .08s;-webkit-user-select:none;user-select:none;font-size:11px;line-height:1.5}.cpu-disasm-line>*{pointer-events:none}.cpu-disasm-line:hover{background:var(--overlay-subtle)}.cpu-disasm-line.current{background:var(--accent-blue-bg);border-left-color:var(--accent-blue)}.cpu-disasm-line.breakpoint{background:var(--accent-red-bg);border-left-color:var(--accent-red)}.cpu-disasm-line.current.breakpoint{background:linear-gradient(90deg,var(--accent-blue-bg) 0%,var(--accent-red-bg) 100%);border-left-color:var(--accent-red)}.cpu-disasm-gutter{min-width:14px;width:14px;text-align:center;font-size:8px;flex-shrink:0}.cpu-disasm-gutter .bp-dot{display:inline-block;width:8px;height:8px;background:var(--accent-red);border-radius:50%;box-shadow:0 0 4px #f8514999}.cpu-disasm-gutter .pc-arrow{color:var(--accent-blue);font-size:9px;text-shadow:0 0 3px rgba(88,166,255,.5)}.cpu-disasm-addr{color:var(--accent-blue);min-width:36px;opacity:.8;font-size:10px}.cpu-disasm-line.current .cpu-disasm-addr{color:var(--text-primary);opacity:1;font-weight:600}.cpu-disasm-bytes{color:var(--text-muted);min-width:68px;font-size:10px;opacity:.7}.cpu-disasm-mnemonic{color:var(--text-primary);font-weight:500;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.disasm-flow{color:var(--accent-red);font-weight:600}.disasm-load{color:var(--accent-blue)}.disasm-alu{color:var(--accent-green)}.disasm-ctrl{color:var(--accent-orange);font-weight:600}.disasm-io{color:var(--accent-purple)}.disasm-op{color:var(--text-primary)}.disasm-operands{color:var(--text-secondary)}.disasm-num{color:var(--accent-orange)}.cpu-disasm-line.current .disasm-flow,.cpu-disasm-line.current .disasm-load,.cpu-disasm-line.current .disasm-alu,.cpu-disasm-line.current .disasm-ctrl,.cpu-disasm-line.current .disasm-io,.cpu-disasm-line.current .disasm-op,.cpu-disasm-line.current .disasm-operands,.cpu-disasm-line.current .disasm-num{filter:brightness(1.3)}.cpu-dbg-tabs{display:flex;flex-direction:column;min-height:140px;overflow:hidden;border-top:1px solid var(--control-border)}.cpu-dbg-tab-bar{display:flex;gap:0;flex-shrink:0}.cpu-dbg-tab{padding:5px 12px;font-family:var(--font-mono);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;transition:all .12s;display:flex;align-items:center;gap:5px}.cpu-dbg-tab:hover{color:var(--text-secondary);background:var(--overlay-white-02)}.cpu-dbg-tab.active{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.cpu-dbg-tab-count{font-size:8px;font-weight:700;min-width:14px;height:14px;line-height:14px;text-align:center;border-radius:7px;background:var(--badge-dim-bg);color:var(--text-muted);display:inline-block}.cpu-dbg-tab-count.has-items{background:var(--accent-blue-bg-strong);color:var(--accent-blue)}.cpu-dbg-tab-content{display:none;flex-direction:column;flex:1;min-height:0;overflow:hidden}.cpu-dbg-tab-content.active{display:flex}.cpu-dbg-tab-toolbar{display:flex;gap:3px;padding:4px 0;flex-shrink:0}.cpu-dbg-tab-toolbar input{flex:1;min-width:0;padding:2px 5px;font-family:var(--font-mono);font-size:10px;background:var(--input-bg-deep);border:1px solid var(--control-border);border-radius:3px;color:var(--text-primary);outline:none}.cpu-dbg-tab-toolbar input:focus{border-color:var(--accent-blue-border)}.cpu-dbg-add-btn{padding:2px 7px;font-family:var(--font-mono);font-size:11px;font-weight:600;background:var(--control-bg);border:1px solid var(--control-border);border-radius:3px;color:var(--text-secondary);cursor:pointer;transition:all .1s;flex-shrink:0;line-height:1}.cpu-dbg-add-btn:hover{background:var(--accent-green-bg-strong);border-color:var(--accent-green-border);color:var(--accent-green)}.cpu-dbg-empty-state{padding:12px 8px;text-align:center;color:var(--text-muted);font-size:10px;font-style:italic;opacity:.7}.cpu-bp-list{flex:1;overflow-y:auto}.cpu-bp-item{display:flex;align-items:center;gap:4px;padding:4px;font-size:10px;border-radius:3px;cursor:default}.cpu-bp-item:hover{background:var(--overlay-faint)}.cpu-bp-item .bp-addr{color:var(--accent-red);flex-shrink:0;font-family:var(--font-mono)}.cpu-bp-item .bp-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;padding:0 4px;margin-left:auto;flex-shrink:0;opacity:0;transition:opacity .1s,color .1s;line-height:1}.cpu-bp-item:hover .bp-remove{opacity:.6}.cpu-bp-item .bp-remove:hover{opacity:1;color:var(--accent-red)}.cpu-dbg-reg-edit{width:40px;background:var(--input-bg-deeper);border:1px solid var(--accent-blue);border-radius:2px;color:var(--accent-green);font-family:var(--font-mono);font-size:13px;font-weight:600;padding:0 2px;outline:none}.stack-info{display:flex;align-items:center;gap:12px;padding:6px 8px;border-bottom:1px solid var(--separator-bg)}.stack-sp-label,.stack-depth-label{font-family:var(--font-mono);font-size:9px;font-weight:600;color:var(--text-muted)}.stack-sp-value{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--accent-green)}.stack-depth-value{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text-primary)}.stack-header{display:flex;gap:12px;padding:3px 8px;background:var(--input-bg);border-bottom:1px solid var(--glass-border-subtle);font-family:var(--font-mono);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.stack-col-addr{min-width:42px}.stack-col-value{min-width:28px}.stack-col-info{flex:1}.stack-content{flex:1;overflow-y:auto;font-family:var(--font-mono)}.stack-entry{display:flex;gap:12px;padding:2px 8px;font-size:11px;line-height:1.5;border-left:2px solid transparent;transition:background .08s}.stack-entry:hover{background:var(--accent-blue-bg)}.stack-entry.stack-top{background:var(--accent-green-bg);border-left-color:var(--accent-green)}.stack-entry.stack-top:hover{background:var(--accent-green-bg-stronger)}.stack-entry.return-addr-low,.stack-entry.return-addr-high{background:var(--accent-purple-bg)}.stack-entry.return-addr-low:hover,.stack-entry.return-addr-high:hover{background:var(--accent-purple-bg-strong)}.stack-entry.stack-top.return-addr-low{background:linear-gradient(90deg,var(--accent-green-bg) 0%,var(--accent-purple-bg) 100%);border-left-color:var(--accent-green)}.stack-addr{min-width:42px;color:var(--accent-purple);font-size:10px}.stack-value{min-width:28px;color:var(--text-secondary);font-size:11px}.stack-info-text{flex:1;color:var(--text-muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stack-entry.return-addr-low .stack-info-text{color:var(--accent-blue)}.stack-empty{padding:20px 8px;text-align:center;color:var(--text-muted);font-size:10px;font-style:italic;opacity:.7}.tape-player{display:flex;flex-direction:column;height:100%;min-height:0}.tape-filename-banner{display:flex;align-items:center;gap:6px;padding:5px 8px;margin-bottom:6px;background:linear-gradient(135deg,var(--accent-blue-bg-strong) 0%,var(--accent-purple-bg-strong) 100%);border:1px solid var(--accent-blue-border-light);border-radius:4px}.tape-filename-banner.hidden{display:none}.tape-filename-banner.error{background:linear-gradient(135deg,var(--accent-red-bg) 0%,var(--accent-orange-bg-strong) 100%);border-color:var(--accent-red-border)}.tape-format-badge{font-family:var(--font-mono);font-size:8px;font-weight:700;letter-spacing:.05em;padding:2px 5px;border-radius:3px;flex-shrink:0;text-align:center;min-width:28px}.tape-format-badge.tap{background:var(--accent-green-bg-strong);border:1px solid var(--accent-green-border-light);color:var(--accent-green)}.tape-format-badge.tzx{background:var(--accent-purple-bg-strong);border:1px solid var(--accent-purple-bg-strong);color:var(--accent-purple)}.tape-format-badge.error{background:var(--accent-red-bg);border:1px solid var(--accent-red-border);color:var(--accent-red)}.tape-filename-text{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.02em}.tape-filename-banner.error .tape-filename-text{color:var(--accent-red);font-weight:500;font-size:10px}.tape-cassette-toggle{display:flex;align-items:center;gap:4px;padding:4px 8px;cursor:pointer;font-family:var(--font-sans);font-size:10px;font-weight:500;color:var(--text-muted);-webkit-user-select:none;user-select:none;transition:color .15s}.tape-cassette-toggle:hover{color:var(--text-secondary)}.tape-cassette-chevron{transition:transform .2s ease;flex-shrink:0}.tape-cassette-toggle.open .tape-cassette-chevron{transform:rotate(90deg)}.tape-cassette-vis{position:relative;margin-bottom:6px;border-radius:4px;overflow:hidden;background:var(--input-bg-dark);border:1px solid var(--glass-border-subtle)}.tape-cassette-vis.hidden{display:none}.tape-cassette-img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.tape-cassette-label{position:absolute;left:16.5%;top:15.1%;width:73.5%;height:14.3%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:clamp(6px,2.5vw,12px);font-weight:700;color:#333;text-align:center;letter-spacing:.05em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4%;pointer-events:none}#spindle-left-filled,#spindle-left-outline{transform-origin:828px 757px}#spindle-right-filled,#spindle-right-outline{transform-origin:1785px 757px}#spindle-left-filled.spinning,#spindle-left-outline.spinning,#spindle-right-filled.spinning,#spindle-right-outline.spinning{animation:tape-spindle-rotate 3s linear infinite}@keyframes tape-spindle-rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.tape-block-list{flex:1;overflow-y:auto;background:var(--input-bg-dark);border:1px solid var(--glass-border-subtle);border-radius:4px;padding:2px 0;margin-bottom:6px;min-height:80px}.tape-block-item{display:flex;align-items:center;gap:6px;padding:4px 8px;font-family:var(--font-mono);font-size:10px;cursor:default;border-left:2px solid transparent;transition:background .08s;position:relative;overflow:hidden}.tape-block-item:hover{background:var(--overlay-subtle)}.tape-block-item.active{background:var(--overlay-subtle);border-left-color:var(--accent-green)}.tape-block-progress{position:absolute;top:0;left:0;height:100%;width:0%;background:var(--accent-blue-bg);pointer-events:none;z-index:0}.tape-block-item>*:not(.tape-block-progress){position:relative;z-index:1}.tape-block-index{color:var(--text-muted);min-width:18px;text-align:right;font-size:9px}.tape-block-badge{font-size:8px;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;min-width:38px;text-align:center}.tape-block-badge.header{background:var(--accent-green-bg-strong);border:1px solid var(--accent-green-border-light);color:var(--accent-green)}.tape-block-badge.data{background:var(--accent-orange-bg-strong);border:1px solid var(--accent-orange-border-light);color:var(--accent-orange)}.tape-block-name{color:var(--text-primary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tape-block-size{color:var(--text-muted);font-size:9px;flex-shrink:0}.tape-empty-state{padding:20px 8px;text-align:center;color:var(--text-muted);font-size:10px;font-style:italic;opacity:.7}.tape-info-toggle{display:flex;align-items:center;gap:4px;padding:4px 8px;cursor:pointer;font-family:var(--font-sans);font-size:10px;font-weight:500;color:var(--text-muted);-webkit-user-select:none;user-select:none;transition:color .15s}.tape-info-toggle:hover{color:var(--text-secondary)}.tape-info-chevron{transition:transform .2s ease;flex-shrink:0}.tape-info-toggle.open .tape-info-chevron{transform:rotate(90deg)}.tape-info-panel{border-top:1px solid var(--glass-border-subtle);overflow:hidden}.tape-info-panel.hidden{display:none}.tape-info-content{padding:6px 8px;max-height:180px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.tape-info-content::-webkit-scrollbar{width:4px}.tape-info-content::-webkit-scrollbar-track{background:transparent}.tape-info-content::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.tape-info-stats{display:flex;flex-wrap:wrap;gap:4px}.tape-info-pill{font-family:var(--font-mono);font-size:9px;font-weight:500;padding:2px 6px;border-radius:3px;background:var(--overlay-subtle);color:var(--text-secondary);white-space:nowrap}.tape-info-pill.format{background:var(--accent-blue-bg-strong);color:var(--accent-blue);font-weight:700;letter-spacing:.03em}.tape-info-archive{padding:5px 6px;background:var(--accent-purple-bg);border:1px solid var(--accent-purple-bg-strong);border-radius:4px}.tape-info-title{font-family:var(--font-sans);font-size:11px;font-weight:600;color:var(--text-primary);margin-bottom:3px}.tape-info-grid{display:grid;grid-template-columns:auto 1fr;gap:1px 8px}.tape-info-grid-label{font-family:var(--font-sans);font-size:9px;color:var(--text-muted);white-space:nowrap}.tape-info-grid-value{font-family:var(--font-mono);font-size:9px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tape-info-comment{font-family:var(--font-sans);font-size:9px;font-style:italic;color:var(--text-muted);margin-top:2px}.tape-info-headers{display:flex;flex-direction:column;gap:2px}.tape-info-header-entry{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px}.tape-info-type-badge{font-size:8px;font-weight:700;padding:1px 4px;border-radius:3px;background:var(--accent-green-bg-strong);border:1px solid var(--accent-green-border-light);color:var(--accent-green);letter-spacing:.03em;flex-shrink:0;min-width:32px;text-align:center}.tape-info-header-detail{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tape-info-detail-dim{color:var(--text-muted)}.tape-transport{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 0;border-top:1px solid var(--separator-bg);margin-bottom:6px}.tape-transport-btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--control-border);background:var(--glass-bg-header);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.tape-transport-btn:hover{background:var(--glass-border);color:var(--text-primary)}.tape-transport-btn:active{transform:scale(.95)}.tape-transport-btn.play{width:38px;height:38px}.tape-transport-btn.play.playing{background:var(--accent-green-bg-strong);border-color:var(--accent-green-border);color:var(--accent-green)}.tape-transport-btn svg{width:14px;height:14px}.tape-transport-btn.play svg{width:16px;height:16px}.tape-controls-bar{display:flex;align-items:center;gap:4px;padding:0 0 6px}.tape-load-container{display:flex;flex:1}.tape-load-btn,.tape-eject-btn{padding:4px 10px;font-family:var(--font-sans);font-size:10px;font-weight:500;background:var(--glass-bg-header);border:1px solid var(--control-border);color:var(--text-secondary);cursor:pointer;transition:all .15s;white-space:nowrap}.tape-load-btn{border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none;flex:1}.tape-load-btn:hover{background:var(--glass-border);color:var(--text-primary)}.tape-eject-btn{border-radius:var(--radius-sm)}.tape-speed-switch{display:flex;align-items:center;gap:5px;margin-left:auto}.tape-speed-switch.disabled{opacity:.4;pointer-events:none}.tape-speed-label{display:flex;align-items:center;color:var(--text-tertiary);-webkit-user-select:none;user-select:none;transition:color .15s}.tape-speed-icon{display:block}.tape-speed-switch:not(.disabled):not(.instant) .tape-speed-label-normal{color:var(--accent-green)}.tape-speed-switch:not(.disabled).instant .tape-speed-label-instant{color:var(--accent-green)}.tape-toggle{position:relative;display:inline-block;width:28px;height:14px;flex-shrink:0}.tape-toggle input{opacity:0;width:0;height:0;position:absolute}.tape-toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-green-bg-strong);border:1px solid var(--accent-green-border-light);border-radius:7px;cursor:pointer;transition:all .2s}.tape-toggle-track:before{content:"";position:absolute;height:10px;width:10px;left:1px;top:1px;background:var(--accent-green);border-radius:50%;transition:all .2s}.tape-toggle input:checked+.tape-toggle-track{background:var(--accent-green-bg-strong);border-color:var(--accent-green-border-light)}.tape-toggle input:checked+.tape-toggle-track:before{transform:translate(14px);background:var(--accent-green)}.tape-eject-btn:hover:not(:disabled){background:var(--accent-red-bg);border-color:var(--accent-red-border);color:var(--accent-red)}.tape-eject-btn:disabled{opacity:.4;cursor:not-allowed}.tape-recent-container{position:relative;display:flex}.tape-recent-btn{padding:4px 6px;background:var(--glass-bg-header);border:1px solid var(--control-border);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.tape-recent-btn:hover{background:var(--glass-border);color:var(--text-primary)}.tape-recent-dropdown{display:none;position:fixed;min-width:220px;max-width:300px;max-height:320px;overflow-y:auto;background:var(--glass-bg-solid);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:0 -4px 16px #0006;z-index:10000}.tape-recent-dropdown.open{display:block}.tape-dropdown-label{padding:4px 10px 2px;font-family:var(--font-sans);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);cursor:default}.tape-dropdown-item{padding:5px 10px;font-family:var(--font-mono);font-size:10px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .12s}.tape-dropdown-item:hover:not(.empty){background:var(--overlay-hover);color:var(--text-primary)}.tape-dropdown-item.empty{color:var(--text-muted);font-style:italic;cursor:default}.tape-dropdown-item.clear{color:var(--text-muted);text-align:center;font-family:var(--font-sans)}.tape-dropdown-item.clear:hover{color:var(--accent-red);background:var(--accent-red-bg)}.tape-dropdown-separator{height:1px;background:var(--glass-border);margin:3px 0}.tape-recent-dropdown::-webkit-scrollbar{width:6px}.tape-recent-dropdown::-webkit-scrollbar-track{background:transparent}.tape-recent-dropdown::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.tape-status-bar{display:flex;align-items:center;gap:6px;padding:3px 6px;background:var(--input-bg);border:1px solid var(--glass-border-subtle);border-radius:4px}.tape-status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.tape-status-bar.playing .tape-status-dot{background:var(--accent-green);animation:tape-dot-pulse 1.5s ease-in-out infinite}.tape-status-bar.stopped .tape-status-dot{background:var(--accent-orange)}@keyframes tape-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.tape-status-text{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.06em;color:var(--text-muted)}.tape-status-bar.playing .tape-status-text{color:var(--accent-green)}.tape-status-bar.stopped .tape-status-text{color:var(--accent-orange)}