@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;800;900&family=Rajdhani:wght@400;500;600;700&display=swap";#viteBootstrapWarning{display:none}:focus:not(:focus-visible){outline:none}@property --beat-alpha{syntax:"<number>";inherits:true;initial-value:0}@keyframes vt-slide-in-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes vt-slide-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes vt-slide-in-down{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes vt-slide-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}::view-transition-old(root){animation:.28s cubic-bezier(.4,0,.2,1) both vt-slide-out-up}::view-transition-new(root){animation:.28s cubic-bezier(.4,0,.2,1) both vt-slide-in-up}html[data-vt-dir=up] ::view-transition-old(root){animation-name:vt-slide-out-down}html[data-vt-dir=up] ::view-transition-new(root){animation-name:vt-slide-in-down}html[data-vt-theme] ::view-transition-old(root){animation:.15s both fade-out}html[data-vt-theme] ::view-transition-new(root){animation:.2s both fade-in}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}:root{--bg:#080d1a;--bg-alt:#0c1120;--surface:#ffffff0a;--surface-hover:#ffffff14;--border:#ffffff17;--accent-1:#00c8ff;--accent-2:#8b5cf6;--accent-1-rgb:0 200 255;--accent-2-rgb:139 92 246;--beat-glow:none;--beat-glow-soft:none;--beat-alpha:0;--gradient:linear-gradient(135deg, var(--accent-1) 0%, var(--accent-2) 100%);--text:#dde4f0;--muted:#5a6880;--white:#fff;--font-head:"Montserrat", sans-serif;--font-body:"Inter", sans-serif;--radius:18px;--radius-sm:11px;--nav-h:68px;--ease:.3s ease}html.theme-light{--bg:#f0f4fa;--bg-alt:#e6ecf5;--surface:#0000000a;--surface-hover:#00000012;--border:#0000001a;--accent-1:#09c;--accent-2:#6d35d9;--gradient:linear-gradient(135deg, var(--accent-1) 0%, var(--accent-2) 100%);--text:#1a2035;--muted:#6b7a99;--white:#1a2035}html.theme-light body{background:var(--bg);color:var(--text)}html.theme-light #navbar.scrolled{border-bottom-color:var(--border);background:#f0f4faeb}html.theme-light .nav-links.open{border-bottom-color:var(--border);background:#f0f4faf7}html.theme-light .section-nav-btn{color:var(--text);background:#f0f4faeb}html.theme-light .now-playing-bar{background:#e6ecf5f5;box-shadow:0 -4px 32px #0000001f}html.theme-light .about-avatar:after{background:var(--bg)}html.theme-light .bar-track{background:#00000014}html.theme-light .player-vol-range{background:linear-gradient(90deg, rgb(var(--accent-1-rgb)) 0%, rgb(var(--accent-2-rgb)) var(--vol,0%), #0000001a var(--vol,0%))}html.theme-light .player-seek,html.theme-light .npb-seek{background:linear-gradient(90deg, rgb(var(--accent-1-rgb)) 0%, rgb(var(--accent-2-rgb)) var(--seek,0%), #0000001f var(--seek,0%))}html.theme-light .song-video-frame{background:#0000000f;border-color:#0000001a}html.theme-light .form-group input,html.theme-light .form-group textarea{background:#00000008}html.theme-light .form-group input:focus,html.theme-light .form-group textarea:focus{background:#0099cc0a}html.theme-light #hero:before{background:radial-gradient(ellipse 70% 60% at 50% 40%, rgb(var(--accent-1-rgb) / calc(.09 + var(--beat-alpha) * .13)) 0%, transparent 70%), radial-gradient(ellipse 50% 50% at 70% 70%, rgb(var(--accent-2-rgb) / calc(.07 + var(--beat-alpha) * .11)) 0%, transparent 60%)}html.theme-light .music-player-section{background:linear-gradient(135deg,#6d35d912,#0099cc0a);border-color:#6d35d933}html.theme-light .tracklist{border-right-color:#00000014}html.theme-light .lang-pill-label{color:var(--text)}html.theme-light .lang-switcher.open{background:0 0;border-color:#0000}html.theme-light .lang-switcher.open .lang-btn{color:#0a0a1e8c}html.theme-light .lang-switcher.open .lang-btn.active{color:var(--white)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:1080px;margin:0 auto;padding:0 28px}.section{padding:110px 0}.section-alt{background:var(--bg-alt)}section[id]{scroll-margin-top:calc(var(--nav-h) + 22px)}.section-title{font-family:var(--font-head);text-align:center;background:var(--gradient);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 calc(var(--beat-alpha) * 16px) rgb(var(--accent-2-rgb) / calc(var(--beat-alpha) * .55)));-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-size:clamp(2rem,4vw,2.7rem);font-weight:900}.section-desc{text-align:center;color:var(--muted);max-width:760px;margin:0 auto 64px;font-size:1.05rem}.section-desc strong{color:var(--text)}.btn-primary{background:var(--gradient);color:var(--white);font-family:var(--font-head);letter-spacing:.02em;cursor:pointer;transition:var(--ease);box-shadow:0 4px 24px rgb(var(--accent-1-rgb) / .22);border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 30px;font-size:.95rem;font-weight:700;display:inline-flex}.btn-primary:hover{box-shadow:0 8px 32px rgb(var(--accent-1-rgb) / .38);transform:translateY(-2px)}.btn-primary.full-width{width:100%}.btn-outline{color:var(--text);font-family:var(--font-head);border:1.5px solid var(--border);transition:var(--ease);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:14px 30px;font-size:.95rem;font-weight:700;display:inline-flex}.btn-outline:hover{border-color:var(--accent-2);color:var(--accent-2);background:rgb(var(--accent-2-rgb) / .06);transform:translateY(-2px)}.reveal,.fade-up{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.reveal.visible,.fade-up.visible{opacity:1;transform:translateY(0)}#navbar{z-index:100;height:var(--nav-h);transition:background var(--ease), backdrop-filter var(--ease), border-color var(--ease);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}#navbar.scrolled{-webkit-backdrop-filter:blur(22px);border-bottom-color:var(--border);background:#080d1ae0}.nav-container{align-items:center;gap:12px;width:100%;max-width:none;height:100%;margin:0 auto;padding:0 40px;display:flex;position:relative}.nav-logo{flex:1 1 0;align-items:center;min-width:0;text-decoration:none;display:inline-flex}.nav-actions{flex:1 1 0;justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.fosky-wrap{border:2px solid rgba(var(--accent-1-rgb) / .45);width:38px;height:38px;box-shadow:0 0 0 rgba(var(--accent-1-rgb) / 0);cursor:pointer;border-radius:50%;flex-shrink:0;transition:border-color .25s,box-shadow .25s,transform .2s;position:relative;overflow:hidden}.fosky-wrap:hover{border-color:rgba(var(--accent-1-rgb) / .9);box-shadow:0 0 14px rgba(var(--accent-1-rgb) / .5);transform:scale(1.07)}.fosky-wrap.fosky-playing{border-color:rgb(var(--accent-1-rgb));box-shadow:0 0 18px rgba(var(--accent-1-rgb) / .7)}.fosky-layer{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block;position:absolute;inset:0}.fosky-vid{opacity:0;transition:opacity .2s}.fosky-vid.visible{opacity:1}.fosky-wrap.fosky-bounce{animation:.55s cubic-bezier(.36,.07,.19,.97) both foskyBounce}.fosky-hint{-webkit-backdrop-filter:blur(10px);border:1px solid rgba(var(--accent-1-rgb) / .45);color:#ffffffeb;white-space:nowrap;pointer-events:none;opacity:0;background:#080814d9;border-radius:999px;padding:5px 12px;font-size:.7rem;transition:opacity .35s,transform .35s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(6px)}.fosky-hint:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid rgba(var(--accent-1-rgb) / .45);position:absolute;top:100%;left:50%;transform:translate(-50%)}.fosky-hint.visible{opacity:1;transform:translate(-50%)translateY(0)}@keyframes foskyBounce{0%{transform:scale(1)rotate(0)}18%{transform:scale(1.18)rotate(-8deg)}36%{transform:scale(.92)rotate(6deg)}54%{transform:scale(1.12)rotate(-4deg)}72%{transform:scale(.96)rotate(2deg)}to{transform:scale(1)rotate(0)}}.fosky-expanded{top:calc(var(--nav-h) + 12px);z-index:1200;transform-origin:0 0;opacity:0;pointer-events:none;flex-direction:column;align-items:flex-start;gap:14px;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .3s;display:flex;position:fixed;left:28px;transform:scale(0)}.fosky-expanded.open{opacity:1;pointer-events:auto;transform:scale(1)}.fosky-expanded.closing{opacity:0;transform:scale(0)}.fosky-exp-circle{border:3px solid rgb(var(--accent-1-rgb));width:230px;height:230px;box-shadow:0 0 0 6px rgba(var(--accent-1-rgb) / .15), 0 12px 48px #00000080;border-radius:50%;animation:2.5s ease-in-out infinite alternate foskyGlow;overflow:hidden}@keyframes foskyGlow{0%{box-shadow:0 0 0 6px rgba(var(--accent-1-rgb) / .15), 0 12px 48px #00000080}to{box-shadow:0 0 0 10px rgba(var(--accent-1-rgb) / .35), 0 12px 48px #00000080}}.fosky-exp-vid{object-fit:cover;width:100%;height:100%;display:block}.fosky-exp-bubble{-webkit-backdrop-filter:blur(16px);border:1px solid rgba(var(--accent-1-rgb) / .35);color:#ffffffeb;text-align:center;opacity:0;background:#080814d1;border-radius:16px;width:230px;min-height:2.4em;padding:11px 16px;font-size:.82rem;line-height:1.5;transition:opacity .35s .25s,transform .35s .25s;position:relative;transform:translateY(6px)}.fosky-expanded.open .fosky-exp-bubble{opacity:1;transform:translateY(0)}.fosky-exp-bubble:before{content:"";border-left:7px solid #0000;border-right:7px solid #0000;border-bottom:7px solid rgba(var(--accent-1-rgb) / .35);position:absolute;top:-7px;left:50%;transform:translate(-50%)}.fosky-exp-bubble:after{content:"";border-bottom:6px solid #080814d1;border-left:6px solid #0000;border-right:6px solid #0000;position:absolute;top:-6px;left:50%;transform:translate(-50%)}html.theme-light .fosky-exp-bubble{color:#0a0a1ee6;border-color:rgba(var(--accent-1-rgb) / .4);background:#f0f2ffeb}html.theme-light .fosky-exp-bubble:after{border-bottom-color:#f0f2ffeb}@media (max-width:580px){.fosky-exp-circle{width:180px;height:180px}.fosky-exp-bubble{width:180px;font-size:.76rem}}.nav-links{flex:0 auto;justify-content:center;gap:2px;min-width:0;display:flex}.nav-links a{border-radius:var(--radius-sm);color:var(--muted);transition:var(--ease);white-space:nowrap;padding:7px 11px;font-size:.88rem;font-weight:500}.nav-links a:hover,.nav-links a.active{color:var(--white);background:var(--surface-hover)}.lang-switcher{border:1px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background .45s,border-color .45s;display:inline-flex;position:relative;overflow:visible}.lang-switcher.open{cursor:default;z-index:60;background:0 0;border-color:#0000}.nav-actions{--lang-shift:0px}.btn-cv{margin-right:var(--lang-shift)}.cmd-palette-trigger,.theme-toggle,.btn-cv{transition:var(--ease), transform .4s cubic-bezier(.25,0,0,1)}.lang-switcher.open~.cmd-palette-trigger,.lang-switcher.open~.theme-toggle,.lang-switcher.open~.btn-cv{transform:translateX(var(--lang-shift))}.lang-switcher.open~.btn-cv:hover{transform:translateX(var(--lang-shift)) translateY(-1px)}.lang-options{transform-origin:100% 0;background:var(--surface,#141628f5);border:1px solid var(--accent-1);opacity:0;pointer-events:none;z-index:61;border-radius:999px;align-items:center;gap:2px;padding:3px;transition:opacity .3s,transform .4s cubic-bezier(.25,0,0,1);display:flex;position:absolute;top:calc(100% + 10px);left:auto;right:-1px;transform:translateY(-8px)scale(.92);box-shadow:0 8px 28px #00000073}.lang-switcher.open .lang-options{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}@media (min-width:1280px){.nav-actions{--lang-shift:112px}.lang-options{transform-origin:0;top:50%;left:-1px;right:auto;transform:translateY(-50%)scaleX(.55)}.lang-switcher.open .lang-options{transform:translateY(-50%)scaleX(1)}.lang-switcher.open .lang-pill-label{opacity:0;filter:blur(4px)}}.lang-switcher:not(.open):hover{border-color:var(--accent-1);color:var(--accent-1);background:rgb(var(--accent-1-rgb) / .07)}.lang-pill-label{color:var(--muted);font-family:var(--font-head);letter-spacing:.08em;pointer-events:none;opacity:1;z-index:1;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:.76rem;font-weight:700;transition:opacity .2s,filter .2s;display:flex;position:absolute;inset:0}.lang-btn{color:#ffffff80;min-width:38px;height:36px;font-family:var(--font-head);letter-spacing:.08em;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex-shrink:0;padding:0 12px;font-size:.76rem;font-weight:700;transition:color .2s,background .2s}.lang-btn:hover{color:var(--white);background:#ffffff17}.lang-btn.active{background:var(--gradient);color:var(--white)}.hero-status{justify-content:center;align-items:center;margin:-4px 0 18px;display:flex}.hero-status-pill{letter-spacing:.01em;-webkit-backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.8rem;font-weight:500;display:inline-flex}.hero-status-available{color:#4ade80;background:#00c8641a;border:1px solid #00c86440}.hero-status-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite statusPulse}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #4ade8066}50%{opacity:.8;transform:scale(1.15);box-shadow:0 0 0 5px #4ade8000}}html.theme-light .hero-status-available{color:#16a34a;background:#00a05014;border-color:#00a05033}html.theme-light .hero-status-dot{background:#16a34a}.scroll-progress{background:linear-gradient(90deg, var(--accent-1) 0%, var(--accent-2) 50%, var(--accent-1) 100%);z-index:99998;pointer-events:none;background-size:200% 100%;width:0%;height:3px;transition:width .1s linear;animation:4s linear infinite npbGradientShift;position:fixed;top:0;left:0}.cmd-palette-trigger{border:1px solid var(--border);width:44px;height:44px;color:var(--muted);cursor:pointer;font-size:.88rem;font-family:var(--font-head);transition:var(--ease);background:#ffffff08;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:0;font-weight:700;display:inline-flex}.cmd-palette-trigger:hover{border-color:var(--accent-1);color:var(--accent-1);background:rgb(var(--accent-1-rgb) / .07)}.cmd-palette-trigger-label{display:none}@media (max-width:860px){.cmd-palette-trigger{width:40px;height:40px}}html.theme-light .cmd-palette-trigger{background:#00000008}html.theme-light .cmd-palette-trigger:hover{background:#0099cc14}.cmd-palette-overlay{-webkit-backdrop-filter:blur(6px);z-index:99999;opacity:0;pointer-events:none;background:#0000008c;justify-content:center;align-items:flex-start;padding-top:12vh;transition:opacity .18s;display:flex;position:fixed;inset:0}.cmd-palette-overlay.open{opacity:1;pointer-events:all}.cmd-palette{background:var(--bg-alt);border:1px solid var(--border);border-radius:14px;width:100%;max-width:580px;margin:0 16px;transition:transform .18s cubic-bezier(.34,1.56,.64,1);overflow:hidden;transform:translateY(-12px)scale(.97);box-shadow:0 24px 60px #00000080}.cmd-palette-overlay.open .cmd-palette{transform:translateY(0)scale(1)}.cmd-palette-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 18px;display:flex}.cmd-palette-icon{color:var(--muted);flex-shrink:0;font-size:.9rem}.cmd-palette-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1rem}.cmd-palette-input::placeholder{color:var(--muted)}.cmd-palette-esc{border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:5px;flex-shrink:0;padding:2px 7px;font-family:inherit;font-size:.68rem}.cmd-palette-results{max-height:360px;padding:8px;overflow-y:auto}.cmd-palette-results:empty:after{content:attr(data-empty);text-align:center;color:var(--muted);padding:24px 0;font-size:.9rem;display:block}.cmd-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 10px 4px;font-size:.68rem;font-weight:700}.cmd-item{cursor:pointer;color:var(--text);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:background .12s;display:flex}.cmd-item:hover,.cmd-item.active{background:var(--surface-hover)}.cmd-item.active{background:linear-gradient(90deg, rgb(var(--accent-1-rgb) / .12), #6d35d91a);border-left:2px solid var(--accent-1);padding-left:10px}.cmd-item-icon{background:var(--surface);width:32px;height:32px;color:var(--accent-1);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;display:flex}.cmd-item.cmd-type-track .cmd-item-icon{color:var(--accent-2)}.cmd-item-body{flex:1;min-width:0}.cmd-item-title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.cmd-item-title mark{color:var(--accent-1);background:0 0;font-weight:700}.cmd-item-sub{color:var(--muted);margin-top:1px;font-size:.75rem}.cmd-item-arrow{color:var(--muted);flex-shrink:0;font-size:.7rem}.cmd-palette-footer{border-top:1px solid var(--border);color:var(--muted);gap:16px;padding:8px 18px;font-size:.7rem;display:flex}.cmd-palette-footer kbd{border:1px solid var(--border);background:var(--surface);border-radius:4px;margin-right:2px;padding:1px 5px;font-family:inherit;font-size:.68rem;display:inline-block}.theme-toggle{border:1px solid var(--border);width:44px;height:44px;color:var(--muted);cursor:pointer;transition:var(--ease);background:#ffffff08;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;display:flex;position:relative}.theme-toggle:hover{border-color:var(--accent-1);color:var(--accent-1);background:rgb(var(--accent-1-rgb) / .07);transform:rotate(20deg)}.theme-icon-light,.theme-icon-dark{transition:opacity .25s,transform .25s;position:absolute}.theme-icon-light{opacity:0;transform:rotate(90deg)scale(.7)}.theme-icon-dark,html.theme-light .theme-icon-light{opacity:1;transform:rotate(0)scale(1)}html.theme-light .theme-icon-dark{opacity:0;transform:rotate(-90deg)scale(.7)}html.theme-light .theme-toggle{background:#00000008}html.theme-light .theme-toggle:hover{background:#0099cc14}.btn-cv{background:var(--gradient);color:var(--white);font-family:var(--font-head);white-space:nowrap;transition:var(--ease);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:9px 20px;font-size:.85rem;font-weight:700;display:inline-flex}.btn-cv:hover{box-shadow:0 4px 18px rgb(var(--accent-1-rgb) / .3);transform:translateY(-1px)}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin-left:auto;padding:8px;display:none}.nav-toggle span{background:var(--text);width:24px;height:2px;transition:var(--ease);border-radius:2px;display:block}.nav-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}#hero{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}#hero:before{content:"";background:radial-gradient(ellipse 70% 60% at 50% 40%, rgb(var(--accent-1-rgb) / calc(.07 + var(--beat-alpha,0) * .13)) 0%, transparent 70%), radial-gradient(ellipse 50% 50% at 70% 70%, rgb(var(--accent-2-rgb) / calc(.06 + var(--beat-alpha,0) * .11)) 0%, transparent 60%);pointer-events:none;z-index:0;position:absolute;inset:0}#particles{z-index:0;position:absolute;inset:0}.hero-content{z-index:1;text-align:center;padding:calc(var(--nav-h) + 40px) 28px 100px;max-width:760px;position:relative}.hero-eyebrow{color:var(--accent-1);letter-spacing:.22em;text-transform:uppercase;margin-bottom:18px;font-size:.95rem;font-weight:600}.hero-name{font-family:var(--font-head);color:var(--white);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(3.2rem,9vw,6rem);font-weight:900;line-height:.95}.hero-name span{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--muted);letter-spacing:.01em;min-height:2.1em;margin-bottom:44px;font-size:clamp(1.05rem,2.5vw,1.35rem)}.cursor{display:none}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:52px;display:flex}.hero-cta .btn-primary,.hero-cta .btn-outline{min-width:170px}.hero-social{justify-content:center;gap:14px;display:flex}.hero-social a{border:1px solid var(--border);width:58px;height:58px;color:var(--muted);transition:var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.hero-social a:hover{border-color:var(--accent-2);color:var(--accent-2);background:rgb(var(--accent-2-rgb) / .1);box-shadow:0 0 18px rgb(var(--accent-2-rgb) / .2);transform:translateY(-3px)}.hero-scroll{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;z-index:1;flex-direction:column;align-items:center;gap:8px;font-size:.72rem;animation:2.2s ease-in-out infinite heroScroll;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}@keyframes heroScroll{0%,to{opacity:1;transform:translate(-50%)translateY(0)}50%{opacity:.5;transform:translate(-50%)translateY(7px)}}.studio-wrap{z-index:1000;pointer-events:none;transition:bottom .35s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:22px;left:22px}.studio-fab-col{z-index:1;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:relative}.studio-fab{pointer-events:auto;border:1px solid rgba(var(--accent-1-rgb) / .35);-webkit-backdrop-filter:blur(16px);color:#ffffffb8;cursor:pointer;background:#080816b8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1rem;transition:background .25s,border-color .25s,color .2s,transform .35s cubic-bezier(.34,1.15,.64,1);display:flex;box-shadow:0 4px 20px #00000073}.studio-fab:hover{background:rgba(var(--accent-1-rgb) / .18);border-color:rgba(var(--accent-1-rgb) / .6);color:#fff}.studio-wrap.open .studio-fab{background:rgba(var(--accent-1-rgb) / .2);border-color:rgba(var(--accent-1-rgb) / .55);color:#fff;transform:rotate(45deg)}.studio-cta{z-index:1002;white-space:nowrap;pointer-events:none;opacity:0;background:0 0;border:none;align-items:center;gap:5px;height:48px;padding:0;transition:opacity .4s,transform .4s;display:flex;position:fixed;bottom:22px;left:76px;transform:translate(-6px)}.studio-cta.visible{opacity:1;pointer-events:auto;transform:translate(0)}.studio-cta.hidden,.studio-wrap.open~.studio-cta,.studio-cat-panel.open~.studio-cta{opacity:0;pointer-events:none;transform:translate(-6px)}.studio-cta-arrow{color:#ffffffb3;flex-shrink:0;font-size:.85rem;line-height:1;animation:2s ease-in-out infinite ctaArrowPulse}@keyframes ctaArrowPulse{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}.studio-cta-long,.studio-cta-short{font-family:var(--font-body);letter-spacing:.01em;color:#ffffffb8;font-size:.72rem;font-weight:400;line-height:1}.studio-cta-short{display:none}html.theme-retro .studio-cta-arrow{color:#00ff50cc}html.theme-retro .studio-cta-long,html.theme-retro .studio-cta-short{color:#00ff50cc;letter-spacing:.05em;font-family:monospace}html.theme-gamer .studio-cta-arrow{color:rgba(var(--accent-1-rgb) / .85)}html.theme-gamer .studio-cta-long,html.theme-gamer .studio-cta-short{color:rgba(var(--accent-1-rgb) / .85);letter-spacing:.04em}html.theme-light .studio-cta-arrow{color:#0a0a1ea6}.studio-sub-fabs{pointer-events:none;flex-direction:column;gap:7px;display:flex}.studio-sub-fab{pointer-events:none;border:1px solid rgba(var(--accent-1-rgb) / .28);-webkit-backdrop-filter:blur(16px);color:#ffffff9e;cursor:pointer;opacity:0;white-space:nowrap;background:#080816b8;border-radius:999px;flex-shrink:0;align-items:center;gap:9px;height:48px;padding:0 16px 0 14px;font-size:1rem;transition:opacity .28s,transform .32s cubic-bezier(.34,1.3,.64,1),background .2s,border-color .2s,color .18s;display:flex;transform:translateY(12px)scale(.88);box-shadow:0 4px 20px #0006}.studio-sub-fab i{flex-shrink:0;font-size:1rem}.studio-sub-fab span{font-family:var(--font-head);letter-spacing:.04em;font-size:.72rem;font-weight:700}.studio-sub-fab:nth-child(4){transition-delay:0s}.studio-sub-fab:nth-child(3){transition-delay:50ms}.studio-sub-fab:nth-child(2){transition-delay:.1s}.studio-sub-fab:first-child{transition-delay:.15s}.studio-wrap.open .studio-sub-fabs{pointer-events:auto}.studio-wrap.open .studio-sub-fab{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.studio-sub-fab:hover{background:rgba(var(--accent-1-rgb) / .18);border-color:rgba(var(--accent-1-rgb) / .55);color:#fff}.studio-sub-fab.active{background:rgba(var(--accent-1-rgb) / .25);border-color:rgba(var(--accent-1-rgb) / .7);color:#fff;box-shadow:0 0 0 2px rgba(var(--accent-1-rgb) / .2), 0 4px 20px #0006}.studio-cat-panel{z-index:1001;-webkit-backdrop-filter:blur(22px);border:1px solid rgba(var(--accent-1-rgb) / .18);opacity:0;pointer-events:none;transform-origin:0 100%;background:#060714e6;border-radius:18px;width:268px;max-width:calc(100vw - 100px);max-height:0;transition:max-height .42s cubic-bezier(.34,1.1,.64,1),opacity .28s,transform .35s cubic-bezier(.34,1.15,.64,1);position:fixed;bottom:22px;left:82px;overflow:hidden;transform:translate(-8px)scale(.97);box-shadow:0 16px 48px #000000a6,0 0 0 1px #ffffff0a}.studio-cat-panel.open{opacity:1;pointer-events:auto;max-height:540px;overflow-y:auto;transform:translate(0)scale(1)}.studio-cat-panel::-webkit-scrollbar{display:none}.studio-section{padding:14px 14px 12px}.studio-label{font-family:var(--font-head);letter-spacing:.12em;text-transform:uppercase;color:#ffffff4d;margin-bottom:10px;font-size:.6rem;font-weight:700;display:block}.studio-bg-grid{scrollbar-width:none;grid-template-columns:repeat(3,1fr);gap:4px;max-height:300px;display:grid;overflow-y:auto}.studio-bg-grid::-webkit-scrollbar{display:none}.studio-theme-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.studio-bg-btn{color:#ffffff61;font-size:.52rem;font-family:var(--font-head);letter-spacing:.03em;cursor:pointer;text-align:center;word-break:break-word;background:0 0;border:1px solid #0000;border-radius:11px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 2px;font-weight:600;line-height:1.2;transition:background .18s,border-color .18s,color .18s;display:flex;position:relative}.studio-bg-btn i{margin-bottom:1px;font-size:.95rem}.studio-bg-btn:hover{background:rgba(var(--accent-1-rgb) / .12);color:#ffffffd1}.studio-bg-btn.active{background:rgba(var(--accent-1-rgb) / .28);border-color:rgba(var(--accent-1-rgb) / .8);color:#fff;box-shadow:0 0 0 1px rgba(var(--accent-1-rgb) / .35) inset}.studio-today-dot{background:rgb(var(--accent-1-rgb));width:5px;height:5px;box-shadow:0 0 5px rgb(var(--accent-1-rgb));border-radius:50%;animation:2.2s ease-in-out infinite studioPulse;position:absolute;top:4px;right:4px}@keyframes studioPulse{0%,to{opacity:1}50%{opacity:.3}}.studio-weather-btn{color:#fff9;width:100%;font-size:.78rem;font-family:var(--font-body);cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;transition:background .2s,color .2s,border-color .2s;display:flex}.studio-weather-btn i{flex-shrink:0;font-size:.9rem}.studio-weather-btn:hover{background:rgba(var(--accent-1-rgb) / .12);color:#ffffffd1}.studio-weather-btn.active{background:rgba(var(--accent-1-rgb) / .2);border-color:rgba(var(--accent-1-rgb) / .5);color:#fff}.studio-stage-btn{color:#ffffffad;width:100%;min-height:42px;font-size:.78rem;font-family:var(--font-body);cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-weight:800;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .2s;display:flex}.studio-stage-btn+.studio-stage-btn{margin-top:10px}.studio-stage-btn i{flex-shrink:0;font-size:.9rem}.studio-stage-btn:hover{background:rgba(var(--accent-1-rgb) / .12);border-color:rgba(var(--accent-1-rgb) / .42);color:#fff;transform:translateY(-1px)}.studio-stage-btn.disabled{opacity:.42;pointer-events:none}.studio-weather-status{color:#ffffff61;min-height:1em;margin-top:6px;font-size:.7rem;line-height:1.4;display:block}.studio-weather-grid{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:10px;display:grid}.studio-wx-btn{color:#ffffff61;font-size:.52rem;font-family:var(--font-head);letter-spacing:.02em;cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:7px 2px 6px;font-weight:600;line-height:1.2;transition:background .18s,border-color .18s,color .18s;display:flex}.studio-wx-btn .wx-emoji{font-size:1.1rem;line-height:1}.studio-wx-btn:hover{background:rgba(var(--accent-1-rgb) / .12);color:#ffffffd1}.studio-wx-btn.active{background:rgba(var(--accent-1-rgb) / .22);border-color:rgba(var(--accent-1-rgb) / .55);color:#fff}.studio-strip-wrap{margin-bottom:14px;position:relative}.studio-hue-strip{cursor:ew-resize;border-radius:999px;width:100%;display:block;overflow:visible}.studio-presets{flex-wrap:wrap;align-items:flex-start;gap:7px;display:flex}.studio-preset-btn{clip-path:circle(50%);cursor:pointer;border:none;border-radius:50%;flex:0 0 28px;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;transition:transform .22s cubic-bezier(.34,1.3,.64,1),box-shadow .2s;position:relative;box-shadow:0 2px 8px #00000059}.studio-preset-name{min-height:1rem;font-family:var(--font-head);letter-spacing:.08em;color:#ffffff8c;text-align:center;font-size:.6rem;font-weight:600;transition:opacity .15s}.studio-preset-btn:hover{transform:scale(1.18)}.studio-preset-btn.active{transform:scale(1.12);box-shadow:0 0 0 2px #ffffffe6,0 0 0 4px #ffffff2e,0 4px 16px #00000080}html.theme-light .studio-fab{border-color:rgba(var(--accent-1-rgb) / .3);color:#0a0a1ead;background:#ffffffd1;box-shadow:0 4px 20px #0000001f}html.theme-light .studio-fab:hover{color:#0a0a1ef2}html.theme-light .studio-wrap.open .studio-fab{color:#0a0a1ee6}html.theme-light .studio-sub-fab{border-color:rgba(var(--accent-1-rgb) / .28);color:#0a0a1e9e;background:#ffffffd1;box-shadow:0 4px 20px #0000001a}html.theme-light .studio-sub-fab:hover{color:#0a0a1ee6}html.theme-light .studio-sub-fab.active{color:#0a0a1ef2}html.theme-light .studio-cta{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none}html.theme-light .studio-cta-long,html.theme-light .studio-cta-short{color:#0a0a1ed9}html.theme-light .studio-cat-panel{border-color:rgba(var(--accent-1-rgb) / .18);background:#f5f7fff7;box-shadow:0 16px 48px #0000001f,0 0 0 1px #0000000a}html.theme-light .studio-preset-name{color:#0a0a1e80}html.theme-light .studio-label{color:#0a0a1e61}html.theme-light .studio-bg-btn{color:#0a0a1e66}html.theme-light .studio-bg-btn:hover{color:#0a0a1ec7}html.theme-light .studio-bg-btn.active{color:#0a0a1ef2}html.theme-light .studio-wx-btn{color:#0a0a1e66}html.theme-light .studio-wx-btn:hover{color:#0a0a1ec7}html.theme-light .studio-wx-btn.active{color:#0a0a1ef2}html.theme-light .studio-wheel-tag{color:#0a0a1e61}.about-grid{grid-template-columns:220px 1fr 1.2fr;align-items:start;gap:52px;margin-top:56px;display:grid}.about-photo-col{top:calc(var(--nav-h) + 24px);flex-direction:column;align-items:center;gap:18px;display:flex;position:sticky}.about-avatar{width:200px;height:200px;transform:scale(calc(1 + var(--beat-alpha) * .045));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.about-avatar:before{content:"";background:conic-gradient(from 0deg, var(--accent-1) 0deg, var(--accent-2) 90deg, var(--accent-1) 180deg, var(--accent-2) 270deg, var(--accent-1) 360deg);z-index:0;box-shadow:0 0 calc(var(--beat-alpha) * 30px) rgb(var(--accent-2-rgb) / calc(var(--beat-alpha) * .7));border-radius:50%;animation:3s linear infinite avatarSpin;position:absolute;inset:-5px}.about-avatar:after{content:"";background:var(--bg);z-index:1;border-radius:50%;position:absolute;inset:3px}@keyframes avatarSpin{to{transform:rotate(360deg)}}.about-avatar-img{z-index:2;object-fit:cover;object-position:center 20%;border-radius:50%;width:100%;height:100%;position:relative}html.theme-light .about-avatar-img{filter:brightness(1.04)contrast(1.02)}.about-avatar-initials{z-index:2;font-family:var(--font-head);background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:900;line-height:1;position:relative}.about-avatar-tags{flex-direction:column;gap:8px;width:100%;display:flex}.about-avatar-tag{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);transition:var(--ease);cursor:default;align-items:center;gap:9px;padding:9px 14px;font-size:.8rem;font-weight:600;display:flex}.about-avatar-tag i{color:var(--accent-2);text-align:center;width:16px;font-size:.85rem}.about-avatar-tag:hover{border-color:rgb(var(--accent-2-rgb) / .4);color:var(--text)}.about-text p{color:var(--muted);margin-bottom:20px;font-size:1.05rem}.about-text strong{color:var(--text);font-weight:600}.about-chips{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}.chip{background:var(--surface);border:1px solid var(--border);color:var(--text);transition:var(--ease);cursor:default;border-radius:999px;align-items:center;gap:6px;padding:7px 15px;font-size:.85rem;font-weight:500;display:inline-flex}.chip i{color:var(--accent-1);font-size:.85rem}.chip:hover{background:rgb(var(--accent-2-rgb) / .1);border-color:rgb(var(--accent-2-rgb) / .45);color:var(--accent-2)}.skills-panel{background:var(--surface);border:1px solid rgb(var(--accent-2-rgb) / calc(.1 + var(--beat-alpha) * .55));border-radius:var(--radius);box-shadow:0 0 calc(var(--beat-alpha) * 60px) rgb(var(--accent-2-rgb) / calc(var(--beat-alpha) * .75));padding:30px}.skills-panel h3{font-family:var(--font-head);color:var(--white);letter-spacing:.04em;text-transform:uppercase;margin-bottom:28px;font-size:1rem;font-weight:700}.skill-bars{flex-direction:column;gap:18px;display:flex}.skill-info{color:var(--text);justify-content:space-between;margin-bottom:7px;font-size:.85rem;display:flex}.skill-info span:last-child{color:var(--muted);font-size:.8rem;font-style:italic}.bar-track{background:#ffffff0f;border-radius:999px;height:5px;overflow:hidden}.bar-fill{border-radius:inherit;background:var(--gradient);width:0;height:100%;box-shadow:0 0 calc(var(--beat-alpha) * 26px) rgb(var(--accent-1-rgb) / calc(var(--beat-alpha) * .95));transition:width 1.3s cubic-bezier(.4,0,.2,1)}.music-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.spotify-card{border-radius:var(--radius);background:#121212;text-decoration:none;transition:transform .25s,box-shadow .25s;display:block;overflow:hidden;box-shadow:0 8px 32px #00000059}.spotify-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000080}.spotify-card-img-wrap{aspect-ratio:1;width:100%;position:relative;overflow:hidden}.spotify-card-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.spotify-card:hover .spotify-card-img-wrap img{transform:scale(1.04)}.spotify-card-overlay{opacity:0;background:#00000073;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.spotify-card:hover .spotify-card-overlay{opacity:1}.spotify-play-icon{color:#1db954;filter:drop-shadow(0 2px 8px #0009);width:64px;height:64px}.spotify-card-info{background:#121212;align-items:center;gap:12px;padding:14px 18px;display:flex}.spotify-card-badge{color:#000;letter-spacing:.04em;white-space:nowrap;background:#1db954;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:3px 10px;font-size:.7rem;font-weight:700;display:flex}.spotify-card-artist{color:#fff;flex:1;font-size:1rem;font-weight:700}.spotify-card-album{color:#b3b3b3;white-space:nowrap;font-size:.82rem}.music-right{flex-direction:column;gap:28px;display:flex}.legacy-shell{grid-template-columns:1fr 1fr;gap:28px;margin:56px auto 0;display:grid}.legacy-card{align-items:flex-start}.legacy-roles-card{background:var(--surface);border:1px solid rgb(var(--accent-2-rgb) / calc(.18 + var(--beat-alpha) * .5));box-shadow:0 0 calc(var(--beat-alpha) * 60px) rgb(var(--accent-2-rgb) / calc(var(--beat-alpha) * .75));border-radius:var(--radius);flex-direction:column;gap:20px;padding:28px;display:flex}.legacy-roles-card h4{font-family:var(--font-head);color:var(--white);letter-spacing:.06em;text-transform:uppercase;font-size:1rem;font-weight:700}.legacy-role-item{align-items:flex-start;gap:14px;display:flex}.legacy-role-icon{background:rgb(var(--accent-2-rgb) / .15);border:1px solid rgb(var(--accent-2-rgb) / .3);width:38px;height:38px;color:var(--accent-2);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.legacy-role-text strong{color:var(--text);margin-bottom:2px;font-size:.88rem;font-weight:600;display:block}.legacy-role-text span{color:var(--muted);font-size:.82rem;line-height:1.5}.song-highlight{border-radius:var(--radius);background:radial-gradient(circle at top right, rgb(var(--accent-1-rgb) / .14), transparent 35%), #ffffff0a;border:1px solid rgb(var(--accent-1-rgb) / calc(.15 + var(--beat-alpha) * .5));padding:24px;box-shadow:0 18px 45px #00000038}.song-kicker{color:var(--accent-1);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:.74rem;font-weight:700;display:inline-block}.song-highlight h3{font-family:var(--font-head);color:var(--white);margin-bottom:8px;font-size:1.35rem}.song-highlight p{color:var(--muted);font-size:.94rem;line-height:1.65}.song-video-frame{aspect-ratio:16/9;background:#0000003d;border:1px solid #ffffff14;border-radius:16px;width:100%;min-height:0;margin-top:18px;position:relative;overflow:hidden}.song-video-frame iframe{border:0;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.song-highlight-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.song-link-secondary{padding-inline:22px}.platforms-full{margin-top:40px}.platforms h3{font-family:var(--font-head);color:var(--white);letter-spacing:.06em;text-transform:uppercase;text-align:center;margin-bottom:16px;font-size:1rem;font-weight:700}.platform-cards{position:relative;overflow:hidden}.platform-cards-track{width:max-content;animation:20s linear infinite platformMarquee;display:flex}.platform-cards-track:hover{animation-play-state:paused}@keyframes platformMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.platform-cards .platform-card{flex-shrink:0;width:182px;margin-right:10px}.music-stats{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.music-stats-row{grid-template-columns:repeat(4,1fr);margin-top:24px}.music-stat-item{background:linear-gradient(135deg, rgb(var(--accent-2-rgb) / .1), rgb(var(--accent-1-rgb) / .07));border:1px solid rgb(var(--accent-2-rgb) / calc(.15 + var(--beat-alpha) * .5));border-radius:var(--radius-sm);transition:var(--ease);flex-direction:column;gap:4px;padding:16px 14px;display:flex}.music-stat-item:hover{border-color:rgb(var(--accent-2-rgb) / .45);transform:translateY(-2px)}.music-stat-num{font-family:var(--font-head);background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:900;line-height:1}.music-stat-unit{font-family:var(--font-head);background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:700}.music-stat-label{color:var(--muted);margin-top:2px;font-size:.75rem;line-height:1.3}.platform-card{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--text);transition:var(--ease);align-items:center;gap:14px;padding:15px 18px;font-size:.95rem;font-weight:600;display:flex}.platform-card:hover{transform:translate(5px)}.platform-card i:first-child{text-align:center;width:24px;font-size:1.35rem}.platform-card .arrow{opacity:0;transition:var(--ease);margin-left:auto;font-size:.72rem}.platform-card:hover .arrow{opacity:1}.platform-card.spotify{--c:#1db954}.platform-card.apple{--c:#fa2d48}.platform-card.youtube{--c:red}.platform-card.soundcloud{--c:#f50}.platform-card.tidal{--c:#0ff}.tidal-svg{width:1.35rem;height:1.35rem;color:var(--c);flex-shrink:0}.platform-card.spotify i:first-child,.platform-card.apple i:first-child,.platform-card.youtube i:first-child,.platform-card.soundcloud i:first-child,.platform-card.tidal i:first-child{color:var(--c)}.platform-card.spotify:hover,.platform-card.apple:hover,.platform-card.youtube:hover,.platform-card.soundcloud:hover,.platform-card.tidal:hover{border-color:var(--c);color:var(--c)}.eduardo-card{transform-style:preserve-3d;will-change:transform;background:var(--surface);border:1px solid rgb(var(--accent-2-rgb) / calc(.14 + var(--beat-alpha) * .5));border-radius:var(--radius);box-shadow:0 0 calc(var(--beat-alpha) * 60px) rgb(var(--accent-2-rgb) / calc(var(--beat-alpha) * .75));gap:18px;padding:22px;display:flex}.eduardo-card:hover{border-color:rgb(var(--accent-2-rgb) / calc(.45 + var(--beat-alpha) * .4))}.eduardo-badge{background:var(--gradient);width:50px;height:50px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.eduardo-text h4{font-family:var(--font-head);color:var(--white);margin-bottom:6px;font-size:1rem;font-weight:700}.eduardo-text p{color:var(--muted);margin-bottom:10px;font-size:.86rem;line-height:1.55}.section-desc a,.song-highlight-copy p a,.eduardo-text p a,.project-card p a{color:var(--white);background:linear-gradient(120deg, rgb(var(--accent-1-rgb) / .18), rgb(var(--accent-2-rgb) / .18));border:1px solid rgb(var(--accent-1-rgb) / calc(.18 + var(--beat-alpha) * .5));transition:var(--ease);white-space:nowrap;border-radius:999px;padding:.08rem .5rem .12rem;font-weight:700;text-decoration:none;box-shadow:inset 0 0 0 1px #ffffff08}.section-desc a:hover,.song-highlight-copy p a:hover,.eduardo-text p a:hover,.project-card p a:hover{color:var(--white);border-color:rgb(var(--accent-1-rgb) / .45);box-shadow:0 10px 24px rgb(var(--accent-1-rgb) / .18)}.link-subtle{color:var(--accent-1);transition:var(--ease);align-items:center;gap:5px;font-size:.86rem;font-weight:600;display:inline-flex}.link-subtle:hover{gap:9px}.music-player-section{background:linear-gradient(135deg, rgb(var(--accent-2-rgb) / calc(.1 + var(--beat-alpha) * .16)), rgb(var(--accent-1-rgb) / calc(.06 + var(--beat-alpha) * .13)));border:1px solid rgb(var(--accent-2-rgb) / calc(.18 + var(--beat-alpha) * .55));border-radius:var(--radius);box-shadow:0 0 calc(var(--beat-alpha) * 60px) rgb(var(--accent-2-rgb) / calc(var(--beat-alpha) * .75));margin-top:56px;overflow:hidden}.music-player-header{align-items:center;gap:10px;padding:5px 28px 0;display:flex}.music-player-header .song-kicker{margin-bottom:0}.music-player-header h3{font-family:var(--font-head);color:var(--white);font-size:1.1rem;font-weight:700}.music-player-body{grid-template-columns:1fr 1.6fr;align-items:start;gap:0;display:grid}.tracklist{scrollbar-width:thin;scrollbar-color:rgb(var(--accent-2-rgb) / .5) transparent;max-height:260px;padding:20px 0 24px 28px;overflow-y:auto}.tracklist::-webkit-scrollbar{width:4px}.tracklist::-webkit-scrollbar-track{background:0 0}.tracklist::-webkit-scrollbar-thumb{background:rgb(var(--accent-2-rgb) / .5);border-radius:2px}.track-item{border-radius:var(--radius-sm);cursor:pointer;transition:var(--ease);align-items:center;gap:12px;padding:10px 14px 10px 0;display:flex}.track-item:hover,.track-item.active{background:rgb(var(--accent-2-rgb) / .12);padding-left:10px}.track-item.active .track-num{color:var(--accent-2)}.track-num{text-align:center;width:20px;color:var(--muted);flex-shrink:0;font-size:.78rem;font-weight:600}.track-info{flex:1;min-width:0}.track-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;display:block;overflow:hidden}.track-duration{color:var(--muted);font-size:.75rem}.track-playing-icon{color:var(--accent-2);text-align:center;opacity:0;width:16px;transition:var(--ease);flex-shrink:0;font-size:.7rem}.track-item.active .track-playing-icon{opacity:1}.track-item.active .track-num{display:none}.player-controls-panel{flex-direction:column;justify-content:center;gap:18px;padding:24px 28px;display:flex}.player-cover-card{aspect-ratio:16/9;border-radius:var(--radius-sm);border:1px solid rgb(var(--accent-1-rgb) / calc(.16 + var(--beat-alpha) * .52));width:min(100%,360px);box-shadow:0 0 calc(var(--beat-alpha) * 48px) rgb(var(--accent-1-rgb) / calc(var(--beat-alpha) * .62));background:#0003;position:relative;overflow:hidden}.player-cover-img{object-fit:cover;width:100%;height:100%;display:block}.player-cover-download{color:#fff;-webkit-backdrop-filter:blur(10px);width:36px;height:36px;transition:var(--ease);background:#080812ad;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:10px;right:10px}.player-cover-download:hover{background:rgb(var(--accent-2-rgb) / .72);transform:scale(1.08)}.player-now-playing{flex-direction:column;gap:4px;display:flex}.player-now-playing .track-title{white-space:normal;font-size:1.05rem}.player-now-playing .track-artist{color:var(--muted);font-size:.85rem}.player-buttons{align-items:center;gap:16px;display:flex}.player-btn{color:var(--muted);cursor:pointer;transition:var(--ease);background:0 0;border:none;padding:6px;font-size:1.1rem;line-height:1}.player-btn:hover{color:var(--text);transform:scale(1.1)}.player-btn-play{background:var(--gradient);width:46px;height:46px;color:var(--white);cursor:pointer;transition:var(--ease);box-shadow:0 4px 18px rgb(var(--accent-2-rgb) / calc(.35 + var(--beat-alpha) * .5));border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex}.player-btn-play:hover{box-shadow:0 6px 24px rgb(var(--accent-2-rgb) / .5);transform:scale(1.08)}.player-progress-row{align-items:center;gap:10px;display:flex}.player-time{color:var(--muted);font-variant-numeric:tabular-nums;min-width:34px;font-size:.76rem}.player-time.right{text-align:right}.player-seek,.player-vol-range{appearance:none;cursor:pointer;transition:var(--ease);background:#ffffff1a;border-radius:999px;outline:none}.player-seek{background:linear-gradient(90deg, rgb(var(--accent-1-rgb)) 0%, rgb(var(--accent-2-rgb)) var(--seek,0%), #ffffff1f var(--seek,0%));flex:1;height:4px}.player-seek::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gradient);cursor:pointer;width:14px;height:14px;box-shadow:0 0 6px rgb(var(--accent-2-rgb) / .5);border-radius:50%}.player-seek::-moz-range-thumb{background:var(--accent-2);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px}.player-vol-row{align-items:center;gap:10px;display:flex}.player-vol-row .player-btn{font-size:.88rem}.player-vol-range{background:linear-gradient(90deg, rgb(var(--accent-1-rgb)) 0%, rgb(var(--accent-2-rgb)) var(--vol,0%), #ffffff1a var(--vol,0%));width:90px;height:4px}.player-vol-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-2);cursor:pointer;border-radius:50%;width:12px;height:12px}@media (max-width:720px){.music-player-body{grid-template-columns:1fr}.player-controls-panel{padding:20px}}.projects-grid{grid-template-columns:repeat(6,1fr);gap:24px;margin-top:56px;display:grid}.project-card--featured{border-color:rgb(var(--accent-1-rgb) / calc(.18 + var(--beat-alpha) * .55));grid-column:span 3}.project-card:not(.project-card--featured){grid-column:span 2}.project-card{background:var(--surface);border:1px solid rgb(var(--accent-2-rgb) / calc(.1 + var(--beat-alpha) * .55));border-radius:var(--radius);box-shadow:0 0 calc(var(--beat-alpha) * 60px) rgb(var(--accent-2-rgb) / calc(var(--beat-alpha) * .75));transition:border-color var(--ease);transform-style:preserve-3d;will-change:transform;flex-direction:column;gap:14px;padding:30px;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:var(--gradient);opacity:0;height:2px;transition:var(--ease);position:absolute;top:0;left:0;right:0}.project-card:hover{border-color:rgb(var(--accent-1-rgb) / .28);transform:translateY(-5px);box-shadow:0 24px 48px #00000059}.project-card:hover:before{opacity:1}.project-icon{border-radius:var(--radius-sm);background:var(--gradient);width:58px;height:58px;color:var(--white);flex-shrink:0;justify-content:center;align-items:center;font-size:1.7rem;display:flex}.project-tag{color:var(--accent-1);letter-spacing:.1em;text-transform:uppercase;font-size:.74rem;font-weight:700}.project-card h3{font-family:var(--font-head);color:var(--white);font-size:1.22rem;font-weight:800}.project-card p{color:var(--muted);flex:1;font-size:.9rem;line-height:1.65}.project-link{color:var(--accent-1);transition:var(--ease);align-items:center;gap:7px;margin-top:auto;font-size:.9rem;font-weight:600;display:inline-flex}.project-link:hover{gap:11px}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:52px;display:grid}.contact-links{flex-direction:column;gap:10px;display:flex}.contact-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:var(--ease);align-items:center;gap:18px;padding:16px 20px;display:flex}.contact-item:hover{border-color:var(--accent-1);transform:translate(5px)}.contact-item>i{color:var(--accent-1);text-align:center;flex-shrink:0;width:22px;font-size:1.2rem}.contact-label{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:2px;font-size:.72rem;font-weight:600;display:block}.contact-value{color:var(--text);font-size:.9rem;font-weight:600;display:block}.contact-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:22px;padding:34px;display:flex}.form-group{flex-direction:column;gap:7px;display:flex}.form-group label{color:var(--text);letter-spacing:.04em;font-size:.84rem;font-weight:600}.form-group input,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-body);resize:vertical;transition:var(--ease);background:#ffffff0a;outline:none;padding:13px 16px;font-size:.95rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-1);background:rgb(var(--accent-1-rgb) / .04);box-shadow:0 0 0 3px rgb(var(--accent-1-rgb) / .08)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--muted)}.hire-band{background:linear-gradient(135deg, rgb(var(--accent-1-rgb) / .06) 0%, #6d35d91a 50%, rgb(var(--accent-1-rgb) / .05) 100%);border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;padding:80px 28px}.hire-band-inner{flex-direction:column;align-items:center;gap:28px;max-width:680px;margin:0 auto;display:flex}.hire-band-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-1);margin-bottom:6px;font-size:.75rem;font-weight:700}.hire-band-title{font-family:var(--font-head);color:var(--white);margin-bottom:10px;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1.1}.hire-band-sub{color:var(--muted);text-align:center;font-size:1.05rem;line-height:1.6}.hire-band-cta{background:var(--gradient);color:#fff;letter-spacing:.02em;transition:var(--ease);border-radius:999px;align-items:center;gap:8px;padding:14px 36px;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 4px 24px #6d35d959}.hire-band-cta:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 8px 32px #6d35d980}html.theme-light .hire-band{background:linear-gradient(135deg,#0099cc0f 0%,#6d35d914 50%,#0099cc0a 100%)}.shuffle-fab{z-index:110;background:var(--gradient);color:#fff;cursor:pointer;opacity:0;pointer-events:none;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1rem;transition:transform .2s,box-shadow .2s,opacity .3s;display:none;position:fixed;bottom:22px;left:22px;box-shadow:0 4px 20px #6d35d966}.shuffle-fab.visible{opacity:1;pointer-events:all}.shuffle-fab:hover{transform:scale(1.12)rotate(20deg);box-shadow:0 6px 28px #6d35d999}.shuffle-fab:active{transform:scale(.95)}body.npb-visible .shuffle-fab,body.npb-visible .studio-wrap,body.npb-visible .studio-cat-panel,body.npb-visible .studio-cta{bottom:86px}#footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);padding:36px 0;font-size:.9rem;transition:padding-bottom .35s}body.npb-visible #footer{padding-bottom:100px}#footer a{color:var(--accent-1);transition:var(--ease);font-weight:600}#footer a:hover{color:var(--white)}#footer .fa-heart{color:#ef4444}.section-nav{z-index:110;flex-direction:column;gap:10px;transition:bottom .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:22px;right:22px}.section-nav.player-active{bottom:86px}.section-nav-btn{border:1px solid var(--border);width:48px;height:48px;color:var(--white);cursor:pointer;transition:var(--ease);-webkit-backdrop-filter:blur(16px);background:#080d1ae0;border-radius:50%;place-items:center;display:grid;box-shadow:0 10px 30px #0000003d}.section-nav-btn:hover:not(:disabled){border-color:rgb(var(--accent-1-rgb) / .45);color:var(--accent-1);transform:translateY(-2px)}.section-nav-btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width:1180px){.section{padding:96px 0}.about-grid{grid-template-columns:180px 1fr 1.2fr}.music-grid,.contact-grid,.about-grid{gap:36px}.projects-grid{grid-template-columns:repeat(2,1fr)}.project-card--featured,.project-card:not(.project-card--featured){grid-column:span 1}}@media (max-height:860px){#hero{min-height:100svh}.hero-content{padding-top:calc(var(--nav-h) + 24px);padding-bottom:84px}.hero-name{font-size:clamp(2.9rem,8vw,4.8rem)}.hero-cta{gap:12px;margin-bottom:34px}.hero-scroll{bottom:18px}}@media (max-width:920px){.fosky-wrap{width:34px;height:34px}.nav-container{gap:16px}.nav-links{display:none}.nav-toggle{display:flex}.nav-logo{flex:none}.btn-cv{padding:8px 14px;font-size:.78rem}.nav-links.open{top:var(--nav-h);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#080d1af7;flex-direction:column;gap:4px;padding:20px 28px 28px;display:flex;position:fixed;left:0;right:0}.nav-links.open a{color:var(--text);border-radius:var(--radius-sm);padding:14px 16px;font-size:1.05rem;display:block}.about-grid,.music-grid,.contact-grid{grid-template-columns:1fr}.music-stats-row{grid-template-columns:repeat(2,1fr)}.about-photo-col{align-items:center;position:static}.legacy-shell{grid-template-columns:1fr}.projects-grid{grid-template-columns:repeat(2,1fr)}.project-card--featured,.project-card:not(.project-card--featured){grid-column:span 1}.about-grid{margin-top:40px}}@media (max-width:580px){.section{padding:80px 0}.container,.nav-container{padding:0 20px}.fosky-wrap{width:32px;height:32px}.lang-switcher{width:40px;height:40px}.lang-btn{min-width:36px;height:34px;padding:0 8px;font-size:.7rem}.hero-name{font-size:clamp(2.6rem,11vw,3.5rem)}.hero-content{padding-inline:20px}.hero-cta{flex-direction:column;align-items:stretch}.studio-wrap{bottom:14px;left:14px}.studio-fab{width:42px;height:42px;font-size:.9rem}.studio-sub-fab{gap:7px;height:42px;padding:0 12px 0 10px;font-size:.9rem}.studio-cta{height:42px;bottom:14px;left:66px}.studio-cta-long{display:none}.studio-cta-short{display:inline}.studio-cat-panel{width:calc(100vw - 86px);bottom:14px;left:66px}.studio-bg-grid{grid-template-columns:repeat(3,1fr)}.btn-primary,.btn-outline{justify-content:center}.song-highlight,.eduardo-card,.skills-panel,.project-card,.contact-form{padding:22px}.projects-grid{grid-template-columns:1fr}.project-card--featured,.project-card:not(.project-card--featured){grid-column:span 1}.section-nav{bottom:14px;right:14px}.section-nav-btn{width:44px;height:44px}.ai-chat-panel{height:min(480px,100vh - 220px);bottom:184px;right:14px}body.npb-visible .ai-chat-panel{bottom:248px}body.npb-visible .studio-wrap,body.npb-visible .studio-cat-panel{bottom:78px}}.tracklist-col{border-right:1px solid #ffffff12;flex-direction:column;min-height:0;display:flex}html.theme-light .tracklist-col{border-right-color:#00000014}.tracklist-search-wrap{align-items:center;gap:8px;padding:12px 14px 8px 28px;display:flex;position:relative}.tracklist-search-icon{color:var(--muted);pointer-events:none;flex-shrink:0;font-size:.75rem}.tracklist-search{color:var(--text);font-family:var(--font-body);min-width:0;caret-color:var(--accent-1);background:0 0;border:none;outline:none;flex:1;font-size:.82rem}.tracklist-search::placeholder{color:var(--muted);opacity:.7}.tracklist-search::-webkit-search-cancel-button{display:none}.tracklist-search-clear{color:var(--muted);cursor:pointer;transition:var(--ease);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:.75rem;line-height:1}.tracklist-search-clear:hover{color:var(--text)}.tracklist-search-wrap:after{content:"";background:var(--border);height:1px;transition:background var(--ease);position:absolute;bottom:0;left:28px;right:14px}.tracklist-search-wrap:focus-within:after{background:rgb(var(--accent-1-rgb) / .35)}html.theme-light .tracklist-search-wrap:focus-within:after{background:#09c6}.tracklist .track-title mark{color:var(--accent-1);background:0 0;font-weight:700}.tracklist-no-results{color:var(--muted);text-align:center;padding:24px 28px;font-size:.82rem}.tracklist{border-right:none;flex:1}.player-btn.player-share-btn{margin-left:auto;font-size:.9rem}.player-btn.player-share-btn.copied{color:var(--accent-1)}.share-toast{background:rgb(var(--accent-1-rgb) / .15);border:1px solid rgb(var(--accent-1-rgb) / .35);color:var(--accent-1);pointer-events:none;opacity:0;white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;bottom:14px;right:18px;transform:translateY(6px)}.share-toast.show{opacity:1;transform:translateY(0)}html.theme-light .share-toast{background:#0099cc1f;border-color:#0099cc4d}.music-player-section{position:relative}@media (max-width:720px){.tracklist-col{border-bottom:1px solid #ffffff12;border-right:none}html.theme-light .tracklist-col{border-bottom-color:#00000014}.tracklist-search-wrap{padding:10px 20px 8px}.tracklist-search-wrap:after{left:20px;right:20px}.tracklist{border-bottom:none;border-right:none;padding:8px 20px 16px}}.player-visualizer{opacity:.7;width:100%;height:64px;margin-bottom:-4px;display:block}.now-playing-bar{-webkit-backdrop-filter:blur(18px);z-index:9999;background:#0a0a14eb;justify-content:center;align-items:center;height:64px;padding:0 20px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 32px #00000080}.now-playing-bar:before{content:"";background:linear-gradient(90deg, var(--accent-1) 0%, var(--accent-2) 25%, var(--accent-1) 50%, var(--accent-2) 75%, var(--accent-1) 100%);height:3px;box-shadow:0 0 calc(var(--beat-alpha) * 90px) rgb(var(--accent-1-rgb) / calc(var(--beat-alpha) * .95));z-index:1;background-size:300% 100%;animation:8s linear infinite npbGradientShift;position:absolute;top:0;left:0;right:0}@keyframes npbGradientShift{0%{background-position:0 0}to{background-position:300% 0}}.now-playing-bar.visible{transform:translateY(0)}.npb-inner{align-items:center;gap:16px;width:100%;max-width:960px;display:flex}.npb-track{flex:1;align-items:center;gap:12px;min-width:0;max-width:280px;display:flex}.npb-cover{object-fit:cover;width:42px;height:42px;box-shadow:0 0 calc(var(--beat-alpha) * 24px) rgb(var(--accent-1-rgb) / calc(var(--beat-alpha) * .8));border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0}.npb-visualizer-mini{flex-shrink:0;justify-content:center;align-self:center;align-items:center;gap:2px;width:24px;height:24px;display:flex}.npb-visualizer-mini span{background:var(--gradient);border-radius:2px;width:3px;height:4px;transition:height .15s;display:block}.now-playing-bar.playing .npb-visualizer-mini span:first-child{animation:.8s ease-in-out infinite alternate npbBar}.now-playing-bar.playing .npb-visualizer-mini span:nth-child(2){animation:.6s ease-in-out .1s infinite alternate npbBar}.now-playing-bar.playing .npb-visualizer-mini span:nth-child(3){animation:.9s ease-in-out .2s infinite alternate npbBar}.now-playing-bar.playing .npb-visualizer-mini span:nth-child(4){animation:.7s ease-in-out 50ms infinite alternate npbBar}.now-playing-bar.playing .npb-visualizer-mini span:nth-child(5){animation:1s ease-in-out .15s infinite alternate npbBar}@keyframes npbBar{0%{height:4px}to{height:18px}}.npb-info{flex-direction:column;gap:2px;min-width:0;display:flex}.npb-title{color:var(--white);white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.85rem;font-weight:700;overflow:hidden}.npb-artist{color:var(--muted);font-size:.73rem}.npb-controls{flex-shrink:0;align-items:center;gap:8px;display:flex}.npb-btn{color:var(--muted);cursor:pointer;transition:var(--ease);background:0 0;border:none;padding:6px;font-size:1rem;line-height:1}.npb-btn:hover{color:var(--text);transform:scale(1.1)}.npb-btn.npb-btn-play{background:var(--gradient);width:38px;height:38px;color:var(--white);box-shadow:0 2px 14px rgb(var(--accent-2-rgb) / .4);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex;transform:none}.npb-btn.npb-btn-play:hover{box-shadow:0 4px 20px rgb(var(--accent-2-rgb) / .6);filter:brightness(1.1);transform:none}.npb-seek-wrap{flex:1;align-items:center;min-width:80px;max-width:320px;display:flex}.npb-seek{appearance:none;background:linear-gradient(90deg, rgb(var(--accent-1-rgb)) 0%, rgb(var(--accent-2-rgb)) var(--seek,0%), #ffffff1f var(--seek,0%));cursor:pointer;border-radius:999px;outline:none;width:100%;height:3px}.npb-seek::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gradient);cursor:pointer;width:12px;height:12px;box-shadow:0 0 5px rgb(var(--accent-2-rgb) / .5);border-radius:50%}.npb-seek::-moz-range-thumb{background:var(--accent-2);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}.npb-vol-wrap{flex-shrink:0;align-items:center;gap:6px;width:110px;display:flex}.npb-vol-icon{color:var(--muted);cursor:pointer;transition:var(--ease);flex-shrink:0;font-size:.8rem}.npb-vol-icon:hover{color:var(--text)}.npb-vol{appearance:none;background:linear-gradient(90deg, rgb(var(--accent-1-rgb)) 0%, rgb(var(--accent-2-rgb)) var(--vol,0%), #ffffff1f var(--vol,0%));cursor:pointer;border-radius:999px;outline:none;width:100%;height:3px}.npb-vol::-webkit-slider-thumb{-webkit-appearance:none;background:var(--gradient);cursor:pointer;width:12px;height:12px;box-shadow:0 0 5px rgb(var(--accent-2-rgb) / .5);border-radius:50%}.npb-vol::-moz-range-thumb{background:var(--accent-2);cursor:pointer;border:none;border-radius:50%;width:12px;height:12px}html.theme-light .npb-vol{background:linear-gradient(90deg, rgb(var(--accent-1-rgb)) 0%, rgb(var(--accent-2-rgb)) var(--vol,0%), #0000001f var(--vol,0%))}.npb-close{color:var(--muted);cursor:pointer;transition:var(--ease);background:0 0;border:none;flex-shrink:0;padding:6px;font-size:.9rem}.npb-close:hover{color:var(--text)}.stage-mode{z-index:100000;opacity:0;visibility:hidden;pointer-events:none;--stage-beat:var(--beat-alpha,0);background:#060814;place-items:center;padding:clamp(18px,3vh,32px);transition:opacity .24s,visibility .24s;display:grid;position:fixed;inset:0}html.stage-lock,html.stage-lock body{overflow:hidden}.stage-mode.open{opacity:1;visibility:visible;pointer-events:auto}.stage-bg{object-fit:cover;width:116%;height:116%;filter:blur(34px) saturate(calc(1.12 + var(--stage-beat) * .35)) brightness(calc(.42 + var(--stage-beat) * .1));transform:scale(calc(1.02 + var(--stage-beat) * .035));animation:18s ease-in-out infinite alternate stageBgDrift;position:absolute;inset:-8%}.stage-vignette{background:radial-gradient(circle at 22% 20%, rgb(var(--accent-1-rgb) / calc(.06 + var(--stage-beat) * .18)), transparent 28%), radial-gradient(circle at 78% 78%, rgb(var(--accent-2-rgb) / calc(.07 + var(--stage-beat) * .2)), transparent 30%), radial-gradient(circle at 50% 38%, #ffffff1a, transparent 32%), radial-gradient(circle at 50% 50%, transparent 0%, #03050ec7 72%), linear-gradient(180deg, #05071233, #050712d1);position:absolute;inset:0}.stage-shell{grid-template-rows:minmax(0,45vh) minmax(112px,20vh) 36px 72px 64px;place-items:center;gap:clamp(8px,1.5vh,16px);width:min(980px,92vw);height:min(860px,100vh - clamp(36px,6vh,64px));display:grid;position:relative}.stage-art-wrap{aspect-ratio:16/9;width:min(760px,84vw);max-height:45vh;position:relative}.stage-art-wrap:after{content:"";background:linear-gradient(105deg, transparent 12%, rgba(255,255,255,calc(.04 + var(--stage-beat) * .11)) 48%, transparent 64%);mix-blend-mode:screen;opacity:calc(.22 + var(--stage-beat) * .48);transform:translateX(calc(-35% + var(--stage-beat) * 18%));pointer-events:none;border-radius:12px;position:absolute;inset:0}.stage-orbit{border:1px solid rgb(var(--accent-1-rgb) / calc(.12 + var(--stage-beat) * .24));opacity:calc(.25 + var(--stage-beat) * .45);transform:rotate(-2deg) scale(calc(1 + var(--stage-beat) * .035));pointer-events:none;border-radius:18px;position:absolute;inset:-8%}.stage-orbit-b{border-color:rgb(var(--accent-2-rgb) / calc(.1 + var(--stage-beat) * .24));transform:rotate(3deg) scale(calc(1 + var(--stage-beat) * .06));inset:-13%}.stage-cover{aspect-ratio:16/9;object-fit:cover;border:1px solid rgb(var(--accent-1-rgb) / calc(.26 + var(--stage-beat) * .55));width:100%;height:100%;box-shadow:0 26px 70px #0000008c, 0 0 calc(70px + var(--stage-beat) * 90px) rgb(var(--accent-2-rgb) / calc(.14 + var(--stage-beat) * .48));transform:scale(calc(1 + var(--stage-beat) * .018));border-radius:12px}.stage-copy{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(980px,92vw);min-width:0;height:100%;display:flex;overflow:hidden}.stage-copy h2{font-family:var(--font-head);color:#fff;-webkit-line-clamp:4;text-wrap:balance;-webkit-box-orient:vertical;max-width:min(980px,92vw);max-height:3.72em;margin:4px 0;font-size:clamp(2rem,5.2vw,4.9rem);line-height:.92;display:-webkit-box;overflow:hidden}.stage-copy h2.stage-title-long{max-height:3.76em;font-size:clamp(1.55rem,4.1vw,3.75rem);line-height:.94}.stage-copy h2.stage-title-xl{max-height:3.84em;font-size:clamp(1.28rem,3.4vw,3rem);line-height:.96}.stage-copy>span:last-child{color:var(--muted);font-weight:700}.stage-reactor{width:min(420px,70vw);height:36px;opacity:calc(.42 + var(--stage-beat) * .5);justify-content:center;align-items:center;gap:5px;display:flex}.stage-reactor span{--eq:.04;background:linear-gradient(180deg, rgb(var(--accent-1-rgb)), rgb(var(--accent-2-rgb)));transform-origin:bottom;width:5px;height:34px;transform:scaleY(calc(.12 + var(--eq) * .88));box-shadow:0 0 calc(8px + var(--eq) * 24px) rgb(var(--accent-2-rgb) / calc(.16 + var(--eq) * .48));border-radius:999px;transition:transform 70ms linear}.stage-sliders{align-content:center;gap:12px;width:min(560px,82vw);height:72px;display:grid}.stage-seek-row,.stage-volume-row{align-items:center;gap:12px;display:grid}.stage-seek-row{grid-template-columns:44px minmax(0,1fr) 44px}.stage-volume-row{grid-template-columns:20px minmax(0,180px);justify-content:center}.stage-seek-row span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:700}.stage-seek,.stage-volume{appearance:none;cursor:pointer;background:linear-gradient(90deg, rgb(var(--accent-1-rgb)) 0%, rgb(var(--accent-2-rgb)) var(--seek,var(--vol,0%)), #ffffff21 var(--seek,var(--vol,0%)));border-radius:999px;outline:none;width:100%;height:6px}.stage-volume{--seek:var(--vol)}.stage-seek::-webkit-slider-thumb{appearance:none;border:3px solid rgb(var(--accent-2-rgb));width:16px;height:16px;box-shadow:0 0 18px rgb(var(--accent-2-rgb) / .55);background:#fff;border-radius:50%}.stage-volume::-webkit-slider-thumb{appearance:none;border:3px solid rgb(var(--accent-2-rgb));width:16px;height:16px;box-shadow:0 0 18px rgb(var(--accent-2-rgb) / .55);background:#fff;border-radius:50%}.stage-seek::-moz-range-thumb{border:3px solid rgb(var(--accent-2-rgb));width:16px;height:16px;box-shadow:0 0 18px rgb(var(--accent-2-rgb) / .55);background:#fff;border-radius:50%}.stage-volume::-moz-range-thumb{border:3px solid rgb(var(--accent-2-rgb));width:16px;height:16px;box-shadow:0 0 18px rgb(var(--accent-2-rgb) / .55);background:#fff;border-radius:50%}.stage-volume-row i{color:var(--muted);font-size:.9rem}.stage-controls{align-items:center;gap:14px;height:64px;display:flex}.stage-btn,.stage-play,.stage-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);transition:var(--ease);background:#0808148f;border:1px solid #ffffff1f;justify-content:center;align-items:center;display:inline-flex}.stage-btn{border-radius:50%;width:46px;height:46px}.stage-play{background:var(--gradient);width:62px;height:62px;box-shadow:0 8px 28px rgb(var(--accent-2-rgb) / calc(.45 + var(--stage-beat) * .28));transform:scale(calc(1 + var(--stage-beat) * .045));border:0;border-radius:50%}.stage-close{z-index:2;border-radius:50%;width:44px;height:44px;position:absolute;top:22px;right:22px}.stage-btn:hover,.stage-play:hover,.stage-close:hover{background:rgb(var(--accent-2-rgb) / .62);transform:scale(1.08)}@keyframes stageBgDrift{0%{transform:translate3d(-1.2%, -0.8%, 0) scale(calc(1.03 + var(--stage-beat) * .035))}to{transform:translate3d(1.2%, 0.8%, 0) scale(calc(1.06 + var(--stage-beat) * .035))}}@media (max-width:580px){.npb-seek-wrap,.npb-vol-wrap{display:none}.npb-title{max-width:120px}.now-playing-bar{gap:10px;padding:0 12px}.npb-cover{width:36px;height:36px}.stage-mode{padding:18px}.stage-shell{grid-template-rows:minmax(0,31vh) minmax(128px,23vh) 30px 70px 58px;height:calc(100vh - 36px)}.stage-art-wrap{max-height:31vh}.stage-copy h2{font-size:clamp(1.45rem,10vw,3rem)}.stage-copy h2.stage-title-long,.stage-copy h2.stage-title-xl{font-size:clamp(1.12rem,7.8vw,2.15rem)}.stage-reactor{height:30px}.stage-reactor span{width:4px;height:28px}.stage-sliders{gap:10px;width:min(520px,86vw);height:70px}.stage-seek-row{grid-template-columns:38px minmax(0,1fr) 38px;gap:9px}.stage-volume-row{grid-template-columns:18px minmax(0,150px);gap:9px}.stage-controls{gap:10px}}.section-nav-btn.section-nav-ai{border-color:rgba(var(--accent-1-rgb) / .35);background:#080816b8;box-shadow:0 4px 20px #00000073}.section-nav-btn.section-nav-ai:hover:not(:disabled){background:rgba(var(--accent-1-rgb) / .18);border-color:rgba(var(--accent-1-rgb) / .6);color:#fff}.ai-chat-panel{z-index:111;-webkit-backdrop-filter:blur(18px);border:1px solid rgb(var(--accent-2-rgb) / .3);border-radius:var(--radius);opacity:0;pointer-events:none;background:#0c1120f7;flex-direction:column;width:min(380px,100vw - 44px);height:min(520px,100vh - 240px);transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:204px;right:22px;overflow:hidden;transform:translateY(16px)scale(.96);box-shadow:0 20px 60px #00000080}.ai-chat-panel.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}body.npb-visible .ai-chat-panel{bottom:268px}html.theme-light .ai-chat-panel{background:#f0f4fafa}.ai-chat-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.ai-chat-title{font-family:var(--font-head);color:var(--white);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:inline-flex}.ai-chat-title i{color:var(--accent-1)}.ai-chat-close{color:var(--muted);cursor:pointer;transition:var(--ease);background:0 0;border:none;padding:4px;font-size:1rem}.ai-chat-close:hover{color:var(--text)}.ai-chat-messages{scrollbar-width:thin;scrollbar-color:rgb(var(--accent-2-rgb) / .5) transparent;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.ai-chat-messages::-webkit-scrollbar{width:5px}.ai-chat-messages::-webkit-scrollbar-thumb{background:rgb(var(--accent-2-rgb) / .5);border-radius:3px}.ai-msg{white-space:pre-wrap;word-wrap:break-word;border-radius:14px;max-width:85%;padding:10px 13px;font-size:.88rem;line-height:1.5}.ai-msg.user{background:var(--gradient);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.ai-msg.bot{background:rgb(var(--accent-2-rgb) / .12);color:var(--text);border:1px solid rgb(var(--accent-2-rgb) / .18);border-bottom-left-radius:4px;align-self:flex-start}.ai-msg.bot.error{background:#dc3c3c1f;border-color:#dc3c3c4d}.ai-msg.typing{color:var(--muted);font-style:italic}.ai-chat-input-row{border-top:1px solid var(--border);flex-shrink:0;gap:8px;padding:12px;display:flex}.ai-chat-input{border:1px solid var(--border);color:var(--text);transition:var(--ease);background:#ffffff0d;border-radius:999px;outline:none;flex:1;padding:10px 16px;font-family:inherit;font-size:.88rem}html.theme-light .ai-chat-input{background:#0000000a}.ai-chat-input:focus{border-color:var(--accent-1)}.ai-chat-send{background:var(--gradient);color:#fff;cursor:pointer;width:40px;height:40px;transition:var(--ease);border:none;border-radius:50%;flex-shrink:0}.ai-chat-send:hover{transform:scale(1.08)}.ai-chat-send:disabled{opacity:.5;cursor:default;transform:none}.webs-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;display:grid}.web-card{background:var(--surface);border:1px solid rgb(var(--accent-2-rgb) / calc(.1 + var(--beat-alpha) * .55));border-radius:var(--radius);transition:border-color var(--ease), transform var(--ease), box-shadow var(--ease);box-shadow:0 0 calc(var(--beat-alpha) * 60px) rgb(var(--accent-2-rgb) / calc(var(--beat-alpha) * .75));flex-direction:column;display:flex;overflow:hidden}.web-card:hover{border-color:rgb(var(--accent-1-rgb) / .28);transform:translateY(-5px);box-shadow:0 24px 48px #00000059}.web-card-media{aspect-ratio:16/10;background-position:50%;background-size:cover;display:block;position:relative}.web-card-media:after{content:"";opacity:0;transition:var(--ease);background:linear-gradient(#0000 45%,#00000073);position:absolute;inset:0}.web-card:hover .web-card-media:after{opacity:1}.web-card-launch{background:var(--gradient);width:40px;height:40px;color:var(--white);opacity:0;transition:var(--ease);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;top:14px;right:14px;transform:translateY(-6px)}.web-card:hover .web-card-launch{opacity:1;transform:none}.web-card-body{flex-direction:column;flex:1;gap:12px;padding:26px;display:flex}.web-card-tag{color:var(--accent-1);letter-spacing:.1em;text-transform:uppercase;font-size:.74rem;font-weight:700}.web-card h3{font-family:var(--font-head);color:var(--white);font-size:1.22rem;font-weight:800}.web-card p{color:var(--muted);flex:1;font-size:.9rem;line-height:1.65}.web-card-stack{color:var(--muted);letter-spacing:.06em;font-size:.76rem;font-weight:600}@media (max-width:640px){.webs-grid{grid-template-columns:1fr}}#webs .section-desc{max-width:880px}.demo-hub{width:100%;margin-top:clamp(28px,4vw,48px)}.demo-hub-shell{isolation:isolate;border:1px solid rgb(var(--accent-2-rgb) / calc(.22 + var(--beat-alpha) * .22));background:radial-gradient(circle at 14% 10%, rgb(var(--accent-1-rgb) / .18), transparent 30%), radial-gradient(circle at 92% 4%, rgb(var(--accent-2-rgb) / .16), transparent 32%), linear-gradient(145deg, #ffffff13, #ffffff06), #060a17c7;width:100%;box-shadow:0 34px 110px #0000005c, 0 0 calc(var(--beat-alpha) * 92px) rgb(var(--accent-1-rgb) / calc(var(--beat-alpha) * .35));-webkit-backdrop-filter:blur(20px);border-radius:clamp(24px,3vw,36px);padding:clamp(14px,2.1vw,24px);position:relative;overflow:hidden}.demo-hub-shell:before,.demo-hub-shell:after{content:"";pointer-events:none;z-index:-1;position:absolute}.demo-hub-shell:before{opacity:.72;background-color:#0000;background-image:linear-gradient(90deg,#0000 49%,#ffffff09 50%,#0000 51%),linear-gradient(#0000 49%,#ffffff07 50%,#0000 51%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:76px 76px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;inset:0;-webkit-mask-image:linear-gradient(115deg,#000 0%,#0000 84%);mask-image:linear-gradient(115deg,#000 0%,#0000 84%)}.demo-hub-shell:after{background:var(--gradient);filter:blur(48px);height:92px;opacity:calc(.12 + var(--beat-alpha) * .25);inset:auto 4% -42px}.demo-hub-bg{z-index:-2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.demo-hub-bg:before,.demo-hub-bg:after{content:"";border-radius:999px;position:absolute}.demo-hub-bg:before{background:radial-gradient(circle, color-mix(in srgb, var(--demo-accent,var(--accent-1)) 24%, transparent), transparent 64%);width:48vw;height:48vw;animation:16s ease-in-out infinite alternate demoHubFloat;top:-18vw;left:-18vw}.demo-hub-bg:after{background:radial-gradient(circle, color-mix(in srgb, var(--demo-accent-2,var(--accent-2)) 22%, transparent), transparent 66%);width:42vw;height:42vw;animation:20s ease-in-out infinite alternate-reverse demoHubFloat;bottom:-22vw;right:-18vw}@keyframes demoHubFloat{0%{transform:translate(-12px,-8px)scale(1)}to{transform:translate(24px,20px)scale(1.08)}}.demo-hub-topbar,.demo-hub-toolbar,.demo-hub-layout,.demo-goals{z-index:1;position:relative}.demo-hub-topbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;display:grid}.demo-hub-status,.demo-hub-present-btn,.demo-stat,.demo-goal,.demo-filter,.demo-device,.demo-tab,.demo-solid,.demo-ghost,.demo-compare-toggle,.demo-view-modes button,.demo-section-steps button,.demo-inspector-list button,.demo-responsive-presets button,.demo-compare-picks button,.demo-audit-result button{font:inherit}.demo-hub-status{border:1px solid rgb(var(--accent-1-rgb) / .24);min-height:40px;color:var(--text);text-transform:uppercase;letter-spacing:.12em;background:#ffffff0d;border-radius:999px;align-items:center;gap:9px;padding:0 14px;font-size:.72rem;font-weight:900;display:inline-flex}.demo-hub-live-dot{background:var(--demo-accent,var(--accent-1));width:9px;height:9px;box-shadow:0 0 18px color-mix(in srgb, var(--demo-accent,var(--accent-1)) 88%, transparent);border-radius:50%}.demo-hub-stats{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.demo-stat{background:#ffffff0b;border:1px solid #ffffff16;border-radius:16px;min-width:96px;padding:9px 12px}.demo-stat strong{color:var(--white);font-family:var(--font-head);font-size:1rem;line-height:1;display:block}.demo-stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.055em;margin-top:5px;font-size:.62rem;font-weight:900;display:block}.demo-hub-present-btn{border:1px solid color-mix(in srgb, var(--demo-accent) 34%, var(--border));min-height:42px;color:var(--white);background:linear-gradient(135deg, color-mix(in srgb, var(--demo-accent) 18%, transparent), #ffffff0b);cursor:pointer;transition:var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:0 14px;font-size:.76rem;font-weight:900;display:inline-flex}.demo-hub-present-btn:hover{box-shadow:0 16px 34px color-mix(in srgb, var(--demo-accent) 18%, transparent);transform:translateY(-2px)}.demo-goals{background:#ffffff09;border:1px solid #ffffff14;border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px;padding:12px;display:grid}.demo-goals-title{color:var(--white);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;align-items:center;gap:10px;font-size:.82rem;font-weight:950;display:inline-flex}.demo-goals-title i{color:var(--demo-accent,var(--accent-1))}.demo-goals-track{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.demo-goals-track::-webkit-scrollbar{display:none}.demo-goal,.demo-filter,.demo-device,.demo-tab,.demo-solid,.demo-ghost{border:1px solid var(--border);color:var(--muted);cursor:pointer;transition:transform var(--ease), border-color var(--ease), background var(--ease), color var(--ease), box-shadow var(--ease);background:#ffffff0b}.demo-goal{white-space:nowrap;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:.75rem;font-weight:900;display:inline-flex}.demo-goal:hover,.demo-filter:hover,.demo-device:hover,.demo-tab:hover,.demo-ghost:hover{color:var(--text);border-color:color-mix(in srgb, var(--demo-accent,var(--accent-1)) 45%, var(--border));background:color-mix(in srgb, var(--demo-accent,var(--accent-1)) 10%, #ffffff0a);transform:translateY(-1px)}.demo-goal.active,.demo-filter.active,.demo-device.active,.demo-tab.active,.demo-view-modes button.active,.demo-responsive-presets button.active,.demo-compare-picks button.active,.demo-audit-result button:hover{color:#fff;background:linear-gradient(135deg, var(--demo-accent,var(--accent-1)), var(--demo-accent-2,var(--accent-2)));box-shadow:0 12px 26px color-mix(in srgb, var(--demo-accent,var(--accent-1)) 18%, transparent);border-color:#0000}.demo-hub-toolbar{grid-template-columns:minmax(230px,360px) minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px;display:grid}.demo-hub-search{border:1px solid var(--border);min-height:46px;color:var(--muted);transition:var(--ease);background:#ffffff0d;border-radius:999px;align-items:center;gap:10px;padding:0 15px;display:flex}.demo-hub-search:focus-within{border-color:color-mix(in srgb, var(--demo-accent) 55%, var(--border));box-shadow:0 0 0 4px color-mix(in srgb, var(--demo-accent) 12%, transparent)}.demo-hub-search input{width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:0;font-size:.88rem}.demo-hub-search input::placeholder{color:var(--muted)}.demo-hub-filters{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.demo-filter{border-radius:999px;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:.74rem;font-weight:900;display:inline-flex}.demo-filter.ghost{opacity:.86}.demo-hub-layout{grid-template-columns:minmax(260px,320px) minmax(420px,1fr) minmax(330px,430px);align-items:stretch;gap:14px;display:grid}.demo-list-panel{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--demo-accent) 45%, transparent) transparent;flex-direction:column;gap:10px;min-width:0;max-height:760px;padding:2px 4px 2px 2px;display:flex;overflow:auto}.demo-list-panel::-webkit-scrollbar{width:6px}.demo-workbench::-webkit-scrollbar{width:6px}.demo-list-panel::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--demo-accent) 42%, transparent);border-radius:999px}.demo-workbench::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--demo-accent) 42%, transparent);border-radius:999px}.demo-card{background:linear-gradient(135deg, color-mix(in srgb, var(--card-accent) 12%, transparent), transparent 62%), #ffffff09;transition:var(--ease);border:1px solid #ffffff14;border-radius:22px;position:relative;overflow:hidden}.demo-card:before{content:"";background:linear-gradient(180deg, var(--card-accent), var(--card-accent-2));opacity:0;width:4px;transition:var(--ease);position:absolute;inset:0 auto 0 0}.demo-card:hover,.demo-card.active{border-color:color-mix(in srgb, var(--card-accent) 55%, #ffffff1a);box-shadow:0 18px 40px #00000047, 0 0 24px color-mix(in srgb, var(--card-accent) 18%, transparent);transform:translateY(-2px)}.demo-card.active:before{opacity:1}.demo-card.recommended{border-color:color-mix(in srgb, var(--card-accent) 42%, #ffffff14)}.demo-card-main{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 44px 14px 14px;display:grid}.demo-logo{object-fit:cover;border-radius:17px;width:58px;height:58px;box-shadow:0 12px 28px #00000042}.demo-card-copy{min-width:0}.demo-card-copy small{color:color-mix(in srgb, var(--card-accent-2) 72%, #fff);letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;font-weight:950;display:block;overflow:hidden}.demo-card-copy strong{color:var(--white);font-family:var(--font-head);margin-top:5px;font-size:1.04rem;line-height:1.1;display:block}.demo-card-copy em{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:.78rem;font-style:normal;line-height:1.35;display:-webkit-box;overflow:hidden}.demo-rank{color:#ffffff38;font-family:var(--font-head);font-weight:950}.demo-compare-toggle{width:30px;height:30px;color:var(--muted);cursor:pointer;transition:var(--ease);background:#0408125c;border:1px solid #ffffff1a;border-radius:12px;position:absolute;top:11px;right:10px}.demo-compare-toggle.active{color:#fff;background:linear-gradient(135deg, var(--card-accent), var(--card-accent-2));border-color:#0000}.demo-preview-panel{min-width:0}.demo-preview-card,.demo-workbench{background:#080c1aad;border:1px solid #ffffff16;border-radius:25px;box-shadow:inset 0 1px #ffffff0f,0 24px 60px #0000003d}.demo-preview-card{flex-direction:column;gap:12px;height:100%;padding:14px;display:flex}.demo-preview-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.demo-preview-toolbar strong{color:var(--white);font-family:var(--font-head);font-size:1rem;display:block}.demo-preview-toolbar span{color:var(--muted);margin-top:3px;font-size:.74rem;font-weight:800;display:block}.demo-device-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.demo-device{border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-size:.7rem;font-weight:900;display:inline-flex}.demo-width-lab{color:var(--muted);background:#ffffff09;border:1px solid #ffffff12;border-radius:16px;grid-template-columns:auto minmax(0,1fr) 74px;align-items:center;gap:10px;padding:10px 12px;font-size:.76rem;font-weight:900;display:grid}.demo-width-lab input{width:100%;accent-color:var(--demo-accent)}.demo-width-lab output{color:var(--white);text-align:right}.demo-stage{width:min(100%, var(--demo-stage-width,1180px));border:1px solid color-mix(in srgb, var(--demo-accent) 25%, #ffffff14);min-width:0;height:clamp(520px,58vh,720px);box-shadow:0 22px 55px #00000059, 0 0 36px color-mix(in srgb, var(--demo-accent) 10%, transparent);transition:width var(--ease), border-radius var(--ease), box-shadow var(--ease);background:#070b16;border-radius:24px;margin:0 auto;position:relative;overflow:hidden}.demo-stage[data-device=mobile]{border-radius:34px;max-width:410px;height:min(720px,72vh)}.demo-stage[data-device=tablet]{border-radius:28px;max-width:790px;height:min(680px,70vh)}.demo-browser-bar{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030710c2;border-bottom:1px solid #ffffff14;align-items:center;gap:7px;height:32px;padding:0 12px;display:flex;position:absolute;inset:0 0 auto}.demo-browser-bar span{background:#ffffff40;border-radius:50%;width:8px;height:8px}.demo-browser-bar span:first-child{background:#ff5f57}.demo-browser-bar span:nth-child(2){background:#ffbd2e}.demo-browser-bar span:nth-child(3){background:#28c840}.demo-browser-bar em{color:#ffffff7a;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.68rem;font-style:normal;font-weight:800;overflow:hidden}.demo-frame{background:#070b16;border:0;width:100%;height:100%;padding-top:32px}.demo-inspector-layer,.demo-section-radar,.demo-presentation-caption{z-index:9;pointer-events:none;opacity:0;transition:var(--ease);position:absolute}.demo-inspector-layer.visible,.demo-section-radar.visible,.demo-presentation-caption.visible{opacity:1}.demo-hotspot{pointer-events:auto;color:#fff;cursor:pointer;background:0 0;border:0;position:absolute;transform:translate(-50%,-50%)}.demo-hotspot span{background:linear-gradient(135deg, var(--demo-accent), var(--demo-accent-2));width:34px;height:34px;box-shadow:0 0 22px color-mix(in srgb, var(--demo-accent) 55%, transparent);border:2px solid #ffffffe6;border-radius:999px;place-items:center;font-weight:950;display:grid}.demo-hotspot em{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050812db;border:1px solid #ffffff29;border-radius:13px;width:max-content;max-width:190px;padding:8px 10px;font-size:.72rem;font-style:normal;font-weight:900;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.demo-hotspot.active span{transform:scale(1.12)}.demo-section-radar{border:1px solid color-mix(in srgb, var(--demo-accent) 42%, #ffffff24);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050812d1;border-radius:18px;padding:12px 14px;bottom:18px;left:18px;right:18px}.demo-section-radar span{color:var(--white);font-family:var(--font-head);font-weight:950;display:block}.demo-section-radar em{color:var(--muted);margin-top:4px;font-size:.8rem;font-style:normal;display:block}.demo-presentation-caption{background:linear-gradient(135deg, #000000c7, color-mix(in srgb, var(--demo-accent) 18%, #000000c2));color:#fff;border-radius:18px;padding:12px 14px;font-weight:900;line-height:1.45;top:48px;left:16px;right:16px;box-shadow:0 18px 46px #00000057}.demo-workbench{min-width:0;max-height:760px;padding:12px;overflow:auto}.demo-tabs{z-index:3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#080c1af5,#080c1ad1);flex-wrap:wrap;gap:7px;padding-bottom:10px;display:flex;position:sticky;top:0}.demo-tab{white-space:nowrap;border-radius:999px;min-height:32px;padding:0 10px;font-size:.68rem;font-weight:950}.demo-panel{gap:12px;display:grid}.demo-value-card,.demo-tool-card,.demo-score-card,.demo-section-map,.demo-build-card,.demo-view-modes,.demo-psr-grid article{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;box-shadow:inset 0 1px #ffffff0b}.demo-value-card,.demo-tool-card,.demo-score-card,.demo-section-map,.demo-build-card,.demo-view-modes{padding:14px}.demo-detail-head{align-items:center;gap:12px;display:flex}.demo-detail-head img{border-radius:18px;width:58px;height:58px}.demo-detail-head small{color:var(--demo-accent-2);text-transform:uppercase;letter-spacing:.11em;font-size:.66rem;font-weight:950}.demo-detail-head h3{color:var(--white);font-family:var(--font-head);margin:4px 0 0;font-size:clamp(1.55rem,2.5vw,2rem);line-height:1}.demo-summary,.demo-muted,.demo-callout p,.demo-transform-note{color:var(--muted);font-size:.86rem;line-height:1.6}.demo-actions-row{flex-wrap:wrap;gap:9px;margin-top:12px;display:flex}.demo-solid,.demo-ghost{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-size:.78rem;font-weight:950;display:inline-flex}.demo-solid{color:#07111f;background:linear-gradient(135deg, var(--demo-accent), var(--demo-accent-2));border-color:#0000}.demo-solid:hover,.demo-ghost:hover{transform:translateY(-2px)}.demo-solid.full{color:#07111f;width:100%;margin-top:10px}.demo-view-modes{grid-template-columns:auto repeat(4,auto);align-items:center;gap:7px;display:grid}.demo-view-modes>span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:950}.demo-view-modes button,.demo-responsive-presets button,.demo-compare-picks button,.demo-audit-result button{border:1px solid var(--border);min-height:30px;color:var(--muted);cursor:pointer;transition:var(--ease);background:#ffffff0a;border-radius:999px;padding:0 9px;font-size:.67rem;font-weight:900}.demo-view-modes div{background:#00000021;border-radius:14px;grid-column:1/-1;padding:10px}.demo-view-modes strong{color:var(--white)}.demo-view-modes p{color:var(--muted);margin:4px 0 0;font-size:.8rem;line-height:1.5}.demo-psr-grid{gap:9px;display:grid}.demo-psr-grid article{padding:12px}.demo-psr-grid strong,.demo-block-title strong,.demo-audit-result strong,.demo-callout strong{color:var(--white);font-family:var(--font-head);text-transform:uppercase;letter-spacing:.065em;font-size:.82rem;display:block}.demo-psr-grid p{color:var(--muted);margin:7px 0 0;font-size:.8rem;line-height:1.5}.demo-block-title{gap:5px;margin-bottom:12px;display:grid}.demo-block-title span{color:var(--muted);font-size:.77rem;line-height:1.45}.demo-score-total{align-items:baseline;gap:5px;margin-bottom:10px;display:flex}.demo-score-total b{color:var(--white);font-family:var(--font-head);font-size:2.4rem;line-height:.9}.demo-score-total span{color:var(--muted);font-weight:900}.demo-metrics{gap:8px;display:grid}.demo-metric{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;gap:6px;display:grid}.demo-metric span{color:var(--muted);justify-content:space-between;gap:10px;font-size:.73rem;font-weight:900;display:flex}.demo-metric span b{color:var(--text)}.demo-metric i{background:linear-gradient(90deg, var(--demo-accent), var(--demo-accent-2));height:6px;box-shadow:0 0 18px color-mix(in srgb, var(--demo-accent) 22%, transparent);border-radius:999px;display:block}.demo-metric.active span em{color:var(--white);font-style:normal}.demo-metric-note{color:var(--muted);margin:11px 0 0;font-size:.8rem;line-height:1.5}.demo-section-steps{gap:8px;display:grid}.demo-section-steps button{width:100%;color:var(--muted);cursor:pointer;text-align:left;transition:var(--ease);background:#ffffff08;border:1px solid #ffffff14;border-radius:15px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:2px 10px;padding:10px;display:grid}.demo-section-steps button:hover,.demo-section-steps button.active{border-color:color-mix(in srgb, var(--demo-accent) 40%, #ffffff14);background:color-mix(in srgb, var(--demo-accent) 8%, #ffffff08)}.demo-section-steps b{color:#07111f;background:linear-gradient(135deg, var(--demo-accent), var(--demo-accent-2));border-radius:11px;grid-row:span 2;place-items:center;width:30px;height:30px;font-size:.74rem;display:grid}.demo-section-steps span{color:var(--white);font-weight:900}.demo-section-steps em{font-size:.75rem;font-style:normal}.demo-build-grid,.demo-checklist{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.demo-build-grid span,.demo-checklist span{min-height:38px;color:var(--text);background:#ffffff09;border:1px solid #ffffff13;border-radius:14px;align-items:center;gap:8px;padding:9px 10px;font-size:.76rem;font-weight:850;display:flex}.demo-build-grid i,.demo-checklist i{color:var(--demo-accent)}.demo-inspector-list{gap:8px;display:grid}.demo-inspector-list button{min-height:42px;color:var(--text);cursor:pointer;text-align:left;transition:var(--ease);background:#ffffff09;border:1px solid #ffffff14;border-radius:15px;align-items:center;gap:10px;padding:8px 10px;display:flex}.demo-inspector-list button.active,.demo-inspector-list button:hover{border-color:color-mix(in srgb, var(--demo-accent) 44%, #ffffff1a);background:color-mix(in srgb, var(--demo-accent) 10%, #ffffff09)}.demo-inspector-list b{color:#07111f;background:linear-gradient(135deg, var(--demo-accent), var(--demo-accent-2));border-radius:999px;flex:none;place-items:center;width:28px;height:28px;display:grid}.demo-inspector-list span{font-size:.82rem;font-weight:900}.demo-callout{border:1px solid color-mix(in srgb, var(--demo-accent) 28%, #ffffff14);background:color-mix(in srgb, var(--demo-accent) 7%, #ffffff08);border-radius:16px;margin-top:12px;padding:12px}.demo-responsive-presets{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.demo-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.demo-form-grid label,.demo-style-lab label,.demo-field{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;gap:7px;font-size:.68rem;font-weight:950;display:grid}.demo-form-grid select,.demo-style-lab select,.demo-field input{width:100%;min-height:40px;color:var(--text);font:inherit;text-transform:none;letter-spacing:0;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:13px;outline:0;padding:0 10px;font-size:.78rem}.demo-style-lab{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px;display:grid}.demo-transform-preview{border:1px solid color-mix(in srgb, var(--transform-accent) 45%, #ffffff14);background:radial-gradient(circle at 88% 0%, color-mix(in srgb, var(--transform-accent) 26%, transparent), transparent 30%), #ffffff0b;transition:var(--ease);border-radius:22px;margin-top:12px;padding:16px}.demo-transform-preview.compact{padding:12px}.demo-transform-preview.airy{padding:22px}.demo-transform-preview.high{box-shadow:0 0 36px color-mix(in srgb, var(--transform-accent) 22%, transparent)}.demo-transform-preview small{color:var(--transform-accent);text-transform:uppercase;letter-spacing:.1em;font-weight:950}.demo-transform-preview h4{color:var(--white);font-family:var(--font-head);margin:8px 0 6px;font-size:1.35rem}.demo-transform-preview p{color:var(--muted);font-size:.82rem;line-height:1.55}.demo-transform-preview div{flex-wrap:wrap;gap:6px;margin:11px 0;display:flex}.demo-transform-preview span{color:var(--text);background:#ffffff12;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:850}.demo-transform-preview button{color:#07111f;background:var(--transform-accent);min-height:40px;font:inherit;cursor:pointer;border:0;padding:0 14px;font-weight:950}.demo-transform-preview.pill button{border-radius:999px}.demo-transform-preview.soft button{border-radius:14px}.demo-transform-preview.sharp button{border-radius:4px}.proposal-card textarea{resize:vertical;width:100%;min-height:190px;color:var(--text);font:700 .82rem/1.55 var(--font-body);background:#0000002e;border:1px solid #ffffff1a;border-radius:16px;margin-top:10px;padding:12px}.demo-compare-picks{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.demo-compare-picks button{align-items:center;gap:6px;padding:4px 9px 4px 5px;display:inline-flex}.demo-compare-picks img,.demo-audit-result img{border-radius:8px;width:24px;height:24px}.demo-compare-table{border:1px solid #ffffff14;border-radius:16px;gap:1px;display:grid;overflow-x:auto}.demo-compare-table>div{grid-template-columns:118px repeat(var(--compare-cols,2), minmax(140px, 1fr));gap:1px;min-width:440px;display:grid}.demo-compare-table .head{background:color-mix(in srgb, var(--demo-accent) 12%, #ffffff0d)}.demo-compare-table b,.demo-compare-table strong,.demo-compare-table span{color:var(--muted);background:#ffffff09;padding:10px;font-size:.72rem;line-height:1.45}.demo-compare-table strong{color:var(--white)}.demo-compare-table b{color:var(--demo-accent-2)}.demo-audit-list{gap:8px;display:grid}.demo-audit-list label{color:var(--text);cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:15px;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;padding:10px;font-size:.8rem;font-weight:800;line-height:1.45;display:grid}.demo-audit-list input{accent-color:var(--demo-accent);margin-top:3px}.demo-audit-result{background:color-mix(in srgb, var(--demo-accent) 8%, #ffffff0a);border:1px solid color-mix(in srgb, var(--demo-accent) 28%, #ffffff14);border-radius:16px;margin-top:12px;padding:12px}.demo-audit-result p{color:var(--muted);font-size:.82rem;line-height:1.5}.demo-audit-result div{flex-wrap:wrap;gap:7px;display:flex}.demo-audit-result button{align-items:center;gap:7px;padding:4px 9px 4px 5px;display:inline-flex}.demo-empty-card{text-align:center;color:var(--muted);background:#ffffff09;border:1px dashed #ffffff1f;border-radius:22px;padding:24px}.demo-empty-card i{color:#07111f;background:linear-gradient(135deg, var(--demo-accent,var(--accent-1)), var(--demo-accent-2,var(--accent-2)));border-radius:18px;place-items:center;width:56px;height:56px;margin:0 auto 12px;display:grid}.demo-empty-card h4{color:var(--white);font-family:var(--font-head);margin:0 0 8px}.demo-hub-toast{z-index:1000;border:1px solid rgb(var(--accent-1-rgb) / .28);max-width:min(420px,100vw - 32px);color:var(--text);opacity:0;pointer-events:none;transition:var(--ease);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080c1af0;border-radius:16px;padding:12px 15px;font-size:.86rem;font-weight:850;position:fixed;bottom:24px;left:50%;transform:translate(-50%,22px);box-shadow:0 18px 45px #00000057}.demo-hub-toast.visible{opacity:1;transform:translate(-50%)}html.theme-light .demo-hub-shell{background:radial-gradient(circle at 14% 10%, rgb(var(--accent-1-rgb) / .12), transparent 30%), radial-gradient(circle at 92% 4%, rgb(var(--accent-2-rgb) / .1), transparent 32%), linear-gradient(145deg, #ffffffbf, #ffffff6b)}html.theme-light .demo-preview-card,html.theme-light .demo-workbench,html.theme-light .demo-value-card,html.theme-light .demo-tool-card,html.theme-light .demo-score-card,html.theme-light .demo-section-map,html.theme-light .demo-build-card,html.theme-light .demo-view-modes,html.theme-light .demo-psr-grid article{background:#ffffff9e;border-color:#00000016}html.theme-light .demo-card,html.theme-light .demo-stat,html.theme-light .demo-goals,html.theme-light .demo-hub-search,html.theme-light .demo-width-lab,html.theme-light .demo-audit-list label,html.theme-light .demo-build-grid span,html.theme-light .demo-checklist span{background:#ffffff8a;border-color:#00000014}html.theme-light .demo-stage,html.theme-light .demo-frame{background:#f7f9fc}html.theme-light .demo-browser-bar{background:#ffffffc7;border-bottom-color:#00000014}html.theme-light .proposal-card textarea,html.theme-light .demo-form-grid select,html.theme-light .demo-style-lab select,html.theme-light .demo-field input{background:#ffffffad;border-color:#0000001a}@media (max-width:1320px){.demo-hub-layout{grid-template-columns:minmax(250px,300px) minmax(0,1fr);grid-template-areas:"list preview""workbench workbench"}.demo-list-panel{grid-area:list;max-height:650px}.demo-preview-panel{grid-area:preview}.demo-workbench{grid-area:workbench;max-height:none;overflow:visible}.demo-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.demo-value-card,.demo-view-modes,.demo-tool-card.proposal-card{grid-column:1/-1}}@media (max-width:1020px){.demo-hub-topbar,.demo-hub-toolbar,.demo-goals,.demo-hub-layout{grid-template-columns:1fr}.demo-hub-stats,.demo-hub-filters{justify-content:flex-start}.demo-list-panel{grid-auto-columns:minmax(270px,330px);grid-auto-flow:column;max-height:none;padding-bottom:8px;display:grid;overflow:auto hidden}.demo-card{height:100%}.demo-stage{height:min(650px,72vh)}.demo-panel{grid-template-columns:1fr}}@media (max-width:760px){#webs .container{padding-inline:14px}.demo-hub-shell{border-radius:24px;padding:12px}.demo-hub-topbar{gap:10px}.demo-stat{min-width:calc(50% - 5px)}.demo-hub-present-btn{width:100%}.demo-goals{padding:10px}.demo-goals-title{white-space:normal;font-size:.74rem}.demo-card-main{grid-template-columns:50px minmax(0,1fr);padding:12px 42px 12px 12px}.demo-logo{border-radius:15px;width:50px;height:50px}.demo-rank{display:none}.demo-preview-toolbar,.demo-width-lab{grid-template-columns:1fr}.demo-device-actions{justify-content:flex-start}.demo-stage,.demo-stage[data-device=tablet],.demo-stage[data-device=mobile]{border-radius:22px;width:100%;max-width:100%;height:620px}.demo-workbench{border-radius:22px;padding:10px}.demo-tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.demo-tabs::-webkit-scrollbar{display:none}.demo-tab{flex:none}.demo-view-modes,.demo-form-grid,.demo-style-lab,.demo-build-grid,.demo-checklist{grid-template-columns:1fr}.demo-actions-row>*{flex:100%}.demo-hotspot em{max-width:140px;font-size:.66rem}}@media (max-width:430px){.demo-list-panel{grid-auto-columns:minmax(250px,88vw)}.demo-card-copy strong{font-size:.95rem}.demo-card-copy em{font-size:.72rem}.demo-stage,.demo-stage[data-device=tablet],.demo-stage[data-device=mobile]{height:560px}.demo-browser-bar em{display:none}}@media (prefers-reduced-motion:reduce){.demo-hub-bg:before,.demo-hub-bg:after{animation:none}.demo-card,.demo-stage,.demo-goal,.demo-filter,.demo-device,.demo-tab,.demo-solid,.demo-ghost{transition:none}}#webs{scroll-margin-top:110px;overflow:visible}.demo-goals-track{flex-wrap:wrap;overflow:visible}.demo-hub-layout{align-items:start}.demo-list-panel,.demo-workbench{max-height:none;overflow:visible}.demo-preview-card{height:auto}@media (min-width:1321px){.demo-preview-card{position:sticky;top:88px}}.demo-stage{height:clamp(430px,52vh,620px)}.demo-stage[data-device=mobile]{height:min(640px,70vh)}.demo-stage[data-device=tablet]{height:min(620px,68vh)}.demo-frame{display:block}.demo-audit-result.strong{border-color:color-mix(in srgb, var(--demo-accent) 36%, #ffffff1f);background:linear-gradient(135deg, color-mix(in srgb, var(--demo-accent) 14%, #ffffff0d), #ffffff09)}.demo-audit-recs{gap:8px;margin-top:12px;display:grid}.demo-audit-recs button{text-align:left;border-radius:16px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:54px;padding:9px 10px;display:grid}.demo-audit-recs button.primary{border-color:color-mix(in srgb, var(--demo-accent) 56%, #ffffff26);background:color-mix(in srgb, var(--demo-accent) 13%, #ffffff0d)}.demo-audit-recs img{border-radius:12px;width:38px;height:38px}.demo-audit-recs b,.demo-audit-recs em{display:block}.demo-audit-recs b{color:var(--white);font-size:.8rem}.demo-audit-recs em{color:var(--muted);margin-top:3px;font-size:.68rem;font-style:normal;line-height:1.35}@media (max-width:1320px){.demo-workbench{max-height:none;overflow:visible}.demo-preview-card{position:static}}@media (max-width:1020px){.demo-goals-track{flex-wrap:nowrap;overflow-x:auto}.demo-list-panel{overflow:auto hidden}.demo-stage,.demo-stage[data-device=tablet],.demo-stage[data-device=mobile]{height:min(620px,72vh)}}@media (max-width:760px){#webs .container{max-width:100%;padding-inline:12px}.demo-hub-shell{padding:10px}.demo-hub-layout,.demo-hub-toolbar,.demo-goals,.demo-preview-toolbar,.demo-width-lab{gap:10px}.demo-stage,.demo-stage[data-device=tablet],.demo-stage[data-device=mobile]{height:min(560px,74vh);min-height:430px}}@media (max-width:430px){.demo-stage,.demo-stage[data-device=tablet],.demo-stage[data-device=mobile]{height:min(520px,72vh)}}.demo-hub-present-btn{display:none!important}.demo-hub-topbar{grid-template-columns:auto minmax(0,1fr)}.demo-frame{height:calc(100% - 32px);margin-top:32px;display:block;padding-top:0!important}@media (min-width:1321px){.demo-list-panel,.demo-preview-card,.demo-workbench{position:sticky;top:88px}.demo-list-panel{max-height:calc(100vh - 112px);overflow:auto}.demo-workbench{max-height:calc(100vh - 112px);padding-right:8px;overflow:auto}.demo-hub-layout{align-items:start}}@media (min-width:1321px) and (max-width:1540px){.demo-hub-layout{grid-template-columns:minmax(250px,310px) minmax(430px,1fr) minmax(320px,390px)}.demo-stage{height:clamp(430px,49vh,580px)}}.smart-audit-list{gap:9px}.smart-audit-list label{align-items:flex-start;gap:10px;min-height:auto;padding:11px 12px}.smart-audit-list label.active{border-color:color-mix(in srgb, var(--demo-accent) 42%, #ffffff1f);background:linear-gradient(135deg, color-mix(in srgb, var(--demo-accent) 13%, #ffffff0a), #ffffff09)}.smart-audit-list label span{gap:3px;display:grid}.smart-audit-list label b{color:var(--white);font-size:.78rem}.smart-audit-list label em{color:var(--muted);font-size:.72rem;font-style:normal;line-height:1.35}.demo-audit-result h4{color:var(--white);font-family:var(--font-head);letter-spacing:-.02em;margin:10px 0 6px;font-size:1rem}.audit-insights{gap:8px;margin-top:12px;display:grid}.audit-insights p{color:var(--text-soft,var(--muted));background:#ffffff09;border:1px solid #ffffff13;border-radius:14px;margin:0;padding:10px 11px;line-height:1.45}.audit-plan{gap:8px;margin-top:14px;display:grid}.audit-plan>b{color:var(--white);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.audit-plan span{background:#ffffff08;border:1px solid #ffffff13;border-radius:15px;grid-template-columns:34px minmax(0,.6fr) minmax(0,1.4fr);align-items:center;gap:8px;padding:9px;display:grid}.audit-plan i{color:#06101c;background:linear-gradient(135deg, var(--demo-accent), var(--demo-accent-2));border-radius:10px;place-items:center;width:28px;height:28px;font-size:.68rem;font-style:normal;font-weight:950;display:grid}.audit-plan strong{color:var(--white);font-size:.75rem}.audit-plan em{color:var(--muted);font-size:.72rem;font-style:normal;line-height:1.35}.demo-audit-recs button span b,.demo-audit-recs button span em{display:block}.demo-audit-recs button span em{color:var(--muted);margin-top:3px;font-size:.7rem;font-style:normal;line-height:1.35}@media (max-width:1320px){.demo-workbench,.demo-list-panel{max-height:none;overflow:visible}}@media (max-width:720px){.audit-plan span{grid-template-columns:30px minmax(0,1fr)}.audit-plan em{grid-column:2}}#webs{overflow:visible!important}.demo-hub-shell:before{border-radius:inherit}.demo-hub-layout{grid-template-columns:minmax(300px,360px) minmax(580px,1.35fr) minmax(360px,430px)!important;align-items:start!important;gap:18px!important}.demo-preview-card,.demo-list-panel,.demo-workbench{height:auto!important;max-height:none!important;position:relative!important;top:auto!important;overflow:visible!important}.demo-list-panel{padding:0!important}.demo-tabs{z-index:2!important;-webkit-backdrop-filter:none!important;background:0 0!important;padding:0 0 12px!important;position:relative!important;top:auto!important}.demo-preview-card{min-width:0!important}.demo-stage,.demo-stage[data-device=mobile],.demo-stage[data-device=tablet]{width:100%!important;min-width:0!important;max-width:none!important;height:var(--demo-render-height,680px)!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;transition:height .28s,width .28s!important;position:relative!important;overflow:hidden!important}.demo-stage-viewport{width:var(--demo-viewport-width,1180px);height:var(--demo-viewport-height,900px);transform:scale(var(--demo-scale,1));transform-origin:0 0;border:1px solid color-mix(in srgb, var(--demo-accent) 30%, #ffffff1a);box-shadow:0 24px 58px #00000059, 0 0 36px color-mix(in srgb, var(--demo-accent) 13%, transparent);background:#070b16;border-radius:24px;position:absolute;inset:0 auto auto 0;overflow:hidden}.demo-browser-bar{height:32px!important;position:absolute!important;inset:0 0 auto!important}.demo-frame{background:#070b16!important;border:0!important;width:100%!important;height:calc(100% - 32px)!important;margin:0!important;padding:0!important;display:block!important;position:absolute!important;inset:32px 0 0!important;overflow:hidden!important}.demo-inspector-layer,.demo-section-radar,.demo-presentation-caption{position:absolute!important}.demo-inspector-layer{inset:32px 0 0!important}.demo-section-radar{bottom:18px!important;left:18px!important;right:18px!important}.demo-width-lab{grid-template-columns:64px minmax(0,1fr) 82px!important}.demo-device-actions{flex-wrap:nowrap!important}.demo-hub-toolbar{grid-template-columns:minmax(270px,420px) minmax(0,1fr)!important}.demo-goals{align-items:start!important}.demo-goals-track,.demo-hub-filters{overflow:visible!important}.demo-compare-table{display:none!important}.demo-compare-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.demo-compare-item{border:1px solid color-mix(in srgb, var(--card-accent) 28%, #ffffff17);background:linear-gradient(135deg, color-mix(in srgb, var(--card-accent) 10%, #ffffff0a), #ffffff07);border-radius:18px;padding:12px}.demo-compare-item header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.demo-compare-item img{border-radius:13px;width:42px;height:42px}.demo-compare-item small{color:color-mix(in srgb, var(--card-accent-2) 74%, #fff);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem;font-weight:950;display:block}.demo-compare-item strong{color:var(--white);font-family:var(--font-head);margin-top:3px;display:block}.demo-compare-item dl{gap:8px;margin:0;display:grid}.demo-compare-item dl div{background:#ffffff08;border:1px solid #ffffff12;border-radius:13px;padding:8px 9px}.demo-compare-item dt{color:var(--demo-accent-2,var(--accent-2));text-transform:uppercase;letter-spacing:.07em;margin:0 0 3px;font-size:.62rem;font-weight:950}.demo-compare-item dd{color:var(--muted);margin:0;font-size:.72rem;line-height:1.42}.demo-audit-list label{-webkit-user-select:none;user-select:none}.audit-insights p,.audit-plan span,.demo-audit-recs button{overflow:hidden}@media (min-width:1501px){.demo-hub-layout{grid-template-columns:minmax(315px,370px) minmax(650px,1.55fr) minmax(370px,430px)!important}}@media (max-width:1380px){#webs .container{max-width:min(1280px,100vw - 28px)!important}.demo-hub-layout{grid-template-columns:minmax(270px,330px) minmax(0,1fr)!important;grid-template-areas:"list preview""workbench workbench"!important}.demo-list-panel{grid-area:list}.demo-preview-panel{grid-area:preview}.demo-workbench{grid-area:workbench}.demo-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important}.demo-panel>.demo-tool-card,.demo-panel>.demo-value-card,.demo-panel>.demo-view-modes,.demo-panel>.demo-psr-grid{grid-column:auto}}@media (max-width:1040px){#webs .container{max-width:100%!important;padding-inline:14px!important}.demo-hub-topbar,.demo-hub-toolbar,.demo-goals,.demo-hub-layout{grid-template-columns:1fr!important;grid-template-areas:none!important}.demo-list-panel,.demo-preview-panel,.demo-workbench{grid-area:auto!important}.demo-list-panel{scrollbar-width:none!important;grid-auto-columns:minmax(270px,330px)!important;grid-auto-flow:column!important;padding-bottom:8px!important;display:grid!important;overflow:auto hidden!important}.demo-list-panel::-webkit-scrollbar{display:none!important}.demo-goals-track,.demo-hub-filters{scrollbar-width:none!important;flex-wrap:nowrap!important;overflow-x:auto!important}.demo-goals-track::-webkit-scrollbar{display:none!important}.demo-hub-filters::-webkit-scrollbar{display:none!important}.demo-panel{grid-template-columns:1fr!important}}@media (max-width:760px){.demo-hub-shell{border-radius:24px!important;padding:10px!important}.demo-preview-toolbar,.demo-width-lab{grid-template-columns:1fr!important}.demo-device-actions{flex-wrap:wrap!important;justify-content:flex-start!important}.demo-stage-viewport{border-radius:20px}}.demo-hub-shell{border-radius:32px!important;padding:clamp(16px,1.65vw,22px)!important;overflow:hidden!important}.demo-hub-layout{grid-template-columns:clamp(280px,18vw,330px) minmax(720px,1fr) clamp(300px,20vw,380px)!important;gap:14px!important}.demo-preview-card,.demo-workbench{border-radius:24px!important}.demo-list-panel{gap:10px!important}.demo-card-main{grid-template-columns:54px minmax(0,1fr) auto!important;gap:11px!important;padding:12px 42px 12px 12px!important}.demo-logo{border-radius:16px!important;width:54px!important;height:54px!important}.demo-card-copy strong{font-size:.98rem!important}.demo-card-copy em{-webkit-line-clamp:2!important;font-size:.74rem!important}.demo-stage,.demo-stage[data-device=mobile],.demo-stage[data-device=tablet]{width:100%!important;height:var(--demo-render-height,520px)!important;background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--demo-accent) 12%, transparent), transparent 42%), #0206108a!important;border:1px solid #ffffff0f!important;border-radius:26px!important;min-height:0!important;max-height:none!important;margin:0 auto!important;display:block!important;position:relative!important;overflow:hidden!important;box-shadow:inset 0 1px #ffffff0b!important}.demo-stage-viewport{width:var(--demo-viewport-width,1180px)!important;height:var(--demo-viewport-height,580px)!important;transform:translateX(-50%) scale(var(--demo-scale,1))!important;transform-origin:top!important;background:#070b16!important;border-radius:24px!important;inset:0 auto auto 50%!important}.demo-stage[data-device=mobile] .demo-stage-viewport{border-radius:32px!important}.demo-stage[data-device=tablet] .demo-stage-viewport{border-radius:28px!important}.demo-browser-bar{background:#02050ee0!important}.demo-frame{overflow:auto!important}.demo-preview-card{gap:10px!important;padding:13px!important}.demo-preview-toolbar strong{font-size:.96rem!important}.demo-width-lab{min-height:42px!important;padding:8px 11px!important}.demo-workbench{padding:12px!important}.demo-panel{gap:10px!important}.demo-value-card,.demo-tool-card,.demo-score-card,.demo-section-map,.demo-build-card,.demo-view-modes{border-radius:18px!important;padding:12px!important}.demo-empty-card,.demo-audit-result,.demo-callout,.demo-transform-preview{border-radius:18px!important}@media (min-width:1600px){.demo-hub-layout{grid-template-columns:330px minmax(820px,1fr) 370px!important}}@media (max-width:1500px){#webs .container{max-width:min(1420px,100vw - 28px)!important}.demo-hub-layout{grid-template-columns:minmax(260px,310px) minmax(620px,1fr) minmax(300px,350px)!important;gap:12px!important}.demo-device{padding-inline:9px!important}}@media (max-width:1260px){.demo-hub-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr)!important;grid-template-areas:"list preview""workbench workbench"!important}.demo-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:1040px){.demo-hub-layout{grid-template-columns:1fr!important;grid-template-areas:none!important}.demo-stage,.demo-stage[data-device=mobile],.demo-stage[data-device=tablet]{width:100%!important}}@media (max-width:760px){#webs .container{max-width:100%!important;padding-inline:12px!important}.demo-hub-shell{border-radius:24px!important;padding:10px!important}.demo-stage,.demo-stage[data-device=mobile],.demo-stage[data-device=tablet],.demo-stage-viewport{border-radius:20px!important}}.demo-section-radar,.demo-presentation-caption{opacity:0!important;visibility:hidden!important;display:none!important}.demo-workbench{min-width:0!important;overflow:visible!important}.demo-tabs{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))!important;gap:8px!important;width:100%!important;padding:0 0 14px!important;display:grid!important;overflow:visible!important}.demo-tab{text-overflow:ellipsis!important;white-space:nowrap!important;justify-content:center!important;align-items:center!important;width:100%!important;min-width:0!important;display:inline-flex!important;overflow:hidden!important}@media (max-width:760px){.demo-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:420px){.demo-tabs{grid-template-columns:1fr!important}}.demo-hub,.demo-hub *{box-sizing:border-box}#webs{overflow-x:clip!important}#webs .container{max-width:min(1580px,100vw - 28px)!important}.demo-hub-layout,.demo-hub-layout>*,.demo-preview-panel,.demo-preview-card,.demo-list-panel,.demo-workbench,.demo-panel,.demo-panel>*{min-width:0!important}.demo-workbench,.demo-workbench *{overflow-wrap:anywhere}.demo-detail-head>div{min-width:0!important}.demo-detail-head h3{overflow-wrap:anywhere;word-break:normal;max-width:100%}.demo-detail-head small,.demo-card-copy small{line-height:1.2;white-space:normal!important;text-overflow:clip!important;overflow:visible!important}.demo-view-modes{display:block!important}.demo-view-modes>span{margin-bottom:8px!important;display:block!important}.demo-view-modes button{white-space:normal!important;justify-content:center!important;align-items:center!important;max-width:100%!important;margin:0 6px 7px 0!important;line-height:1.15!important;display:inline-flex!important}.demo-view-modes div{margin-top:5px!important}.demo-tab{white-space:normal!important;text-align:center!important;min-height:36px!important;padding:6px 9px!important;line-height:1.15!important}.demo-actions-row .demo-solid,.demo-actions-row .demo-ghost{white-space:normal;max-width:100%;line-height:1.15}@media (min-width:1121px){.demo-hub-shell{padding:clamp(14px,1.45vw,20px)!important}.demo-hub-layout{grid-template-columns:minmax(250px,.92fr) minmax(0,1.68fr) minmax(300px,1.05fr)!important;align-items:stretch!important;gap:14px!important;height:clamp(620px,100vh - 158px,780px)!important;min-height:0!important;overflow:hidden!important}.demo-list-panel,.demo-workbench{overscroll-behavior:contain!important;scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb, var(--demo-accent) 56%, transparent) #ffffff0a!important;height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden auto!important}.demo-list-panel{align-self:stretch!important;padding:0 7px 0 0!important}.demo-workbench{align-self:stretch!important;padding:12px 10px 12px 12px!important}.demo-list-panel::-webkit-scrollbar{width:8px!important}.demo-workbench::-webkit-scrollbar{width:8px!important}.demo-list-panel::-webkit-scrollbar-track{background:#ffffff0a!important;border-radius:999px!important}.demo-workbench::-webkit-scrollbar-track{background:#ffffff0a!important;border-radius:999px!important}.demo-list-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--demo-accent), var(--demo-accent-2))!important;border-radius:999px!important}.demo-workbench::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--demo-accent), var(--demo-accent-2))!important;border-radius:999px!important}.demo-preview-panel,.demo-preview-card{height:100%!important;min-height:0!important;overflow:hidden!important}.demo-preview-card{flex-direction:column!important;align-self:stretch!important;display:flex!important}.demo-stage,.demo-stage[data-device=mobile],.demo-stage[data-device=tablet]{flex:auto!important;height:auto!important;min-height:0!important;max-height:none!important}.demo-stage-viewport{max-width:none!important}.demo-tabs{z-index:5!important;-webkit-backdrop-filter:blur(14px)!important;background:linear-gradient(#080c1afa,#080c1ae0)!important;border-bottom:1px solid #ffffff0f!important;margin:-12px -10px 12px -12px!important;padding:12px 10px 12px 12px!important;position:sticky!important;top:0!important}.demo-hub-toolbar,.demo-goals{overflow:hidden!important}.demo-goals-track,.demo-hub-filters{flex-wrap:wrap!important;overflow:visible!important}}@media (min-width:1520px){#webs .container{max-width:min(1660px,100vw - 36px)!important}.demo-hub-layout{grid-template-columns:minmax(290px,350px) minmax(0,1fr) minmax(350px,430px)!important;height:clamp(660px,100vh - 152px,820px)!important}}@media (max-width:1280px) and (min-width:1121px){.demo-hub-layout{grid-template-columns:minmax(230px,.88fr) minmax(0,1.52fr) minmax(285px,1fr)!important;gap:10px!important}.demo-card-main{grid-template-columns:46px minmax(0,1fr) auto!important;gap:9px!important;padding:10px 38px 10px 10px!important}.demo-logo{border-radius:14px!important;width:46px!important;height:46px!important}.demo-card-copy strong{font-size:.9rem!important}.demo-card-copy em{font-size:.7rem!important}.demo-workbench{padding:10px 8px 10px 10px!important}.demo-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:-10px -8px 10px -10px!important;padding:10px 8px 10px 10px!important}.demo-detail-head h3{font-size:clamp(1.25rem,2.2vw,1.75rem)!important}}@media (max-width:1120px){.demo-workbench,.demo-list-panel{max-height:none!important;overflow:visible!important}.demo-tabs{-webkit-backdrop-filter:none!important;background:0 0!important;border-bottom:0!important;margin:0!important;position:relative!important}}.demo-hub-shell,.demo-hub-layout,.demo-preview-card,.demo-workbench,.demo-list-panel{min-width:0!important}.demo-hub-shell{overflow:hidden!important}.demo-preview-panel{align-self:start!important}.demo-preview-card{align-self:start!important;height:auto!important;min-height:0!important}.demo-stage,.demo-stage[data-device=mobile],.demo-stage[data-device=tablet]{height:var(--demo-render-height,500px)!important;flex:none!important;min-height:0!important;max-height:none!important}.demo-stage-viewport{max-width:none!important}.demo-frame{width:100%!important;height:calc(100% - 30px)!important;display:block!important}.demo-goal,.demo-filter,.demo-tab,.demo-device,.demo-solid,.demo-ghost,.demo-view-modes button{white-space:normal!important;text-overflow:clip!important;word-break:normal!important;overflow-wrap:anywhere!important;min-width:0!important;line-height:1.15!important;overflow:visible!important}.demo-tabs{align-items:stretch!important}.demo-card-copy strong,.demo-card-copy em,.demo-value-card p,.demo-tool-card p,.demo-psr-card p,.demo-audit-option span,.demo-audit-option small,.demo-section-item strong,.demo-section-item span{overflow-wrap:anywhere!important}@media (min-width:1121px){.demo-hub-layout{grid-template-columns:minmax(270px,.86fr) minmax(0,1.78fr) minmax(330px,.98fr)!important;align-items:start!important}.demo-list-panel,.demo-workbench{max-height:min(720px,100vh - 170px)!important}.demo-preview-panel,.demo-preview-card{max-height:none!important}}@media (min-width:1520px){.demo-hub-layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr) minmax(360px,440px)!important;align-items:start!important}}@media (min-width:1121px){.demo-hub-layout{height:auto!important;min-height:0!important;overflow:visible!important}.demo-list-panel,.demo-workbench{height:auto!important;min-height:0!important}#webs .container{max-width:min(1660px,100vw - 34px)!important}.demo-hub-shell{padding:clamp(14px,1.35vw,20px)!important}.demo-hub-layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr) minmax(360px,430px)!important;align-items:stretch!important;gap:14px!important;height:clamp(720px,100vh - 135px,880px)!important;min-height:0!important;overflow:hidden!important}.demo-preview-panel,.demo-preview-card{align-self:stretch!important;height:100%!important;min-height:0!important;overflow:hidden!important}.demo-preview-card{flex-direction:column!important;display:flex!important}.demo-stage,.demo-stage[data-device=mobile],.demo-stage[data-device=tablet]{min-height:600px!important;height:var(--demo-render-height,680px)!important;flex:auto!important}.demo-list-panel,.demo-workbench{overscroll-behavior:contain!important;height:100%!important;min-height:0!important;max-height:100%!important;overflow:hidden auto!important}.demo-list-panel{padding:4px 12px 8px 6px!important}.demo-workbench{padding:12px 12px 16px!important}.demo-card{margin-right:2px!important}.demo-card-main{padding-right:48px!important}.demo-tabs{z-index:1!important;-webkit-backdrop-filter:none!important;background:0 0!important;border-bottom:0!important;margin:0 0 14px!important;padding:0!important;position:static!important;top:auto!important}}@media (min-width:1520px){.demo-hub-layout{grid-template-columns:minmax(320px,380px) minmax(0,1fr) minmax(380px,455px)!important;height:clamp(760px,100vh - 130px,920px)!important}.demo-stage,.demo-stage[data-device=mobile],.demo-stage[data-device=tablet]{min-height:640px!important}}@media (max-width:1120px){.demo-hub-layout{height:auto!important;overflow:visible!important}.demo-list-panel,.demo-workbench{height:auto!important;max-height:none!important;overflow:visible!important}.demo-stage,.demo-stage[data-device=mobile],.demo-stage[data-device=tablet]{height:var(--demo-render-height,620px)!important;min-height:min(520px,72vh)!important}}@media (max-width:760px){.demo-stage,.demo-stage[data-device=mobile],.demo-stage[data-device=tablet]{height:var(--demo-render-height,560px)!important;min-height:500px!important}.demo-card-main{padding-right:46px!important}#webs{overflow-x:clip!important}#webs .container{max-width:100%!important;padding-inline:8px!important}.demo-hub{margin-top:22px!important}.demo-hub-shell{border-radius:22px!important;padding:10px!important;overflow:hidden!important}.demo-hub-topbar{display:none!important}.demo-goals{border-radius:20px!important;margin-bottom:12px!important;padding:10px!important;display:block!important;overflow:hidden!important}.demo-goals-title{white-space:normal!important;width:100%!important;margin-bottom:10px!important;font-size:.72rem!important;line-height:1.25!important;display:flex!important}.demo-goals-track,.demo-hub-filters,.demo-device-actions,.demo-tabs{-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;scroll-snap-type:x proximity!important;scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb, var(--demo-accent) 60%, transparent) #ffffff0d!important;flex-wrap:nowrap!important;display:flex!important;overflow:auto hidden!important}.demo-goals-track::-webkit-scrollbar{height:5px!important}.demo-hub-filters::-webkit-scrollbar{height:5px!important}.demo-device-actions::-webkit-scrollbar{height:5px!important}.demo-tabs::-webkit-scrollbar{height:5px!important}.demo-list-panel::-webkit-scrollbar{height:5px!important}.demo-goals-track::-webkit-scrollbar-track{background:#ffffff0b!important;border-radius:999px!important}.demo-hub-filters::-webkit-scrollbar-track{background:#ffffff0b!important;border-radius:999px!important}.demo-device-actions::-webkit-scrollbar-track{background:#ffffff0b!important;border-radius:999px!important}.demo-tabs::-webkit-scrollbar-track{background:#ffffff0b!important;border-radius:999px!important}.demo-list-panel::-webkit-scrollbar-track{background:#ffffff0b!important;border-radius:999px!important}.demo-goals-track::-webkit-scrollbar-thumb{background:linear-gradient(90deg, var(--demo-accent), var(--demo-accent-2))!important;border-radius:999px!important}.demo-hub-filters::-webkit-scrollbar-thumb{background:linear-gradient(90deg, var(--demo-accent), var(--demo-accent-2))!important;border-radius:999px!important}.demo-device-actions::-webkit-scrollbar-thumb{background:linear-gradient(90deg, var(--demo-accent), var(--demo-accent-2))!important;border-radius:999px!important}.demo-tabs::-webkit-scrollbar-thumb{background:linear-gradient(90deg, var(--demo-accent), var(--demo-accent-2))!important;border-radius:999px!important}.demo-list-panel::-webkit-scrollbar-thumb{background:linear-gradient(90deg, var(--demo-accent), var(--demo-accent-2))!important;border-radius:999px!important}.demo-goals-track{gap:8px!important;padding:0 2px 8px!important}.demo-goal,.demo-filter,.demo-device,.demo-tab,.demo-view-modes button,.demo-responsive-presets button{writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;text-align:center!important;scroll-snap-align:start!important;flex:none!important;width:auto!important;min-width:max-content!important;max-width:none!important;min-height:38px!important;padding:0 12px!important;line-height:1!important}.demo-goal *,.demo-filter *,.demo-device *,.demo-tab *,.demo-view-modes button *,.demo-responsive-presets button *{writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}.demo-hub-toolbar{margin-bottom:12px!important;display:block!important}.demo-hub-search{width:100%!important;min-height:42px!important;margin-bottom:10px!important;padding-inline:13px!important}.demo-hub-search input{font-size:.82rem!important}.demo-hub-filters{justify-content:flex-start!important;gap:8px!important;padding:0 2px 8px!important}.demo-hub-layout{grid-template-columns:1fr!important;grid-template-areas:none!important;gap:12px!important;height:auto!important;display:grid!important;overflow:visible!important}.demo-list-panel{-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;scroll-snap-type:x proximity!important;scrollbar-width:thin!important;scrollbar-color:color-mix(in srgb, var(--demo-accent) 60%, transparent) #ffffff0d!important;flex-flow:row!important;gap:10px!important;width:100%!important;max-height:none!important;padding:1px 2px 10px!important;display:flex!important;overflow:auto hidden!important}.demo-card{scroll-snap-align:start!important;flex:0 0 min(330px,84vw)!important;width:min(330px,84vw)!important;margin:0!important}.demo-card:hover,.demo-card.active{transform:none!important}.demo-card-main{grid-template-columns:50px minmax(0,1fr) auto!important;gap:10px!important;min-height:94px!important;padding:12px 42px 12px 12px!important}.demo-logo{border-radius:15px!important;width:50px!important;height:50px!important}.demo-card-copy small{white-space:nowrap!important;text-overflow:ellipsis!important;overflow-wrap:normal!important;overflow:hidden!important}.demo-card-copy strong{white-space:nowrap!important;text-overflow:ellipsis!important;font-size:.98rem!important;overflow:hidden!important}.demo-card-copy em{-webkit-line-clamp:2!important;font-size:.72rem!important;line-height:1.3!important}.demo-rank{font-size:.74rem!important}.demo-preview-card{border-radius:20px!important;padding:10px!important}.demo-preview-toolbar{grid-template-columns:1fr!important;gap:9px!important;display:grid!important}.demo-device-actions{justify-content:flex-start!important;gap:7px!important;padding:0 2px 6px!important}.demo-width-lab{grid-template-columns:minmax(0,1fr) 70px!important;gap:8px!important;min-height:40px!important;padding:8px 10px!important}.demo-width-lab>span{display:none!important}.demo-stage,.demo-stage[data-device=mobile],.demo-stage[data-device=tablet]{height:var(--demo-render-height,540px)!important;border-radius:18px!important;min-height:500px!important}.demo-stage-viewport{border-radius:18px!important}.demo-workbench{border-radius:20px!important;max-height:none!important;padding:10px!important;overflow:visible!important}.demo-tabs{grid-template-columns:none!important;gap:8px!important;margin:0 0 10px!important;padding:0 2px 8px!important}.demo-tab{min-height:36px!important}.demo-panel{grid-template-columns:1fr!important;gap:10px!important;display:grid!important}.demo-detail-head{grid-template-columns:54px minmax(0,1fr)!important;gap:10px!important}.demo-detail-head h3{font-size:clamp(1.55rem,8vw,2.1rem)!important}.demo-actions-row,.demo-form-grid,.demo-style-grid,.demo-responsive-checks,.demo-build-grid{grid-template-columns:1fr!important}.demo-solid,.demo-ghost{justify-content:center!important}}@media (max-width:420px){.demo-hub-shell{border-radius:20px!important;padding:8px!important}.demo-card{flex-basis:86vw!important;width:86vw!important}.demo-card-main{grid-template-columns:46px minmax(0,1fr) auto!important;min-height:90px!important;padding:11px 40px 11px 11px!important}.demo-logo{width:46px!important;height:46px!important}.demo-stage,.demo-stage[data-device=mobile],.demo-stage[data-device=tablet]{height:var(--demo-render-height,515px)!important;min-height:470px!important}}.arcade-overlay{z-index:100000;opacity:0;visibility:hidden;overscroll-behavior:contain;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:radial-gradient(90% 55% at 50% 0,#00c8ff0e,#0000 65%),radial-gradient(80% 60% at 85% 100%,#8b5cf612,#0000 60%),#070b16;flex-direction:column;transition:opacity .28s,visibility .28s;display:flex;position:fixed;inset:0}.arcade-overlay.open{opacity:1;visibility:visible}html.theme-light .arcade-overlay{background:radial-gradient(90% 55% at 50% 0,#0099cc0f,#0000 65%),radial-gradient(80% 60% at 85% 100%,#6d35d90f,#0000 60%),#eef2f8}html.arcade-lock body>:not(#arcadeOverlay){visibility:hidden}.arcade-overlay [hidden]{display:none}html.arcade-lock,html.arcade-lock body{overflow:hidden}.arcade-top{z-index:10;border-bottom:1px solid rgba(var(--accent-1-rgb,0 200 255), .18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020014a6;flex:none;align-items:center;gap:12px;min-height:54px;padding:10px clamp(12px,3vw,24px);display:flex;position:relative}.arcade-title{font-family:var(--font-head);letter-spacing:.12em;text-indent:.05em;text-transform:uppercase;background:var(--gradient);color:#0000;white-space:nowrap;-webkit-background-clip:text;background-clip:text;flex:none;align-items:center;gap:8px;margin:0;font-size:1rem;font-weight:900;display:flex}.arcade-title i{background:var(--gradient);color:#0000;filter:drop-shadow(0 0 calc(var(--beat-alpha,0) * 10px) rgb(var(--accent-1-rgb) / .9));-webkit-background-clip:text;background-clip:text}.arcade-title:after{content:"";background:#ffffff1f;width:1px;height:22px;margin-left:4px;display:block}.arcade-now{color:#ffffff8c;align-items:center;gap:8px;min-width:0;max-width:40%;margin-left:auto;font-size:.8rem;display:flex}.arcade-now i{color:var(--accent-1);flex:none}.arcade-now span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.arcade-back,.arcade-close,.arcade-iconbtn{color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:.88rem;transition:all .18s;display:inline-flex}.arcade-back{width:auto;font-size:.8rem;font-family:var(--font-head);letter-spacing:.06em;text-transform:uppercase;border-radius:8px;gap:7px;padding:0 12px;font-weight:700}.arcade-back:hover,.arcade-close:hover,.arcade-iconbtn:hover{background:rgba(var(--accent-1-rgb), .18);border-color:rgba(var(--accent-1-rgb), .55);color:var(--accent-1);box-shadow:0 0 12px rgba(var(--accent-1-rgb), .25)}.arcade-hub{flex:auto;padding:clamp(18px,4vh,44px) clamp(14px,4vw,40px) 44px;overflow-y:auto}.arcade-hub-inner{flex-direction:column;width:min(1100px,100%);margin-inline:auto;display:flex}.songpick{width:min(460px,94vw)}.songpick-search{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;outline:none;margin:14px 0 10px;padding:10px 14px;font-family:inherit;font-size:.9rem}.songpick-search:focus{border-color:rgb(var(--accent-1-rgb) / .6)}.songpick-list{text-align:left;overscroll-behavior:contain;flex-direction:column;gap:2px;max-height:44vh;display:flex;overflow-y:auto}.songpick-row{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-family:inherit;font-size:.86rem;display:flex}.songpick-row:hover{background:var(--surface-hover)}.songpick-row.active{color:var(--accent-1);background:rgb(var(--accent-1-rgb) / .08);font-weight:600}.songpick-row .n{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;min-width:22px;font-size:.72rem}.songpick-row .t{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pregame{width:min(440px,94vw)}.pregame-icon{color:#fff;background:linear-gradient(145deg, rgb(var(--g1,0 200 255)), rgb(var(--g2,139 92 246)));clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:54px;height:60px;filter:drop-shadow(0 6px 16px rgb(var(--g2,139 92 246) / .5));justify-content:center;align-items:center;margin-bottom:10px;font-size:1.5rem;display:inline-flex}.pregame-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.pregame-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:right;min-width:72px;font-size:.66rem;font-weight:700}.arcade-chips{flex-wrap:wrap;gap:6px;display:inline-flex}.arcade-chip{font-family:var(--font-head);letter-spacing:.04em;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:8px;padding:7px 13px;font-size:.74rem;font-weight:700;transition:all .18s}.arcade-chip:hover{color:var(--text);border-color:rgb(var(--g1,var(--accent-1-rgb)) / .5)}.arcade-chip.active{color:#fff;background:linear-gradient(90deg, rgb(var(--g1,0 200 255)), rgb(var(--g2,139 92 246)));box-shadow:0 4px 14px rgb(var(--g2,139 92 246) / .4);border-color:#0000}.pregame-keys{min-height:30px;color:var(--muted);align-items:center;gap:5px;font-size:.78rem;display:inline-flex}.pregame-keys kbd{background:var(--surface);border:1px solid var(--border);font-size:.78rem;font-family:var(--font-head);color:var(--text);text-align:center;border-radius:7px;min-width:28px;padding:4px 9px;font-weight:700}.pregame-keys em{font-size:.74rem;font-style:normal}.arcade-btn.mini{padding:6px 13px;font-size:.72rem}.pregame-best{color:var(--accent-1);min-height:1.2em;margin-top:14px;font-size:.82rem;font-weight:600}.pregame-best i{margin-right:5px}.arcade-stage{touch-action:none;-webkit-user-select:none;user-select:none;flex:auto;min-height:0;position:relative}.arcade-stage canvas{cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.arcade-hud{pointer-events:none;z-index:3;justify-content:space-between;align-items:center;gap:12px;padding:12px clamp(12px,3vw,24px);display:flex;position:absolute;top:0;left:0;right:0}.arcade-hud-box{flex-direction:column;align-items:flex-start;gap:1px;min-width:70px;display:flex}.arcade-hud-box.right{align-items:flex-end}.arcade-hud-box.center{align-items:center}.arcade-hud-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.62rem;font-weight:600}.arcade-hud-value{font-family:var(--font-head);color:var(--text);font-variant-numeric:tabular-nums;text-shadow:0 0 calc(var(--beat-alpha,0) * 14px) rgb(var(--accent-1-rgb) / .7);font-size:1.3rem;font-weight:800;line-height:1.1}.arcade-hud-value.combo-hot{color:var(--accent-1)}.arcade-lives{gap:5px;font-size:.95rem;display:flex}.arcade-lives i{color:rgb(var(--accent-2-rgb) / .95);transition:all .2s}.arcade-lives i.lost{color:var(--muted);opacity:.3;transform:scale(.85)}.arcade-msg{z-index:4;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:20px;display:flex;position:absolute;inset:0}.arcade-msg.interactive{pointer-events:auto}.arcade-msg[hidden]{display:none}.arcade-msg-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0509128c;position:absolute;inset:0}html.theme-light .arcade-msg-backdrop{background:#ecf1f999}.arcade-msg>*{position:relative}.arcade-msg-title{font-family:var(--font-head);background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.5rem,5vw,2.4rem);font-weight:800}.arcade-msg-sub{color:var(--muted);max-width:520px;margin:0;font-size:.95rem;line-height:1.55}.arcade-count{font-family:var(--font-head);background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,16vw,7rem);font-weight:900;line-height:1;animation:.9s both arcadeCountPop}@keyframes arcadeCountPop{0%{opacity:0;transform:scale(1.6)}25%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:0;transform:scale(.92)}}.arcade-spinner{border:3px solid var(--border);border-top-color:var(--accent-1);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite arcadeSpin}@keyframes arcadeSpin{to{transform:rotate(360deg)}}.arcade-results{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 24px 70px #00000073, var(--beat-glow-soft,none);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background-color:#0a101ed1;width:100%;max-width:min(420px,92vw);padding:clamp(22px,5vw,38px) clamp(26px,6vw,52px)}html.theme-light .arcade-results{background-color:#f8fafee6;box-shadow:0 24px 70px #1e28502e}.arcade-results-grade{font-family:var(--font-head);background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:3.4rem;font-weight:900;line-height:1}.arcade-results-score{font-family:var(--font-head);color:var(--text);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:800}.arcade-results-record{color:#fff;background:var(--gradient);box-shadow:0 4px 16px rgb(var(--accent-2-rgb) / .4);border-radius:999px;align-items:center;gap:7px;margin-top:8px;padding:4px 14px;font-size:.78rem;font-weight:700;animation:1.4s infinite arcadeRecordPulse;display:inline-flex}@keyframes arcadeRecordPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.arcade-results-stats{flex-direction:column;gap:7px;margin:18px 0 22px;display:flex}.arcade-results-row{color:var(--muted);justify-content:space-between;gap:24px;font-size:.88rem;display:flex}.arcade-results-row b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.arcade-results-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.arcade-btn{font-family:var(--font-head);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:all var(--ease);border-radius:999px;align-items:center;gap:9px;padding:11px 22px;font-size:.88rem;font-weight:700;display:inline-flex}.arcade-btn:hover{background:var(--surface-hover);border-color:rgb(var(--accent-1-rgb) / .5);transform:translateY(-2px)}.arcade-btn.primary{background:var(--gradient);color:#fff;box-shadow:0 6px 20px rgb(var(--accent-2-rgb) / .38);border:none}.arcade-btn.primary:hover{box-shadow:0 10px 28px rgb(var(--accent-2-rgb) / .5)}.player-games-btn i,.npb-games-btn i{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.simon-board{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:clamp(14px,3vh,26px);padding:70px 16px 24px;display:flex;position:absolute;inset:0}.simon-status{font-family:var(--font-head);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;min-height:1.4em;font-size:1rem;font-weight:700;transition:color .2s}.simon-status.your-turn{color:var(--accent-1)}.simon-pads{grid-template-rows:repeat(2,minmax(110px,168px));grid-template-columns:repeat(2,minmax(110px,168px));gap:clamp(12px,2.5vw,20px);display:grid}.simon-pad{border:1px solid var(--border);cursor:pointer;background:var(--surface);-webkit-tap-highlight-color:transparent;border-radius:26px;transition:transform .12s,box-shadow .18s,filter .18s;position:relative;overflow:hidden}.simon-pad:after{content:"";border-radius:inherit;background:var(--pad-color);opacity:.16;transition:opacity .15s;position:absolute;inset:0}html.theme-light .simon-pad:after{opacity:.3}.simon-pad.lit{box-shadow:0 0 34px var(--pad-color), 0 0 80px var(--pad-color);border-color:#0000;transform:scale(1.05)}.simon-pad.lit:after{opacity:1}.simon-pad:active{transform:scale(.96)}.simon-pad.wrong{animation:.4s simonShake}@keyframes simonShake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(9px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.simon-round{font-family:var(--font-head);color:var(--text);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:900}.tempo-board{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(16px,3.5vh,30px);padding:70px 18px 26px;display:flex;position:absolute;inset:0}.tempo-gauge{width:min(320px,78vw);position:relative}.tempo-gauge svg{width:100%;height:auto;display:block}.tempo-readout{justify-content:center;align-items:baseline;gap:clamp(20px,6vw,46px);display:flex}.tempo-readout .t-block{flex-direction:column;gap:2px;display:flex}.tempo-readout .t-label{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.64rem;font-weight:600}.tempo-readout .t-value{font-family:var(--font-head);color:var(--text);font-variant-numeric:tabular-nums;font-size:clamp(1.7rem,6vw,2.6rem);font-weight:800}.tempo-readout .t-value.you{color:var(--accent-1)}.tempo-tap-btn{border:2px solid rgb(var(--accent-1-rgb) / .55);background:radial-gradient(circle at 35% 30%, rgb(var(--accent-1-rgb) / .22), rgb(var(--accent-2-rgb) / .12));width:clamp(150px,36vw,210px);height:clamp(150px,36vw,210px);color:var(--text);font-family:var(--font-head);letter-spacing:.1em;cursor:pointer;box-shadow:0 0 calc(18px + var(--beat-alpha,0) * 40px) rgb(var(--accent-1-rgb) / .35);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:50%;font-size:1.3rem;font-weight:900;transition:transform 80ms,box-shadow .2s}.tempo-tap-btn:active{transform:scale(.93)}.tempo-feedback{min-height:1.5em;font-family:var(--font-head);color:var(--accent-1);font-size:1.05rem;font-weight:700}@media (max-width:640px){.arcade-top{gap:8px;min-height:52px;padding:10px}.arcade-title{font-size:.95rem}.arcade-now{display:none}.arcade-back{height:34px;padding:0 11px;font-size:.78rem}.arcade-title{margin-right:auto}.arcade-close,.arcade-iconbtn{width:34px;height:34px;font-size:.85rem}.arcade-tiles{grid-template-columns:1fr;gap:12px}.arcade-tile{min-height:152px;padding:16px 16px 14px}.arcade-tile-num{font-size:4rem;right:10px}.arcade-tile-icon{width:44px;height:50px;font-size:1.2rem;top:14px;left:16px}.arcade-tile-name{font-size:1.05rem}.arcade-tile-desc{max-width:100%;font-size:.75rem}.arcade-hud-value{font-size:1.05rem}.simon-pads{grid-template-rows:repeat(2,minmax(96px,24vh));grid-template-columns:repeat(2,minmax(96px,42vw))}.arcade-results{padding:20px 22px}.arcade-results-grade{font-size:2.6rem}.arcade-results-score{font-size:1.6rem}}@media (max-width:430px){.arcade-title span{display:none}}@media (max-width:480px){.npb-artist{display:none}.npb-title{max-width:84px}.npb-controls{gap:5px}}@media (prefers-reduced-motion:reduce){.arcade-overlay,.arcade-card,.arcade-count{transition:none;animation:none}}.arcade-promo{text-align:center;isolation:isolate;cursor:pointer;background:radial-gradient(ellipse 80% 70% at 50% 50%, rgb(var(--accent-1-rgb) / .07) 0%, transparent 70%), radial-gradient(ellipse 60% 60% at 80% 20%, rgb(var(--accent-2-rgb) / .08) 0%, transparent 65%), var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:72px 24px;position:relative;overflow:hidden}.arcade-promo-canvas{pointer-events:none;opacity:.85;width:100%;height:100%;position:absolute;inset:0}.arcade-promo:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(#0000 0 3px,#00000012 3px 4px);position:absolute;inset:0}html.theme-light .arcade-promo:before{background:repeating-linear-gradient(#0000 0 3px,#0000000a 3px 4px)}.arcade-promo-inner{z-index:2;flex-direction:column;align-items:center;gap:20px;max-width:680px;margin:0 auto;display:flex;position:relative}.arcade-promo-badge{letter-spacing:.08em;text-transform:uppercase;background:rgb(var(--accent-2-rgb) / .14);border:1px solid rgb(var(--accent-2-rgb) / .35);color:var(--accent-2);border-radius:999px;align-items:center;gap:8px;padding:6px 16px;font-size:.75rem;font-weight:700;transition:background .3s,box-shadow .3s;display:inline-flex}.arcade-promo:hover .arcade-promo-badge{background:rgb(var(--accent-2-rgb) / .22);box-shadow:0 0 18px rgb(var(--accent-2-rgb) / .28)}.arcade-promo-badge i{font-size:.9rem}.arcade-promo-title{letter-spacing:-.02em;flex-direction:column;gap:0;margin:0;font-family:Montserrat,sans-serif;line-height:1.05;display:flex}.arcade-promo-line1{color:var(--text);font-size:clamp(2rem,5vw,3.2rem);font-weight:800;display:block}.arcade-promo-line2{background:var(--gradient);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 calc(var(--beat-alpha,0) * 22px) rgb(var(--accent-1-rgb) / calc(var(--beat-alpha,0) * .85)));-webkit-background-clip:text;background-clip:text;font-size:clamp(2.2rem,6vw,3.9rem);font-weight:900;display:block}.arcade-promo-sub{color:var(--text);opacity:.62;max-width:440px;margin:0;font-size:.95rem;line-height:1.55}.arcade-promo-btn{cursor:pointer;letter-spacing:.03em;color:#fff;background:var(--gradient);box-shadow:0 4px 28px rgb(var(--accent-1-rgb) / .28), 0 0 0 0 rgb(var(--accent-1-rgb) / .3);border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 36px;font-family:Montserrat,sans-serif;font-size:1.05rem;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex;position:relative;overflow:hidden}.arcade-promo-btn:hover{box-shadow:0 8px 40px rgb(var(--accent-1-rgb) / .42), 0 0 0 5px rgb(var(--accent-1-rgb) / .12);transform:translateY(-2px)scale(1.03)}.arcade-promo-btn:active{transform:scale(.98)}.arcade-promo-btn-glow{border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff38 50%,#0000 65%) 200%/200% 100%;transition:background-position .55s;position:absolute;inset:0}.arcade-promo-btn:hover .arcade-promo-btn-glow{background-position:-50%}.arcade-promo-arrow{font-size:.8rem;transition:transform .18s}.arcade-promo-btn:hover .arcade-promo-arrow{transform:translate(3px)}.arcade-promo:after{content:"";background:var(--gradient);height:3px;opacity:calc(.4 + var(--beat-alpha,0) * .6);transition:opacity 50ms linear;position:absolute;bottom:0;left:0;right:0}@media (max-width:600px){.arcade-promo{padding:52px 20px}.arcade-promo-btn{padding:12px 26px;font-size:.95rem}}@media (prefers-reduced-motion:reduce){.arcade-promo-btn,.arcade-promo-btn-glow,.arcade-promo-arrow{transition:none}}.arcade-hub{z-index:5;display:block;position:absolute;inset:0;overflow:hidden}.arcade-bg-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.arc-cursor{pointer-events:none;z-index:999999;transform-origin:0 0;width:0;height:0;position:fixed;top:0;left:0}.arc-cursor-dot{background:var(--accent-1);width:6px;height:6px;box-shadow:0 0 8px var(--accent-1), 0 0 16px var(--accent-1);border-radius:50%;position:absolute;top:-3px;left:-3px}.arc-cursor-ring{border:1px solid #00c8ff8c;border-radius:50%;width:28px;height:28px;animation:2.4s infinite cursorPulse;position:absolute;top:-14px;left:-14px}@keyframes cursorPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.25;transform:scale(1.25)}}.arcade-overlay{cursor:none}.arc-hud-top{z-index:10;background:linear-gradient(#01000cd1 0%,#0000 100%);border-bottom:none;flex:none;align-items:center;gap:clamp(8px,1.8vw,18px);padding:10px clamp(14px,3vw,28px);display:flex;position:absolute;top:0;left:0;right:0}.arc-hud-right{flex:none;align-items:center;gap:clamp(6px,1.2vw,14px);margin-left:auto;display:flex}.arc-logo{flex-direction:column;flex:none;gap:1px;display:flex}.arc-logo-1{font-family:var(--font-head);letter-spacing:.25em;background:var(--gradient);color:#0000;filter:drop-shadow(0 0 calc(var(--beat-alpha,0)*10px) #00c8ffcc);-webkit-background-clip:text;background-clip:text;font-size:clamp(.78rem,1.4vw,1rem);font-weight:900}.arc-logo-2{font-family:var(--font-head);letter-spacing:.4em;color:#ffffff47;text-transform:uppercase;font-size:.5rem;font-weight:700}.arc-music-hud{pointer-events:auto;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.arc-music-btn{color:#ffffff73;cursor:none;background:#00c8ff0d;border:1px solid #00c8ff2e;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:.68rem;transition:all .18s;display:flex}.arc-music-btn:hover{color:var(--accent-1);background:#00c8ff24;border-color:#00c8ff8c;box-shadow:0 0 10px #00c8ff33}.arc-music-play{width:32px;height:32px;color:var(--accent-1);background:#00c8ff1a;border-color:#00c8ff59;box-shadow:0 0 10px #00c8ff2e}.arc-music-info{cursor:none;background:#00c8ff0a;border:1px solid #00c8ff1f;border-radius:4px;align-items:center;gap:7px;min-width:0;max-width:200px;padding:5px 12px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex;overflow:hidden}.arc-music-info:hover{background:#00c8ff1a;border-color:#00c8ff66;box-shadow:0 0 10px #00c8ff26}.arc-music-info i{color:var(--accent-1);flex:none;font-size:.68rem}.arc-music-info span{color:#fff9;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.arc-player-hud{background:#00c8ff0d;border:1px solid #00c8ff1f;border-radius:8px;flex:none;align-items:center;gap:10px;padding:7px 12px;display:flex}.arc-player-hud .arc-avatar{background:var(--gradient);color:#fff;width:36px;height:36px;box-shadow:0 0 calc(4px + var(--beat-alpha,0)*12px) #00c8ff80;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:1rem;display:flex}.arc-player-info{flex-direction:column;gap:3px;min-width:0;display:flex}.arc-player-name{font-family:var(--font-head);letter-spacing:.1em;color:#fff;white-space:nowrap;font-size:.78rem;font-weight:900}.arc-player-lvl{font-family:var(--font-head);letter-spacing:.18em;color:var(--accent-1);text-transform:uppercase;font-size:.56rem;font-weight:700}.arc-exit-btn{color:#ff646480;font-family:var(--font-head);letter-spacing:.14em;text-transform:uppercase;cursor:none;background:#ff3c3c0a;border:1px solid #ff505033;border-radius:5px;flex:none;align-items:center;gap:8px;padding:7px 14px;font-size:.68rem;font-weight:800;transition:all .18s;display:flex}.arc-exit-btn:hover{color:#ff8282eb;background:#ff3c3c1f;border-color:#ff505080;box-shadow:0 0 14px #ff3c3c26}.arc-exit-btn i{font-size:.82rem}.arc-main-area{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:clamp(6px,1.4vh,14px);padding:clamp(52px,9vh,72px) clamp(14px,3vw,28px) clamp(40px,6vh,58px);display:flex;position:absolute;inset:0;overflow:hidden}.arc-scene{z-index:1;perspective:1200px;flex:none;position:relative}.arc-arrow{opacity:0;pointer-events:none;z-index:100010;color:#fff6;cursor:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0d;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:.9rem;transition:border-color .18s,color .18s,background .18s,box-shadow .18s;display:flex;position:fixed;top:0;left:0}.arc-launch-btn{cursor:none;width:100%;font-family:var(--font-head);letter-spacing:.24em;text-indent:.1em;text-transform:uppercase;color:#fff;box-shadow:0 0 35px #8b5cf699, 0 0 70px #00c8ff33, inset 0 0 40px #00c8ff0f, 0 0 calc(var(--beat-alpha,0) * 70px) #00c8ff99;text-shadow:0 0 20px #fff6;background:linear-gradient(90deg,#8b5cf6d9 0%,#005ac8d9 50%,#00c8ffd9 100%);border:1.5px solid #00c8ff66;border-radius:3px;justify-content:center;align-items:center;gap:18px;padding:22px 40px;font-size:1.15rem;font-weight:900;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;position:relative;overflow:hidden}.arc-ach-float{z-index:10;pointer-events:none;flex-direction:column;gap:6px;width:clamp(180px,18vw,235px);margin-top:20px;display:flex;position:absolute;top:50%;right:clamp(14px,2.5vw,26px);transform:translateY(-50%)}.arc-ach-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020412a6;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;transition:all .3s;display:flex}.arc-ach-item.arc-ach-on{background:#000a20cc;border-color:#00c8ff47;box-shadow:0 0 18px #00c8ff1f,inset 0 0 20px #00c8ff0a}.arc-ach-item.arc-ach-on .arc-ach-icon{color:var(--accent-1);background:#00c8ff1f;box-shadow:0 0 10px #00c8ff40}.arc-stats-float{z-index:10;pointer-events:none;gap:clamp(16px,2.8vw,30px);display:flex;position:absolute;bottom:clamp(12px,2vh,22px);left:clamp(14px,2.5vw,26px)}.arc-stat-item{align-items:center;gap:8px;display:flex}.arc-stat-item>i{color:var(--accent-1);opacity:.65;flex:none;font-size:.85rem}.arc-nav-hints{color:#fff3;white-space:nowrap;z-index:10;pointer-events:none;letter-spacing:.07em;font-size:.58rem;position:absolute;bottom:clamp(12px,2vh,22px);left:50%;transform:translate(-50%)}.arc-nav-hints kbd{font-size:.55rem;font-family:var(--font-head);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:3px;padding:1px 5px}@keyframes logFadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}@media (max-width:900px){.arc-ach-float{display:none}}@media (max-width:680px){.arc-player-hud .arc-xp-wrap{display:none}.arc-music-info{max-width:130px}.arc-stats-float{gap:12px}}@media (max-width:480px){.arc-logo,.arc-stats-float,.arc-player-hud .arc-player-name{display:none}.arc-hud-top{gap:8px;padding:8px 10px}.arc-music-info{max-width:100px}}@media (max-height:560px){.arc-title-block{display:none}.arc-track{width:min(150px,36vw);height:min(150px,36vw)}}@media (max-width:480px){.arc-track{width:min(200px,50vw);height:min(200px,50vw)}}@media (prefers-reduced-motion:reduce){.arc-card,.arc-launch-btn,.arc-arrow{transition:none;animation:none}}.arcade-song-pill{color:#ffffffc7;cursor:none;white-space:nowrap;background:#00c8ff12;border:1px solid #00c8ff47;border-radius:5px;align-items:center;gap:7px;max-width:clamp(120px,28vw,210px);padding:5px 12px 5px 9px;font-family:inherit;font-size:.78rem;font-weight:600;transition:background .18s,border-color .18s,box-shadow .18s;display:inline-flex;overflow:hidden}.arcade-song-pill:hover{background:#00c8ff24;border-color:#00c8ff8c;box-shadow:0 0 12px #00c8ff33}.arcade-song-pill i{color:var(--accent-1);flex:none;font-size:.78rem}.arcade-song-pill span{text-overflow:ellipsis;overflow:hidden}.arc-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:2;background:#01000eb8;border-right:1px solid #00c8ff1a;flex-direction:column;grid-area:1/1;gap:0;padding:clamp(18px,3vh,30px) 0;display:flex}.arc-nav-logo{border-bottom:1px solid #00c8ff1a;flex-direction:column;margin-bottom:12px;padding:0 20px 24px;display:flex}.arc-logo-1{font-family:var(--font-head);letter-spacing:.25em;text-indent:.1em;background:var(--gradient);color:#0000;filter:drop-shadow(0 0 calc(var(--beat-alpha,0)*14px) #00c8ffcc);-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:900}.arc-logo-2{font-family:var(--font-head);letter-spacing:.4em;text-indent:.15em;color:#ffffff59;text-transform:uppercase;margin-top:2px;font-size:.6rem;font-weight:700}.arc-nav-list{flex-direction:column;flex:1;gap:2px;margin:0;padding:0;list-style:none;display:flex}.arc-nav-item{font-family:var(--font-head);letter-spacing:.16em;text-indent:.05em;text-transform:uppercase;color:#ffffff61;cursor:none;border-left:3px solid #0000;align-items:center;gap:13px;padding:11px 20px;font-size:.72rem;font-weight:800;transition:all .18s;display:flex}.arc-nav-item i{flex:none;font-size:.88rem}.arc-nav-item:hover{color:#ffffffb8;background:#00c8ff0f}.arc-nav-item.arc-nav-active{color:var(--accent-1);border-left-color:var(--accent-1);text-shadow:0 0 12px #00c8ff99;background:#00c8ff14}.arc-nav-exit{font-family:var(--font-head);letter-spacing:.16em;text-transform:uppercase;color:#ff64648c;cursor:none;background:#ff3c3c0a;border:1px solid #ff50502e;border-radius:4px;align-items:center;gap:13px;margin:10px 14px 0;padding:11px 20px;font-size:.72rem;font-weight:800;transition:all .18s;display:flex}.arc-nav-exit:hover{color:#ff7878e6;background:#ff3c3c1a;border-color:#ff505073}.arc-nav-exit i{font-size:.85rem}.arc-center{z-index:1;flex-direction:column;grid-area:1/2;justify-content:center;align-items:center;gap:16px;padding:20px 12px;display:flex;overflow:visible}.arc-title-block{text-align:center;flex:none}.arc-main-title{font-family:var(--font-head);letter-spacing:.12em;text-transform:uppercase;background:var(--gradient);color:#0000;filter:drop-shadow(0 0 18px #8b5cf680) drop-shadow(0 0 calc(var(--beat-alpha,0)*28px) #00c8ffcc);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2rem,5vw,3.4rem);font-style:italic;font-weight:900;line-height:1}.arc-main-sub{font-family:var(--font-head);letter-spacing:.45em;text-indent:.15em;text-transform:uppercase;color:#ffffff52;margin:6px 0 0;font-size:.65rem;font-weight:700}.arc-scene{z-index:1;perspective:1200px;flex:none;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.arc-arrow{z-index:5;color:#fff6;cursor:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0d;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;transition:all .18s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.arc-arrow:hover{border-color:var(--accent-1);color:var(--accent-1);background:#00c8ff1a;box-shadow:0 0 14px #00c8ff40}.arc-arrow-l{left:6px}.arc-arrow-r{right:6px}.arc-track{width:clamp(260px,34vw,400px);height:clamp(260px,34vw,400px);transform-style:preserve-3d;position:relative}.arc-card{cursor:none;transform-style:preserve-3d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050a1e99;border:1px solid #00c8ff33;border-radius:18px;transition:transform .42s cubic-bezier(.25,.46,.45,.94),filter .35s,box-shadow .3s,z-index 0s .1s;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 60px #00c8ff0a,0 20px 60px #0009}.arc-card.active{box-shadow:inset 0 0 80px #00c8ff14, 0 0 0 1px #00c8ff40, 0 0 30px #00c8ff59, 0 0 60px #8b5cf640, 0 28px 80px #000000b3, 0 0 calc(var(--beat-alpha,0) * 60px) #00c8ff73;border-color:#00c8ff99}.arc-card:before{content:"";border-radius:inherit;pointer-events:none;z-index:2;background:linear-gradient(135deg,#ffffff12 0%,#0000 40%,#00c8ff0a 60%,#8b5cf60f 100%);position:absolute;inset:0}.arc-card-canvas{border-radius:inherit;width:100%;height:100%;display:block;position:absolute;inset:0}.arc-card-dim{border-radius:inherit;pointer-events:none;z-index:3;background:#00000ab8;transition:opacity .4s;position:absolute;inset:0}.arc-card-top{z-index:5;pointer-events:none;background:linear-gradient(#00000ee0 50%,#0000);padding:14px 16px 20px;position:absolute;top:0;left:0;right:0}.arc-card-cat{font-family:var(--font-head);letter-spacing:.35em;text-transform:uppercase;color:var(--accent-1);opacity:.65;margin-bottom:3px;font-size:.5rem;font-weight:800}.arc-card-name{font-family:var(--font-head);text-transform:uppercase;letter-spacing:.04em;background:var(--gradient);color:#0000;filter:drop-shadow(0 0 calc(var(--beat-alpha,0)*12px) #00c8ffb3);-webkit-background-clip:text;background-clip:text;font-size:clamp(1rem,2vw,1.45rem);font-style:italic;font-weight:900;line-height:1.05}.arc-card-bottom{z-index:5;pointer-events:none;text-align:center;background:linear-gradient(#0000,#00000eeb 45%);padding:20px 16px 14px;position:absolute;bottom:0;left:0;right:0}.arc-card-rec{flex-direction:column;align-items:center;gap:1px;display:flex}.arc-card-rec-lbl{font-family:var(--font-head);letter-spacing:.3em;text-transform:uppercase;color:#fff6;font-size:.48rem;font-weight:800}.arc-card-rec-val{font-family:var(--font-head);color:var(--accent-1);font-variant-numeric:tabular-nums;text-shadow:0 0 12px #00c8ffb3;letter-spacing:.04em;font-size:clamp(1rem,2vw,1.5rem);font-weight:900}.arc-card-rec[hidden]{display:none}.arc-below{flex-direction:column;flex:none;align-items:center;gap:8px;width:min(100%,560px);display:flex}.arc-launch-btn{cursor:none;width:100%;font-family:var(--font-head);letter-spacing:.22em;text-indent:.1em;text-transform:uppercase;color:#fff;clip-path:none;box-shadow:0 0 30px #8b5cf68c, 0 0 60px #00c8ff2e, inset 0 0 40px #00c8ff0f, 0 0 calc(var(--beat-alpha,0) * 60px) #00c8ff8c;text-shadow:0 0 20px #fff6;background:linear-gradient(90deg,#8b5cf6d9 0%,#0064c8d9 50%,#00c8ffd9 100%);border:1.5px solid #00c8ff66;border-radius:3px;justify-content:center;align-items:center;gap:18px;padding:20px 36px;font-size:1.1rem;font-weight:900;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;position:relative;overflow:hidden}.alb-glow{pointer-events:none;background:linear-gradient(100deg,#0000 25%,#ffffff2e 50%,#0000 75%) 280%/280% 100%;transition:background-position .6s;position:absolute;inset:0}.arc-launch-btn:hover .alb-glow{background-position:-50%}.arc-launch-btn:hover{filter:brightness(1.18);border-color:#00c8ffb3;transform:translateY(-4px);box-shadow:0 0 50px #8b5cf6b3,0 0 80px #00c8ff4d,inset 0 0 40px #00c8ff1a,0 20px 50px #0006}.arc-launch-btn:active{transform:scale(.97)}.arc-launch-btn i{filter:drop-shadow(0 0 8px #00dcffcc);font-size:1.2rem}.arc-launch-hint{letter-spacing:.2em;text-indent:.1em;text-transform:uppercase;color:#ffffff40;margin:0;font-size:.6rem}.arc-dots{gap:6px;display:flex}.arc-dot{cursor:none;background:#ffffff2e;border:none;border-radius:50%;width:5px;height:5px;padding:0;transition:background .2s,transform .2s,box-shadow .2s}.arc-dot.active{background:var(--accent-1);box-shadow:0 0 8px var(--accent-1);transform:scale(1.6)}.arc-right{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:2;background:#01000e8c;border-left:1px solid #00c8ff1a;flex-direction:column;grid-area:1/3;gap:12px;padding:clamp(14px,2.5vh,24px) clamp(14px,2vw,22px);display:flex;overflow:hidden}.arc-profile-card{background:#00c8ff0d;border:1px solid #00c8ff24;border-radius:10px;flex:none;align-items:center;gap:14px;padding:14px;display:flex}.arc-avatar-wrap{flex:none}.arc-avatar{background:var(--gradient);color:#fff;width:46px;height:46px;box-shadow:0 0 calc(6px + var(--beat-alpha,0)*16px) #00c8ff80;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.arc-profile-data{flex-direction:column;gap:4px;min-width:0;display:flex}.arc-profile-name{font-family:var(--font-head);letter-spacing:.1em;color:#fff;font-size:.85rem;font-weight:900}.arc-profile-lvl{font-family:var(--font-head);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-1);font-size:.6rem;font-weight:700}.arc-xp-wrap{flex-direction:column;gap:3px;display:flex}.arc-xp-bar{background:#ffffff14;border-radius:2px;width:100%;height:4px;overflow:hidden}.arc-xp-fill{background:var(--gradient);border-radius:2px;height:100%;transition:width .5s;box-shadow:0 0 8px #00c8ff99}.arc-xp-txt{color:#ffffff61;font-variant-numeric:tabular-nums;font-size:.6rem}.arc-ach-panel{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow-y:auto}.arc-ach-item{background:#ffffff05;border:1px solid #ffffff12;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;transition:border-color .18s,background .18s;display:flex}.arc-ach-item.arc-ach-on{background:#00c8ff0f;border-color:#00c8ff38}.arc-ach-icon{color:#ffffff4d;background:#ffffff0f;border-radius:6px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;display:flex}.arc-ach-item.arc-ach-on .arc-ach-icon{color:var(--accent-1);background:#00c8ff1f}.arc-ach-name{font-family:var(--font-head);letter-spacing:.08em;text-transform:uppercase;color:#fff6;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.64rem;font-weight:800;overflow:hidden}.arc-ach-item.arc-ach-on .arc-ach-name{color:#ffffffd1}.arc-ach-state{color:#ffffff26;flex:none;font-size:.62rem}.arc-ach-item.arc-ach-on .arc-ach-state{color:var(--accent-1)}.arc-stats-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;background:#010010d1;border-top:1px solid #00c8ff1a;grid-area:2/1/auto/-1;align-items:center;gap:clamp(12px,3vw,36px);padding:0 clamp(14px,3vw,28px);display:flex}.arc-stat{flex:1;align-items:center;gap:10px;display:flex}.arc-stat>i{color:var(--accent-1);opacity:.7;flex:none;font-size:.9rem}.arc-stat-lbl{letter-spacing:.18em;text-transform:uppercase;color:#ffffff4d;font-size:.55rem;font-weight:700;line-height:1.2}.arc-stat-val{font-family:var(--font-head);color:#ffffffd9;font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:.88rem;font-weight:800}.arc-key-hint{color:#ffffff38;white-space:nowrap;flex:none;margin-left:auto;font-size:.6rem}.arc-key-hint kbd{font-size:.58rem;font-family:var(--font-head);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:3px;padding:1px 5px}.arc-loading{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#01000ceb;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.arc-loading[hidden]{display:none}.arl-inner{flex-direction:column;gap:14px;width:min(420px,88vw);display:flex}.arl-title{font-family:var(--font-head);letter-spacing:.08em;text-transform:uppercase;background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.4rem,4vw,2.2rem);font-style:italic;font-weight:900}.arl-log{color:#00c8ffb3;min-height:5.5em;font-family:Courier New,monospace;font-size:.75rem;line-height:1.7}.arl-line{opacity:0;animation:.25s both logFadeIn}.arl-bar-wrap{background:#ffffff14;border-radius:2px;height:3px;overflow:hidden}.arl-bar{background:var(--gradient);border-radius:2px;width:0%;height:100%;box-shadow:0 0 12px #00c8ff99}@media (max-width:820px){.arcade-hub{grid-template-columns:clamp(42px,10vw,56px) 1fr clamp(200px,36vw,260px)}.arc-nav-logo,.arc-nav-item span,.arc-nav-exit span{display:none}.arc-nav-item{justify-content:center;padding:12px}.arc-nav-exit{justify-content:center;padding:10px}.arc-nav{padding:14px 0}}@media (max-width:600px){.arcade-hub{grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.arc-nav{border-bottom:1px solid #00c8ff1a;border-right:none;flex-direction:row;grid-area:1/1;padding:8px 12px}.arc-nav-logo{display:none}.arc-nav-list{flex-direction:row;gap:0}.arc-nav-exit{margin:0}.arc-center{grid-area:2/1}.arc-right{display:none}.arc-stats-bar{grid-area:3/1}.arc-key-hint{display:none}.arc-track{width:min(200px,50vw);height:min(200px,50vw)}}@media (max-height:560px){.arc-title-block{display:none}.arc-track{width:min(160px,38vw);height:min(160px,38vw)}}@media (prefers-reduced-motion:reduce){.arc-card,.arc-launch-btn,.arc-arrow{transition:none;animation:none}}.arcade-stage.beat-striker-osu canvas{cursor:none}.arcade-stage.beat-striker-osu .arcade-hud{background:linear-gradient(#01000e47,#0000 72%);padding-top:14px}.arcade-stage.beat-striker-osu .arcade-hud-label{color:#ffffff6b;text-shadow:0 0 10px #00c8ff40}.arcade-stage.beat-striker-osu .arcade-hud-value{letter-spacing:.02em;color:#fffffff5;text-shadow:0 0 10px rgb(var(--accent-1-rgb) / .35), 0 0 calc(var(--beat-alpha,0) * 24px) rgb(var(--accent-1-rgb) / .78);font-size:clamp(1.05rem,2.2vw,1.55rem)}.arcade-stage.beat-striker-osu .arcade-hud-value.combo-hot{color:var(--accent-1);transform:scale(1.04)}.arcade-stage.beat-striker-osu:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 45%, rgb(var(--accent-1-rgb) / calc(.025 + var(--beat-alpha,0) * .07)), transparent 58%), repeating-linear-gradient(to bottom, #ffffff06 0 1px, transparent 1px 4px);mix-blend-mode:screen;opacity:.62;z-index:1;position:absolute;inset:0}html.theme-light .arcade-stage.beat-striker-osu:after{opacity:.28;mix-blend-mode:normal}@media (max-width:640px){.arcade-stage.beat-striker-osu .arcade-hud{gap:8px;padding-top:10px}.arcade-stage.beat-striker-osu .arcade-hud-box{min-width:58px}}html.theme-retro{--bg:#050a00;--bg-alt:#0a1200;--surface:rgb(var(--accent-1-rgb) / .04);--surface-hover:rgb(var(--accent-1-rgb) / .09);--border:rgb(var(--accent-1-rgb) / .35);--text:#c8ffcc;--muted:#4a8c5c;--white:#c8ffcc;--font-head:"Press Start 2P", monospace;--font-body:"VT323", monospace;--radius:0px;--radius-sm:0px;--ease:.1s steps(4)}@keyframes crt-flicker{0%,89%,91%,93%,to{opacity:1}90%,92%{opacity:.96}}html.theme-retro body{background:var(--bg);color:var(--text);font-family:VT323,monospace;font-size:1.1em;animation:14s infinite crt-flicker}html.theme-retro body:after{content:"";background:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, calc(.14 + var(--beat-alpha,0) * .12)) 2px, rgba(0, 0, 0, calc(.14 + var(--beat-alpha,0) * .12)) 4px);pointer-events:none;z-index:10000;-webkit-mask-image:linear-gradient(to bottom, transparent 0, transparent var(--nav-h), #000 calc(var(--nav-h) + 70px));-webkit-mask-image:linear-gradient(to bottom, transparent 0, transparent var(--nav-h), #000 calc(var(--nav-h) + 70px));mask-image:linear-gradient(to bottom, transparent 0, transparent var(--nav-h), #000 calc(var(--nav-h) + 70px));position:fixed;inset:0}html.theme-retro body:before{content:"";pointer-events:none;z-index:10001;-webkit-mask-image:linear-gradient(to bottom, transparent 0, transparent var(--nav-h), #000 calc(var(--nav-h) + 70px));-webkit-mask-image:linear-gradient(to bottom, transparent 0, transparent var(--nav-h), #000 calc(var(--nav-h) + 70px));mask-image:linear-gradient(to bottom, transparent 0, transparent var(--nav-h), #000 calc(var(--nav-h) + 70px));position:fixed;inset:0;box-shadow:inset 0 0 100px #0000008c,inset 0 0 220px #0000004d}html.theme-retro h1,html.theme-retro h2,html.theme-retro h3,html.theme-retro h4{text-shadow:0 0 10px rgb(var(--accent-1-rgb) / .8), 0 0 30px rgb(var(--accent-1-rgb) / .3);font-family:"Press Start 2P",monospace;line-height:1.8}html.theme-retro #navbar{border-bottom:2px solid rgb(var(--accent-1-rgb) / .5);box-shadow:0 0 18px rgb(var(--accent-1-rgb) / .2);background:0 0}html.theme-retro #navbar.scrolled{background:#050a00fc}html.theme-retro .nav-links a{letter-spacing:1px;color:var(--text);font-family:"Press Start 2P",monospace;font-size:.5rem}html.theme-retro .nav-links a:hover,html.theme-retro .nav-links a.active{color:rgb(var(--accent-1-rgb));text-shadow:0 0 10px rgb(var(--accent-1-rgb) / .8)}html.theme-retro .theme-toggle,html.theme-retro .cmd-palette-trigger{border-color:var(--border);color:var(--muted);border-radius:0}html.theme-retro .theme-toggle:hover,html.theme-retro .cmd-palette-trigger:hover{border-color:rgb(var(--accent-1-rgb));background:rgb(var(--accent-1-rgb) / .08);color:rgb(var(--accent-1-rgb))}html.theme-retro .btn-cv{border:2px solid rgb(var(--accent-1-rgb) / .6);color:rgb(var(--accent-1-rgb));box-shadow:3px 3px 0 rgb(var(--accent-1-rgb) / .25);background:0 0;border-radius:0;font-family:"Press Start 2P",monospace;font-size:.48rem;transition:all 60ms}html.theme-retro .btn-cv:hover{box-shadow:none;background:rgb(var(--accent-1-rgb) / .08);transform:translate(3px,3px)}html.theme-retro .lang-switcher{border-color:var(--border);border-radius:0}html.theme-retro .lang-switcher.open{border-color:rgb(var(--accent-1-rgb));box-shadow:0 0 0 1px rgb(var(--accent-1-rgb))}html.theme-retro .lang-options{border-radius:0}html.theme-retro .lang-btn{color:var(--muted);border-radius:0;font-family:"Press Start 2P",monospace;font-size:.45rem}html.theme-retro .lang-btn.active{background:rgb(var(--accent-1-rgb) / .12);color:rgb(var(--accent-1-rgb))}html.theme-retro .lang-pill-label{color:var(--muted);font-family:"Press Start 2P",monospace;font-size:.45rem}html.theme-retro #hero{background:var(--bg)}html.theme-retro #hero:before{background:radial-gradient(ellipse 70% 60% at 50% 40%, rgb(var(--accent-1-rgb) / calc(.07 + var(--beat-alpha,0) * .13)) 0%, transparent 70%), radial-gradient(ellipse 50% 50% at 70% 70%, rgb(var(--accent-2-rgb) / calc(.05 + var(--beat-alpha,0) * .1)) 0%, transparent 60%)}html.theme-retro .hero-eyebrow{color:var(--muted);letter-spacing:6px;text-transform:uppercase;font-family:VT323,monospace;font-size:1.5rem}html.theme-retro .hero-name{color:var(--text);text-shadow:0 0 10px rgb(var(--accent-1-rgb) / calc(.8 + var(--beat-alpha,0) * .2)), 0 0 30px rgb(var(--accent-1-rgb) / calc(.4 + var(--beat-alpha,0) * .3));font-family:"Press Start 2P",monospace;font-size:clamp(1rem,3.2vw,2.2rem);line-height:2}html.theme-retro .hero-name span{color:rgb(var(--accent-1-rgb))}html.theme-retro .hero-subtitle{color:var(--text);font-family:VT323,monospace;font-size:1.5rem}html.theme-retro #typewriter:after{content:"_";color:rgb(var(--accent-1-rgb));animation:.75s step-end infinite retro-blink}@keyframes retro-blink{0%,to{opacity:1}50%{opacity:0}}html.theme-retro .hero-status-pill{background:rgb(var(--accent-1-rgb) / .06);border:1px solid rgb(var(--accent-1-rgb) / .35);color:var(--text);border-radius:0;font-family:VT323,monospace;font-size:1rem}@keyframes retro-status-pulse{0%,to{opacity:1;box-shadow:0 0 8px rgb(var(--accent-1-rgb));transform:scale(1)}50%{opacity:.8;box-shadow:0 0 8px rgb(var(--accent-1-rgb));transform:scale(1.15)}}html.theme-retro .hero-status-dot{background:rgb(var(--accent-1-rgb));animation:2s ease-in-out infinite retro-status-pulse}html.theme-retro .btn-primary,html.theme-retro .btn-outline{letter-spacing:2px;text-transform:uppercase;border-radius:0;font-family:VT323,monospace;font-size:1.2rem;transition:all 60ms}html.theme-retro .btn-primary{background:rgb(var(--accent-1-rgb));color:#050a00;border:2px solid rgb(var(--accent-1-rgb));box-shadow:4px 4px 0 rgb(var(--accent-1-rgb) / .3);text-shadow:none}html.theme-retro .btn-primary:hover{box-shadow:none;transform:translate(4px,4px)}html.theme-retro .btn-outline{color:rgb(var(--accent-1-rgb));border:2px solid rgb(var(--accent-1-rgb) / .5);box-shadow:4px 4px 0 rgb(var(--accent-1-rgb) / .15);text-shadow:none;background:0 0}html.theme-retro .btn-outline:hover{background:rgb(var(--accent-1-rgb) / .08);border-color:rgb(var(--accent-1-rgb));box-shadow:none;transform:translate(4px,4px)}html.theme-retro .hero-social a{color:var(--muted)}html.theme-retro .hero-social a:hover{color:rgb(var(--accent-1-rgb));text-shadow:0 0 12px rgb(var(--accent-1-rgb) / .8)}html.theme-retro .about-avatar,html.theme-retro .about-avatar:before{border-radius:50%}html.theme-retro .about-avatar:after{background:var(--bg);border-radius:50%}html.theme-retro .about-avatar-img{filter:sepia(.2)hue-rotate(90deg)saturate(.8)brightness(.95);border-radius:50%}html.theme-retro .about-avatar-tag{border-radius:0;font-family:VT323,monospace;font-size:1.05rem}html.theme-retro .about-avatar-tag i{color:rgb(var(--accent-1-rgb))}html.theme-retro section,html.theme-retro .hire-band{background:var(--bg)}html.theme-retro .section-tag{background:rgb(var(--accent-1-rgb) / .08);border:1px solid rgb(var(--accent-1-rgb) / .35);color:rgb(var(--accent-1-rgb));border-radius:0;font-family:"Press Start 2P",monospace;font-size:.4rem}html.theme-retro .project-card{border:2px solid rgb(var(--accent-1-rgb) / calc(.3 + var(--beat-alpha,0) * .4));background:rgb(var(--accent-1-rgb) / .03);box-shadow:4px 4px 0 rgb(var(--accent-1-rgb) / .15), var(--beat-glow-soft,none);border-radius:0;transition:all 60ms}html.theme-retro .project-card:hover{border-color:rgb(var(--accent-1-rgb));background:rgb(var(--accent-1-rgb) / .06);box-shadow:none, none;transform:translate(4px,4px)}html.theme-retro .eduardo-card,html.theme-retro .legacy-card,html.theme-retro .legacy-roles-card,html.theme-retro .contact-card{border:2px solid rgb(var(--accent-2-rgb) / calc(.25 + var(--beat-alpha,0) * .35));background:rgb(var(--accent-1-rgb) / .02);box-shadow:4px 4px 0 rgb(var(--accent-1-rgb) / .12), var(--beat-glow-soft,none);border-radius:0}html.theme-retro .platform-card{border:2px solid rgb(var(--accent-1-rgb) / .25);background:rgb(var(--accent-1-rgb) / .02);box-shadow:3px 3px 0 rgb(var(--accent-1-rgb) / .1);border-radius:0;transition:all 60ms}html.theme-retro .platform-card:hover{border-color:rgb(var(--accent-1-rgb));box-shadow:none;transform:translate(3px,3px)}html.theme-retro .project-tag{background:rgb(var(--accent-1-rgb) / .08);color:rgb(var(--accent-1-rgb));border:1px solid rgb(var(--accent-1-rgb) / .25);border-radius:0;font-family:VT323,monospace;font-size:1rem}html.theme-retro .project-links a{border-color:rgb(var(--accent-1-rgb) / .35);color:rgb(var(--accent-1-rgb));border-radius:0;font-family:VT323,monospace;font-size:1rem}html.theme-retro .project-links a:hover{border-color:rgb(var(--accent-1-rgb));background:rgb(var(--accent-1-rgb) / .08)}html.theme-retro .music-stat-num{color:rgb(var(--accent-1-rgb));text-shadow:0 0 calc(10px + var(--beat-alpha,0) * 20px) rgb(var(--accent-1-rgb) / calc(.6 + var(--beat-alpha,0) * .4));font-family:"Press Start 2P",monospace}html.theme-retro .skill-tag,html.theme-retro .badge{background:rgb(var(--accent-1-rgb) / .06);border:1px solid rgb(var(--accent-1-rgb) / .25);color:var(--text);border-radius:0;font-family:VT323,monospace;font-size:1rem}html.theme-retro .scroll-progress{background:rgb(var(--accent-1-rgb));box-shadow:0 0 8px rgb(var(--accent-1-rgb) / .8)}html.theme-retro .section-nav-btn{border-color:rgb(var(--accent-1-rgb) / .35);color:rgb(var(--accent-1-rgb));background:#050a00d9;border-radius:0}html.theme-retro .section-nav-btn:hover:not(:disabled){border-color:rgb(var(--accent-1-rgb));background:rgb(var(--accent-1-rgb) / .08);box-shadow:0 0 10px rgb(var(--accent-1-rgb) / .35)}html.theme-retro .studio-fab{border-color:rgb(var(--accent-1-rgb) / .5);color:rgb(var(--accent-1-rgb));box-shadow:3px 3px 0 rgb(var(--accent-1-rgb) / .15);background:#050a00eb;border-radius:0}html.theme-retro .studio-fab:hover{border-color:rgb(var(--accent-1-rgb));box-shadow:0 0 12px rgb(var(--accent-1-rgb) / .4)}html.theme-retro .studio-label{color:rgb(var(--accent-1-rgb));letter-spacing:2px;font-family:"Press Start 2P",monospace;font-size:.42rem}html.theme-retro .studio-section{padding:10px 12px 8px}html.theme-retro .studio-bg-btn{border-color:var(--border);border-radius:0;padding:4px 2px;font-family:VT323,monospace;font-size:.65rem}html.theme-retro .studio-bg-btn.active{border-color:rgb(var(--accent-1-rgb));background:rgb(var(--accent-1-rgb) / .15);color:rgb(var(--accent-1-rgb));box-shadow:0 0 0 1px rgb(var(--accent-1-rgb) / .4) inset}html.theme-retro .studio-preset-btn{clip-path:none;border-radius:0}html.theme-retro .studio-hue-strip{border-radius:0}html.theme-retro .ai-chat-panel{border:2px solid rgb(var(--accent-1-rgb) / .4);background:#050a00f7;border-radius:0}html.theme-retro .ai-chat-header{border-bottom-color:rgb(var(--accent-1-rgb) / .3)}html.theme-retro .ai-chat-title{color:rgb(var(--accent-1-rgb));font-family:"Press Start 2P",monospace;font-size:.52rem}html.theme-retro .ai-msg{border-radius:0;font-family:VT323,monospace;font-size:1.15rem;line-height:1.4}html.theme-retro .ai-msg.bot{color:#e8ffe8;background:rgb(var(--accent-1-rgb) / .08);border-color:rgb(var(--accent-1-rgb) / .25)}html.theme-retro .ai-msg.user{color:#fff}html.theme-retro .ai-chat-input{border-color:rgb(var(--accent-1-rgb) / .3);background:rgb(var(--accent-1-rgb) / .04);color:var(--text);border-radius:0;font-family:VT323,monospace;font-size:1.1rem}html.theme-retro .ai-chat-input:focus{border-color:rgb(var(--accent-1-rgb));box-shadow:0 0 10px rgb(var(--accent-1-rgb) / .25)}html.theme-retro input:not(.ai-chat-input),html.theme-retro textarea{border-color:rgb(var(--accent-1-rgb) / .3);background:rgb(var(--accent-1-rgb) / .03);color:var(--text);border-radius:0;font-family:VT323,monospace;font-size:1.1rem}html.theme-retro input:focus,html.theme-retro textarea:focus{border-color:rgb(var(--accent-1-rgb));box-shadow:0 0 10px rgb(var(--accent-1-rgb) / .25);outline:none}html.theme-retro #footer,html.theme-retro #contacto{border-top:2px solid rgb(var(--accent-1-rgb) / .2)}html.theme-retro .now-playing-bar{border-top:2px solid rgb(var(--accent-1-rgb) / .3);background:#050a00f7;border-radius:0}html.theme-retro .studio-wrap,html.theme-retro .section-nav{z-index:10001}html.theme-retro .studio-bg-btn{color:#c8ffccbf}html.theme-light.theme-retro{--bg:#f5f0e0;--bg-alt:#ede8d2;--surface:#b478000f;--surface-hover:#b478001f;--border:#a0640059;--text:#3a2800;--muted:#7a6020;--white:#3a2800}html.theme-light.theme-retro body{color:#3a2800;background:#f5f0e0}html.theme-light.theme-retro body:after{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px)}html.theme-light.theme-retro body:before{opacity:.08}html.theme-light.theme-retro .studio-preset-name{color:#3a28008c}html.theme-light.theme-retro .studio-bg-btn{color:#3a2800b3}html.theme-light.theme-retro .studio-bg-btn.active,html.theme-light.theme-retro .studio-label{color:var(--accent-1)}html.theme-light.theme-retro .studio-fab{color:var(--accent-1);background:#f5f0e0eb}html.theme-light.theme-retro #navbar{box-shadow:none;background:0 0;border-bottom-color:#a0640059}html.theme-light.theme-retro #navbar.scrolled{background:#f5f0e0fc}html.theme-light.theme-retro .nav-link,html.theme-light.theme-retro .nav-logo{color:#3a2800}html.theme-light.theme-retro .ai-chat-panel{border-color:rgb(var(--accent-1-rgb) / .35);background:#f5f0e0fa}html.theme-light.theme-retro .ai-chat-title{color:var(--accent-1)}html.theme-light.theme-retro .ai-chat-header{border-bottom-color:rgb(var(--accent-1-rgb) / .2)}html.theme-light.theme-retro .ai-msg.bot{color:#3a2800;background:rgb(var(--accent-1-rgb) / .06);border-color:rgb(var(--accent-1-rgb) / .2)}html.theme-light.theme-retro .ai-chat-input{color:#3a2800;background:rgb(var(--accent-1-rgb) / .04)}html.theme-light.theme-retro .ai-chat-input::placeholder{color:#3a280073}html.theme-gamer{--bg:#04040d;--bg-alt:#080818;--surface:rgb(var(--accent-1-rgb) / .03);--surface-hover:rgb(var(--accent-1-rgb) / .07);--border:rgb(var(--accent-1-rgb) / .15);--text:#c8e8ff;--muted:#3a5070;--white:#c8e8ff;--font-head:"Orbitron", sans-serif;--font-body:"Rajdhani", sans-serif;--radius:0px;--radius-sm:0px;--ease:.18s ease}html.theme-gamer body{background:var(--bg);color:var(--text);font-family:Rajdhani,sans-serif;font-size:1.05em;font-weight:500}html.theme-gamer body:before{content:"";background-image:radial-gradient(circle, rgb(var(--accent-1-rgb) / .18) 1px, transparent 1px);pointer-events:none;z-index:0;opacity:.35;background-size:32px 32px;position:fixed;inset:0}html.theme-gamer body:after{content:"";pointer-events:none;z-index:9998;-webkit-mask-image:linear-gradient(to bottom, transparent 0, transparent var(--nav-h), #000 calc(var(--nav-h) + 70px));-webkit-mask-image:linear-gradient(to bottom, transparent 0, transparent var(--nav-h), #000 calc(var(--nav-h) + 70px));mask-image:linear-gradient(to bottom, transparent 0, transparent var(--nav-h), #000 calc(var(--nav-h) + 70px));background:radial-gradient(#0000 55%,#0000008c 100%);position:fixed;inset:0}html.theme-gamer #navbar:before{content:"";border-top:2px solid var(--accent-1);border-left:2px solid var(--accent-1);pointer-events:none;z-index:9997;opacity:.55;width:50px;height:50px;position:fixed;top:14px;left:14px}html.theme-gamer #navbar:after{content:"";border-bottom:2px solid var(--accent-2);border-right:2px solid var(--accent-2);pointer-events:none;z-index:9997;opacity:.55;width:50px;height:50px;position:fixed;bottom:14px;right:14px}@keyframes gamer-glitch{0%,84%,to{clip-path:none;text-shadow:0 0 20px rgb(var(--accent-1-rgb) / calc(.5 + var(--beat-alpha,0) * .5)), 0 0 60px rgb(var(--accent-1-rgb) / calc(.2 + var(--beat-alpha,0) * .3));transform:none}85%{text-shadow:6px 0 0 rgb(var(--accent-2-rgb) / .9), -6px 0 0 rgb(var(--accent-1-rgb) / .9);clip-path:polygon(0 8%,100% 8%,100% 32%,0 32%);transform:translate(-6px)skew(-2deg)}86%{clip-path:polygon(0 50%,100% 50%,100% 72%,0 72%);text-shadow:-4px 0 0 rgb(var(--accent-2-rgb) / .7), 4px 0 0 rgb(var(--accent-1-rgb) / .7);transform:translate(6px)}87%{clip-path:polygon(0 0%,100% 0%,100% 100%,0 100%);text-shadow:2px 0 0 rgb(var(--accent-2-rgb) / .4), -2px 0 0 rgb(var(--accent-1-rgb) / .4);transform:translate(-3px)}88%{clip-path:none;transform:none}}@keyframes rgb-flow{0%{background-position:0%}to{background-position:200%}}html.theme-gamer h1,html.theme-gamer h2,html.theme-gamer h3,html.theme-gamer h4{letter-spacing:.06em;text-transform:uppercase;font-family:Orbitron,sans-serif}html.theme-gamer p,html.theme-gamer li{letter-spacing:.02em;font-family:Rajdhani,sans-serif;font-weight:500}html.theme-gamer #navbar{border-bottom:1px solid rgb(var(--accent-1-rgb) / .12);box-shadow:0 1px 0 rgb(var(--accent-1-rgb) / .06);background:0 0}html.theme-gamer #navbar.scrolled{background:#04040dfc}html.theme-gamer #navbar>.nav-container:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-1), var(--accent-2), var(--accent-1), transparent);height:1px;opacity:calc(.4 + var(--beat-alpha,0) * .6);background-size:200% 100%;animation:5s linear infinite rgb-flow;position:absolute;bottom:-1px;left:0;right:0}html.theme-gamer .nav-links a{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-family:Orbitron,sans-serif;font-size:.58rem;font-weight:700}html.theme-gamer .nav-links a:hover,html.theme-gamer .nav-links a.active{color:var(--accent-1);text-shadow:0 0 14px rgb(var(--accent-1-rgb) / .8)}html.theme-gamer .theme-toggle,html.theme-gamer .cmd-palette-trigger{border-color:rgb(var(--accent-1-rgb) / .2);color:var(--muted);border-radius:0}html.theme-gamer .theme-toggle:hover,html.theme-gamer .cmd-palette-trigger:hover{border-color:var(--accent-1);color:var(--accent-1);box-shadow:0 0 16px rgb(var(--accent-1-rgb) / .35)}html.theme-gamer .btn-cv{border:1px solid rgb(var(--accent-1-rgb) / .6);color:var(--accent-1);letter-spacing:.1em;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));background:0 0;border-radius:0;font-family:Orbitron,sans-serif;font-size:.5rem;font-weight:700;transition:all .18s}html.theme-gamer .btn-cv:hover{background:rgb(var(--accent-1-rgb) / .1);box-shadow:0 0 20px rgb(var(--accent-1-rgb) / .5)}html.theme-gamer .lang-switcher{border-color:rgb(var(--accent-1-rgb) / .15)}html.theme-gamer .lang-switcher.open{box-shadow:none;border-color:#0000}html.theme-gamer .lang-btn{color:var(--muted);font-family:Orbitron,sans-serif;font-size:.48rem;font-weight:700}html.theme-gamer .lang-btn.active{background:rgb(var(--accent-1-rgb) / .1);color:var(--accent-1)}html.theme-gamer .lang-pill-label{color:var(--muted);font-family:Orbitron,sans-serif;font-size:.45rem;font-weight:700}html.theme-gamer #hero{background:var(--bg)}html.theme-gamer #hero:before{background:radial-gradient(ellipse 70% 60% at 50% 40%, rgb(var(--accent-1-rgb) / calc(.07 + var(--beat-alpha,0) * .13)) 0%, transparent 70%), radial-gradient(ellipse 50% 50% at 70% 70%, rgb(var(--accent-2-rgb) / calc(.05 + var(--beat-alpha,0) * .1)) 0%, transparent 60%)}html.theme-gamer .hero-eyebrow{letter-spacing:.4em;text-transform:uppercase;color:rgb(var(--accent-1-rgb) / .6);font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:400}html.theme-gamer .hero-eyebrow:before{content:"[ PLAYER_001 / "}html.theme-gamer .hero-eyebrow:after{content:" ]"}html.theme-gamer .hero-name{letter-spacing:.06em;text-transform:uppercase;color:#c8e8ff;text-shadow:0 0 20px rgb(var(--accent-1-rgb) / calc(.5 + var(--beat-alpha,0) * .5)), 0 0 60px rgb(var(--accent-1-rgb) / calc(.2 + var(--beat-alpha,0) * .3));font-family:Orbitron,sans-serif;font-size:clamp(1.8rem,5.5vw,4.5rem);font-weight:900;line-height:1.15;animation:9s infinite gamer-glitch}html.theme-gamer .hero-name span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg, var(--accent-1) 0%, var(--accent-2) 100%);filter:drop-shadow(0 0 calc(8px + var(--beat-alpha,0) * 24px) rgb(var(--accent-1-rgb) / .8));-webkit-background-clip:text;background-clip:text}html.theme-gamer .hero-subtitle{letter-spacing:.08em;color:var(--text);font-family:Rajdhani,sans-serif;font-size:1.1rem;font-weight:600}html.theme-gamer .hero-status-pill{background:rgb(var(--accent-1-rgb) / .05);border:1px solid rgb(var(--accent-1-rgb) / calc(.25 + var(--beat-alpha,0) * .5));color:var(--text);letter-spacing:.06em;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));box-shadow:0 0 calc(var(--beat-alpha,0) * 20px) rgb(var(--accent-1-rgb) / calc(var(--beat-alpha,0) * .5));border-radius:0;font-family:Orbitron,sans-serif;font-size:.5rem}html.theme-gamer .hero-status-dot{background:var(--accent-1);box-shadow:0 0 8px var(--accent-1)}html.theme-gamer .btn-primary,html.theme-gamer .btn-outline{letter-spacing:.1em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));border-radius:0;font-family:Orbitron,sans-serif;font-size:.52rem;font-weight:700;transition:all .18s;position:relative;overflow:visible}html.theme-gamer .btn-primary{background:linear-gradient(135deg, rgb(var(--accent-1-rgb) / .9), rgb(var(--accent-2-rgb) / .9));color:#04040d;border:1px solid var(--accent-1);text-shadow:none;box-shadow:0 0 24px rgb(var(--accent-1-rgb) / .5)}html.theme-gamer .btn-primary:hover{box-shadow:0 0 40px rgb(var(--accent-1-rgb) / .8), 0 0 80px rgb(var(--accent-1-rgb) / .3);transform:translateY(-2px)}html.theme-gamer .btn-outline{color:var(--accent-1);border:1px solid rgb(var(--accent-1-rgb) / .5);text-shadow:0 0 8px rgb(var(--accent-1-rgb) / .5);background:0 0}html.theme-gamer .btn-outline:hover{border-color:var(--accent-1);background:rgb(var(--accent-1-rgb) / .08);box-shadow:0 0 24px rgb(var(--accent-1-rgb) / .4);transform:translateY(-2px)}html.theme-gamer .hero-social a{color:var(--muted);transition:all .18s}html.theme-gamer .hero-social a:hover{color:var(--accent-1);text-shadow:0 0 14px rgb(var(--accent-1-rgb) / .9);transform:translateY(-3px)}html.theme-gamer .about-avatar{border-radius:50%}html.theme-gamer .about-avatar:before{background:conic-gradient(var(--accent-1), var(--accent-2), var(--accent-1), var(--accent-2), var(--accent-1));box-shadow:0 0 calc(10px + var(--beat-alpha,0) * 30px) rgb(var(--accent-1-rgb) / calc(.4 + var(--beat-alpha,0) * .6));border-radius:50%}html.theme-gamer .about-avatar:after{background:var(--bg);border-radius:50%}html.theme-gamer .about-avatar-img{filter:saturate(.85)hue-rotate(180deg)brightness(.95);border-radius:50%}html.theme-gamer .about-avatar-tag{border-color:rgb(var(--accent-1-rgb) / .18);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));border-radius:0;font-family:Rajdhani,sans-serif;font-size:.9rem;font-weight:600}html.theme-gamer .about-avatar-tag i{color:var(--accent-1)}html.theme-gamer .section-title{letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 30px rgb(var(--accent-1-rgb) / calc(.15 + var(--beat-alpha,0) * .3));font-family:Orbitron,sans-serif;font-size:clamp(1.3rem,3.5vw,2rem);font-weight:900}html.theme-gamer .section-tag{border:1px solid rgb(var(--accent-1-rgb) / .4);background:rgb(var(--accent-1-rgb) / .06);color:var(--accent-1);letter-spacing:.15em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));border-radius:0;font-family:Orbitron,sans-serif;font-size:.45rem;font-weight:700}html.theme-gamer section{background:var(--bg)}html.theme-gamer .section-alt{background:var(--bg-alt)}html.theme-gamer .project-card{border:1px solid rgb(var(--accent-1-rgb) / calc(.15 + var(--beat-alpha,0) * .4));background:var(--surface);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));box-shadow:var(--beat-glow-soft,none);border-radius:0;transition:all .18s;overflow:visible}html.theme-gamer .project-card:before{background:linear-gradient(90deg, var(--accent-1), var(--accent-2));opacity:0;height:1px;transition:opacity .18s}html.theme-gamer .project-card:hover{border-color:rgb(var(--accent-1-rgb) / .5);background:var(--surface-hover);box-shadow:0 0 30px rgb(var(--accent-1-rgb) / .2), 0 20px 40px #00000080;transform:translateY(-4px)}html.theme-gamer .project-card:hover:before{opacity:1}html.theme-gamer .project-icon{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));border-radius:0}html.theme-gamer .project-tag{letter-spacing:.1em;color:var(--accent-1);border-color:rgb(var(--accent-1-rgb) / .3);background:rgb(var(--accent-1-rgb) / .06);clip-path:polygon(0 0,calc(100% - 4px) 0,100% 4px,100% 100%,4px 100%,0 calc(100% - 4px));border-radius:0;font-family:Orbitron,sans-serif;font-size:.45rem;font-weight:700}html.theme-gamer .project-links a{color:var(--accent-1);border-color:rgb(var(--accent-1-rgb) / .35);clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px));border-radius:0;font-family:Orbitron,sans-serif;font-size:.5rem;font-weight:700}html.theme-gamer .project-links a:hover{box-shadow:0 0 16px rgb(var(--accent-1-rgb) / .5);border-color:var(--accent-1)}html.theme-gamer .music-stat-item{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));border-color:rgb(var(--accent-1-rgb) / calc(.12 + var(--beat-alpha,0) * .5));background:rgb(var(--accent-1-rgb) / .03);box-shadow:var(--beat-glow-soft,none);border-radius:0;transition:all .18s}html.theme-gamer .music-stat-num{color:var(--accent-1);text-shadow:0 0 calc(10px + var(--beat-alpha,0) * 30px) rgb(var(--accent-1-rgb) / calc(.7 + var(--beat-alpha,0) * .3)), 0 0 60px rgb(var(--accent-1-rgb) / calc(var(--beat-alpha,0) * .4));font-family:Orbitron,sans-serif;font-weight:900}html.theme-gamer .music-stat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-family:Orbitron,sans-serif;font-size:.45rem;font-weight:700}html.theme-gamer .platform-card{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));border-radius:0;transition:all .18s}html.theme-gamer .platform-card:hover{box-shadow:0 0 22px rgb(var(--accent-1-rgb) / .35);transform:translateY(-3px)}html.theme-gamer .eduardo-card,html.theme-gamer .legacy-card,html.theme-gamer .legacy-roles-card,html.theme-gamer .contact-card{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));border-color:rgb(var(--accent-2-rgb) / calc(.15 + var(--beat-alpha,0) * .35));border-radius:0}html.theme-gamer .contact-card:hover{box-shadow:0 0 24px rgb(var(--accent-2-rgb) / .3)}html.theme-gamer .skill-tag,html.theme-gamer .badge{letter-spacing:.04em;clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px));border-radius:0;font-family:Rajdhani,sans-serif;font-size:.88rem;font-weight:700}html.theme-gamer .scroll-progress{background:linear-gradient(90deg, var(--accent-1), var(--accent-2));box-shadow:0 0 12px rgb(var(--accent-1-rgb) / calc(.7 + var(--beat-alpha,0) * .3));height:3px}html.theme-gamer .section-nav-btn{border-color:rgb(var(--accent-1-rgb) / .25);color:var(--accent-1);background:#04040de6;border-radius:0;transition:all .18s}html.theme-gamer .section-nav-btn:hover:not(:disabled){border-color:var(--accent-1);box-shadow:0 0 16px rgb(var(--accent-1-rgb) / .45)}html.theme-gamer .studio-fab{border-color:rgb(var(--accent-1-rgb) / .3);color:var(--accent-1);background:#04040df2;border-radius:0}html.theme-gamer .studio-fab:hover{box-shadow:0 0 18px rgb(var(--accent-1-rgb) / .5);border-color:var(--accent-1)}html.theme-gamer .studio-label{letter-spacing:.18em;color:var(--accent-1);font-family:Orbitron,sans-serif;font-size:.45rem;font-weight:700}html.theme-gamer .studio-section{padding:8px 12px 6px}html.theme-gamer .studio-bg-btn{color:#ffffffbf;background:rgb(var(--accent-1-rgb) / .05);border:1px solid rgb(var(--accent-1-rgb) / .18);border-radius:0;padding:5px 2px;font-family:Rajdhani,sans-serif;font-size:.65rem;font-weight:700}html.theme-gamer .studio-bg-btn i{font-size:.82rem}html.theme-gamer .studio-bg-btn:hover{background:rgb(var(--accent-1-rgb) / .14);color:#fffffff2;border-color:rgb(var(--accent-1-rgb) / .45)}html.theme-gamer .studio-bg-btn.active{border-color:var(--accent-1);background:rgb(var(--accent-1-rgb) / .14);color:var(--accent-1);box-shadow:0 0 10px rgb(var(--accent-1-rgb) / .3)}html.theme-gamer .studio-hue-strip{border-radius:0}html.theme-gamer .ai-chat-panel{border-color:rgb(var(--accent-1-rgb) / .3);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);background:#04040dfc;border-radius:0}html.theme-gamer .ai-chat-header{border-bottom-color:rgb(var(--accent-1-rgb) / .2)}html.theme-gamer .ai-chat-title{letter-spacing:.1em;color:var(--accent-1);font-family:Orbitron,sans-serif;font-size:.7rem}html.theme-gamer .ai-msg{border-radius:0;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:500;line-height:1.45}html.theme-gamer .ai-msg.bot{color:#d8eeff;background:rgb(var(--accent-1-rgb) / .07);border-color:rgb(var(--accent-1-rgb) / .2)}html.theme-gamer .ai-msg.user{color:#fff}html.theme-gamer .ai-chat-input{border-color:rgb(var(--accent-1-rgb) / .2);background:rgb(var(--accent-1-rgb) / .03);border-radius:0;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600}html.theme-gamer .ai-chat-input:focus{border-color:var(--accent-1);box-shadow:0 0 14px rgb(var(--accent-1-rgb) / .25)}html.theme-gamer .now-playing-bar{border-top:1px solid rgb(var(--accent-1-rgb) / calc(.15 + var(--beat-alpha,0) * .5));box-shadow:0 -6px 30px rgb(var(--accent-1-rgb) / calc(var(--beat-alpha,0) * .25));background:#04040dfc;border-radius:0}html.theme-gamer input,html.theme-gamer textarea{border-color:rgb(var(--accent-1-rgb) / .2);border-radius:0;font-family:Rajdhani,sans-serif;font-size:1rem;font-weight:600}html.theme-gamer input:focus,html.theme-gamer textarea:focus{border-color:var(--accent-1);box-shadow:0 0 14px rgb(var(--accent-1-rgb) / .25)}html.theme-gamer .bar-fill{background:repeating-linear-gradient(90deg, var(--accent-1) 0px, var(--accent-1) 10px, rgb(var(--accent-1-rgb) / .08) 10px, rgb(var(--accent-1-rgb) / .08) 12px);box-shadow:0 0 calc(6px + var(--beat-alpha,0) * 18px) rgb(var(--accent-1-rgb) / calc(.5 + var(--beat-alpha,0) * .5)), inset 0 0 6px rgb(var(--accent-1-rgb) / .3);border-radius:0;position:relative}html.theme-gamer .bar-track{background:repeating-linear-gradient(90deg, rgb(var(--accent-1-rgb) / .06) 0px, rgb(var(--accent-1-rgb) / .06) 10px, #0000001a 10px, #0000001a 12px);border:1px solid rgb(var(--accent-1-rgb) / .12);border-radius:0;height:8px}html.theme-gamer .skills-panel{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));border-color:rgb(var(--accent-1-rgb) / calc(.15 + var(--beat-alpha,0) * .4));background:rgb(var(--accent-1-rgb) / .02);box-shadow:var(--beat-glow-soft,none);border-radius:0}html.theme-gamer .skill-info span:first-child{letter-spacing:.1em;text-transform:uppercase;color:var(--text);font-family:Orbitron,sans-serif;font-size:.55rem;font-weight:700}html.theme-gamer .skill-info span:last-child{color:var(--accent-1);text-shadow:0 0 10px rgb(var(--accent-1-rgb) / .8);font-family:Orbitron,sans-serif;font-size:.52rem;font-weight:900}html.theme-gamer .chip{letter-spacing:.04em;border-color:rgb(var(--accent-1-rgb) / .2);background:rgb(var(--accent-1-rgb) / .04);clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px));border-radius:0;font-family:Rajdhani,sans-serif;font-size:.85rem;font-weight:700;transition:all .18s}html.theme-gamer .chip:hover{border-color:var(--accent-1);background:rgb(var(--accent-1-rgb) / .1);box-shadow:0 0 12px rgb(var(--accent-1-rgb) / .4)}html.theme-gamer .chip i{color:var(--accent-1)}html.theme-gamer .section-title:hover{animation:.4s step-end gamer-glitch}html.theme-gamer .section-tag:before{content:"// ";color:var(--accent-2);font-family:Orbitron,sans-serif}html.theme-gamer .section-desc{color:#c8e8ffa6;letter-spacing:.03em;font-family:Rajdhani,sans-serif;font-size:1.05rem;font-weight:500}html.theme-gamer .about-text strong,html.theme-gamer .section-desc strong{color:var(--accent-1);font-weight:700}html.theme-gamer .song-highlight{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));border-color:rgb(var(--accent-2-rgb) / calc(.2 + var(--beat-alpha,0) * .5));background:rgb(var(--accent-2-rgb) / .03);box-shadow:var(--beat-glow-soft,none);border-radius:0}html.theme-gamer .song-kicker{letter-spacing:.18em;color:var(--accent-2);font-family:Orbitron,sans-serif;font-size:.45rem;font-weight:700}html.theme-gamer .song-kicker:before{content:"[ ";opacity:.7}html.theme-gamer .song-kicker:after{content:" ]";opacity:.7}html.theme-gamer .music-player-section{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px));border-color:rgb(var(--accent-1-rgb) / calc(.18 + var(--beat-alpha,0) * .5));border-radius:0}html.theme-gamer .track-item{letter-spacing:.03em;border-radius:0;font-family:Rajdhani,sans-serif;font-weight:600}html.theme-gamer .track-item:hover,html.theme-gamer .track-item.active{background:rgb(var(--accent-1-rgb) / .06);border-left:2px solid var(--accent-1);padding-left:10px}html.theme-gamer .track-item.active .track-title{color:var(--accent-1);text-shadow:0 0 10px rgb(var(--accent-1-rgb) / .6)}html.theme-gamer .track-num{color:rgb(var(--accent-1-rgb) / .35);font-family:Orbitron,sans-serif;font-size:.5rem;font-weight:700}html.theme-gamer .player-btn-play{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));box-shadow:0 0 calc(14px + var(--beat-alpha,0) * 30px) rgb(var(--accent-1-rgb) / calc(.4 + var(--beat-alpha,0) * .6));border-radius:0}html.theme-gamer .player-seek{background:linear-gradient(90deg, var(--accent-1) 0%, var(--accent-2) var(--seek,0%), rgb(var(--accent-1-rgb) / .1) var(--seek,0%));border-radius:0;height:6px}html.theme-gamer .contact-item{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));border-color:rgb(var(--accent-1-rgb) / .18);background:rgb(var(--accent-1-rgb) / .02);border-radius:0;transition:all .18s}html.theme-gamer .contact-item:hover{border-color:var(--accent-1);background:rgb(var(--accent-1-rgb) / .07);box-shadow:0 0 20px rgb(var(--accent-1-rgb) / .25);transform:translate(6px)}html.theme-gamer .contact-label{letter-spacing:.14em;color:var(--accent-1);font-family:Orbitron,sans-serif;font-size:.42rem;font-weight:700}html.theme-gamer .contact-value{color:var(--text);font-family:Rajdhani,sans-serif;font-size:.95rem;font-weight:700}html.theme-gamer .contact-label:before{content:"> ";color:var(--accent-2);font-size:.7rem}html.theme-gamer .contact-form{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));border-color:rgb(var(--accent-2-rgb) / .2);background:rgb(var(--accent-2-rgb) / .02);border-radius:0}html.theme-gamer .form-group label{letter-spacing:.14em;color:var(--accent-2);font-family:Orbitron,sans-serif;font-size:.45rem;font-weight:700}html.theme-gamer .contact-form .btn-primary{background:linear-gradient(135deg, rgb(var(--accent-2-rgb) / .9), #c81450e6);border-color:var(--accent-2);color:#fff;box-shadow:0 0 24px rgb(var(--accent-2-rgb) / .5)}html.theme-gamer .contact-form .btn-primary:hover{box-shadow:0 0 40px rgb(var(--accent-2-rgb) / .8)}html.theme-gamer .hire-band{border-color:rgb(var(--accent-1-rgb) / .15);background:#0006;position:relative}html.theme-gamer .hire-band-title{text-shadow:0 0 30px rgb(var(--accent-1-rgb) / .3);font-family:Orbitron,sans-serif}html.theme-gamer .hire-band-kicker{letter-spacing:.2em;color:var(--accent-2);font-family:Orbitron,sans-serif;font-size:.45rem;font-weight:700}html.theme-gamer .hire-band-cta{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));background:linear-gradient(135deg, rgb(var(--accent-1-rgb) / .9), rgb(var(--accent-2-rgb) / .9));box-shadow:0 0 30px rgb(var(--accent-1-rgb) / .4), 0 0 60px rgb(var(--accent-2-rgb) / .2);color:#04040d;letter-spacing:.1em;border-radius:0;font-family:Orbitron,sans-serif;font-size:.52rem;font-weight:900}html.theme-gamer .hire-band-cta:hover{box-shadow:0 0 50px rgb(var(--accent-1-rgb) / .7), 0 0 100px rgb(var(--accent-2-rgb) / .3);transform:translateY(-3px)scale(1.03)}html.theme-gamer #footer{border-top-color:rgb(var(--accent-1-rgb) / .12);background:#0000004d}html.theme-gamer #footer a{letter-spacing:.08em;color:var(--accent-1);text-shadow:0 0 8px rgb(var(--accent-1-rgb) / .5);font-family:Orbitron,sans-serif;font-size:.6rem;font-weight:700}html.theme-gamer .eduardo-card{clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));border-radius:0}html.theme-gamer #scrollProgress{box-shadow:0 0 calc(6px + var(--beat-alpha,0) * 20px) rgb(var(--accent-1-rgb) / calc(.6 + var(--beat-alpha,0) * .4))}@keyframes gamer-blink{0%,49%{opacity:1}50%,to{opacity:.2}}html.theme-gamer .hero-status-dot{animation:1.2s step-end infinite gamer-blink}html.theme-gamer .hero-status-pill span{font-family:Orbitron,sans-serif;font-size:.48rem}html.theme-gamer .link-subtle{letter-spacing:.08em;color:var(--accent-1);text-transform:uppercase;text-shadow:0 0 8px rgb(var(--accent-1-rgb) / .5);font-family:Orbitron,sans-serif;font-size:.5rem;font-weight:700}html.theme-gamer .legacy-roles-card h4{letter-spacing:.12em;color:var(--accent-1);text-shadow:0 0 12px rgb(var(--accent-1-rgb) / .5);font-family:Orbitron,sans-serif}html.theme-gamer .legacy-role-text strong{color:var(--text);font-family:Rajdhani,sans-serif;font-weight:700}html.theme-gamer .legacy-role-icon{clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,5px 100%,0 calc(100% - 5px));border-radius:0}html.theme-gamer .nav-toggle span{background:var(--accent-1);box-shadow:0 0 6px rgb(var(--accent-1-rgb) / .6)}html.theme-gamer .nav-links.open{border-bottom-color:rgb(var(--accent-1-rgb) / .15);background:#04040dfa}html.theme-gamer .hero-desc{letter-spacing:.04em;color:#c8e8ffb3;font-family:Rajdhani,sans-serif;font-size:1.05rem;font-weight:500}html.theme-gamer .eduardo-badge{clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));border-radius:0}html.theme-gamer .eduardo-text h4{letter-spacing:.08em;color:var(--accent-2);text-shadow:0 0 10px rgb(var(--accent-2-rgb) / .5);font-family:Orbitron,sans-serif;font-size:.75rem}html.theme-gamer .now-playing-bar:before{opacity:calc(.6 + var(--beat-alpha,0) * .4);height:2px}html.theme-gamer .npb-title{letter-spacing:.06em;color:var(--accent-1);text-shadow:0 0 10px rgb(var(--accent-1-rgb) / .5);font-family:Orbitron,sans-serif;font-size:.62rem;font-weight:700}html.theme-gamer .studio-wrap,html.theme-gamer .section-nav{z-index:9999}html.theme-light.theme-gamer{--bg:#e8eaf6;--bg-alt:#d8daf0;--surface:rgb(var(--accent-1-rgb) / .06);--surface-hover:rgb(var(--accent-1-rgb) / .12);--border:rgb(var(--accent-1-rgb) / .25);--text:#0a0a20;--muted:#505080;--white:#0a0a20}html.theme-light.theme-gamer body{color:#0a0a20;background:#e8eaf6}html.theme-light.theme-gamer body:before{opacity:.12}html.theme-light.theme-gamer body:after{display:none}html.theme-light.theme-gamer .section-desc{color:#141432d1}html.theme-light.theme-gamer .studio-preset-name{color:#0a0a2080}html.theme-light.theme-gamer .studio-bg-btn{color:#0a0a20b3}html.theme-light.theme-gamer .studio-bg-btn.active,html.theme-light.theme-gamer .studio-label{color:var(--accent-1)}html.theme-light.theme-gamer .studio-fab{color:var(--accent-1);background:#e8eaf6eb}html.theme-light.theme-gamer #navbar{border-bottom-color:rgb(var(--accent-1-rgb) / .2);background:0 0}html.theme-light.theme-gamer #navbar.scrolled{background:#e8eaf6fc}html.theme-light.theme-gamer #navbar:before,html.theme-light.theme-gamer #navbar:after{display:none}html.theme-light.theme-gamer .nav-link,html.theme-light.theme-gamer .nav-logo{color:#0a0a20}html.theme-light.theme-gamer .ai-chat-panel{border-color:rgb(var(--accent-1-rgb) / .3);background:#e8eaf6fa}html.theme-light.theme-gamer .ai-chat-title{color:var(--accent-1)}html.theme-light.theme-gamer .ai-chat-header{border-bottom-color:rgb(var(--accent-1-rgb) / .15)}html.theme-light.theme-gamer .ai-msg.bot{color:#0a0a20;background:rgb(var(--accent-1-rgb) / .05);border-color:rgb(var(--accent-1-rgb) / .18)}html.theme-light.theme-gamer .ai-chat-input{color:#0a0a20;background:rgb(var(--accent-1-rgb) / .03)}html.theme-light.theme-gamer .ai-chat-input::placeholder{color:#0a0a2066}