:root{--bg-color: #000000;--panel-bg: rgba(57, 59, 63, .7);--glass-border: rgba(255, 255, 255, .105);--accent-primary: #000000;--accent-secondary: #000000;--accent-tertiary: #282828;--text-primary: #ffffff;--text-secondary: #a0aec0;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(0,242,255,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,126,95,.05) 0%,transparent 40%);min-height:100vh}h1,h2,h3{font-family:var(--font-heading)}#app{display:flex;flex-direction:column;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000005e}.button-primary{background:#878787;border:none;padding:.75rem 1.5rem;border-radius:12px;color:#000;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s;font-family:var(--font-heading)}.button-primary:hover{transform:translateY(-2px);opacity:.9}.input-group{margin-bottom:1.25rem}.input-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.slider-input{width:100%;accent-color:var(--accent-primary);background:var(--glass-border);height:6px;border-radius:3px;outline:none}canvas{width:100%;height:auto;border-radius:12px;background:#000;border:1px solid var(--glass-border)}.exp-grid{display:grid;grid-template-columns:1fr 300px;gap:1.5rem}@media (max-width: 768px){.exp-grid{grid-template-columns:1fr}header.glass-panel{flex-direction:column;gap:1rem}header.glass-panel nav{flex-wrap:wrap;justify-content:center;gap:1rem!important}}