.spectrax-navbar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:8px;z-index:999;padding:10px 18px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:14px}.spectrax-navbar{transition:transform .28s var(--ease-out),opacity .22s linear}.spectrax-navbar.hidden{transform:translateY(-120%);opacity:0;pointer-events:none}.spectrax-navbar .nav-left{display:flex;align-items:center;gap:10px}.nav-brand{display:inline-flex;gap:10px;align-items:center;cursor:pointer;font-family:var(--font-heading);font-weight:800;color:var(--text-primary)}.nav-brand .brand-text{letter-spacing:1px}.nav-center{display:flex;gap:10px;align-items:center}.nav-center.open{display:flex}.nav-item{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;cursor:pointer}.nav-label{font-weight:700;font-family:var(--font-heading);font-size:.85rem}.nav-right{display:flex;gap:8px;align-items:center}.mobile-menu{display:none;background:transparent;border:none;cursor:pointer;color:var(--text-primary)}@media(max-width:820px){.nav-center{display:none}.mobile-menu{display:inline-flex}.nav-center.open{display:flex;position:absolute;left:12px;right:12px;top:64px;flex-direction:column;gap:8px;padding:12px;border-radius:12px}}.theme-toggle{display:inline-flex;gap:8px;align-items:center}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font-heading: "Orbitron", sans-serif;--font-body: "Inter", sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--ease-out: cubic-bezier(.16, 1, .3, 1)}:root,[data-theme=dark]{--bg-primary: #0a0a1a;--bg-secondary: #0d1127;--bg-tertiary: #111633;--neon-cyan: #00f0ff;--neon-cyan-dim: #00a8b5;--neon-purple: #a855f7;--neon-purple-dim: #7c3aed;--neon-green: #00ff88;--neon-yellow: #ffd600;--neon-red: #ff3b5c;--neon-orange: #ff7a00;--glass-bg: rgba(13, 17, 39, .65);--glass-border: rgba(0, 240, 255, .15);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .5);--glass-blur: 20px;--text-primary: #ffffff;--text-secondary: rgba(232, 236, 244, .85);--text-dim: rgba(232, 236, 244, .6)}[data-theme=light],[data-theme-style=light]{--bg-primary: #f4f7fb;--bg-secondary: #ffffff;--bg-tertiary: #eaf1ff;--neon-cyan: #2563eb;--neon-cyan-dim: #1d4ed8;--neon-purple: #7c3aed;--neon-purple-dim: #6d28d9;--neon-green: #059669;--neon-yellow: #d97706;--neon-red: #dc2626;--neon-orange: #ea580c;--glass-bg: rgba(255,255,255,.75);--glass-border: rgba(255,255,255,.45);--glass-shadow: 0 8px 30px rgba(15,23,42,.08);--glass-blur: 18px;--text-primary: #0f172a;--text-secondary: #334155;--text-dim: #64748b}[data-theme-style=retro]{--bg-primary: #120e0a;--bg-secondary: #1a140f;--bg-tertiary: #241c14;--neon-cyan: #33ff33;--neon-cyan-dim: #00aa00;--neon-purple: #ffb000;--neon-purple-dim: #cc8800;--neon-green: #33ff33;--neon-yellow: #ffb000;--neon-red: #ff3333;--neon-orange: #ff7700;--glass-bg: rgba(26, 20, 15, .75);--glass-border: rgba(255, 176, 0, .25);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .7);--glass-blur: 16px;--text-primary: #ffb000;--text-secondary: rgba(255, 176, 0, .85);--text-dim: rgba(255, 176, 0, .6)}body,.spectrax-app,.glass,.btn-neon,.btn-outline,.theme-toggle,.welcome-screen{transition:background-color .3s ease,color .3s ease,border-color .3s ease}body,header,main,section,footer,.screen-container,.spectrax-app,.welcome-screen,.calibration-screen,.workout-screen,.summary-screen,.exercise-panel,.select-exercise-panel,.auth-card,.btn-neon,.btn-outline,.theme-selector-segmented,.selector-btn,button,p,h1,h2,h3,span,a,label,input{transition:background .35s cubic-bezier(.16,1,.3,1),background-color .35s cubic-bezier(.16,1,.3,1),color .35s cubic-bezier(.16,1,.3,1),border-color .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),backdrop-filter .35s cubic-bezier(.16,1,.3,1)}.theme-selector-segmented{position:fixed;top:16px;right:16px;z-index:9999;display:flex;align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;-webkit-backdrop-filter:blur(var(--glass-blur, 12px));backdrop-filter:blur(var(--glass-blur, 12px));padding:4px;box-shadow:var(--glass-shadow)}.theme-selector-segmented.workout-active{right:196px}.theme-selector-segmented.is-hidden{display:none}.selector-indicator{position:absolute;top:4px;bottom:4px;left:4px;width:calc(33.33% - 5.33px);border-radius:999px;background:var(--neon-cyan);opacity:.85;transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .35s ease;pointer-events:none;z-index:0}.selector-indicator.theme-cyber-dark{transform:translate(0);background:var(--neon-cyan)}.selector-indicator.theme-retro{transform:translate(100%);background:var(--neon-orange)}.selector-indicator.theme-light{transform:translate(200%);background:var(--neon-purple)}.selector-btn{font-family:var(--font-heading);font-size:.65rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary);background:transparent;border:none;border-radius:999px;padding:8px 16px;cursor:pointer;z-index:1;transition:color .3s ease;display:flex;align-items:center;gap:6px}.selector-btn:hover,.selector-btn.active{color:var(--text-primary)}[data-theme-style=retro] .text-glow{text-shadow:0 0 10px rgba(255,176,0,.8),0 0 20px rgba(255,176,0,.4)}[data-theme-style=retro] h1{text-shadow:0 0 15px rgba(255,176,0,.9),0 0 30px rgba(255,176,0,.5)}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}[data-theme=light] body{background:var(--bg-primary)}[data-theme=light] #root,[data-theme=light] .spectrax-app,[data-theme=light] .screen-container{background:var(--bg-primary)!important}[data-theme=light] .camera-viewport,[data-theme-style=light] .camera-viewport{background:radial-gradient(circle at top left,rgba(37,99,235,.1),transparent 30%),radial-gradient(circle at bottom right,rgba(124,58,237,.08),transparent 30%),linear-gradient(135deg,#f8fbff,#eef4ff)!important}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--glass-shadow)}.btn-neon{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 36px;font-family:var(--font-heading);font-size:.9rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;background:var(--neon-cyan);border:none;border-radius:18px;cursor:pointer;position:relative;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 16px #00f0ff4d}.btn-neon:disabled{background:#333;color:#666;cursor:not-allowed;opacity:.5;box-shadow:none!important}.btn-neon:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 6px 24px #00f0ff80}*:focus-visible{outline:2px solid var(--neon-purple);outline-offset:3px}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 32px;font-family:var(--font-heading);font-size:.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--neon-cyan);background:#00f0ff0d;border:1.5px solid rgba(0,240,255,.4);border-radius:14px;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-outline:hover{background:#00f0ff26;border-color:var(--neon-cyan)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.animate-in{animation:fadeInUp .8s var(--ease-out) both}.screen-container{width:100vw;height:100vh;position:relative;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.text-glow{text-shadow:0 0 20px rgba(0,240,255,.7)}.theme-toggle{position:fixed;top:16px;right:16px;z-index:9999;display:flex;align-items:center;gap:8px;padding:8px 20px;font-family:var(--font-heading);font-size:.7rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--neon-cyan);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;box-shadow:var(--glass-shadow);transition:all .3s var(--ease-out)}.theme-toggle.workout-active{right:196px}.theme-toggle:hover{transform:translateY(-2px);border-color:var(--neon-cyan);box-shadow:0 0 15px #00f0ff33}.welcome-screen{background:radial-gradient(ellipse at bottom,#0f1b3e 0%,var(--bg-primary) 100%);transition:background .6s var(--ease-out)}[data-theme=light] .welcome-screen{background:radial-gradient(ellipse at bottom,#dbe9ff 0%,var(--bg-primary) 100%)}.spectrax-app{background:var(--bg-primary);min-height:100vh;transition:background .3s ease}.workout-layout-controls{position:fixed;top:16px;right:16px;z-index:9999;pointer-events:all}.workout-lock-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:168px;padding:8px 20px;border:1px solid var(--glass-border);border-radius:999px;background:#0d1127d1;color:var(--neon-cyan);cursor:pointer;font-family:var(--font-heading);font-size:.68rem;font-weight:800;letter-spacing:1.8px;text-transform:uppercase;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--glass-shadow);transition:all .3s var(--ease-out)}.workout-lock-toggle:hover{transform:translateY(-2px);border-color:var(--neon-cyan);box-shadow:0 0 15px #00f0ff33}.workout-lock-toggle.is-unlocked{color:var(--neon-yellow);border-color:#ffd60061;box-shadow:var(--glass-shadow),0 0 24px #ffd60029}.workout-panel-layer{position:absolute;inset:0;z-index:20;pointer-events:none}.workout-draggable-panel{position:absolute;top:0;left:0;width:fit-content;max-width:min(460px,calc(100vw - 24px));pointer-events:all;touch-action:none;-webkit-user-select:none;user-select:none}.workout-draggable-panel.is-locked{cursor:default}.workout-draggable-panel.is-unlocked{cursor:grab}.workout-draggable-panel.is-unlocked:active{cursor:grabbing}.workout-stat-card{padding:12px 20px}.workout-timer-panel{text-align:right}.workout-reps-panel{min-width:220px;padding:8px 18px;border-radius:var(--radius-md);background:#0a0a1a47;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.workout-sense-panel{display:flex;align-items:center;gap:10px;border-left:3px solid #9D4EDD}.workout-finish-action{position:absolute;right:40px;bottom:40px;z-index:30;pointer-events:all}@media(max-width:640px){.theme-toggle{top:12px;right:12px;padding:6px 12px;font-size:.6rem}.theme-toggle.workout-active{right:136px}.workout-layout-controls{position:fixed;top:12px;right:12px}.workout-lock-toggle{min-width:auto;padding:6px 12px;font-size:.58rem}.workout-stat-card{padding:10px 14px}.workout-reps-panel{min-width:160px}.workout-reps-panel>div:first-child{font-size:4.7rem!important}.workout-finish-action{right:18px;bottom:18px}}.pwa-toast{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:12px;padding:20px;max-width:380px}.pwa-toast-message{font-family:var(--font-body);font-size:.9rem;color:var(--text-primary);margin-bottom:8px}.pwa-toast-buttons{display:flex;gap:12px}.pwa-toast-btn{padding:8px 16px;font-family:var(--font-heading);font-size:.75rem;font-weight:700;text-transform:uppercase;border-radius:8px;cursor:pointer;transition:all .3s ease}.pwa-toast-btn.primary{background:var(--neon-cyan);color:var(--bg-primary);border:none}.pwa-toast-btn.secondary{background:transparent;color:var(--text-dim);border:1px solid var(--glass-border)}.pwa-toast-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.welcome-canvas{position:absolute;inset:0;opacity:.4;pointer-events:none}.welcome-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(100px);opacity:.6}.welcome-orb--cyan{width:clamp(350px,60vw,700px);height:clamp(350px,60vw,700px);background:radial-gradient(circle,var(--neon-cyan) 0%,transparent 70%);top:-15%;left:-12%}.welcome-orb--purple{width:clamp(300px,55vw,620px);height:clamp(300px,55vw,620px);background:radial-gradient(circle,var(--neon-purple) 0%,transparent 70%);bottom:-12%;right:-10%}.welcome-scroll-area{position:relative;z-index:10;width:100%;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:stretch;scrollbar-width:none}.welcome-scroll-inner{flex:1 0 auto;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(60px,8vh,100px) clamp(20px,5vw,56px) clamp(36px,5vh,64px);gap:clamp(20px,3.5vh,40px)}.welcome-scroll-area::-webkit-scrollbar{display:none}.welcome-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:0;transform-style:preserve-3d;max-width:640px;width:100%}.welcome-eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-body);font-size:.68rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--neon-cyan);background:#00f0ff14;border:1px solid rgba(0,240,255,.22);border-radius:50px;padding:5px 14px;margin-bottom:18px}.welcome-eyebrow__dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--neon-cyan);box-shadow:0 0 6px var(--neon-cyan);animation:pulse 2s ease-in-out infinite}.welcome-wordmark{font-family:var(--font-heading);font-size:clamp(2rem,10vw,5.5rem);font-weight:900;letter-spacing:clamp(2px,1.5vw,14px);background:linear-gradient(135deg,#ffffff 0%,var(--neon-cyan) 55%,var(--neon-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;line-height:1;margin:0 0 16px;filter:drop-shadow(0 0 28px rgba(0,240,255,.35))}[data-theme-style=retro] .welcome-wordmark{background:linear-gradient(135deg,#fff,#3f3 55%,#af5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 22px rgba(51,255,51,.4))}.welcome-tagline{color:#ffffff9e;font-size:clamp(.9rem,2.2vw,1.08rem);letter-spacing:.2px;font-weight:400;margin-bottom:24px;font-style:normal;line-height:1.5}.welcome-level-bar{width:100%;max-width:280px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 16px;margin-bottom:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.welcome-level-bar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.welcome-level-bar__label{font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:.2px;color:#ffffffbf}.welcome-level-bar__xp{font-size:.65rem;color:var(--neon-cyan);letter-spacing:.3px;opacity:.8}.welcome-level-bar__track{width:100%;height:5px;background:#ffffff12;border-radius:99px;overflow:hidden}.welcome-level-bar__fill{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-purple));border-radius:99px;transition:width .6s var(--ease-out);box-shadow:0 0 8px #00f0ff80}.welcome-actions{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.welcome-btn-primary{width:100%;max-width:280px;justify-content:center;font-size:.92rem;letter-spacing:.5px;padding:15px 40px;text-transform:none;font-family:var(--font-body);font-weight:700;border-radius:50px;gap:9px}.welcome-btn-row{display:flex;gap:10px;width:100%;max-width:420px;justify-content:center}.welcome-btn-secondary{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:50px;padding:11px 16px;font-family:var(--font-body);font-size:.8rem;letter-spacing:.2px;font-weight:600;text-transform:none;cursor:pointer;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .18s ease}.welcome-btn-secondary--cyan{background:#00f0ff12;border:1.5px solid rgba(0,240,255,.28);color:var(--neon-cyan)}.welcome-btn-secondary--cyan:hover{background:#00f0ff26;border-color:#00f0ffb3;box-shadow:0 4px 18px #00f0ff33;transform:translateY(-2px)}.welcome-btn-secondary--gold{background:#ffd6000f;border:1.5px solid rgba(255,214,0,.28);color:var(--neon-yellow)}.welcome-btn-secondary--gold:hover{background:#ffd60021;border-color:#ffd600a6;box-shadow:0 4px 18px #ffd6002e;transform:translateY(-2px)}.welcome-btn-secondary--purple{background:#a855f712;border:1.5px solid rgba(168,85,247,.28);color:var(--neon-purple)}.welcome-btn-secondary--purple:hover{background:#a855f726;border-color:#a855f7a6;box-shadow:0 4px 18px #a855f733;transform:translateY(-2px)}.welcome-stats{display:flex;align-items:center;gap:0;padding:16px 24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.welcome-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 28px}.welcome-stat__value{font-family:var(--font-heading);font-size:1.35rem;font-weight:900;background:linear-gradient(135deg,#ffffff 30%,var(--neon-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:1px}.welcome-stat__label{font-size:.67rem;color:#ffffff61;letter-spacing:.5px;font-weight:500;text-transform:uppercase}.welcome-stat-divider{width:1px;height:28px;background:#ffffff12;flex-shrink:0}.welcome-footer{color:#fff3;font-size:.62rem;letter-spacing:3px;text-transform:uppercase;text-align:center}@media(max-width:720px){.welcome-stat{padding:0 18px}.welcome-stat__value{font-size:1.1rem}}@media(max-width:480px){.welcome-scroll-inner{justify-content:flex-start;padding-top:72px;gap:22px}.welcome-stats{padding:14px 12px}.welcome-stat{padding:0 12px}.welcome-stat__value{font-size:1rem}.welcome-btn-row{flex-direction:column;gap:16px}.welcome-btn-secondary{flex:unset;width:100%}}@media(max-width:360px){.welcome-scroll-inner{padding-top:64px;padding-left:12px;padding-right:12px}.welcome-btn-primary{padding:13px 24px;font-size:.82rem}}[data-theme-style=light] .welcome-screen,[data-theme-style=light] .screen-container,[data-theme-style=light] .spectrax-app,[data-theme-style=light] .camera-viewport{opacity:1!important;filter:none!important;mix-blend-mode:normal!important}[data-theme-style=light] .camera-viewport{background:radial-gradient(circle at top left,rgba(37,99,235,.1),transparent 30%),radial-gradient(circle at bottom right,rgba(124,58,237,.08),transparent 30%),linear-gradient(135deg,#f8fbff,#eef4ff)!important}[data-theme-style=light] h1,[data-theme-style=light] h2,[data-theme-style=light] h3,[data-theme-style=light] p,[data-theme-style=light] span{opacity:1!important;color:#0f172a!important}[data-theme-style=light] .text-glow{color:#2563eb!important;text-shadow:0 0 18px rgba(37,99,235,.18)!important}[data-theme-style=light] .glass{background:#ffffffd1!important;border:1px solid rgba(255,255,255,.5)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:1!important;box-shadow:0 8px 30px #0f172a14!important}[data-theme-style=light] .btn-neon{background:linear-gradient(135deg,#2563eb,#4f46e5)!important;color:#fff!important}[data-theme=light] .glass,[data-theme-style=light] .glass{background:#ffffffc7;border:1px solid rgba(255,255,255,.45);box-shadow:0 8px 30px #0f172a14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] p,[data-theme=light] span,[data-theme-style=light] h1,[data-theme-style=light] h2,[data-theme-style=light] h3,[data-theme-style=light] p,[data-theme-style=light] span{opacity:1!important}.text-glow{text-shadow:0 0 18px rgba(37,99,235,.18)}[data-theme=light],[data-theme-style=light]{--text-primary: #0f172a;--text-secondary: #334155;--text-dim: #64748b}[data-theme=light] .hero-subtitle,[data-theme-style=light] .hero-subtitle,[data-theme=light] .welcome-subtitle,[data-theme-style=light] .welcome-subtitle{color:var(--text-secondary)!important;opacity:1!important}[data-theme=light] .xp-text,[data-theme-style=light] .xp-text,[data-theme=light] .level-text,[data-theme-style=light] .level-text,[data-theme=light] .progress-text,[data-theme-style=light] .progress-text,[data-theme=light] .stats-label,[data-theme-style=light] .stats-label,[data-theme=light] .stats-value,[data-theme-style=light] .stats-value{color:var(--text-primary)!important;opacity:1!important}[data-theme=light] p,[data-theme=light] span,[data-theme-style=light] p,[data-theme-style=light] span{opacity:1!important}[data-theme=light] .glass,[data-theme-style=light] .glass{color:var(--text-primary)}[data-theme=light] *,[data-theme-style=light] *{color:inherit}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] p,[data-theme=light] span,[data-theme-style=light] h1,[data-theme-style=light] h2,[data-theme-style=light] h3,[data-theme-style=light] h4,[data-theme-style=light] p,[data-theme-style=light] span{opacity:1!important}[data-theme=light] p,[data-theme=light] span,[data-theme-style=light] p,[data-theme-style=light] span{color:#334155!important}[data-theme=light] h1,[data-theme=light] h2,[data-theme-style=light] h1,[data-theme-style=light] h2{color:#0f172a!important}[data-theme=light] button,[data-theme-style=light] button{opacity:1!important}.scroll-to-top-button{position:fixed;right:clamp(16px,3vw,28px);bottom:clamp(88px,10vh,112px);z-index:9998;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;color:var(--neon-cyan);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50%;box-shadow:var(--glass-shadow),0 0 18px #00f0ff24;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));cursor:pointer;transition:transform .25s var(--ease-out),color .25s var(--ease-out),border-color .25s var(--ease-out),box-shadow .25s var(--ease-out),background .25s var(--ease-out)}.scroll-to-top-button:hover{transform:translateY(-4px);color:var(--text-primary);border-color:var(--neon-cyan);box-shadow:var(--glass-shadow),0 0 24px #00f0ff47}.scroll-to-top-button:active{transform:translateY(-1px) scale(.96)}[data-theme-style=retro] .scroll-to-top-button{color:var(--neon-yellow);box-shadow:var(--glass-shadow),0 0 18px #ffb0002e}[data-theme-style=retro] .scroll-to-top-button:hover{border-color:var(--neon-yellow);box-shadow:var(--glass-shadow),0 0 24px #ffb0004d}@media(max-width:640px){.scroll-to-top-button{right:14px;bottom:84px;width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.scroll-to-top-button,.scroll-to-top-button:hover,.scroll-to-top-button:active{transition:none;transform:none}}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#334155;border-radius:9999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background-color:#475569}.has-tooltip{position:relative}.has-tooltip:after{content:attr(data-tooltip);position:absolute;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);color:var(--text-primary);padding:6px 10px;border-radius:6px;font-size:.72rem;font-weight:600;font-family:var(--font-body);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s var(--ease-out),transform .22s var(--ease-out),visibility .22s var(--ease-out);box-shadow:var(--glass-shadow);z-index:99999;letter-spacing:.5px;text-transform:uppercase}.has-tooltip.tooltip-top:after{bottom:130%;left:50%;transform:translate(-50%) translateY(6px) scale(.95)}.has-tooltip.tooltip-top:hover:after,.has-tooltip.tooltip-top:focus-visible:after,.has-tooltip.tooltip-top:focus:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}.has-tooltip.tooltip-bottom:after{top:130%;left:50%;transform:translate(-50%) translateY(-6px) scale(.95)}.has-tooltip.tooltip-bottom:hover:after,.has-tooltip.tooltip-bottom:focus-visible:after,.has-tooltip.tooltip-bottom:focus:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0) scale(1)}.has-tooltip.tooltip-left:after{right:130%;top:50%;transform:translateY(-50%) translate(6px) scale(.95)}.has-tooltip.tooltip-left:hover:after,.has-tooltip.tooltip-left:focus-visible:after,.has-tooltip.tooltip-left:focus:after{opacity:1;visibility:visible;transform:translateY(-50%) translate(0) scale(1)}.has-tooltip.tooltip-right:after{left:130%;top:50%;transform:translateY(-50%) translate(-6px) scale(.95)}.has-tooltip.tooltip-right:hover:after,.has-tooltip.tooltip-right:focus-visible:after,.has-tooltip.tooltip-right:focus:after{opacity:1;visibility:visible;transform:translateY(-50%) translate(0) scale(1)}