:root{--font-heading:var(--font-montserrat),sans-serif;--font-body:var(--font-montserrat),sans-serif;--bg-gradient:linear-gradient(180deg,#595c61,#9ba0a5 50%,#46484d);--bg-solid:#46484d;--foreground:#f8fafc;--foreground-rgb:248,250,252;--card-bg:rgba(255,255,255,0.1);--card-border:rgba(255,255,255,0.2);--card-shadow:0 8px 32px 0 rgba(0,0,0,0.3);--accent:#f59e0b;--accent-rgb:245,158,11;--accent-hover:#fbbf24;--text-primary:#f8fafc;--text-secondary:#e5e7eb;--text-muted:#9ca3af;--metal-glow:inset 0 0 20px rgba(255,255,255,0.1),0 10px 30px rgba(0,0,0,0.2);--metal-shine:linear-gradient(120deg,transparent 30%,rgba(255,255,255,0.25) 40%,rgba(255,255,255,0.25) 45%,transparent 55%);--scrollbar-thumb:#9ca3af;--scrollbar-track:#46484d}:root.dark{--bg-gradient:linear-gradient(135deg,#111827,#1f2937 50%,#374151);--bg-solid:#1f2937;--foreground:#f8fafc;--foreground-rgb:248,250,252;--card-bg:rgba(15,23,42,0.35);--card-border:rgba(255,255,255,0.07);--card-shadow:0 8px 32px 0 rgba(0,0,0,0.6);--accent:#3b82f6;--accent-rgb:59,130,246;--accent-hover:#60a5fa;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--metal-glow:inset 0 0 20px rgba(255,255,255,0.03),0 10px 30px rgba(0,0,0,0.4);--metal-shine:linear-gradient(120deg,transparent 30%,rgba(255,255,255,0.1) 40%,rgba(255,255,255,0.1) 45%,transparent 55%);--scrollbar-thumb:#4b5563;--scrollbar-track:#111827}*{box-sizing:border-box;padding:0;margin:0}html{height:100%}body{min-height:100%;color:var(--text-primary);background:var(--bg-solid);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:color .3s ease}body:before{content:"";position:fixed;inset:0;background-image:var(--bg-gradient);z-index:-10;pointer-events:none;transform:translateZ(0)}.font-heading,h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.glass-panel{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:16px}.metal-button{background:var(--card-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--card-border);color:var(--text-primary);font-family:var(--font-heading);font-weight:500;cursor:pointer;box-shadow:var(--metal-glow);transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px}.metal-button:before{content:"";position:absolute;top:0;left:-150%;width:150%;height:100%;background:var(--metal-shine);transition:all .6s ease}.metal-button:hover:before{left:150%}.metal-button:hover{border-color:var(--accent);box-shadow:0 0 15px rgba(var(--accent-rgb),.3);transform:translateY(-2px)}.metal-button:active{transform:translateY(0)}::selection{background:rgba(var(--accent-rgb),.3);color:var(--text-primary)}.no-scrollbar ::-webkit-scrollbar,.no-scrollbar::-webkit-scrollbar,body.no-scrollbar::-webkit-scrollbar,html.no-scrollbar::-webkit-scrollbar{display:none!important}.no-scrollbar,body.no-scrollbar,html.no-scrollbar{-ms-overflow-style:none!important;scrollbar-width:none!important}