:root{--bg: #2a2a2a;--panel-bg: rgba(38, 38, 38, .9);--panel-border: rgba(255, 255, 255, .12);--text: #e0e0e0;--text-muted: #888;--text-dim: #666;--text-secondary: #ccc;--text-tertiary: #bbb;--btn-bg: rgba(255, 255, 255, .06);--btn-bg-hover: rgba(255, 255, 255, .12);--btn-active-bg: rgba(255, 255, 255, .2);--btn-active-border: rgba(255, 255, 255, .3);--btn-active-text: #fff;--icon-color: #666;--icon-hover: #ccc;--legend-dot: #555;--result-bg: rgba(255, 255, 255, .06);--tooltip-bg: rgba(38, 38, 38, .95);--tooltip-border: rgba(255, 255, 255, .15)}body.light-mode{--bg: #f0f0f0;--panel-bg: rgba(255, 255, 255, .85);--panel-border: rgba(0, 0, 0, .12);--text: #1e1e1e;--text-muted: #666;--text-dim: #999;--text-secondary: #444;--text-tertiary: #555;--btn-bg: rgba(0, 0, 0, .06);--btn-bg-hover: rgba(0, 0, 0, .1);--btn-active-bg: rgba(0, 0, 0, .12);--btn-active-border: rgba(0, 0, 0, .25);--btn-active-text: #111;--icon-color: #999;--icon-hover: #333;--legend-dot: #bbb;--result-bg: rgba(0, 0, 0, .05);--tooltip-bg: rgba(255, 255, 255, .95);--tooltip-border: rgba(0, 0, 0, .12)}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}#canvas-container{position:fixed;top:0;left:0;width:100%;height:100%}#site-header{position:fixed;top:20px;left:20px;display:flex;align-items:center;gap:10px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;padding:10px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}#site-header .site-title{font-size:20px;font-weight:600;color:var(--text)}#site-header a,#theme-toggle{display:flex;color:var(--icon-color);transition:color .15s}#site-header a:hover,#theme-toggle:hover{color:var(--icon-hover)}#theme-toggle{background:none;border:none;cursor:pointer;padding:0}#controls{position:fixed;top:76px;left:20px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;padding:20px;width:280px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}#controls label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:6px}#model-picker{margin-bottom:14px}#model-buttons{display:flex;flex-wrap:wrap;gap:4px}#model-buttons button{width:60px;height:32px;border:1px solid var(--panel-border);border-radius:6px;background:var(--btn-bg);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .15s}#model-buttons button:hover{background:var(--btn-bg-hover)}#model-buttons button.active{background:var(--btn-active-bg);color:var(--btn-active-text);border-color:var(--btn-active-border)}#draw-section{margin-bottom:14px}#draw-canvas{width:100%;aspect-ratio:1;border:1px solid var(--panel-border);border-radius:8px;background:#000;cursor:crosshair;touch-action:none}#draw-buttons{display:flex;gap:6px;margin-top:8px}#draw-buttons button{flex:1;height:32px;border:1px solid var(--panel-border);border-radius:6px;background:var(--btn-bg);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s}#draw-buttons button:hover:not(:disabled){background:var(--btn-bg-hover)}#draw-buttons button:disabled{opacity:.4;cursor:not-allowed}#result{margin-top:14px;padding:10px;background:var(--result-bg);border-radius:8px;text-align:center;font-size:18px;font-weight:600}#result.hidden{display:none}#result-text{font-weight:600}#legend{position:fixed;top:20px;right:20px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;padding:16px;width:220px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}#legend h3{font-size:13px;font-weight:600;color:var(--text);margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.legend-section{margin-bottom:12px}.legend-section:last-child{margin-bottom:0}.legend-label{display:block;font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.legend-gradient{height:10px;border-radius:3px}#activation-gradient{background:linear-gradient(to right,#050510,#001a66,#00b3e6,#d9ffff)}#pixel-gradient{background:linear-gradient(to right,#000,#fff)}.legend-range{display:flex;justify-content:space-between;font-size:10px;color:var(--text-dim);margin-top:2px}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-tertiary);margin-bottom:3px}.legend-swatch{display:inline-block;width:14px;height:4px;border-radius:2px;flex-shrink:0}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--legend-dot);flex-shrink:0}#legend-layers{transition:opacity .2s ease}#legend-layers.fade-out{opacity:0}.legend-note{font-size:10px;color:var(--text-dim);font-style:italic;margin-top:2px}#site-footer{position:fixed;bottom:20px;right:20px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;padding:6px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;font-size:11px;color:var(--text-dim)}#site-footer a{color:var(--text-tertiary);text-decoration:none;transition:color .15s}#site-footer a:hover{color:var(--text)}#reset-camera{position:fixed;bottom:20px;left:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-muted);cursor:pointer;z-index:10;transition:opacity .3s,color .15s}#reset-camera:hover{color:var(--text)}#reset-camera.hidden{opacity:0;pointer-events:none}#neuron-tooltip{position:fixed;z-index:100;background:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-radius:8px;padding:10px 12px;pointer-events:none;font-size:12px;line-height:1.5;color:var(--text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:220px}#neuron-tooltip.hidden{display:none}