:root{--bg-color: #06090e;--panel-bg: rgba(13, 19, 33, .75);--border-color: #17243d;--border-active: #00f0ff;--neon-cyan: #00f0ff;--neon-green: #39ff14;--neon-amber: #ffb000;--neon-red: #ff3131;--neon-purple: #bd00ff;--neon-blue: #0070ff;--text-primary: #d4e5ff;--text-muted: #536c8f;--font-family: "Share Tech Mono", monospace;--canvas-bg: radial-gradient(circle, rgba(14, 21, 37, .4) 0%, rgba(3, 5, 10, .9) 100%);--crt-vignette: radial-gradient(circle, transparent 65%, color-mix(in srgb, var(--bg-color) 45%, transparent) 140%);--fuzz-opacity: .12;--fuzz-color: var(--text-muted);--card-text: #ffffff;--card-label: var(--neon-cyan)}body.theme-aether{--bg-color: #06090e;--panel-bg: rgba(13, 19, 33, .75);--border-color: #17243d;--border-active: #00f0ff;--neon-cyan: #00f0ff;--neon-green: #39ff14;--neon-amber: #ffb000;--neon-red: #ff3131;--neon-purple: #bd00ff;--neon-blue: #0070ff;--text-primary: #d4e5ff;--text-muted: #536c8f;--fuzz-opacity: .12;--fuzz-color: var(--text-muted);--canvas-bg: radial-gradient(circle, rgba(14, 21, 37, .4) 0%, rgba(3, 5, 10, .9) 100%)}body.theme-carbon{--bg-color: #323437;--panel-bg: rgba(44, 46, 49, .85);--border-color: #2c2e31;--border-active: #e2b714;--neon-cyan: #e2b714;--neon-green: #56b6c2;--neon-amber: #e5c07b;--neon-red: #ca4754;--neon-purple: #df7a5f;--neon-blue: #56b6c2;--text-primary: #d1d0c5;--text-muted: #646669;--fuzz-opacity: .04;--fuzz-color: var(--text-muted);--canvas-bg: radial-gradient(circle, rgba(60, 60, 60, .4) 0%, rgba(20, 20, 20, .9) 100%)}body.theme-nitrogen{--bg-color: #2e3440;--panel-bg: rgba(59, 66, 82, .85);--border-color: #3b4252;--border-active: #88c0d0;--neon-cyan: #88c0d0;--neon-green: #a3be8c;--neon-amber: #ebcb8b;--neon-red: #bf616a;--neon-purple: #b48ead;--neon-blue: #81a1c1;--text-primary: #d8dee9;--text-muted: #4c566a;--fuzz-opacity: .05;--fuzz-color: var(--text-muted);--canvas-bg: radial-gradient(circle, rgba(46, 52, 64, .4) 0%, rgba(15, 17, 21, .9) 100%)}body.theme-chlorine{--bg-color: #000000;--panel-bg: rgba(0, 26, 0, .85);--border-color: #001a00;--border-active: #15ff00;--neon-cyan: #15ff00;--neon-green: #adff2f;--neon-amber: #ffd700;--neon-red: #ff0033;--neon-purple: #d82fff;--neon-blue: #00ffff;--text-primary: #00ff00;--text-muted: #007700;--fuzz-opacity: .15;--fuzz-color: var(--text-muted);--canvas-bg: radial-gradient(circle, rgba(0, 40, 0, .4) 0%, rgba(0, 10, 0, .9) 100%)}body.theme-oxygen{--bg-color: #fee8eb;--panel-bg: rgba(255, 208, 214, .85);--border-color: #ffd0d6;--border-active: #ca4754;--neon-cyan: #ca4754;--neon-green: #2e7d32;--neon-amber: #f57c00;--neon-red: #b12c3b;--neon-purple: #9c27b0;--neon-blue: #1565c0;--text-primary: #323437;--text-muted: #9e646a;--fuzz-opacity: .02;--fuzz-color: var(--text-muted);--canvas-bg: radial-gradient(circle, #ffffff 0%, #fee8eb 100%);--crt-vignette: radial-gradient(circle, transparent 65%, color-mix(in srgb, var(--border-active) 16%, transparent) 130%);--card-text: #000000;--card-label: #000000}body.theme-iodine{--bg-color: #191924;--panel-bg: rgba(37, 37, 56, .85);--border-color: #252538;--border-active: #00f2fe;--neon-cyan: #00f2fe;--neon-green: #39ff14;--neon-amber: #ffb700;--neon-red: #ff007f;--neon-purple: #bd00ff;--neon-blue: #0070ff;--text-primary: #e2e2e9;--text-muted: #4f5370;--fuzz-opacity: .1;--fuzz-color: var(--text-muted);--canvas-bg: radial-gradient(circle, rgba(40, 40, 65, .4) 0%, rgba(15, 15, 25, .9) 100%)}body.theme-accessible{--bg-color: #000000;--panel-bg: rgba(26, 26, 26, .95);--border-color: #333333;--border-active: #ffff00;--neon-cyan: #ffff00;--neon-green: #33ff33;--neon-amber: #ffff00;--neon-red: #ff3333;--neon-purple: #ff80df;--neon-blue: #33aaff;--text-primary: #ffffff;--text-muted: #bbbbbb;--crt-vignette: none;--fuzz-opacity: .02;--fuzz-color: var(--text-muted);--canvas-bg: #000000}body.theme-projector{--bg-color: #ffffff;--panel-bg: rgba(245, 245, 245, .95);--border-color: #d1d5db;--border-active: #090d16;--neon-cyan: #0033cc;--neon-green: #15803d;--neon-amber: #b45309;--neon-red: #b91c1c;--neon-purple: #6b21a8;--neon-blue: #001f80;--text-primary: #000000;--text-muted: #475569;--fuzz-opacity: .01;--fuzz-color: var(--text-muted);--canvas-bg: #ffffff;--crt-vignette: radial-gradient(circle, transparent 75%, rgba(0, 0, 0, .04) 140%);--card-text: #000000;--card-label: #000000}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden}.crt-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--crt-vignette);pointer-events:none;z-index:9999}.crt-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#12101000 50%,#0000000f 50%);background-size:100% 4px;pointer-events:none;z-index:9998}.crt-flicker{position:absolute;top:0;left:0;width:100%;height:100%;background:#12101004;opacity:0;pointer-events:none;z-index:9997;animation:flicker .15s infinite}.crt-overlay.muted,.crt-scanlines.muted,.crt-flicker.muted{display:none!important}@keyframes flicker{0%{opacity:.015}50%{opacity:.005}to{opacity:.02}}body.theme-oxygen .crt-scanlines{background:linear-gradient(#fff0 50%,#ca475408 50%)}body.theme-oxygen .crt-flicker{background:#ffffff01}body.theme-accessible .crt-scanlines,body.theme-accessible .crt-flicker,body.theme-projector .crt-scanlines,body.theme-projector .crt-flicker{display:none!important}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}to{transform:translate(0)}}.terminal-screen{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;padding:20px;transition:opacity .5s ease}.terminal-screen.hidden{opacity:0;pointer-events:none;display:none!important}.boot-container{max-width:700px;margin:auto;border:2px solid var(--border-color);background-color:var(--panel-bg);box-shadow:0 0 20px #00f0ff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4px;padding:30px;text-align:left}.boot-header{border-bottom:2px solid var(--border-color);padding-bottom:20px;margin-bottom:20px}.warning-tag{display:inline-block;background-color:var(--neon-red);color:#000;padding:2px 8px;font-weight:700;font-size:.8rem;letter-spacing:2px;margin-bottom:10px;text-shadow:none;border-radius:2px}.boot-header h1{font-size:2.8rem;color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,240,255,.5);letter-spacing:4px}.boot-header h3{font-size:1.1rem;color:var(--text-muted);letter-spacing:1px;margin-top:5px}.boot-log{font-size:.95rem;color:var(--text-primary);line-height:1.6;height:200px;overflow-y:auto;margin-bottom:30px;font-family:var(--font-family);border:1px solid var(--border-color);background:#0000004d;padding:15px;border-radius:2px}.boot-log p{margin-bottom:5px}.blink{animation:text-blink 1.2s infinite}.blink-slow{animation:text-blink 2s infinite}@keyframes text-blink{0%,to{opacity:1}50%{opacity:.1}}#console-dashboard{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:15px;height:100%;width:100%}.menu-bar{display:flex;gap:20px;background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:4px;padding:0 15px;align-items:center;height:36px;z-index:1000}.menu-item{position:relative;height:100%;display:flex;align-items:center}.menu-trigger{background:none;border:none;color:var(--text-primary);font-family:var(--font-family);font-size:.9rem;font-weight:700;cursor:pointer;padding:4px 10px;border-radius:2px;letter-spacing:1px;transition:background-color .2s,color .2s}.menu-trigger:hover,.menu-trigger.active{background-color:var(--border-color);color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan)}.menu-dropdown{display:none;position:absolute;top:100%;left:0;margin-top:5px;background-color:var(--panel-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);box-shadow:0 5px 15px #000000d9,0 0 10px color-mix(in srgb,var(--neon-cyan) 15%,transparent);border-radius:4px;padding:10px;z-index:2000;min-width:260px}.menu-dropdown.show{display:block}.menu-dropdown .nav-btn,.menu-dropdown .theme-btn{width:100%;text-align:left;background:none;border:1px solid transparent;color:var(--text-muted);font-family:var(--font-family);font-size:.85rem;padding:8px 12px;margin-bottom:5px;cursor:pointer;border-radius:3px;transition:all .2s;display:flex;align-items:center;gap:8px}.menu-dropdown .nav-btn:last-child,.menu-dropdown .theme-btn:last-child{margin-bottom:0}.menu-dropdown .nav-btn:hover,.menu-dropdown .nav-btn.active,.menu-dropdown .theme-btn:hover,.menu-dropdown .theme-btn.active{border-color:var(--border-color);color:var(--text-primary);background:color-mix(in srgb,var(--neon-cyan) 4%,transparent)}.menu-dropdown .nav-btn.active,.menu-dropdown .theme-btn.active{border-color:var(--neon-cyan);color:var(--neon-cyan);background:color-mix(in srgb,var(--neon-cyan) 8%,transparent);text-shadow:0 0 2px var(--neon-cyan)}.menu-dropdown .control-group{padding:6px 4px;border-bottom:1px dashed var(--border-color);display:flex;flex-direction:column;gap:4px;margin-top:0!important}.menu-dropdown .control-group:last-child{border-bottom:none}.menu-dropdown label{display:block;font-size:.75rem;color:var(--text-muted);margin-bottom:2px;letter-spacing:.5px}.menu-dropdown .toggle-container{display:flex;align-items:center;justify-content:space-between;background:#0003;border:1px solid var(--border-color);padding:5px 10px;border-radius:3px;margin-top:4px}.menu-dropdown .console-select{width:100%;margin-top:4px}.text-cyan{color:var(--neon-cyan)}.text-green{color:var(--neon-green)}.text-amber{color:var(--neon-amber)}.text-red{color:var(--neon-red)}.text-purple{color:var(--neon-purple)}.progress-bar-bg{flex-grow:1;height:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;transition:width .3s ease,background-color .3s ease}.fill-green{background-color:var(--neon-green);box-shadow:0 0 5px var(--neon-green)}.fill-amber{background-color:var(--neon-amber);box-shadow:0 0 5px var(--neon-amber)}.fill-red{background-color:var(--neon-red);box-shadow:0 0 5px var(--neon-red)}.workspace{display:grid;grid-template-columns:1fr 280px;gap:15px;overflow:hidden;min-height:0;height:100%}.panel-header{background-color:#17243d80;border-bottom:2px solid var(--border-color);padding:8px 12px;font-size:.85rem;font-weight:700;letter-spacing:1.5px;color:var(--text-primary);text-transform:uppercase}.reference-panel{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.nav-btn{background:none;border:none;border-bottom:1px solid var(--border-color);color:var(--text-muted);font-family:var(--font-family);font-size:.95rem;text-align:left;padding:12px 15px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.nav-btn:last-child{border-bottom:none}.nav-btn:hover{background:#00f0ff0a;color:var(--text-primary)}.nav-btn.active{background:#00f0ff14;color:var(--neon-cyan);border-left:3px solid var(--neon-cyan);text-shadow:0 0 2px rgba(0,240,255,.5)}.btn-num{color:var(--neon-amber)}.control-panel{display:flex;flex-direction:column;flex-grow:1;min-height:0;overflow-y:auto}.control-group{padding:12px 15px;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:6px}.control-group:last-child{border-bottom:none;margin-top:auto}.control-group label{font-size:.75rem;color:var(--text-muted);letter-spacing:1px}.console-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#ffffff1a;border-radius:3px;outline:none}.console-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--neon-amber);border-radius:50%;cursor:pointer;box-shadow:0 0 5px var(--neon-amber)}.control-display{font-size:.85rem;text-align:right;font-weight:700;text-shadow:0 0 3px currentColor}.toggle-container{display:flex;align-items:center;justify-content:space-between}.toggle-display{font-size:.85rem;font-weight:700;text-shadow:0 0 3px currentColor}.reactor-console{display:flex;flex-direction:column;background-color:var(--panel-bg);border:2px solid var(--border-color);border-radius:4px;overflow:hidden;position:relative;box-shadow:0 0 15px #00000080;min-height:0}.viewport-wrapper{display:flex;flex-direction:column;flex-grow:1;position:relative}.viewport-header{display:flex;flex-direction:column;padding:10px 15px;background:#0003;border-bottom:1px solid var(--border-color)}.view-title{font-size:1rem;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 5px rgba(0,240,255,.4);letter-spacing:1px}.view-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:2px}.canvas-container{flex-grow:1;position:relative;background:var(--canvas-bg);overflow:hidden;display:flex;align-items:center;justify-content:center}#reactor-canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.db-periodic-container{position:absolute;top:0;left:0;width:100%;height:100%;padding:15px;overflow-y:auto;background:#06090ef2;display:flex;flex-direction:column;gap:15px;z-index:10}.db-periodic-container.hidden{display:none!important}.periodic-table-grid{display:grid;grid-template-columns:repeat(18,1fr);gap:4px;width:100%;max-width:900px;margin:auto}.periodic-cell{aspect-ratio:1;border:1px solid color-mix(in srgb,var(--text-primary) 12%,transparent);background:color-mix(in srgb,var(--text-primary) 2%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:2px;cursor:pointer;transition:all .15s ease;padding:2px}.periodic-cell:hover{border-color:var(--neon-cyan);background:color-mix(in srgb,var(--neon-cyan) 12%,transparent);box-shadow:0 0 6px color-mix(in srgb,var(--neon-cyan) 30%,transparent);transform:scale(1.05)}.periodic-cell.empty{border:none;background:none;cursor:default;pointer-events:none}.periodic-cell.active{border-color:var(--neon-green);background:color-mix(in srgb,var(--neon-green) 15%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--neon-green) 40%,transparent)}.cell-num{font-size:.6rem;color:var(--text-muted);align-self:flex-start}.cell-symbol{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.cell-name{font-size:.5rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;text-align:center}.cat-nonmetal{border-color:#00f0ff33;background:#00f0ff03}.cat-noble{border-color:#bd00ff33;background:#bd00ff03}.cat-alkali{border-color:#ff313133;background:#ff313103}.cat-alkaline{border-color:#ffb00033;background:#ffb00003}.cat-metalloid{border-color:#39ff1433;background:#39ff1403}.cat-halogen{border-color:#0070ff33;background:#0070ff03}.cat-transition{border-color:#64649633;background:#64649603}.cat-post-transition{border-color:#96966433;background:#96966403}.cat-lanthanide{border-color:#f6c3;background:#ff66cc03}.cat-actinide{border-color:#f0a3;background:#ff00aa03}.periodic-table-info{border:1px dashed var(--border-color);padding:10px;border-radius:4px;background:#0003;font-size:.9rem;color:var(--text-primary);text-align:center}.command-line{display:flex;align-items:center;background-color:var(--panel-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--border-color);padding:10px 15px;gap:12px;transition:border-color .25s ease,box-shadow .25s ease}.command-line:focus-within{border-top-color:var(--neon-cyan);box-shadow:0 -3px 15px color-mix(in srgb,var(--neon-cyan) 15%,transparent)}.command-line .prompt{color:var(--neon-cyan);text-shadow:0 0 3px color-mix(in srgb,var(--neon-cyan) 50%,transparent);font-size:.95rem;white-space:nowrap}.command-line input{flex-grow:1;background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--font-family);font-size:1.1rem;letter-spacing:1px;caret-color:var(--neon-cyan);caret-shape:block}.command-line input::placeholder{color:var(--text-muted);font-size:.95rem}.sidebar-diagnostics{display:flex;flex-direction:column;gap:15px;min-height:0;height:100%}.diagnostic-stats{padding:12px 15px;display:flex;flex-direction:column;gap:8px;font-size:.8rem;font-family:var(--font-family)}.stat-row{display:flex;justify-content:space-between}.stat-row span:first-child{color:var(--text-muted)}.stat-row span:last-child{font-weight:700;text-shadow:0 0 3px currentColor}.reference-panel{flex-grow:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.ref-card{padding:15px 2px;display:flex;flex-direction:column;gap:12px;flex-grow:1;font-size:.85rem;background:#00000026;overflow-y:auto;min-height:0}.ref-placeholder{color:var(--text-muted);text-align:center;margin:auto;font-style:italic}.ref-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding:0 4px 8px}.ref-element-box{width:45px;height:45px;border:2px solid var(--neon-cyan);box-shadow:0 0 5px #00f0ff4d;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;border-radius:2px}.ref-element-box .num{font-size:.6rem;align-self:flex-start;padding-left:2px}.ref-element-box .sym{font-size:1.2rem;line-height:1;margin-top:-3px}.ref-title-group{text-align:right}.ref-title-name{font-size:1.1rem;color:var(--text-primary);font-weight:700;text-transform:uppercase}.ref-title-class{font-size:.7rem;color:var(--text-muted)}.ref-details{display:flex;flex-direction:column;gap:6px}.ref-row{display:flex;justify-content:space-between;border-bottom:1px dashed rgba(255,255,255,.05);padding-bottom:4px;font-size:.95rem}.ref-row .label{color:var(--text-muted)}.ref-row .value{color:var(--text-primary);font-weight:700}.ref-desc{color:var(--text-primary);font-size:.8rem;line-height:1.4;border-top:1px solid var(--border-color);padding-top:8px;margin-top:5px}.logs-panel{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:4px;height:110px;display:flex;flex-direction:column;overflow:hidden}.logs-container{flex-grow:1;overflow-y:auto;padding:8px 15px;font-size:.8rem;display:flex;flex-direction:column;gap:4px;font-family:var(--font-family);background:#0003}.log-entry{line-height:1.4;white-space:pre-wrap;animation:log-reveal .15s ease-out}@keyframes log-reveal{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.log-time{color:var(--text-muted);margin-right:8px}.log-info{color:var(--text-primary)}.log-success{color:var(--neon-green);text-shadow:0 0 3px rgba(57,255,20,.3)}.log-warn{color:var(--neon-amber);text-shadow:0 0 3px rgba(255,176,0,.3)}.log-err{color:var(--neon-red);text-shadow:0 0 3px rgba(255,49,49,.3)}button{font-family:var(--font-family);cursor:pointer;outline:none}.glow-btn-red{display:block;width:100%;background:#ff31311a;border:2px solid var(--neon-red);color:var(--neon-red);padding:15px;font-size:1.2rem;font-weight:700;letter-spacing:2px;transition:all .3s ease;border-radius:4px;text-shadow:0 0 5px rgba(255,49,49,.5);box-shadow:0 0 10px #ff31311a}.glow-btn-red:hover{background:var(--neon-red);color:#000;text-shadow:none;box-shadow:0 0 20px #ff313166}.glow-btn-cyan-small{background:#00f0ff0d;border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:8px 12px;font-size:.85rem;font-weight:700;letter-spacing:1px;transition:all .2s ease;border-radius:2px;text-shadow:0 0 1.5px rgba(0,240,255,.5)}.glow-btn-cyan-small:hover{background:var(--neon-cyan);color:#000;text-shadow:none;box-shadow:0 0 10px #00f0ff4d}.glow-btn-red-small{background:#ff31310d;border:1px solid var(--neon-red);color:var(--neon-red);padding:8px 12px;font-size:.85rem;font-weight:700;letter-spacing:1px;transition:all .2s ease;border-radius:2px;text-shadow:0 0 3px rgba(255,49,49,.5)}.glow-btn-red-small:hover{background:var(--neon-red);color:#000;text-shadow:none;box-shadow:0 0 10px #ff31314d}.submit-btn{background:color-mix(in srgb,var(--neon-cyan) 10%,transparent);border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:6px 15px;font-size:.95rem;font-weight:700;border-radius:2px;transition:all .2s ease;text-shadow:0 0 3px color-mix(in srgb,var(--neon-cyan) 50%,transparent)}.submit-btn:hover{background:var(--neon-cyan);color:#000;text-shadow:none;box-shadow:0 0 10px color-mix(in srgb,var(--neon-cyan) 30%,transparent)}.console-select{background:var(--bg-color);border:1px solid var(--border-color);color:var(--neon-cyan);font-family:var(--font-family);font-size:.9rem;padding:6px;outline:none;cursor:pointer;border-radius:2px;width:100%}.console-select:focus{border-color:var(--neon-cyan);box-shadow:0 0 5px color-mix(in srgb,var(--neon-cyan) 30%,transparent)}.console-select option{background:var(--bg-color);color:var(--text-primary)}.fill-cyan{background-color:var(--neon-cyan);box-shadow:0 0 5px var(--neon-cyan)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#03050aa6;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-overlay.hidden{display:none!important}.modal-container{width:480px;background-color:var(--panel-bg);border:2px solid var(--neon-green);border-radius:4px;box-shadow:0 0 30px #39ff1433;display:flex;flex-direction:column;overflow:hidden;animation:modal-slide-in .25s cubic-bezier(.1,.9,.2,1)}@keyframes modal-slide-in{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{border-bottom:2px solid var(--border-color);padding:15px 20px;text-align:center}.modal-header h2{font-size:1.8rem;color:var(--neon-green);text-shadow:0 0 10px rgba(57,255,20,.5);letter-spacing:2px;margin-top:5px;margin-bottom:0}.modal-content{padding:20px;max-height:70vh;overflow-y:auto}.modal-footer{padding:15px 20px;border-top:1px solid var(--border-color);background:#0000004d}.glow-btn-green{display:block;width:100%;background:#39ff1426;border:2px solid var(--neon-green);color:var(--neon-green);padding:12px;font-size:1.1rem;font-weight:700;letter-spacing:1.5px;transition:all .3s ease;border-radius:4px;text-shadow:0 0 5px rgba(57,255,20,.5);box-shadow:0 0 10px #39ff141a;cursor:pointer;font-family:var(--font-family);outline:none}.glow-btn-green:hover{background:var(--neon-green);color:#000;text-shadow:none;box-shadow:0 0 20px #39ff1466}.periodic-cell.locked{border-color:color-mix(in srgb,var(--text-primary) 5%,transparent)!important;background:color-mix(in srgb,var(--text-primary) 1%,transparent)!important;cursor:not-allowed;box-shadow:none!important;transform:none!important}.periodic-cell.locked .cell-symbol{color:var(--text-muted)!important;opacity:.3}.periodic-cell.locked:hover{border-color:var(--neon-red)!important;background:color-mix(in srgb,var(--neon-red) 6%,transparent)!important;box-shadow:0 0 6px color-mix(in srgb,var(--neon-red) 20%,transparent)!important}.stat-row.flex-column{flex-direction:column;gap:4px}.stat-label-row{display:flex;justify-content:space-between;width:100%}.stat-row.flex-column .progress-bar-bg{margin-top:2px;width:100%;height:6px}.logs-content-wrapper{display:flex;flex-direction:row;flex-grow:1;min-height:0}.logs-controls{width:190px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:8px 15px;border-left:1px solid var(--border-color);background:#17243d26;flex-shrink:0}.logs-controls button{width:100%;height:30px;font-size:.8rem;padding:0;margin:0}.menu-icon{width:13px;height:13px;fill:currentColor;margin-right:8px;vertical-align:middle;display:inline-block;transition:transform .2s ease}.menu-trigger:hover .menu-icon,.menu-trigger.active .menu-icon{transform:scale(1.15)}.menu-right{margin-left:auto}.menu-right .menu-dropdown,#menu-theme-dropdown{left:auto;right:0}.diagnostics-panel{background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:4px;overflow:hidden;display:flex;flex-direction:column}.compact-status-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed var(--border-color);padding-bottom:8px;margin-bottom:8px}.status-indicator{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--text-primary);letter-spacing:.5px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.green{background-color:var(--neon-green);box-shadow:0 0 6px var(--neon-green)}.status-dot.amber{background-color:var(--neon-amber);box-shadow:0 0 6px var(--neon-amber)}.status-dot.red{background-color:var(--neon-red);box-shadow:0 0 6px var(--neon-red);animation:pulse-red 1.2s infinite alternate}@keyframes pulse-red{0%{opacity:.4}to{opacity:1}}.score-display{font-size:.85rem;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan)}.integrity-container{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.status-label-row{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted);font-weight:700;letter-spacing:.5px}.streak-container{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;border-top:1px dashed var(--border-color);padding-top:8px}.streak-label-row{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted);font-weight:700;letter-spacing:.5px}.streak-stats{font-size:.75rem}.streak-bar-visual{display:flex;gap:3px;height:8px;background-color:#0000004d;border:1px solid var(--border-color);border-radius:2px;padding:2px}.streak-segment{flex:1;background-color:#17243d40;border-radius:1px;transition:background-color .15s ease,box-shadow .15s ease}.streak-segment.active{background-color:var(--neon-green);box-shadow:0 0 4px var(--neon-green)}.streak-segment.supercharged{background-color:var(--neon-cyan);box-shadow:0 0 5px var(--neon-cyan)}.dials-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px dashed var(--border-color);padding-top:10px;margin-top:4px}.dial-card{background-color:#0003;border:1px solid var(--border-color);border-radius:4px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:6px;transition:border-color .3s ease,box-shadow .3s ease}.dial-card.warning-state{border-color:#ff313166;box-shadow:0 0 5px #ff313126}.dial-label{font-size:.65rem;letter-spacing:.5px;color:var(--text-muted);font-weight:700;text-transform:uppercase;text-align:center}.menu-center{display:flex;align-items:center;justify-content:center;font-family:var(--font-family);font-size:.85rem;font-weight:700;color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan);pointer-events:none;letter-spacing:1px;text-transform:uppercase}.complexity-container{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;border-bottom:1px dashed var(--border-color);padding-bottom:12px}.complexity-slider-wrapper{position:relative;margin-top:4px}.complexity-ticks{display:flex;justify-content:space-between;font-size:.55rem;color:var(--text-muted);margin-bottom:3px;padding:0 4px;font-family:var(--font-family)}.complexity-track{position:relative;height:6px;background:#0006;border:1px solid var(--border-color);border-radius:3px}.complexity-marker{position:absolute;top:-4px;left:50%;width:12px;height:12px;background:var(--neon-cyan);border:1px solid #ffffff;border-radius:50%;transform:translate(-50%);box-shadow:0 0 6px var(--neon-cyan);transition:left .15s cubic-bezier(.25,.8,.25,1),background-color .3s ease,box-shadow .3s ease}.complexity-labels{display:flex;justify-content:space-between;font-size:.55rem;font-weight:700;letter-spacing:.5px;margin-top:4px;padding:0 2px}.dial-wrapper{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;cursor:grab;-webkit-user-select:none;user-select:none}.dial-wrapper:active{cursor:grabbing}.dial-svg{width:100%;height:100%}.dial-track{stroke:var(--border-color)}.dial-fill{stroke:var(--neon-cyan);transition:stroke-dashoffset .15s ease,stroke .3s ease}.dial-card.warning-state .dial-fill{stroke:var(--neon-red)!important}.dial-value-text{font-family:var(--font-family);font-size:.85rem;font-weight:700;text-shadow:0 0 3px var(--text-primary)}.dial-unit-text{font-family:var(--font-family);font-size:.55rem;letter-spacing:1px}.auto-cal-dashboard{background-color:#00000059;border:1px solid var(--border-color);border-radius:4px;padding:8px 12px;margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:inset 0 0 8px #00000080}.dashboard-header{font-size:.6rem;color:var(--text-muted);font-weight:700;letter-spacing:1px;text-align:center;text-transform:uppercase}.dashboard-toggles-row{display:flex;justify-content:space-around;width:100%;align-items:center}.dashboard-toggle-item{display:flex;align-items:center;gap:8px}.toggle-sublabel{font-size:.65rem;font-weight:700;color:var(--text-primary);letter-spacing:.5px}.console-toggle{position:relative;display:inline-block;width:24px;height:14px}.console-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);border:1px solid var(--text-muted);transition:.2s;border-radius:2px}.toggle-slider:before{position:absolute;content:"";height:8px;width:8px;left:2px;bottom:2px;background-color:var(--text-muted);transition:.2s;border-radius:1px}input:checked+.toggle-slider{background-color:#39ff1426;border-color:var(--neon-green)}input:checked+.toggle-slider:before{transform:translate(10px);background-color:var(--neon-green);box-shadow:0 0 4px var(--neon-green)}.streak-combo-topbar{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;color:var(--text-primary)}.streak-combo-topbar .streak-label,.streak-combo-topbar .streak-rec-label{font-size:.65rem;letter-spacing:.5px;color:var(--text-muted)}.streak-combo-topbar .streak-bar-visual{width:60px;height:8px;display:flex;gap:2px;background-color:#0000004d;border:1px solid var(--border-color);border-radius:2px;padding:1px;align-items:stretch}.complexity-performance-row{font-family:var(--font-family);font-size:.65rem;font-weight:700;letter-spacing:.5px;color:var(--text-muted);text-align:center;margin-top:10px}.dial-peak{stroke:var(--neon-red);transition:stroke-dashoffset .15s ease}.periodic-modal-container{width:95vw;max-width:1200px;border:2px solid var(--neon-cyan);box-shadow:0 0 30px #00f0ff33}.periodic-modal-container .modal-header{position:relative}.periodic-modal-container h2{color:var(--neon-cyan)!important;text-shadow:0 0 10px rgba(0,240,255,.5)!important}.close-modal-btn{position:absolute;top:15px;right:20px;background:none;border:none;color:var(--text-muted);font-size:2rem;cursor:pointer;line-height:1;transition:color .2s,text-shadow .2s;z-index:10010}.close-modal-btn:hover{color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan)}.periodic-modal-content{max-height:80vh;padding:25px 20px}.periodic-grid{display:grid;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(10,1fr);gap:5px;width:100%;margin:0 auto}.periodic-cell{aspect-ratio:1;border:1px solid var(--border-color);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s,box-shadow .15s,border-color .15s;background:#00000040}.periodic-cell:hover:not(.locked){transform:scale(1.15);z-index:10;box-shadow:0 0 10px var(--border-color)}.periodic-cell.locked{background:#14141e33;border-color:#ffffff0d;opacity:.25;cursor:not-allowed}.periodic-cell .cell-num{position:absolute;top:2px;left:4px;font-size:.55rem;color:var(--text-muted)}.periodic-cell .cell-sym{font-size:.95rem;font-weight:700;color:var(--text-primary)}.periodic-cell.locked .cell-sym{color:var(--text-muted)}.periodic-cell .cell-name{font-size:.45rem;color:var(--text-muted);margin-top:1px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90%}.tutorial-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;pointer-events:auto;transition:opacity .3s ease}.tutorial-bubble{position:absolute;width:320px;background:#0d1321f2;border:2px solid var(--neon-cyan);box-shadow:0 0 15px #00f0ff66,inset 0 0 8px #00f0ff1a;border-radius:6px;padding:16px;font-family:var(--font-family);color:var(--text-primary);z-index:10001;display:flex;flex-direction:column;gap:12px;transition:left .3s cubic-bezier(.25,.8,.25,1),top .3s cubic-bezier(.25,.8,.25,1);pointer-events:auto}.tutorial-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,240,255,.2);padding-bottom:8px}.tutorial-title{font-size:.85rem;font-weight:700;color:var(--neon-cyan);letter-spacing:1px}.tutorial-step-counter{font-size:.75rem;color:var(--text-muted);font-weight:700}.tutorial-body{font-size:.85rem;line-height:1.4;color:var(--text-primary)}.tutorial-footer{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.tutorial-nav-buttons{display:flex;gap:8px}.tutorial-btn{background:transparent;border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:6px 12px;font-family:var(--font-family);font-size:.75rem;font-weight:700;border-radius:2px;cursor:pointer;transition:all .2s ease}.tutorial-btn:hover{background:#00f0ff1a;box-shadow:0 0 8px #00f0ff4d}.tutorial-btn.primary{background:var(--neon-cyan);color:#0d1321;border-color:var(--neon-cyan)}.tutorial-btn.primary:hover{background:#fff;border-color:#fff;color:#0d1321;box-shadow:0 0 10px #ffffff80}.tutorial-btn.secondary{border-color:var(--text-muted);color:var(--text-muted)}.tutorial-btn.secondary:hover{background:#ffffff0d;border-color:var(--text-primary);color:var(--text-primary)}.tutorial-btn:disabled{opacity:.3;pointer-events:none}.tutorial-bubble:after{content:"";position:absolute;width:0;height:0;border:8px solid transparent}.tutorial-bubble.arrow-top:after{bottom:100%;left:50%;transform:translate(-50%);border-bottom-color:var(--neon-cyan)}.tutorial-bubble.arrow-bottom:after{top:100%;left:50%;transform:translate(-50%);border-top-color:var(--neon-cyan)}.tutorial-bubble.arrow-left:after{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--neon-cyan)}.tutorial-bubble.arrow-right:after{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--neon-cyan)}.tutorial-highlight{position:relative!important;z-index:10002!important;box-shadow:0 0 20px var(--neon-cyan)!important;border-color:var(--neon-cyan)!important;transition:all .3s ease!important}