:root,.theme-hacker{--primary: #0c0;--secondary: #0ff;--accent: #ffc107;--bg: #000;--bg-hover: #002200;--text: #c0c0c0;--text-bright: #ccc;--text-muted: #808080;--border: #0a0;--error: #f00;--disabled: #333}.theme-vaporwave{--primary: #cf3bcf;--secondary: #40e0d0;--accent: #ffaa00;--bg: #000;--bg-hover: #220033;--text: #c0c0c0;--text-bright: #ccc;--text-muted: #808080;--border: #cf3bcf;--error: #ff4081;--disabled: #664488}.theme-darcula{--primary: #cc7832;--secondary: #6897bb;--accent: #bbb529;--bg: #2b2b2b;--bg-hover: #323232;--text: #a9b7c6;--text-bright: #e0e0e0;--text-muted: #808080;--border: #323232;--error: #bc3f3c;--disabled: #555555}.theme-monokai{--primary: #a6e22e;--secondary: #66d9ef;--accent: #fd971f;--bg: #272822;--bg-hover: #3e3d32;--text: #f8f8f2;--text-bright: #ffffff;--text-muted: #75715e;--border: #49483e;--error: #f92672;--disabled: #5a5a5a}.theme-solarized-dark{--primary: #268bd2;--secondary: #2aa198;--accent: #b58900;--bg: #002b36;--bg-hover: #073642;--text: #839496;--text-bright: #93a1a1;--text-muted: #586e75;--border: #073642;--error: #dc322f;--disabled: #445555}.theme-dracula{--primary: #50fa7b;--secondary: #8be9fd;--accent: #f1fa8c;--bg: #282a36;--bg-hover: #44475a;--text: #f8f8f2;--text-bright: #ffffff;--text-muted: #6272a4;--border: #44475a;--error: #ff5555;--disabled: #6272a4}.theme-nord{--primary: #88c0d0;--secondary: #81a1c1;--accent: #ebcb8b;--bg: #2e3440;--bg-hover: #3b4252;--text: #d8dee9;--text-bright: #eceff4;--text-muted: #4c566a;--border: #3b4252;--error: #bf616a;--disabled: #4c566a}.theme-gruvbox{--primary: #b8bb26;--secondary: #83a598;--accent: #fabd2f;--bg: #282828;--bg-hover: #3c3836;--text: #ebdbb2;--text-bright: #fbf1c7;--text-muted: #928374;--border: #504945;--error: #fb4934;--disabled: #665c54}.theme-tactical{--primary: #7cb342;--secondary: #ffa726;--accent: #ffeb3b;--bg: #0d1117;--bg-hover: #1a1e24;--text: #b0b0b0;--text-bright: #e0e0e0;--text-muted: #6e7681;--border: #2d3a2d;--error: #ef5350;--disabled: #3a3a3a}.theme-companion{--primary: #e8a87c;--secondary: #9ed9cc;--accent: #f4d19b;--bg: #1a1410;--bg-hover: #2a2220;--text: #d4c4b0;--text-bright: #f0e6d8;--text-muted: #8a7a6a;--border: #3a3028;--error: #d88884;--disabled: #4a4038}.theme-therapeutic{--primary: #8fa8c8;--secondary: #b8c9a8;--accent: #d4b896;--bg: #1c1e22;--bg-hover: #2a2d32;--text: #c4ccd4;--text-bright: #e4ecf4;--text-muted: #7a8288;--border: #3a3e44;--error: #c89898;--disabled: #4a4e54}.theme-education{--primary: #f4a261;--secondary: #2a9d8f;--accent: #e9c46a;--bg: #1a1a1a;--bg-hover: #2a2a2a;--text: #d4d4d4;--text-bright: #f4f4f4;--text-muted: #888888;--border: #3a3a3a;--error: #e76f51;--disabled: #4a4a4a}.theme-resurrection{--primary: #a78bfa;--secondary: #818cf8;--accent: #c4b5fd;--bg: #0f0f14;--bg-hover: #1a1a24;--text: #c4c4d4;--text-bright: #e4e4f4;--text-muted: #7a7a8a;--border: #2a2a3a;--error: #b4a4c4;--disabled: #3a3a4a}.theme-robotics{--primary: #00d4ff;--secondary: #7c9fb0;--accent: #ffa500;--bg: #0a0e12;--bg-hover: #1a2228;--text: #b0c4d0;--text-bright: #e0f0ff;--text-muted: #6a7a85;--border: #2a3a45;--error: #ff6b6b;--disabled: #3a4a55}:root{font-family:Courier New,Courier,monospace;line-height:1.6;font-weight:400;color-scheme:dark;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;height:100vh;background:var(--bg);color:var(--text);overflow:hidden}#root{width:100%;height:100vh}.notification-toast{position:fixed;bottom:2rem;right:2rem;background:var(--bg, var(--bg-secondary));color:var(--primary, var(--accent-primary));padding:.75rem 1.5rem;border:1px solid var(--primary, var(--accent-primary));border-radius:4px;font-family:Courier New,monospace;font-size:.85rem;box-shadow:0 4px 12px #00000080;animation:slideInUp .3s ease-out;z-index:2000}@keyframes slideInUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);padding:20px}.login-container{background:var(--bg);border:2px solid var(--border);padding:2rem;width:100%;max-width:500px}.login-header{text-align:center;margin-bottom:2rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.login-header h1{color:var(--primary);font-size:1.5rem;margin:0 0 .5rem;letter-spacing:2px}.login-header p{color:var(--text-muted);margin:0;font-size:.85rem;letter-spacing:1px}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-form .form-group{display:flex;flex-direction:column;gap:.5rem}.login-form .form-group label{color:var(--text);font-size:.9rem;font-weight:700;letter-spacing:1px}.login-form .form-group input{width:100%;padding:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:0;color:var(--text);font-size:.9rem;transition:all .3s}.login-form .form-group input:focus{outline:none;border-color:var(--primary)}.login-form .form-group input:disabled{opacity:.5;cursor:not-allowed}.password-input-group{display:flex;gap:.5rem}.password-input-group input{flex:1}.toggle-password-btn{padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:0;cursor:pointer;font-size:.75rem;color:var(--text);transition:all .3s;font-weight:700;letter-spacing:1px}.toggle-password-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.toggle-password-btn:disabled{opacity:.5;cursor:not-allowed}.error-message{background:var(--bg);border:1px solid var(--error);padding:.75rem;color:var(--error);font-size:.85rem;text-align:center;letter-spacing:1px}.login-btn{background:var(--bg);border:1px solid var(--primary);border-radius:0;padding:1rem;color:var(--primary);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;margin-top:.5rem;letter-spacing:2px}.login-btn:hover:not(:disabled){background:var(--primary);color:var(--bg)}.login-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--disabled);color:var(--disabled)}.login-footer{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.login-footer p{color:var(--text-muted);font-size:.85rem;margin:0;letter-spacing:1px}.link-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.85rem;font-weight:700;padding:0;text-decoration:underline;transition:color .3s;letter-spacing:1px}.link-btn:hover:not(:disabled){color:var(--secondary)}.link-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.login-container{padding:1.5rem}.login-header h1{font-size:1.2rem}}.register-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);padding:20px}.register-container{background:var(--bg);border:2px solid var(--border);padding:2rem;width:100%;max-width:500px}.register-header{text-align:center;margin-bottom:2rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.register-header h1{color:var(--primary);font-size:1.5rem;margin:0 0 .5rem;letter-spacing:2px}.register-header p{color:var(--text-muted);margin:0;font-size:.85rem;letter-spacing:1px}.register-form{display:flex;flex-direction:column;gap:1.5rem}.register-btn{background:var(--bg);border:1px solid var(--primary);border-radius:0;padding:1rem;color:var(--primary);font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;margin-top:.5rem;letter-spacing:2px}.register-btn:hover:not(:disabled){background:var(--primary);color:var(--bg)}.register-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--disabled);color:var(--disabled)}.register-footer{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.register-footer p{color:var(--text-muted);font-size:.85rem;margin:0;letter-spacing:1px}@media (max-width: 480px){.register-container{padding:1.5rem}.register-header h1{font-size:1.2rem}}.toolbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;min-width:0;flex:1 1 auto}.toolbar .toolbar-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.toolbar .toolbar-right{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-left:auto}.toolbar .toolbar-right~.user-menu-section{margin-left:0}.toolbar .user-menu-section{margin-left:auto}.toolbar-link{color:var(--text);text-decoration:none;border:1px solid var(--border);padding:8px 15px 5px;transition:all .3s;cursor:pointer;-webkit-user-select:none;user-select:none}.toolbar-link:hover,.toolbar-link--primary,.toolbar-link--primary:hover{background:var(--primary);color:var(--bg)}.toolbar-link--toggle{background:transparent}.toolbar-link--toggle:hover{border-color:var(--primary);background:transparent;color:var(--text)}.toolbar-link--toggle.toolbar-link--active{color:var(--primary);background:transparent}.toolbar-link--toggle.toolbar-link--active:hover{border-color:var(--primary);background:transparent;color:var(--primary)}@media (max-width: 768px){.toolbar{gap:.5rem;flex-basis:100%}.toolbar-link{padding:6px 8px;font-size:.7rem}}.global-header{background:var(--bg);border-bottom:2px solid var(--border);z-index:100;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:0 1rem;gap:1rem;min-width:0}.global-header-title{display:flex;align-items:center;flex-shrink:0}.global-header h1{padding:1rem 0;font-size:1.5rem;color:var(--primary);margin:0;text-transform:uppercase;letter-spacing:2px;white-space:nowrap}.global-header .user-menu-section{position:relative}.global-header .user-menu-trigger{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--border);border-radius:0;padding:8px 15px;color:var(--text);cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.global-header .user-menu-trigger:hover{background:var(--primary);color:var(--bg)}.global-header .username{text-decoration:none}.global-header .menu-arrow{font-size:.7rem;opacity:.6}.global-header .user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg);border:1px solid var(--border);border-radius:0;min-width:180px;z-index:100}.global-header .dropdown-item{display:block;width:100%;text-align:left;background:var(--bg);border:none;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none;padding:8px 15px;border-radius:0;cursor:pointer;transition:all .3s}.global-header .dropdown-item:last-child{border-bottom:none}.global-header .dropdown-item:hover{background:var(--primary);color:var(--bg)}.global-header .dropdown-back{border-bottom:1px solid var(--border)!important}.global-header .theme-dropdown .theme-switcher{width:100%;display:block;padding:0;margin:0;position:static}.global-header .theme-dropdown .theme-switcher-toggle{display:none}.global-header .theme-dropdown .theme-switcher-dropdown{position:static;border:none;max-height:none;min-width:auto}.global-header .theme-dropdown .theme-option{border-bottom:1px solid var(--border);padding:8px 15px;text-decoration:none}.global-header .theme-dropdown .theme-option:last-child{border-bottom:none}#global-toolbar-portal{display:flex;flex:1;align-items:center;gap:1rem;min-width:0}@media (max-width: 768px){.global-header{padding:0 .5rem;gap:.5rem}.global-header-right{gap:.5rem}.global-header h1{font-size:1rem;letter-spacing:1px}.global-header .user-menu-trigger{padding:6px 8px}}.welcome-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);color:var(--text-primary);overflow-y:auto}.welcome-content{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.welcome-section{margin-bottom:3rem}.welcome-section.intro h2{color:var(--accent-primary);margin-bottom:1rem;font-family:Courier New,monospace;font-size:1.5rem}.welcome-section.intro p{line-height:1.6;max-width:800px}.concepts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.concept-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:1.5rem;border-radius:4px;transition:border-color .2s}.concept-card:hover{border-color:var(--accent-primary)}.concept-card h3{color:var(--accent-primary);margin-bottom:1rem;font-family:Courier New,monospace;font-size:1.2rem}.concept-description p{margin-bottom:1rem;line-height:1.5;color:var(--text-secondary)}.concept-description ul{list-style:none;padding:0;margin:0}.concept-description li{padding:.4rem 0 .4rem 1.5rem;position:relative;color:var(--text-secondary)}.concept-description li:before{content:">";position:absolute;left:0;color:var(--accent-primary)}.welcome-section.workflow h2{color:var(--accent-primary);margin-bottom:1rem;font-family:Courier New,monospace;font-size:1.5rem}.workflow-steps{list-style:none;counter-reset:workflow-counter;padding:0;max-width:600px}.workflow-steps li{counter-increment:workflow-counter;padding:.75rem 0 .75rem 3rem;position:relative;line-height:1.5;color:var(--text-secondary)}.workflow-steps li:before{content:counter(workflow-counter) ".";position:absolute;left:0;color:var(--accent-primary);font-weight:700;width:2rem}.welcome-actions{display:flex;justify-content:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.get-started-btn{background-color:var(--accent-primary);color:var(--bg-primary);border:none;padding:1rem 3rem;font-size:1.1rem;font-family:Courier New,monospace;font-weight:700;cursor:pointer;border-radius:4px;transition:all .2s;text-transform:uppercase}.get-started-btn:hover{background-color:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.get-started-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000004d}@media (max-width: 768px){.welcome-content{padding:1rem}.concepts-grid{grid-template-columns:1fr;gap:1rem}.concept-card{padding:1rem}.welcome-section.intro h2,.welcome-section.workflow h2{font-size:1.2rem}.concept-card h3{font-size:1rem}.get-started-btn{padding:.75rem 2rem;font-size:1rem}}.dashboard-page{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);color:var(--text-primary)}.dashboard-content{flex:1;padding:2rem;max-width:1600px;margin:0 auto;width:100%}.dashboard-loading,.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.dashboard-error p{color:var(--status-error)}.dashboard-error button{background-color:var(--accent-primary);color:var(--bg-primary);border:none;padding:.75rem 2rem;font-family:Courier New,monospace;cursor:pointer;border-radius:4px;transition:background-color .2s}.dashboard-error button:hover{background-color:var(--accent-secondary)}.dashboard-section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.section-header h2{color:var(--accent-primary);font-family:Courier New,monospace;font-size:1.5rem;margin:0}.simulation-count{color:var(--text-secondary);font-family:Courier New,monospace;font-size:.9rem}.dashboard-empty{text-align:center;padding:4rem 2rem;background-color:var(--bg-secondary);border:1px dashed var(--border-color);border-radius:4px}.dashboard-empty p:first-child{color:var(--accent-primary);font-size:1.2rem;margin-bottom:.5rem}.empty-hint{color:var(--text-secondary);margin-bottom:2rem}.browse-cta{background-color:var(--accent-primary);color:var(--bg-primary);border:none;padding:.75rem 2rem;font-family:Courier New,monospace;font-weight:700;cursor:pointer;border-radius:4px;transition:all .2s}.browse-cta:hover{background-color:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.simulation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.simulation-card{position:relative;width:100%;background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:1.5rem;cursor:pointer;transition:all .2s;text-align:left;font-family:Courier New,monospace;border-radius:4px}.simulation-card:hover:not(:disabled){border-color:var(--accent-primary);box-shadow:0 4px 8px #0000004d}.simulation-card:disabled{opacity:.6;cursor:not-allowed}.simulation-card--maintenance{border-color:var(--status-warning)}.simulation-card--private{border-color:var(--text-secondary)}.card-title{color:var(--accent-primary);font-size:1.2rem;margin:0;font-weight:700}.card-description{color:var(--text-secondary);font-size:.9rem;margin:0;line-height:1.4}.card-meta{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.status-badge{padding:.25rem .75rem;font-size:.75rem;border-radius:3px;font-weight:700;border:1px solid}.status-badge--active{background-color:#00ff001a;border-color:var(--status-success);color:var(--status-success)}.status-badge--maintenance{background-color:#ffff001a;border-color:var(--status-warning);color:var(--status-warning)}.status-badge--private{background-color:#8080801a;border-color:var(--text-secondary);color:var(--text-secondary)}.ai-count{color:var(--text-secondary);font-size:.85rem}.card-ai-list{display:flex;flex-wrap:wrap;gap:.5rem}.ai-badge{background-color:var(--bg-primary);color:var(--accent-secondary);padding:.25rem .75rem;font-size:.8rem;border-radius:3px;border:1px solid var(--accent-secondary)}.card-share-btn{position:absolute;top:1rem;background-color:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color);padding:.5rem;cursor:pointer;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px;z-index:10}.card-share-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary);background-color:var(--bg-secondary);transform:scale(1.1)}.browse-simulations-btn,.admin-panel-btn{background:var(--bg);border:1px solid var(--border);border-radius:0;padding:.5rem 1rem;color:var(--text);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s;letter-spacing:1px;font-family:Courier New,monospace}.browse-simulations-btn:hover,.admin-panel-btn:hover{border-color:var(--primary);color:var(--primary)}@media (max-width: 768px){.dashboard-content{padding:1rem}.simulation-grid{grid-template-columns:1fr;gap:1rem}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.simulation-creator{max-width:1200px;margin:2rem auto;background:var(--bg);border:2px solid var(--primary);box-shadow:0 0 30px color-mix(in srgb,var(--primary) 20%,transparent);width:100%;max-height:calc(100vh - 12rem);box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.creator-header{text-align:center;border-bottom:2px solid var(--border);padding:2rem 2rem 1rem;flex-shrink:0}.creator-header h2{color:var(--primary);font-size:1.5rem;margin:0;letter-spacing:3px;font-weight:700}.creator-form{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-group label{color:var(--primary);font-size:.9rem;font-weight:700;letter-spacing:2px}.form-group input,.form-group textarea{background:var(--bg);border:1px solid var(--border);padding:.75rem;color:var(--text);font-family:Courier New,monospace;font-size:.95rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 10px color-mix(in srgb,var(--primary) 20%,transparent)}.form-group input:disabled,.form-group textarea:disabled{opacity:.5;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted);opacity:.5}.creator-error{padding:1rem;background:#ff00001a;border:1px solid var(--error);margin-top:.5rem}.creator-error p{color:var(--error);margin:0;font-size:.9rem;letter-spacing:1px}.creator-actions{display:flex;gap:1rem;justify-content:flex-end;padding:1rem 2rem 2rem;border-top:1px solid var(--border);flex-shrink:0}.creator-actions>div{padding:8px 15px;font-size:inherit;font-weight:400;letter-spacing:0;cursor:pointer;transition:all .3s;border-radius:0;font-family:Courier New,monospace;-webkit-user-select:none;user-select:none}.creator-actions>div.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary);border:1px solid var(--border);color:var(--bg)}.btn-primary:hover:not(.disabled){background:var(--primary);color:var(--bg)}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-secondary:hover:not(.disabled){background:var(--primary);color:var(--bg)}.creator-loading{text-align:center;padding:2rem;color:var(--text-muted)}.radio-group{display:flex;gap:1.5rem}.radio-group label{display:flex;align-items:center;gap:.5rem;color:var(--text);font-weight:400;letter-spacing:1px;cursor:pointer}.radio-group input[type=radio]{cursor:pointer}.form-section{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid var(--border);background:#0003}.section-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.section-header label{color:var(--primary);font-weight:700;letter-spacing:2px}.ai-model-config{display:flex;flex-direction:column;gap:1rem;padding:1rem;border:1px solid var(--border);background:#0000004d}.model-config-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.model-config-header span{color:var(--primary);font-weight:700;letter-spacing:1px}.form-group select{background:var(--bg);border:1px solid var(--border);padding:.75rem;color:var(--text);font-family:Courier New,monospace;font-size:.95rem;cursor:pointer;transition:all .3s}.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 10px color-mix(in srgb,var(--primary) 20%,transparent)}.form-group select:disabled{opacity:.5;cursor:not-allowed}.form-group input[type=checkbox]{cursor:pointer;margin-right:.5rem}.form-group label:has(input[type=checkbox]){flex-direction:row;align-items:center;font-weight:400;letter-spacing:1px;cursor:pointer}.btn-small{padding:.5rem 1rem;font-size:.8rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s;border:1px solid var(--primary);background:var(--bg);color:var(--primary);font-family:Courier New,monospace}.btn-small:hover:not(:disabled){background:var(--primary);color:var(--bg);box-shadow:0 0 10px color-mix(in srgb,var(--primary) 30%,transparent)}.btn-remove{padding:.4rem .8rem;font-size:.75rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s;border:1px solid var(--error);background:var(--bg);color:var(--error);font-family:Courier New,monospace}.btn-remove:hover:not(:disabled){background:var(--error);color:var(--bg);box-shadow:0 0 10px #ff00004d}.btn-remove:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.simulation-creator{padding:1rem;margin:1rem;width:auto;max-width:100%;max-height:calc(100vh - 8rem)}.creator-header h2{font-size:1.2rem}.creator-actions{flex-direction:column}.creator-actions button{width:100%}.section-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.simulation-browser{height:100vh;background:var(--bg);display:flex;flex-direction:column;overflow-y:auto}.browser-app-header{background:var(--bg);border-bottom:2px solid var(--border);z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;gap:1rem;position:sticky;top:0}.browser-app-header .header-left{display:flex;align-items:center;gap:1.5rem}.dashboard-btn-header,.admin-panel-btn-header{background:var(--bg);border:1px solid var(--border);border-radius:0;padding:.5rem 1rem;color:var(--text);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s;letter-spacing:1px;font-family:Courier New,monospace}.dashboard-btn-header:hover,.admin-panel-btn-header:hover{border-color:var(--primary);color:var(--primary)}.create-simulation-btn-header{background:var(--bg);border:1px solid var(--primary);border-radius:0;padding:.5rem 1rem;color:var(--primary);font-size:.85rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s;font-family:Courier New,monospace}.create-simulation-btn-header:hover{background:var(--primary);color:var(--bg);box-shadow:0 0 10px #00ff004d}.browser-app-header h1{padding:1rem 0;font-size:1.5rem;color:var(--primary);margin:0;text-transform:uppercase;letter-spacing:2px}.browser-app-header .header-right{display:flex;align-items:center;gap:1rem}.browser-app-header .user-menu-section{position:relative}.browser-app-header .user-menu-trigger{display:flex;align-items:center;gap:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:0;padding:.5rem 1rem;color:var(--text);cursor:pointer;transition:all .3s;font-size:.9rem}.browser-app-header .user-menu-trigger:hover{background:var(--bg-hover);border-color:var(--primary)}.browser-app-header .username{font-size:.9rem;font-weight:700;letter-spacing:1px}.browser-app-header .menu-arrow{font-size:.7rem;opacity:.6}.browser-app-header .user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg);border:1px solid var(--border);border-radius:0;min-width:180px;z-index:100}.browser-app-header .dropdown-item{display:block;width:100%;text-align:left;background:var(--bg);border:none;border-bottom:1px solid var(--border);color:var(--text);padding:.75rem 1rem;border-radius:0;cursor:pointer;font-size:.85rem;font-weight:700;letter-spacing:1px;transition:all .3s}.browser-app-header .dropdown-item:last-child{border-bottom:none}.browser-app-header .dropdown-item:hover{background:var(--bg-hover);color:var(--primary)}.browser-app-header .dropdown-theme-switcher{padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;justify-content:center}.browser-loading,.browser-error,.browser-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.browser-loading p,.browser-empty p{color:var(--text-muted);font-size:1rem;letter-spacing:2px}.empty-hint{font-size:.85rem!important;margin-top:.5rem!important;color:var(--text-muted);opacity:.7}.browser-error p{color:var(--error);font-size:1rem;letter-spacing:2px;margin-bottom:1rem}.browser-error button{background:var(--bg);border:1px solid var(--primary);border-radius:0;padding:.75rem 1.5rem;color:var(--primary);font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s;letter-spacing:2px}.browser-error button:hover{background:var(--primary);color:var(--bg)}.simulation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;max-width:1400px;margin:2rem auto;width:100%;padding:0 2rem 2rem}.simulation-card{background:var(--bg);border:2px solid var(--border);padding:1.5rem;cursor:pointer;transition:all .3s;text-align:left;position:relative;width:100%}.simulation-card:hover:not(:disabled){border-color:var(--primary);box-shadow:0 0 20px #0f03}.simulation-card:disabled{opacity:.5;cursor:not-allowed}.simulation-card--maintenance{border-color:var(--warning, #ff9500)}.simulation-card--offline{border-color:var(--error)}.card-content{display:flex;flex-direction:column;gap:.75rem}.card-title{color:var(--primary);font-size:1.2rem;margin:0;letter-spacing:2px;font-weight:700}.card-description{color:var(--text);font-size:.9rem;margin:0;line-height:1.5}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:auto}.status-badge{padding:.25rem .75rem;font-size:.75rem;font-weight:700;letter-spacing:1px;border:1px solid}.status-badge--active{color:var(--primary);border-color:var(--primary);background:#00ff001a}.status-badge--maintenance{color:var(--warning, #ff9500);border-color:var(--warning, #ff9500);background:#ff95001a}.status-badge--offline,.status-badge--private{color:var(--error);border-color:var(--error);background:#ff00001a}.ai-count{font-size:.75rem;color:var(--text-muted);letter-spacing:1px}.card-ai-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.ai-badge{padding:.25rem .5rem;font-size:.7rem;font-weight:700;letter-spacing:1px;border:1px solid var(--border);background:#00ff000d;color:var(--text)}.card-share-btn{position:absolute;top:1rem;background:var(--bg);color:var(--text-muted);border:1px solid var(--border);padding:.5rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;width:36px;height:36px;z-index:10}.card-share-btn:first-of-type{right:3.5rem}.card-share-btn:nth-of-type(2){right:1rem}.card-share-btn svg{width:18px;height:18px}.card-share-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-hover);transform:scale(1.1)}.loading-spinner{border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.browser-app-header h1{font-size:1.2rem}.dashboard-btn-header,.admin-panel-btn-header,.create-simulation-btn-header{font-size:.75rem;padding:.4rem .8rem}.simulation-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem 1rem}.card-thumbnail{height:150px}}.admin-panel-page{padding:2rem;max-width:1400px;margin:0 auto}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color)}.admin-tab{padding:.75rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-secondary);cursor:pointer;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;transition:all .2s}.admin-tab:hover{color:var(--primary-color);background:var(--hover-bg)}.admin-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.admin-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-content h2{margin-bottom:1.5rem;color:var(--primary-color);font-family:Courier New,monospace}.section-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header-with-action h2{margin-bottom:0}.btn-create-ai{background:var(--primary-color);color:var(--bg-color);border:1px solid var(--primary-color);border-radius:0;padding:.5rem 1rem;font-size:.85rem;font-family:Courier New,monospace;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:1px;text-transform:uppercase}.btn-create-ai:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 2px 8px #0000004d;transform:translateY(-1px)}.admin-table{overflow-x:auto;background:var(--surface-bg);border:1px solid var(--border-color);border-radius:4px}.admin-table table{width:100%;border-collapse:collapse;font-family:Courier New,monospace;font-size:.85rem}.admin-table thead{background:var(--header-bg);border-bottom:2px solid var(--border-color)}.admin-table th{padding:1rem;text-align:left;font-weight:700;color:var(--primary-color);text-transform:uppercase;font-size:.75rem;letter-spacing:.5px}.admin-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.admin-table tbody tr:hover{background:var(--hover-bg)}.admin-table tbody tr:last-child td{border-bottom:none}.role-badge,.status-badge,.publish-badge{display:inline-block;padding:.25rem .75rem;border-radius:3px;font-size:.75rem;font-weight:700;text-transform:uppercase}.role-badge.role-admin{background:var(--warning-bg);color:var(--warning-color);border:1px solid var(--warning-color)}.role-badge.role-user{background:var(--info-bg);color:var(--info-color);border:1px solid var(--info-color)}.role-badge.role-AI{background:var(--ai-bg, rgba(138, 43, 226, .1));color:var(--ai-color, #8a2be2);border:1px solid var(--ai-color, #8a2be2)}.status-badge.status-active{background:var(--success-bg);color:var(--success-color);border:1px solid var(--success-color)}.status-badge.status-maintenance{background:var(--warning-bg);color:var(--warning-color);border:1px solid var(--warning-color)}.publish-badge.published{background:var(--success-bg);color:var(--success-color);border:1px solid var(--success-color)}.publish-badge.unpublished{background:var(--muted-bg);color:var(--text-secondary);border:1px solid var(--border-color)}.admin-table select{padding:.25rem .5rem;background:var(--input-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:3px;font-family:Courier New,monospace}.btn-small{padding:.35rem .75rem;margin-right:.5rem;font-size:.75rem;border:1px solid var(--border-color);border-radius:3px;cursor:pointer;font-family:Courier New,monospace;transition:all .2s}.btn-small:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-color);color:var(--bg-color);border-color:var(--primary-color)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{background:var(--secondary-bg);color:var(--text-color)}.btn-secondary:hover:not(:disabled){background:var(--hover-bg);border-color:var(--primary-color)}.btn-danger{background:var(--danger-bg);color:var(--danger-color);border-color:var(--danger-color)}.btn-danger:hover:not(:disabled){background:var(--danger-color);color:var(--bg-color)}.loading,.error-message{padding:2rem;text-align:center;font-family:Courier New,monospace}.error-message{color:var(--danger-color);background:var(--danger-bg);border:1px solid var(--danger-color);border-radius:4px}.theme-hacker{--header-bg: rgba(0, 255, 0, .05);--surface-bg: rgba(0, 255, 0, .02);--hover-bg: rgba(0, 255, 0, .1);--input-bg: #001100;--secondary-bg: rgba(0, 255, 0, .1);--success-bg: rgba(0, 255, 0, .1);--success-color: #00ff00;--warning-bg: rgba(255, 255, 0, .1);--warning-color: #ffff00;--danger-bg: rgba(255, 0, 0, .1);--danger-color: #ff0000;--info-bg: rgba(0, 200, 255, .1);--info-color: #00c8ff;--muted-bg: rgba(100, 100, 100, .1)}.theme-cyberpunk{--header-bg: rgba(255, 0, 255, .05);--surface-bg: rgba(0, 255, 255, .02);--hover-bg: rgba(255, 0, 255, .1);--input-bg: #0a0014;--secondary-bg: rgba(255, 0, 255, .1);--success-bg: rgba(0, 255, 255, .1);--success-color: #00ffff;--warning-bg: rgba(255, 0, 255, .1);--warning-color: #ff00ff;--danger-bg: rgba(255, 20, 147, .1);--danger-color: #ff1493;--info-bg: rgba(0, 255, 255, .1);--info-color: #00ffff;--muted-bg: rgba(100, 100, 100, .1)}.theme-synthwave{--header-bg: rgba(255, 71, 87, .1);--surface-bg: rgba(241, 250, 140, .02);--hover-bg: rgba(255, 71, 87, .15);--input-bg: #1a0a2e;--secondary-bg: rgba(255, 71, 87, .1);--success-bg: rgba(241, 250, 140, .15);--success-color: #f1fa8c;--warning-bg: rgba(255, 121, 198, .15);--warning-color: #ff79c6;--danger-bg: rgba(255, 71, 87, .15);--danger-color: #ff4757;--info-bg: rgba(189, 147, 249, .15);--info-color: #bd93f9;--muted-bg: rgba(100, 100, 100, .1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:var(--bg);border:2px solid var(--primary);border-radius:0;padding:2rem;max-width:500px;width:90%;box-shadow:0 8px 32px #000c,0 0 20px rgba(var(--primary),.15);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h2{margin-top:0;margin-bottom:1rem;color:var(--primary);font-family:Courier New,monospace;font-size:1.3rem;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 10px rgba(var(--primary),.3)}.modal-content h2:before{content:"> ";color:var(--secondary)}.modal-description{margin-bottom:1.5rem;color:var(--text-muted);font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;border-left:2px solid var(--border);padding-left:1rem}.modal-content .form-group{margin-bottom:1.25rem}.modal-content .form-group label{display:block;margin-bottom:.5rem;color:var(--text-bright);font-family:Courier New,monospace;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.modal-content .form-group label:after{content:":";color:var(--secondary)}.modal-content .form-group input,.modal-content .form-group textarea{width:100%;padding:.75rem;background:var(--bg-hover);border:1px solid var(--border);color:var(--text);border-radius:0;font-family:Courier New,monospace;font-size:.9rem;box-sizing:border-box;transition:all .2s}.modal-content .form-group input:focus,.modal-content .form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 0 10px rgba(var(--primary),.3);background:var(--bg)}.modal-content .form-group input::placeholder,.modal-content .form-group textarea::placeholder{color:var(--text-muted);opacity:.6}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem;border-top:1px solid var(--border);padding-top:1.5rem}.modal-actions button{padding:.75rem 1.5rem;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;font-weight:700;border-radius:0;cursor:pointer;transition:all .2s;font-family:Courier New,monospace}.modal-actions .btn-primary{background:var(--primary);color:var(--bg);border:1px solid var(--primary)}.modal-actions .btn-primary:hover{box-shadow:0 0 15px rgba(var(--primary),.5);transform:translateY(-1px)}.modal-actions .btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.modal-actions .btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-hover)}.token-textarea{width:100%;min-height:100px;font-family:Courier New,monospace;font-size:.75rem;padding:.75rem;resize:vertical;line-height:1.4;word-break:break-all;background:var(--bg-hover);border:1px solid var(--border);color:var(--primary)}.user-profile-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.user-profile-content{background:var(--bg);border:2px solid var(--border);width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.profile-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border)}.profile-header h2{color:var(--primary);margin:0;font-size:1.3rem;letter-spacing:2px}.close-btn{background:var(--bg);border:1px solid var(--border);border-radius:0;color:var(--text);font-size:1.2rem;cursor:pointer;padding:.5rem 1rem;transition:all .3s;font-weight:700}.close-btn:hover{border-color:var(--error);color:var(--error)}.profile-body{padding:1.5rem}.profile-info{display:flex;flex-direction:column;gap:1.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.info-label{color:var(--text-muted);font-size:.85rem;font-weight:700;letter-spacing:1px}.info-value{color:var(--text);font-size:.9rem}.profile-actions{display:flex;gap:1rem;margin-top:1rem}.edit-btn,.logout-btn{flex:1;padding:.75rem;border:1px solid var(--border);border-radius:0;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s;letter-spacing:1px}.edit-btn{background:var(--bg);color:var(--primary);border-color:var(--primary)}.edit-btn:hover{background:var(--primary);color:var(--bg)}.logout-btn{background:var(--bg);color:var(--error);border-color:var(--error)}.logout-btn:hover{background:var(--error);color:var(--bg)}.profile-edit{display:flex;flex-direction:column;gap:1.5rem}.profile-edit .form-group{display:flex;flex-direction:column;gap:.5rem}.profile-edit label{color:var(--text);font-size:.85rem;font-weight:700;letter-spacing:1px}.profile-edit input{background:var(--bg);border:1px solid var(--border);border-radius:0;padding:.75rem;color:var(--text);font-size:.9rem;transition:all .3s}.profile-edit input:focus{outline:none;border-color:var(--primary)}.profile-edit input:disabled{opacity:.5;cursor:not-allowed}.success-message{background:var(--bg);border:1px solid var(--primary);padding:.75rem;color:var(--primary);font-size:.85rem;text-align:center;letter-spacing:1px}.edit-actions{display:flex;gap:1rem;margin-top:.5rem}.save-btn,.cancel-btn{flex:1;padding:.75rem;border:1px solid var(--border);border-radius:0;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s;letter-spacing:1px}.save-btn{background:var(--bg);color:var(--primary);border-color:var(--primary)}.save-btn:hover:not(:disabled){background:var(--primary);color:var(--bg)}.save-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--disabled);color:var(--disabled)}.cancel-btn{background:var(--bg);color:var(--text);border-color:var(--border)}.cancel-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary)}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.user-profile-content::-webkit-scrollbar{width:8px}.user-profile-content::-webkit-scrollbar-track{background:var(--bg)}.user-profile-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:0}.user-profile-content::-webkit-scrollbar-thumb:hover{background:var(--primary)}.theme-switcher{position:relative;z-index:1000}.theme-switcher-toggle{background:var(--bg);color:var(--secondary);border:1px solid var(--border);border-radius:0;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;font-family:Courier New,Courier,monospace;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.theme-switcher-toggle:hover{background:var(--bg-hover);border-color:var(--primary);color:var(--primary)}.theme-switcher-dropdown{position:absolute;top:calc(100% + 5px);right:0;background:var(--bg);border:1px solid var(--border);min-width:200px;max-height:400px;overflow-y:auto;z-index:1001}.theme-switcher-dropdown::-webkit-scrollbar{width:8px}.theme-switcher-dropdown::-webkit-scrollbar-track{background:var(--bg)}.theme-switcher-dropdown::-webkit-scrollbar-thumb{background:var(--border);border-radius:0}.theme-switcher-dropdown::-webkit-scrollbar-thumb:hover{background:var(--primary)}.theme-option{width:100%;background:var(--bg);color:var(--text);border:none;border-bottom:1px solid var(--border);padding:.75rem 1rem;cursor:pointer;font-size:.9rem;font-family:Courier New,Courier,monospace;text-align:left;transition:all .3s;text-transform:uppercase}.theme-option:last-child{border-bottom:none}.theme-option:hover{background:var(--bg-hover);color:var(--primary)}.theme-option.active{background:var(--bg-hover);color:var(--primary);border-left:3px solid var(--primary)}.scene-3d{width:100%;height:100%;position:relative;overflow:hidden;cursor:pointer}.scene-3d canvas{display:block;width:100%!important;height:100%!important;touch-action:none;position:absolute;top:0;left:0}body.pointer-locked,body.pointer-locked *{cursor:none!important}.entity-list{padding:1rem;background:var(--bg);border:1px solid var(--border);margin-bottom:1rem}.entity-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.entity-list h3{margin:0;font-size:1.1rem;color:var(--primary);text-transform:uppercase;letter-spacing:1px}.refresh-btn{background:var(--bg);border:1px solid var(--border);border-radius:0;padding:.25rem .5rem;cursor:pointer;font-size:1rem;color:var(--text);transition:all .3s}.refresh-btn:hover{background:var(--bg-hover);border-color:var(--primary)}.entities{max-height:400px;overflow-y:auto}.no-entities{text-align:center;color:var(--text-muted);padding:1rem;font-style:italic}.entity-item{padding:.75rem;background:var(--bg);border:1px solid var(--border);border-radius:0;margin-bottom:.5rem;transition:all .3s}.entity-item:hover{border-color:var(--primary);background:var(--bg-hover)}.entity-item.me{border-color:var(--secondary);background:var(--bg-hover)}.entity-name{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--text-bright);margin-bottom:.5rem}.me-badge{background:var(--bg);color:var(--secondary);padding:.15rem .4rem;border:1px solid var(--secondary);border-radius:0;font-size:.7rem;font-weight:400;text-transform:uppercase}.entity-info{font-size:.85rem;color:var(--text)}.position,.distance{margin-top:.25rem}.distance{color:var(--text-muted)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Courier New,Courier,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);overflow:hidden}.app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow-x:hidden}.app-header{background:var(--bg);border-bottom:2px solid var(--border);z-index:100;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;gap:1rem}.header-actions{display:flex;align-items:center;gap:1rem}.dropdown-theme-switcher{padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;justify-content:center}.app-header h1{padding:1rem 0;font-size:1.5rem;color:var(--primary);margin:0;text-transform:uppercase;letter-spacing:2px;flex:1;text-align:center}.app-header h1:before{content:"> ";color:var(--secondary)}.app-header h1:after{content:"_";animation:blink 1.5s infinite}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.back-button{background:var(--bg);border:1px solid var(--border);border-radius:0;padding:.5rem 1rem;color:var(--text);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s;letter-spacing:1px}.back-button:hover{border-color:var(--primary);color:var(--primary)}.app-layout{display:grid;grid-template-columns:320px 1fr;flex:1;overflow:hidden;gap:0}.sidebar{background:var(--bg);overflow-y:auto;overflow-x:hidden;padding:1rem}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:var(--bg)}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:0}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--primary)}.sidebar-left{border-right:1px solid var(--border)}.main-scene{background:var(--bg);position:relative;overflow:hidden}@media (max-width: 1200px){.app-layout{grid-template-columns:280px 1fr}}@media (max-width: 900px){.app-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.sidebar{max-height:300px}.main-scene{display:none}.sidebar-left{border:none;border-top:1px solid var(--border)}}input,select,button{font-family:Courier New,Courier,monospace}input:focus,select:focus,button:focus{outline:1px solid var(--primary);outline-offset:0}*{scrollbar-width:thin;scrollbar-color:var(--primary) var(--bg)}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:var(--bg);border:1px solid var(--border)}*::-webkit-scrollbar-thumb{background:var(--primary);border:2px solid var(--bg)}*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--primary) 80%,white)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);color:var(--text)}.loading-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:0;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{color:var(--primary);font-size:1rem;letter-spacing:2px;animation:blink 1.5s infinite}.status-bar{padding:.75rem 1rem;background:var(--bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:1rem}.status-indicator{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-text{text-transform:uppercase}.status-dot--disconnected{background:var(--text-muted)}.status-dot--connecting{background:var(--accent);animation:pulse 1.5s infinite}.status-dot--connected{background:var(--primary)}.status-dot--error{background:var(--error)}.status-indicator--connected{color:var(--primary)}.status-indicator--connecting{color:var(--accent)}.status-indicator--error{color:var(--error)}.status-indicator:hover{border-color:var(--primary);background:transparent!important;color:inherit}.status-indicator--connected:hover{color:var(--primary)}.status-indicator--connecting:hover{color:var(--accent)}.status-indicator--error:hover{color:var(--error)}.error-message{color:var(--error);font-size:.85rem;padding:.25rem .5rem;background:var(--bg);border:1px solid var(--error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.toolbar-audio-controls{display:flex;gap:.5rem;align-items:center}.toolbar-audio-btn{padding:.5rem 1rem;background:var(--bg);color:var(--text);border:1px solid var(--border);cursor:pointer;font-size:1.2rem;transition:all .2s;display:flex;align-items:center;gap:.5rem}.toolbar-audio-btn:hover{background:var(--bg-hover);border-color:var(--primary)}.toolbar-audio-btn.active{background:var(--primary);color:var(--bg);border-color:var(--primary)}.toolbar-audio-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-disconnect-btn{padding:.5rem 1rem;background:var(--bg);color:var(--error);border:1px solid var(--error);cursor:pointer;font-size:.9rem;transition:all .2s}.toolbar-disconnect-btn:hover{background:var(--error);color:var(--bg)}.user-menu-section{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:0;padding:.5rem 1rem;color:var(--text);cursor:pointer;transition:all .3s;font-size:.9rem}.user-menu-trigger:hover{background:var(--bg-hover);border-color:var(--primary)}.username{font-size:.9rem;font-weight:700;letter-spacing:1px}.menu-arrow{font-size:.7rem;opacity:.6}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:var(--bg);border:1px solid var(--border);border-radius:0;min-width:180px;z-index:100}.dropdown-item{display:block;width:100%;text-align:left;background:var(--bg);border:none;border-bottom:1px solid var(--border);color:var(--text);padding:.75rem 1rem;border-radius:0;cursor:pointer;font-size:.85rem;font-weight:700;letter-spacing:1px;transition:all .3s}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--bg-hover);color:var(--primary)}