@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;600;700&display=swap");:root{--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--gs-black:#0c0c0c;--gs-bg-0:#141414;--gs-bg-1:#1a1a1a;--gs-bg-2:#212121;--gs-bg-3:#2a2a2a;--gs-bg-4:#333333;--gs-orange:#f2a26f;--gs-orange-bright:#ff9a55;--gs-orange-deep:#d4824a;--gs-orange-glow:rgba(242,162,111,0.18);--gs-orange-glow-strong:rgba(242,162,111,0.3);--gs-text-0:#ffffff;--gs-text-1:#ededeb;--gs-text-2:#9a9a94;--gs-text-3:#5c5c58;--gs-text-4:#3a3a37;--gs-border-0:rgba(255,255,255,0.04);--gs-border-1:rgba(255,255,255,0.08);--gs-border-2:rgba(255,255,255,0.12);--gs-border-accent:rgba(242,162,111,0.25);--gs-shadow-sm:0 1px 3px rgba(0,0,0,0.5),0 1px 2px rgba(0,0,0,0.4);--gs-shadow-md:0 4px 16px rgba(0,0,0,0.6),0 2px 6px rgba(0,0,0,0.4);--gs-shadow-lg:0 12px 40px rgba(0,0,0,0.7),0 4px 12px rgba(0,0,0,0.5);--gs-shadow-xl:0 24px 64px rgba(0,0,0,0.8),0 8px 24px rgba(0,0,0,0.6);--gs-shadow-glow:0 0 32px rgba(242,162,111,0.2),0 4px 16px rgba(242,162,111,0.1);--gs-glass-dark:rgba(20,20,20,0.85);--gs-glass-mid:rgba(26,26,26,0.75);--gs-glass-light:rgba(42,42,42,0.68);--color-bg-base:var(--gs-bg-0);--color-bg-surface:var(--gs-bg-1);--color-bg-elevated:var(--gs-bg-2);--color-bg-hover:var(--gs-bg-3);--color-text-primary:var(--gs-text-1);--color-text-secondary:var(--gs-text-2);--color-text-muted:var(--gs-text-3);--color-border-subtle:var(--gs-border-0);--color-border-default:var(--gs-border-1);--color-border-strong:var(--gs-border-2);--color-primary:var(--gs-orange);--color-primary-hover:var(--gs-orange-bright);--color-primary-light:#f7c49a;--shadow-sm:var(--gs-shadow-sm);--shadow-md:var(--gs-shadow-md);--shadow-lg:var(--gs-shadow-lg);--shadow-xl:var(--gs-shadow-xl);--background:var(--gs-bg-0);--foreground:var(--gs-text-1);--card:var(--gs-bg-2);--card-foreground:var(--gs-text-1);--primary:var(--gs-orange);--primary-foreground:#0a0a10;--secondary:var(--gs-bg-3);--secondary-foreground:var(--gs-text-2);--muted:var(--gs-bg-2);--muted-foreground:var(--gs-text-2);--border:var(--gs-border-1);--input:var(--gs-bg-2);--ring:var(--gs-orange);--highlight:var(--gs-orange);--highlight-rgb:242,162,111;--active-highlight:var(--gs-orange);--primary-bg:var(--gs-bg-1);--secondary-bg:var(--gs-bg-0);--card-bg:var(--gs-bg-2);--primary-text:var(--gs-text-1);--secondary-text:var(--gs-text-2);--card-border:var(--gs-border-1);--player-bar-height-desktop:88px;--sidebar-width:232px;--radius-sm:4px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius:var(--radius-md)}body,html{background:#141414!important}body{color:#ededeb;font-feature-settings:"cv11","ss01";letter-spacing:-.01em}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 60% at 40% 25%,rgba(242,162,111,.08) 0,transparent 55%),radial-gradient(ellipse 60% 70% at 75% 80%,rgba(140,120,100,.05) 0,transparent 55%)}#chrome-bg-canvas{opacity:0!important;display:none!important}.app-container{background:transparent!important;position:relative;z-index:1;display:flex;min-height:100vh}.app-container--auth{--sidebar-width:0px;flex-direction:column;background:var(--gs-bg-0,#141414)}.main-content{flex:1 1;min-width:0;display:flex;flex-direction:column;position:relative}.pages-container{flex:1 1;position:relative}.page-content-overlay{position:absolute!important;inset:0!important;z-index:50;overflow-y:auto;pointer-events:auto}.page-content-overlay,.profile-page{background:var(--gs-bg-0,#141414)}.sidebar{background:var(--gs-bg-1)!important;border-right:1px solid var(--gs-border-0)!important;width:var(--sidebar-width)!important}.sidebar-content{padding:0 14px!important}.sidebar-logo{padding:4px 6px 20px!important;margin-bottom:8px!important;border-bottom:1px solid var(--gs-border-0);display:flex!important;align-items:center!important;gap:6px!important;min-height:auto!important}.brand-text{font-family:var(--font-mono)!important;font-size:.85rem!important;font-weight:700!important;letter-spacing:.12em!important;color:var(--gs-text-1)!important;text-transform:uppercase;overflow:visible!important;text-overflow:unset!important;white-space:nowrap!important}.brand-slash{color:var(--gs-orange)!important}.sidebar-nav.main{margin-top:8px!important}.sidebar-nav ul{gap:2px!important}.sidebar-nav .nav-item a{color:var(--gs-text-3)!important;border-radius:10px!important;padding:10px 12px!important;font-size:.875rem!important;font-weight:500!important;letter-spacing:.01em;transition:all .15s ease!important;gap:12px!important;border:1px solid transparent!important}.sidebar-nav .nav-item a svg{color:var(--gs-text-3)!important;width:18px!important;height:18px!important;stroke-width:1.75px!important;flex-shrink:0}.sidebar-nav .nav-item a:hover{background:var(--gs-border-0)!important}.sidebar-nav .nav-item a:hover,.sidebar-nav .nav-item a:hover svg{color:var(--gs-text-1)!important}.sidebar-nav .nav-item a.active,.sidebar-nav .nav-item.active a{color:var(--gs-text-1)!important;background:linear-gradient(135deg,rgba(242,162,111,.12),rgba(242,162,111,.06))!important;border:1px solid var(--gs-border-accent)!important}.sidebar-nav .nav-item a.active svg,.sidebar-nav .nav-item.active a svg{color:var(--gs-orange)!important}.sidebar-bottom-container{margin-top:auto;display:flex;flex-direction:column;padding-top:16px;border-top:1px solid var(--gs-border-0)}.pinned-section{margin-bottom:12px}.pinned-label{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gs-text-4);padding:12px 12px 6px}.pinned-nav{display:flex;flex-direction:column;gap:2px}.pinned-nav .nav-item{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;font-size:.8rem;font-weight:500;color:var(--gs-text-3);cursor:pointer;transition:all .15s ease;text-decoration:none;border:1px solid transparent}.pinned-nav .nav-item:hover{color:var(--gs-text-1);background:var(--gs-border-0);border-color:var(--gs-border-1)}.pinned-nav .nav-item svg{width:16px;height:16px;flex-shrink:0}.user-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .15s ease;border:1px solid transparent;text-decoration:none}.user-card:hover{background:var(--gs-border-0);border-color:var(--gs-border-1)}.user-card-signup{background:rgba(242,162,111,.06);border:1px dashed rgba(242,162,111,.3)}.user-card-signup:hover{background:rgba(242,162,111,.12);border-color:rgba(242,162,111,.5)}.user-card-signup .user-avatar{background:rgba(242,162,111,.15);color:var(--gs-orange)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--gs-orange),var(--gs-orange-deep));display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#0a0a10;flex-shrink:0}.user-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.user-name{font-size:.875rem;font-weight:600;color:var(--gs-text-1)}.user-handle{font-size:.75rem;color:var(--gs-text-3)}.about-link{font-size:.75rem;color:var(--gs-text-4);padding:6px 12px;cursor:pointer;text-decoration:none;transition:color .15s ease;margin-top:auto}.about-link:hover{color:var(--gs-text-2)}.admin-sidebar-link{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--gs-text-4);padding:6px 12px;cursor:pointer;text-decoration:none;transition:color .15s ease;border-radius:8px}.admin-sidebar-link:hover{color:var(--gs-text-2)}.admin-sidebar-link.active{color:var(--gs-orange)}.admin-sidebar-link svg{flex-shrink:0}.build-tag{font-family:var(--font-mono);font-size:.62rem;color:var(--gs-text-4);letter-spacing:.08em;text-transform:uppercase;padding:0 12px 4px}.main-content{background:transparent!important}#page-background{border-radius:0!important;opacity:0!important;background:none!important;display:none!important}.header{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:1px solid var(--gs-border-0)!important}.now-playing-bar,footer.now-playing-bar{position:fixed!important;bottom:16px!important;left:calc(var(--sidebar-width) + 16px)!important;right:16px!important;width:auto!important;max-width:1280px!important;margin:0 auto!important;z-index:2100!important;display:grid!important;grid-template-columns:280px 1fr 280px!important;align-items:center!important;height:var(--player-bar-height-desktop)!important;padding:0 20px!important;gap:16px!important;background:var(--gs-glass-dark)!important;backdrop-filter:blur(48px) saturate(2) brightness(1.05)!important;-webkit-backdrop-filter:blur(48px) saturate(2) brightness(1.05)!important;border:1px solid var(--gs-border-1)!important;border-top:1px solid rgba(255,255,255,.12)!important;border-radius:24px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03),inset 0 1px 0 rgba(255,255,255,.08),0 24px 64px rgba(0,0,0,.75),0 8px 24px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.4),0 0 80px rgba(242,162,111,.04)!important;animation:gs-player-in .5s cubic-bezier(.22,1,.36,1) both!important}@keyframes gs-player-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.now-playing-bar .track-info{display:flex!important;align-items:center!important;gap:14px!important;min-width:0!important;overflow:hidden!important}.now-playing-bar .cover-wrapper,.now-playing-bar .track-info .cover-wrapper{width:52px!important;height:52px!important;border-radius:10px!important;flex-shrink:0!important;overflow:hidden!important;box-shadow:0 4px 16px rgba(0,0,0,.6),0 0 0 1px var(--gs-border-1)!important;background:var(--gs-bg-3)!important;position:relative}.now-playing-bar .cover,.now-playing-bar .track-info .cover{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:10px!important;display:block!important}.now-playing-bar .track-info .details{min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important}.now-playing-bar .track-info .details .title{font-size:.875rem!important;font-weight:600!important;color:var(--gs-text-1)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;letter-spacing:-.01em}.now-playing-bar .track-info .details .artist{font-size:.78rem!important;color:var(--gs-text-2)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.now-playing-bar .track-info .details .album{font-size:.73rem!important;color:var(--gs-text-3)!important}.now-playing-bar .track-info .details .album,.track-item-details .artist,.track-item-details .title{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}#album-detail-tracklist .track-album,#album-detail-tracklist .track-item-details .title,#artist-detail-tracks .track-item-details .title{white-space:normal!important;overflow:visible!important;text-overflow:unset!important;line-height:1.3!important}.now-playing-bar .player-controls{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;width:100%!important}.now-playing-bar .player-controls .progress-container{width:100%!important;display:flex!important;align-items:center!important;gap:10px!important;order:2!important}.now-playing-bar .player-controls .buttons{order:1!important;gap:6px!important}.now-playing-bar .player-controls .buttons button{color:var(--gs-text-3)!important;width:34px!important;height:34px!important;border-radius:50%!important;transition:all .15s ease!important}.now-playing-bar .player-controls .buttons button:hover{color:var(--gs-text-1)!important;background:var(--gs-bg-3)!important;transform:scale(1.08)!important}.now-playing-bar .player-controls .buttons button.active{color:var(--gs-orange)!important}.now-playing-bar .player-controls .buttons .play-pause-btn{width:42px!important;height:42px!important;border-radius:50%!important;background:var(--gs-orange)!important;color:#080810!important;box-shadow:0 0 0 1px rgba(242,162,111,.3),0 4px 20px rgba(242,162,111,.35),0 1px 4px rgba(0,0,0,.5)!important;transition:all .18s cubic-bezier(.34,1.56,.64,1)!important}.now-playing-bar .player-controls .buttons .play-pause-btn:hover{transform:scale(1.1)!important;background:var(--gs-orange-bright)!important;box-shadow:0 0 0 1px rgba(242,162,111,.4),0 6px 28px rgba(242,162,111,.5),0 2px 6px rgba(0,0,0,.6)!important;color:#080810!important}.now-playing-bar .player-controls .buttons .play-pause-btn:active{transform:scale(.95)!important;transition-duration:80ms!important}.now-playing-bar .progress-bar{height:3px!important;background:var(--gs-border-1)!important;border-radius:999px!important;cursor:pointer;flex-grow:1!important;transition:height .15s ease!important}.now-playing-bar .progress-bar:hover{height:5px!important}.now-playing-bar #progress-fill,.now-playing-bar .progress-bar .progress-fill{background:linear-gradient(90deg,var(--gs-orange),var(--gs-orange-bright))!important;height:100%!important;border-radius:999px!important}.now-playing-bar .time-display{font-family:var(--font-mono)!important;font-size:.72rem!important;color:var(--gs-text-3)!important;min-width:36px!important;font-feature-settings:"tnum"!important;font-variant-numeric:tabular-nums!important;letter-spacing:.02em}#radio-loading-indicator{font-size:.75rem!important;color:var(--gs-text-3)!important;gap:6px!important}.now-playing-bar .volume-controls{display:flex!important;align-items:center!important;justify-content:flex-end!important}.now-playing-bar .player-actions-row{display:flex!important;align-items:center!important;gap:2px!important}.now-playing-bar .player-actions-row button,.now-playing-bar .volume-controls button{color:var(--gs-text-3)!important;width:32px!important;height:32px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .15s ease!important}.now-playing-bar .player-actions-row button:hover,.now-playing-bar .volume-controls button:hover{color:var(--gs-text-1)!important;background:var(--gs-border-0)!important}.now-playing-bar .volume-slider-wrapper{display:flex!important;align-items:center!important;gap:4px!important}.now-playing-bar .volume-slider{width:80px!important;height:3px!important;background:var(--gs-border-1)!important;border-radius:999px!important;cursor:pointer;transition:all .15s ease!important}.now-playing-bar .volume-slider:hover{height:5px!important}#page-home{padding:28px 32px 120px!important}.home-header-tabs{display:flex!important;gap:0!important;margin-bottom:32px!important;border-bottom:1px solid var(--gs-border-0)!important;padding-bottom:0!important}.home-tab{position:relative!important;background:transparent!important;color:var(--gs-text-3)!important;padding:10px 20px!important;cursor:pointer!important;font-size:.9rem!important;font-weight:600!important;letter-spacing:.02em!important;border:none!important;border-bottom:2px solid transparent!important;margin-bottom:-1px!important;transition:color .15s ease!important}.home-tab.active,.home-tab:hover{color:var(--gs-text-1)!important}.home-tab.active{border-bottom-color:var(--gs-orange)!important}.section-title{font-size:1.35rem!important;font-weight:700!important;color:var(--gs-text-1)!important;letter-spacing:-.02em!important;line-height:1.2!important}.content-section{margin-bottom:36px!important}.section-header-row{margin-bottom:16px!important}.news-banner{background:linear-gradient(135deg,rgba(242,162,111,.15),rgba(242,162,111,.08))!important;border:1px solid var(--gs-border-accent)!important;border-radius:14px!important;margin-bottom:24px!important}.card{background:var(--gs-bg-1)!important;border-radius:var(--radius-lg)!important;border:1px solid var(--gs-border-0)!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;overflow:hidden!important}.card:hover{background:var(--gs-bg-2)!important;border-color:var(--gs-border-1)!important;transform:translateY(-3px)!important;box-shadow:var(--gs-shadow-lg)!important}.card-image{border-radius:var(--radius-md)!important;transition:transform .25s ease!important}.card:hover .card-image{transform:scale(1.03)!important}.card-image-wrapper{border-radius:var(--radius-md)!important;overflow:hidden!important;box-shadow:var(--gs-shadow-sm)!important}.card-title{color:var(--gs-text-1)!important;font-weight:600!important;letter-spacing:-.01em}.card-subtitle{color:var(--gs-text-3)!important;font-size:.78rem!important}.card-play-btn{background:var(--gs-orange)!important;color:#080810!important;box-shadow:0 4px 20px rgba(242,162,111,.4)!important;border-radius:50%!important;transition:all .18s cubic-bezier(.34,1.56,.64,1)!important}.card-play-btn:hover{transform:scale(1.1)!important;box-shadow:0 6px 28px rgba(242,162,111,.55)!important}.track-row{border-radius:var(--radius-md)!important;transition:background .15s ease!important}.track-row:hover{background:var(--gs-bg-2)!important}.track-item{display:grid!important;grid-template-columns:40px 1fr minmax(80px,.8fr) 60px auto!important;gap:12px!important;align-items:center!important;padding:8px 12px!important;border-radius:var(--radius-md)!important;transition:background .15s ease!important}.track-item:hover{background:var(--gs-bg-2)!important}.track-item-number,.track-number{font-family:var(--font-mono)!important;font-size:.75rem!important;color:var(--gs-text-4)!important;text-align:right!important;font-feature-settings:"tnum"!important;font-variant-numeric:tabular-nums!important}.track-item-cover{width:40px!important;height:40px!important;border-radius:6px!important;box-shadow:0 1px 3px rgba(0,0,0,.4)!important}.track-item-details .title{font-size:.84rem!important;font-weight:600!important;letter-spacing:-.01em!important}.track-album,.track-item-details .artist{font-size:.75rem!important}.track-album{color:var(--gs-text-3)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.track-item-duration{font-family:var(--font-mono)!important;font-size:.73rem!important;color:var(--gs-text-3)!important;text-align:right!important;font-feature-settings:"tnum"!important;font-variant-numeric:tabular-nums!important}.track-item-actions{display:flex!important;gap:4px!important;opacity:0!important;transition:opacity .15s ease!important}.track-item:hover .track-item-actions{opacity:1!important}.btn-primary{background:var(--gs-orange)!important;color:#080810!important;font-weight:600!important;border-radius:var(--radius-md)!important;border:none!important;box-shadow:0 2px 12px rgba(242,162,111,.3)!important;transition:all .15s ease!important}.btn-primary:hover{background:var(--gs-orange-bright)!important;box-shadow:0 4px 20px rgba(242,162,111,.45)!important;transform:translateY(-1px)!important}.btn-secondary{background:var(--gs-bg-3)!important;color:var(--gs-text-2)!important;border:1px solid var(--gs-border-1)!important;border-radius:var(--radius-md)!important;font-weight:500!important;transition:all .15s ease!important}.btn-secondary:hover{background:var(--gs-bg-4)!important;color:var(--gs-text-1)!important;border-color:var(--gs-border-2)!important}.btn-ghost{background:transparent!important;color:var(--gs-text-3)!important;border-radius:var(--radius-md)!important;transition:all .15s ease!important}.btn-ghost:hover{background:var(--gs-border-0)!important;color:var(--gs-text-1)!important}.modal-content{background:var(--gs-bg-2)!important;border:1px solid var(--gs-border-1)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--gs-shadow-xl)!important}.modal-overlay{background:rgba(5,5,7,.75)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.template-input,input[class*=template],textarea[class*=template]{background:var(--gs-bg-0)!important;border:1px solid var(--gs-border-1)!important;border-radius:var(--radius-md)!important;color:var(--gs-text-1)!important;transition:border-color .15s ease!important}.template-input:focus,input[class*=template]:focus,textarea[class*=template]:focus{border-color:var(--gs-orange)!important;outline:none!important;box-shadow:0 0 0 3px rgba(242,162,111,.15)!important}.context-menu{background:var(--gs-bg-3)!important;border:1px solid var(--gs-border-2)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--gs-shadow-xl)!important;overflow:hidden!important}.context-menu ul li{color:var(--gs-text-2)!important;font-size:.85rem!important;padding:9px 16px!important;border-radius:0!important;transition:all .1s ease!important}.context-menu ul li:hover{background:var(--gs-bg-4)!important;color:var(--gs-text-1)!important}.side-panel{background:var(--gs-bg-1)!important;border-left:1px solid var(--gs-border-0)!important}.panel-header{border-bottom:1px solid var(--gs-border-0)!important;padding:16px 20px!important}::-webkit-scrollbar{width:4px!important;height:4px!important}::-webkit-scrollbar-track{background:transparent!important}::-webkit-scrollbar-thumb{background:var(--gs-border-1)!important;border-radius:999px!important}::-webkit-scrollbar-thumb:hover{background:var(--gs-border-2)!important}.fullscreen-cover-overlay{background:var(--gs-black)!important}#chrome-background,.chrome-background{opacity:.6!important}.detail-header{padding:32px 32px 24px!important}.detail-title{font-size:2.5rem!important;font-weight:800!important;letter-spacing:-.04em!important;color:var(--gs-text-1)!important;line-height:1.1!important}.detail-subtitle{color:var(--gs-text-2)!important;font-size:.9rem!important}.like-btn.active svg,.now-playing-like-btn.active svg,[data-action=toggle-like].active svg{fill:var(--gs-orange)!important;stroke:var(--gs-orange)!important}.search-bar,.search-input-wrapper{background:var(--gs-bg-2)!important;border:1px solid var(--gs-border-1)!important;border-radius:var(--radius-full)!important;transition:all .15s ease!important}.search-bar:focus-within,.search-input-wrapper:focus-within{border-color:var(--gs-orange)!important;box-shadow:0 0 0 3px rgba(242,162,111,.12)!important}body.sidebar-collapsed .now-playing-bar,body.sidebar-collapsed footer.now-playing-bar{left:calc(var(--sidebar-collapsed-width) + 16px)!important}@media (max-width:768px){.now-playing-bar,footer.now-playing-bar{left:8px!important;right:8px!important;bottom:8px!important;border-radius:18px!important;grid-template-columns:1fr auto 1fr!important;padding:0 14px!important}.now-playing-bar .volume-controls .volume-slider-wrapper .volume-slider{display:none!important}#page-home{padding:20px 16px 110px!important}.section-title{font-size:1.15rem!important}}@keyframes gs-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes gs-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gs-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.home-view.active{animation:gs-fade-up .35s cubic-bezier(.22,1,.36,1)!important}.card{animation:gs-fade-in .3s ease both!important}#home-welcome{padding:5rem 2rem!important}#home-welcome h2{font-size:2rem!important;font-weight:800!important;letter-spacing:-.04em!important;color:var(--gs-text-1)!important;line-height:1.2!important}#home-welcome p{color:var(--gs-text-3)!important;font-size:.95rem!important;max-width:380px;margin:0 auto;line-height:1.6}:root[data-theme=white]{--gs-black:#e8e7e4;--gs-bg-0:#f0efec;--gs-bg-1:#f5f4f1;--gs-bg-2:#eaeae6;--gs-bg-3:#dfdfd9;--gs-bg-4:#d4d4ce;--gs-text-0:#000000;--gs-text-1:#1c1c1a;--gs-text-2:#6b6b64;--gs-text-3:#9c9c94;--gs-text-4:#c0c0b8;--gs-border-0:rgba(0,0,0,0.05);--gs-border-1:rgba(0,0,0,0.09);--gs-border-2:rgba(0,0,0,0.14);--gs-border-accent:rgba(210,120,50,0.3);--gs-orange:#d4824a;--gs-orange-bright:#e08840;--gs-orange-deep:#b86e3a;--gs-orange-glow:rgba(210,120,50,0.12);--gs-orange-glow-strong:rgba(210,120,50,0.2);--gs-shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.05);--gs-shadow-md:0 4px 12px rgba(0,0,0,0.08),0 2px 4px rgba(0,0,0,0.04);--gs-shadow-lg:0 12px 32px rgba(0,0,0,0.1),0 4px 8px rgba(0,0,0,0.05);--gs-shadow-xl:0 24px 48px rgba(0,0,0,0.12),0 8px 16px rgba(0,0,0,0.06);--gs-shadow-glow:0 0 24px rgba(210,120,50,0.12),0 4px 12px rgba(210,120,50,0.06);--gs-glass-dark:rgba(245,244,241,0.88);--gs-glass-mid:rgba(240,239,236,0.8);--gs-glass-light:rgba(234,234,230,0.72);--background:var(--gs-bg-0);--foreground:var(--gs-text-1);--card:var(--gs-bg-2);--card-foreground:var(--gs-text-1);--primary:var(--gs-orange);--primary-foreground:#ffffff;--secondary:var(--gs-bg-3);--secondary-foreground:var(--gs-text-2);--muted:var(--gs-bg-2);--muted-foreground:var(--gs-text-2);--border:var(--gs-border-1);--input:var(--gs-bg-2);--ring:var(--gs-orange);--highlight:var(--gs-orange);--highlight-rgb:212,130,74;--active-highlight:var(--gs-orange);--primary-bg:var(--gs-bg-1);--secondary-bg:var(--gs-bg-0);--card-bg:var(--gs-bg-2);--primary-text:var(--gs-text-1);--secondary-text:var(--gs-text-2);--card-border:var(--gs-border-1);--cover-filter:blur(50px) brightness(1.5) opacity(0.35);color-scheme:light}:root[data-theme=white] body:after,:root[data-theme=white] body:before{background:none!important}:root[data-theme=white] body,:root[data-theme=white] html{background:var(--gs-bg-0)!important;color:var(--gs-text-1)!important}:root[data-theme=white] .sidebar{background:var(--gs-bg-1)!important;border-right-color:var(--gs-border-0)!important}:root[data-theme=white] .sidebar-logo{border-bottom-color:var(--gs-border-0)!important}:root[data-theme=white] .brand-text{color:var(--gs-text-1)!important}:root[data-theme=white] .sidebar-nav .nav-item a,:root[data-theme=white] .sidebar-nav .nav-item a svg{color:var(--gs-text-3)!important}:root[data-theme=white] .sidebar-nav .nav-item a:hover{color:var(--gs-text-1)!important;background:var(--gs-border-0)!important}:root[data-theme=white] .sidebar-nav .nav-item a:hover svg{color:var(--gs-text-1)!important}:root[data-theme=white] .sidebar-nav .nav-item a.active,:root[data-theme=white] .sidebar-nav .nav-item.active a{color:var(--gs-text-1)!important;background:linear-gradient(135deg,rgba(210,120,50,.1),rgba(210,120,50,.04))!important;border-color:var(--gs-border-accent)!important}:root[data-theme=white] .sidebar-nav .nav-item a.active svg,:root[data-theme=white] .sidebar-nav .nav-item.active a svg{color:var(--gs-orange)!important}:root[data-theme=white] .sidebar-user-avatar{background:linear-gradient(135deg,var(--gs-orange),var(--gs-orange-deep))!important;color:#fff!important}:root[data-theme=white] .sidebar-user-name{color:var(--gs-text-1)!important}:root[data-theme=white] .sidebar-user-handle{color:var(--gs-text-3)!important}:root[data-theme=white] .sidebar-build-text{color:var(--gs-text-4)!important}:root[data-theme=white] .now-playing-bar,:root[data-theme=white] footer.now-playing-bar{background:var(--gs-glass-dark)!important;backdrop-filter:blur(48px) saturate(1.4)!important;-webkit-backdrop-filter:blur(48px) saturate(1.4)!important;border-color:var(--gs-border-1)!important;border-top-color:rgba(255,255,255,.7)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5),inset 0 1px 0 rgba(255,255,255,.8),0 12px 40px rgba(0,0,0,.1),0 4px 12px rgba(0,0,0,.06),0 0 60px rgba(210,120,50,.04)!important}:root[data-theme=white] .now-playing-bar .track-info .details .title{color:var(--gs-text-1)!important}:root[data-theme=white] .now-playing-bar .track-info .details .artist{color:var(--gs-text-2)!important}:root[data-theme=white] .now-playing-bar .player-controls .buttons button,:root[data-theme=white] .now-playing-bar .track-info .details .album{color:var(--gs-text-3)!important}:root[data-theme=white] .now-playing-bar .player-controls .buttons button:hover{color:var(--gs-text-1)!important;background:var(--gs-border-0)!important}:root[data-theme=white] .now-playing-bar .player-controls .buttons .play-pause-btn{background:var(--gs-orange)!important;color:#fff!important;box-shadow:0 4px 16px rgba(210,120,50,.3),0 1px 3px rgba(0,0,0,.1)!important}:root[data-theme=white] .now-playing-bar .player-controls .buttons .play-pause-btn:hover{background:var(--gs-orange-bright)!important;color:#fff!important;box-shadow:0 6px 24px rgba(210,120,50,.4),0 2px 4px rgba(0,0,0,.12)!important}:root[data-theme=white] .now-playing-bar .progress-bar{background:var(--gs-border-1)!important}:root[data-theme=white] .now-playing-bar .player-actions-row button,:root[data-theme=white] .now-playing-bar .time-display,:root[data-theme=white] .now-playing-bar .volume-controls button{color:var(--gs-text-3)!important}:root[data-theme=white] .now-playing-bar .player-actions-row button:hover,:root[data-theme=white] .now-playing-bar .volume-controls button:hover{color:var(--gs-text-1)!important;background:var(--gs-border-0)!important}:root[data-theme=white] .card{background:var(--gs-bg-1)!important;border-color:var(--gs-border-0)!important}:root[data-theme=white] .card:hover{background:var(--gs-bg-2)!important;border-color:var(--gs-border-1)!important;box-shadow:var(--gs-shadow-lg)!important}:root[data-theme=white] .card-title{color:var(--gs-text-1)!important}:root[data-theme=white] .card-subtitle{color:var(--gs-text-3)!important}:root[data-theme=white] .btn-primary,:root[data-theme=white] .card-play-btn{background:var(--gs-orange)!important;color:#fff!important}:root[data-theme=white] .btn-primary{box-shadow:0 2px 8px rgba(210,120,50,.2)!important}:root[data-theme=white] .btn-primary:hover{background:var(--gs-orange-bright)!important;box-shadow:0 4px 16px rgba(210,120,50,.3)!important}:root[data-theme=white] .btn-secondary{background:var(--gs-bg-3)!important;color:var(--gs-text-2)!important;border-color:var(--gs-border-1)!important}:root[data-theme=white] .btn-secondary:hover{background:var(--gs-bg-4)!important;color:var(--gs-text-1)!important}:root[data-theme=white] .btn-ghost:hover{background:var(--gs-border-0)!important;color:var(--gs-text-1)!important}:root[data-theme=white] .home-tab{color:var(--gs-text-3)!important}:root[data-theme=white] .home-tab:hover{color:var(--gs-text-1)!important}:root[data-theme=white] .home-tab.active{color:var(--gs-text-1)!important;border-bottom-color:var(--gs-orange)!important}:root[data-theme=white] .section-title{color:var(--gs-text-1)!important}:root[data-theme=white] .search-bar,:root[data-theme=white] .search-input-wrapper{background:var(--gs-bg-2)!important;border-color:var(--gs-border-1)!important}:root[data-theme=white] .search-bar:focus-within,:root[data-theme=white] .search-input-wrapper:focus-within{border-color:var(--gs-orange)!important;box-shadow:0 0 0 3px rgba(210,120,50,.1)!important}:root[data-theme=white] .modal-content{background:var(--gs-bg-1)!important;border-color:var(--gs-border-1)!important;box-shadow:var(--gs-shadow-xl)!important}:root[data-theme=white] .modal-overlay{background:rgba(240,239,236,.6)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}:root[data-theme=white] .context-menu{background:var(--gs-bg-1)!important;border-color:var(--gs-border-2)!important;box-shadow:var(--gs-shadow-xl)!important}:root[data-theme=white] .context-menu ul li{color:var(--gs-text-2)!important}:root[data-theme=white] .context-menu ul li:hover{background:var(--gs-bg-3)!important;color:var(--gs-text-1)!important}:root[data-theme=white] .template-input,:root[data-theme=white] input[class*=template],:root[data-theme=white] textarea[class*=template]{background:var(--gs-bg-0)!important;border-color:var(--gs-border-1)!important;color:var(--gs-text-1)!important}:root[data-theme=white] .template-input:focus,:root[data-theme=white] input[class*=template]:focus,:root[data-theme=white] textarea[class*=template]:focus{border-color:var(--gs-orange)!important;box-shadow:0 0 0 3px rgba(210,120,50,.1)!important}:root[data-theme=white] .side-panel{background:var(--gs-bg-1)!important;border-left-color:var(--gs-border-0)!important}:root[data-theme=white] ::-webkit-scrollbar-thumb{background:var(--gs-border-2)!important}:root[data-theme=white] ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)!important}:root[data-theme=white] .track-row:hover{background:var(--gs-bg-2)!important}:root[data-theme=white] .news-banner{background:linear-gradient(135deg,rgba(210,120,50,.1),rgba(210,120,50,.04))!important;border-color:var(--gs-border-accent)!important}:root[data-theme=white] .now-playing-bar .cover-wrapper,:root[data-theme=white] .now-playing-bar .track-info .cover-wrapper{box-shadow:0 2px 8px rgba(0,0,0,.12),0 0 0 1px var(--gs-border-1)!important}:root[data-theme=white] .pinned-label{color:var(--gs-text-3)!important}:root[data-theme=white] .pinned-nav .nav-item{color:var(--gs-text-2)!important}:root[data-theme=white] .pinned-nav .nav-item:hover{color:var(--gs-text-1)!important}:root[data-theme=white] .pinned-nav .nav-item:hover,:root[data-theme=white] .user-card:hover{background:var(--gs-bg-3)!important;border-color:var(--gs-border-1)!important}:root[data-theme=white] .user-avatar{background:linear-gradient(135deg,var(--gs-orange),var(--gs-orange-deep))!important;color:#fff!important}:root[data-theme=white] .user-name{color:var(--gs-text-1)!important}:root[data-theme=white] .about-link,:root[data-theme=white] .user-handle{color:var(--gs-text-3)!important}:root[data-theme=white] .about-link:hover{color:var(--gs-text-1)!important}:root[data-theme=white] .admin-sidebar-link{color:var(--gs-text-3)!important}:root[data-theme=white] .admin-sidebar-link:hover{color:var(--gs-text-1)!important}:root[data-theme=white] .admin-sidebar-link.active{color:var(--gs-orange)!important}:root[data-theme=white] .build-tag{color:var(--gs-text-3)!important}:root[data-theme=white] .up-banner-default{background:linear-gradient(135deg,rgba(0,0,0,.03),rgba(0,0,0,.06) 50%,rgba(0,0,0,.02))!important}:root[data-theme=white] .up-banner-fade{background:linear-gradient(to top,var(--gs-bg-0) 0,transparent 100%)!important}:root[data-theme=white] .up-card{background:rgba(255,255,255,.7)!important;backdrop-filter:blur(40px) saturate(1.4)!important;-webkit-backdrop-filter:blur(40px) saturate(1.4)!important;border-color:var(--gs-border-1)!important;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.03),0 8px 32px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.04)!important}:root[data-theme=white] .up-avatar-ring{box-shadow:0 4px 24px rgba(0,0,0,.1),0 0 0 4px var(--gs-bg-0)!important}:root[data-theme=white] .up-avatar-ring .up-avatar{box-shadow:0 2px 8px rgba(0,0,0,.1)!important}:root[data-theme=white] .up-avatar-inner{background:var(--gs-bg-2)!important}:root[data-theme=white] .up-avatar-initials{color:var(--gs-text-1)!important}:root[data-theme=white] .up-status-dot{border-color:var(--gs-bg-0)!important}:root[data-theme=white] .up-name{color:var(--gs-text-1)!important}:root[data-theme=white] .up-handle{color:var(--gs-text-2)!important}:root[data-theme=white] .up-chip{color:var(--gs-text-2)!important;background:rgba(0,0,0,.04)!important;border-color:var(--gs-border-1)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}:root[data-theme=white] .up-chip:hover{background:rgba(0,0,0,.07)!important;color:var(--gs-text-1)!important;border-color:var(--gs-border-2)!important}:root[data-theme=white] .up-tabs{background:rgba(0,0,0,.03)!important;border-color:var(--gs-border-1)!important}:root[data-theme=white] .up-tab{color:var(--gs-text-3)!important}:root[data-theme=white] .up-tab:hover{color:var(--gs-text-1)!important;background:rgba(0,0,0,.03)!important}:root[data-theme=white] .up-tab.active{color:var(--gs-text-1)!important;background:rgba(255,255,255,.8)!important;box-shadow:0 1px 4px rgba(0,0,0,.08),inset 0 0 0 .5px rgba(0,0,0,.04)!important}:root[data-theme=white] .up-about-glass{background:rgba(0,0,0,.02)!important;border-color:var(--gs-border-1)!important}:root[data-theme=white] .up-about-glass p{color:var(--gs-text-2)!important}:root[data-theme=white] .up-status-glass{background:rgba(0,0,0,.02)!important;border-color:var(--gs-border-1)!important}:root[data-theme=white] .up-status-label{color:var(--gs-text-3)!important}:root[data-theme=white] .up-status-text{color:var(--gs-text-2)!important}:root[data-theme=white] .up-grid-item{background:rgba(0,0,0,.02)!important;border-color:var(--gs-border-1)!important}:root[data-theme=white] .up-grid-item:hover{background:rgba(0,0,0,.04)!important;border-color:var(--gs-border-2)!important;box-shadow:0 8px 24px rgba(0,0,0,.08)!important}:root[data-theme=white] .up-grid-thumb{background:rgba(0,0,0,.03)!important;color:var(--gs-text-3)!important}:root[data-theme=white] .up-grid-info h4{color:var(--gs-text-1)!important}:root[data-theme=white] .up-grid-info span{color:var(--gs-text-3)!important}:root[data-theme=white] .up-grid-thumb .up-play-btn{background:var(--gs-orange)!important;color:#fff!important;box-shadow:0 4px 20px rgba(210,120,50,.25)!important}:root[data-theme=white] .up-empty{color:var(--gs-text-3)!important}:root[data-theme=white] .up-error-card{color:var(--gs-text-2)!important}:root[data-theme=white] .up-error-card h2{color:var(--gs-text-1)!important}:root[data-theme=white] .up-error-icon{color:var(--gs-text-3)!important}:root[data-theme=white] .up-btn-home{background:rgba(0,0,0,.05)!important;border-color:var(--gs-border-1)!important;color:var(--gs-text-1)!important}:root[data-theme=white] .up-btn-home:hover{background:rgba(0,0,0,.09)!important}:root[data-theme=white] .up-btn-edit{background:rgba(0,0,0,.04)!important;color:var(--gs-text-2)!important;border-color:var(--gs-border-1)!important}:root[data-theme=white] .up-btn-edit:hover{background:rgba(0,0,0,.07)!important;color:var(--gs-text-1)!important;border-color:var(--gs-border-2)!important}:root[data-theme=white] .up-btn-follow{background:var(--gs-orange)!important;color:#fff!important;box-shadow:0 2px 12px rgba(210,120,50,.25)!important}:root[data-theme=white] .up-btn-follow:hover{background:var(--gs-orange-bright)!important;box-shadow:0 4px 20px rgba(210,120,50,.35)!important}:root[data-theme=white] .up-stats{border-top-color:var(--gs-border-0)!important}:root[data-theme=white] .up-stat-value{color:var(--gs-text-1)!important}:root[data-theme=white] .up-loading,:root[data-theme=white] .up-stat-label{color:var(--gs-text-3)!important}:root[data-theme=white] .up-loading-spinner{border-color:rgba(0,0,0,.3) rgba(0,0,0,.06) rgba(0,0,0,.06)!important}:root[data-theme=white] .header{background:var(--gs-glass-dark)!important;-webkit-backdrop-filter:blur(24px) saturate(1.6)!important;backdrop-filter:blur(24px) saturate(1.6)!important;border-bottom-color:var(--gs-border-0)!important}:root[data-theme=white] .search-bar input,:root[data-theme=white] .search-input-wrapper input{color:var(--gs-text-1)!important}:root[data-theme=white] .search-bar input::placeholder,:root[data-theme=white] .search-input-wrapper input::placeholder{color:var(--gs-text-3)!important}:root[data-theme=white] .search-bar svg,:root[data-theme=white] .search-input-wrapper svg{color:var(--gs-text-3)!important}:root[data-theme=white] .track-row{border-bottom-color:var(--gs-border-0)!important}:root[data-theme=white] .track-row .track-number{color:var(--gs-text-3)!important}:root[data-theme=white] .track-row .track-title{color:var(--gs-text-1)!important}:root[data-theme=white] .track-row .track-artist{color:var(--gs-text-2)!important}:root[data-theme=white] .track-row .track-duration{color:var(--gs-text-3)!important}:root[data-theme=white] .track-row.playing{background:rgba(210,120,50,.06)!important}:root[data-theme=white] .track-row.playing .track-title{color:var(--gs-orange)!important}:root[data-theme=white] input[type=range]{background:transparent!important}:root[data-theme=white] input[type=range]::-webkit-slider-runnable-track{background:var(--gs-border-1)!important}:root[data-theme=white] input[type=range]::-webkit-slider-thumb{background:var(--gs-text-2)!important;border:2px solid #fff!important;box-shadow:0 1px 4px rgba(0,0,0,.15)!important}:root[data-theme=white] input[type=range]:hover::-webkit-slider-thumb{background:var(--gs-orange)!important}:root[data-theme=white] input[type=range]::-moz-range-track{background:var(--gs-border-1)!important}:root[data-theme=white] input[type=range]::-moz-range-thumb{background:var(--gs-text-2)!important;border:2px solid #fff!important;box-shadow:0 1px 4px rgba(0,0,0,.15)!important}:root[data-theme=white] input[type=range]:hover::-moz-range-thumb{background:var(--gs-orange)!important}:root[data-theme=white] .progress-bar-fill,:root[data-theme=white] .volume-fill{background:var(--gs-orange)!important}:root[data-theme=white] .progress-bar-track,:root[data-theme=white] .volume-track{background:var(--gs-border-1)!important}:root[data-theme=white] .settings-page h1{color:var(--gs-text-1)!important}:root[data-theme=white] .settings-nav-item{color:var(--gs-text-2)!important}:root[data-theme=white] .settings-nav-item:hover{background:var(--gs-bg-3)!important;color:var(--gs-text-1)!important}:root[data-theme=white] .settings-nav-item.active{background:var(--gs-orange)!important;color:#fff!important}:root[data-theme=white] .settings-content{background:var(--gs-bg-1)!important;border:1px solid var(--gs-border-0)!important}:root[data-theme=white] .settings-form h2{color:var(--gs-text-1)!important}:root[data-theme=white] .form-divider{border-top-color:var(--gs-border-0)!important}:root[data-theme=white] .form-divider h3{color:var(--gs-text-1)!important}:root[data-theme=white] .toggle-slider{background:var(--gs-border-2)!important}:root[data-theme=white] .toggle input:checked+.toggle-slider{background:var(--gs-orange)!important}:root[data-theme=white] .profile-preview{background:var(--gs-bg-2)!important}:root[data-theme=white] .connection-item{border-color:var(--gs-border-1)!important}:root[data-theme=white] .connection-icon{background:var(--gs-bg-2)!important}:root[data-theme=white] .connection-info h3{color:var(--gs-text-1)!important}:root[data-theme=white] .command-dialog,:root[data-theme=white] .command-palette{background:var(--gs-bg-1)!important;border-color:var(--gs-border-2)!important;box-shadow:0 16px 64px rgba(0,0,0,.12),0 0 0 1px var(--gs-border-1)!important}:root[data-theme=white] .command-dialog input,:root[data-theme=white] .command-palette input{background:var(--gs-bg-0)!important;color:var(--gs-text-1)!important;border-color:var(--gs-border-1)!important}:root[data-theme=white] .command-dialog input::placeholder,:root[data-theme=white] .command-palette input::placeholder{color:var(--gs-text-3)!important}:root[data-theme=white] .command-dialog .command-item,:root[data-theme=white] .command-palette .command-item{color:var(--gs-text-2)!important}:root[data-theme=white] .command-dialog .command-item.active,:root[data-theme=white] .command-dialog .command-item:hover,:root[data-theme=white] .command-palette .command-item.active,:root[data-theme=white] .command-palette .command-item:hover{background:var(--gs-bg-3)!important;color:var(--gs-text-1)!important}:root[data-theme=white] .command-dialog .command-shortcut,:root[data-theme=white] .command-palette .command-shortcut{color:var(--gs-text-3)!important;background:var(--gs-bg-2)!important;border-color:var(--gs-border-1)!important}:root[data-theme=white] .notification,:root[data-theme=white] .toast{background:var(--gs-bg-1)!important;border-color:var(--gs-border-2)!important;box-shadow:0 8px 32px rgba(0,0,0,.1)!important;color:var(--gs-text-1)!important}:root[data-theme=white] .notification .notification-body,:root[data-theme=white] .toast .toast-body{color:var(--gs-text-2)!important}:root[data-theme=white] .backdrop,:root[data-theme=white] .overlay{background:rgba(240,239,236,.5)!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}:root[data-theme=white] .tooltip,:root[data-theme=white] [data-tooltip]:after{background:var(--gs-bg-4)!important;color:var(--gs-text-1)!important;border-color:var(--gs-border-2)!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important}:root[data-theme=white] .dropdown-menu{background:var(--gs-bg-1)!important;border-color:var(--gs-border-2)!important;box-shadow:var(--gs-shadow-xl)!important}:root[data-theme=white] .dropdown-menu .dropdown-item,:root[data-theme=white] .dropdown-menu li{color:var(--gs-text-2)!important}:root[data-theme=white] .dropdown-menu .dropdown-item:hover,:root[data-theme=white] .dropdown-menu li:hover{background:var(--gs-bg-3)!important;color:var(--gs-text-1)!important}:root[data-theme=white] .badge{background:var(--gs-orange)!important;color:#fff!important}:root[data-theme=white] .skeleton,:root[data-theme=white] [class*=skeleton]{background:linear-gradient(90deg,var(--gs-bg-2) 25%,var(--gs-bg-3) 50%,var(--gs-bg-2) 75%)!important;background-size:200% 100%!important}.theme-option{position:relative!important;overflow:hidden!important}.theme-option:before{content:""!important;position:absolute!important;top:0!important;left:0!important;width:4px!important;height:100%!important;border-radius:4px 0 0 4px!important;transition:width .2s ease!important}.theme-option:hover:before{width:6px!important}.theme-option[data-theme=monochrome]:before{background:linear-gradient(180deg,#1a1a1a,#141414)!important}.theme-option[data-theme=white]:before{background:linear-gradient(180deg,#f5f4f1,#eaeae6)!important}.theme-option[data-theme=pure-chrome-light]:before{background:linear-gradient(180deg,#fafafa,#e8e8e8)!important}.theme-option[data-theme=dark]:before{background:linear-gradient(180deg,#191919,#111111)!important}.theme-option[data-theme=custom]:before{background:linear-gradient(to bottom,var(--gs-orange),var(--gs-orange-deep))!important}.theme-option.active:before{background:linear-gradient(to bottom,var(--gs-orange-bright),var(--gs-orange))!important;width:4px!important}:root[data-theme=white] .settings-content-panel{color:var(--gs-text-1)!important}:root[data-theme=white] .settings-group{border-bottom-color:var(--gs-border-0)!important}:root[data-theme=white] .setting-item .label,:root[data-theme=white] .settings-group-header h3{color:var(--gs-text-1)!important}:root[data-theme=white] .setting-item .description{color:var(--gs-text-3)!important}:root[data-theme=white] .setting-item .input,:root[data-theme=white] .setting-item input[type=number],:root[data-theme=white] .setting-item select{background-color:var(--gs-bg-2)!important;color:var(--gs-text-1)!important;border-color:var(--gs-border-1)!important}:root[data-theme=white] .setting-item .input:focus{border-color:var(--gs-orange)!important;box-shadow:0 0 0 3px rgba(210,120,50,.1)!important}:root[data-theme=white] .toggle-switch .slider{background:var(--gs-border-2)!important}:root[data-theme=white] .toggle-switch input:checked+.slider{background:var(--gs-orange)!important}:root[data-theme=white] .theme-option{background:var(--gs-bg-2)!important;border-color:var(--gs-border-1)!important;color:var(--gs-text-2)!important}:root[data-theme=white] .theme-option:hover{border-color:var(--gs-border-2)!important;background:var(--gs-bg-3)!important;color:var(--gs-text-1)!important}:root[data-theme=white] .theme-option.active{border-color:var(--gs-orange)!important;background:rgba(210,120,50,.08)!important;color:var(--gs-text-1)!important}:root[data-theme=white] .font-type-select{background-color:var(--gs-bg-2)!important;color:var(--gs-text-1)!important;border-color:var(--gs-border-1)!important}.profile-page{position:relative;min-height:100%;width:100%}.profile-banner{position:relative;height:260px;overflow:hidden;background:linear-gradient(135deg,var(--gs-bg-2,#212121) 0,var(--gs-bg-3,#2a2a2a) 100%)}.profile-banner img{width:100%;height:100%;object-fit:cover;display:block}.profile-banner-fade{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,var(--gs-bg-0,#141414) 100%)}.profile-card{position:relative;max-width:800px;margin:-80px auto 0;padding:0 32px 120px;z-index:2}.profile-header{background:var(--gs-bg-1,#1a1a1a);border:1px solid var(--gs-border-1,rgba(255,255,255,.09));border-radius:20px;padding:28px 32px 24px;position:relative;box-shadow:0 12px 40px rgba(0,0,0,.4),0 4px 12px rgba(0,0,0,.3)}.profile-header-top{display:flex;align-items:flex-end;gap:20px;margin-bottom:20px}.avatar-ring{width:96px;height:96px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--gs-orange,#f2a26f),var(--gs-orange-deep,#d4824a));padding:3px;margin-top:-48px;box-shadow:0 4px 24px rgba(0,0,0,.5),0 0 0 4px var(--gs-bg-1,#1a1a1a)}.avatar-inner{width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--gs-bg-3,#2a2a2a);display:flex;align-items:center;justify-content:center}.avatar-inner img{width:100%;height:100%;object-fit:cover;display:block}.avatar-inner .initials{font-size:2rem;font-weight:700;color:var(--gs-text-1,#ededeb)}.status-dot{position:absolute;bottom:6px;right:6px;width:14px;height:14px;border-radius:50%;background:#6b7280;border:3px solid var(--gs-bg-1,#1a1a1a);transition:background .2s ease}.status-dot.online{background:#22c55e}.status-dot.offline{background:#6b7280}.identity{min-width:0}.profile-name{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;color:var(--gs-text-1,#ededeb)}.profile-handle{font-size:.9rem;color:var(--gs-text-2,#9a9a94);margin-top:2px;font-family:var(--mono,"JetBrains Mono",monospace);letter-spacing:.02em}.profile-actions{margin-left:auto;display:flex;gap:8px;flex-shrink:0}.btn-follow{display:flex;align-items:center;gap:7px;padding:8px 20px;background:var(--gs-orange,#f2a26f);color:#0a0a10;font-size:.82rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;font-family:var(--font,"Inter",sans-serif);box-shadow:0 2px 12px rgba(242,162,111,.3);transition:all .15s ease}.btn-follow:hover{background:var(--gs-orange-bright,#ff9a55);box-shadow:0 4px 20px rgba(242,162,111,.45);transform:translateY(-1px)}.btn-edit{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--gs-bg-3,#2a2a2a);color:var(--gs-text-2,#9a9a94);font-size:.82rem;font-weight:500;border:1px solid var(--gs-border-1,rgba(255,255,255,.09));border-radius:10px;cursor:pointer;font-family:var(--font,"Inter",sans-serif);transition:all .15s ease;text-decoration:none}.btn-edit:hover{background:var(--gs-bg-4,#333333);color:var(--gs-text-1,#ededeb);border-color:var(--gs-border-2,rgba(255,255,255,.14))}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.chip{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--gs-bg-2,#212121);border:1px solid var(--gs-border-0,rgba(255,255,255,.05));border-radius:8px;font-size:.78rem;color:var(--gs-text-2,#9a9a94);text-decoration:none;transition:all .15s ease;cursor:pointer}.chip:hover{background:var(--gs-bg-3,#2a2a2a);color:var(--gs-text-1,#ededeb);border-color:var(--gs-border-1,rgba(255,255,255,.09))}.chip svg{width:14px;height:14px;color:var(--gs-text-3,#5c5c58);flex-shrink:0}.chip-orange{border-color:var(--gs-border-accent,rgba(242,162,111,.25))}.chip-orange svg{color:var(--gs-orange,#f2a26f)}.stats{display:flex;gap:24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--gs-border-0,rgba(255,255,255,.05))}.stat{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:1.1rem;font-weight:700;color:var(--gs-text-1,#ededeb);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-label{font-size:.72rem;color:var(--gs-text-3,#5c5c58);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.profile-tabs{display:flex;gap:0;margin-top:24px;background:var(--gs-bg-1,#1a1a1a);border:1px solid var(--gs-border-1,rgba(255,255,255,.09));border-radius:14px;padding:4px}.profile-tab{flex:1 1;padding:10px 16px;border:none;background:transparent;color:var(--gs-text-3,#5c5c58);font-size:.85rem;font-weight:600;cursor:pointer;border-radius:10px;font-family:var(--font,"Inter",sans-serif);transition:all .15s ease;text-align:center}.profile-tab.active,.profile-tab:hover{color:var(--gs-text-1,#ededeb)}.profile-tab.active{background:var(--gs-bg-3,#2a2a2a);box-shadow:0 2px 8px rgba(0,0,0,.2)}.tab-content{margin-top:20px;animation:fadeUp .3s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.about-card{background:var(--gs-bg-1,#1a1a1a);border:1px solid var(--gs-border-1,rgba(255,255,255,.09));border-radius:14px;padding:24px 28px}.about-text{font-size:.9rem;line-height:1.7;color:var(--gs-text-2,#9a9a94)}.status-badge{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 14px;background:var(--gs-bg-2,#212121);border:1px solid var(--gs-border-0,rgba(255,255,255,.05));border-radius:10px}.status-badge-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0}.status-badge-label{font-size:.72rem;color:var(--gs-text-3,#5c5c58);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.status-badge-text{font-size:.82rem;color:var(--gs-text-1,#ededeb)}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.grid-card{background:var(--gs-bg-1,#1a1a1a);border:1px solid var(--gs-border-0,rgba(255,255,255,.05));border-radius:14px;padding:12px;cursor:pointer;transition:all .2s ease;text-decoration:none;color:inherit;display:block;overflow:hidden}.grid-card:hover{background:var(--gs-bg-2,#212121);border-color:var(--gs-border-1,rgba(255,255,255,.09));transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.5)}.grid-thumb{width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;margin-bottom:10px;background:var(--gs-bg-3,#2a2a2a);position:relative;box-shadow:0 1px 3px rgba(0,0,0,.4)}.grid-thumb img{width:100%;height:100%;object-fit:cover;display:block}.grid-thumb .play-btn{position:absolute;bottom:8px;right:8px;width:36px;height:36px;border-radius:50%;background:var(--gs-orange,#f2a26f);color:#080810;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(242,162,111,.4);opacity:0;transform:translateY(6px);transition:all .2s cubic-bezier(.34,1.56,.64,1)}.grid-card:hover .play-btn{opacity:1;transform:translateY(0)}.grid-title{font-size:.82rem;font-weight:600;color:var(--gs-text-1,#ededeb)}.grid-sub,.grid-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-sub{font-size:.73rem;color:var(--gs-text-3,#5c5c58);margin-top:3px}.fav-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.empty-state{text-align:center;padding:48px 24px;color:var(--gs-text-3,#5c5c58)}.empty-state svg{margin:0 auto 12px;opacity:.5}.empty-state p{font-size:.85rem}:root[data-theme=white] .profile-header{box-shadow:0 8px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04)!important}:root[data-theme=white] .avatar-ring{box-shadow:0 4px 24px rgba(0,0,0,.12),0 0 0 4px var(--gs-bg-1)!important}:root[data-theme=white] .btn-follow{background:var(--gs-orange)!important;color:#fff!important;box-shadow:0 2px 8px rgba(210,120,50,.2)!important}:root[data-theme=white] .btn-follow:hover{background:var(--gs-orange-bright)!important}:root[data-theme=white] .grid-card{background:var(--gs-bg-1)!important}:root[data-theme=white] .grid-card:hover{background:var(--gs-bg-2)!important;box-shadow:0 12px 32px rgba(0,0,0,.1)!important}:root[data-theme=white] .profile-banner-fade{background:linear-gradient(to bottom,transparent 30%,var(--gs-bg-0) 100%)!important}.settings-layout{display:flex;gap:2rem;min-height:100%}.settings-sidebar{width:200px;flex-shrink:0;padding:1rem 0}.settings-sidebar nav{display:flex;flex-direction:column;gap:4px}.settings-nav-item{display:block;padding:10px 14px;border-radius:10px;font-size:.875rem;font-weight:500;color:var(--gs-text-3,#5c5c58);text-decoration:none;transition:all .15s ease}.settings-nav-item:hover{color:var(--gs-text-1,#ededeb);background:var(--gs-border-0,rgba(255,255,255,.05))}.settings-nav-item.active{color:var(--gs-text-1,#ededeb);background:linear-gradient(135deg,rgba(242,162,111,.12),rgba(242,162,111,.06));border:1px solid var(--gs-border-accent,rgba(242,162,111,.25))}.settings-main{flex:1 1;min-width:0}@media (max-width:768px){.settings-layout{flex-direction:column;gap:1rem}.settings-sidebar{width:100%;padding:0}.settings-sidebar nav{flex-direction:row;gap:8px}.settings-nav-item{flex:1 1;text-align:center}}.abt-page{max-width:720px;margin:0 auto;padding:48px 24px 80px}.abt-hero{text-align:center;margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid var(--gs-border-0);position:relative}.abt-hero-badge{display:inline-block;padding:4px 14px;font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gs-orange);background:var(--gs-orange-glow);border:1px solid var(--gs-border-accent);border-radius:100px;margin-bottom:20px;font-family:var(--font-mono)}.abt-hero-title{font-size:2.8rem;font-weight:800;letter-spacing:-.04em;color:var(--gs-text-1);line-height:1.1;margin:0 0 16px}.abt-hero-slash{color:var(--gs-orange);font-family:var(--font-mono)}.abt-hero-tagline{font-size:1.1rem;color:var(--gs-text-2);line-height:1.6;max-width:480px;margin:0 auto 8px}.abt-hero-sub{font-size:.85rem;color:var(--gs-text-3);line-height:1.5;margin:0}.abt-section{margin-bottom:40px}.abt-section-label{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gs-text-3);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--gs-border-0)}.abt-section-label svg{width:16px;height:16px;color:var(--gs-orange);flex-shrink:0}.abt-tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.abt-tech-card{padding:18px 20px;background:var(--gs-bg-1);border:1px solid var(--gs-border-0);border-radius:14px;transition:all .2s ease}.abt-tech-card:hover{border-color:var(--gs-border-1);background:var(--gs-bg-2)}.abt-tech-mono{font-family:var(--font-mono);font-size:.7rem;color:var(--gs-orange);letter-spacing:.04em;margin-bottom:8px;opacity:.7}.abt-tech-label{font-size:.82rem;font-weight:700;color:var(--gs-text-1);margin-bottom:4px}.abt-tech-value{font-size:.78rem;color:var(--gs-text-3);line-height:1.5}.abt-changelog{display:flex;flex-direction:column;gap:16px}.abt-release{padding:20px 24px;background:var(--gs-bg-1);border:1px solid var(--gs-border-0);border-radius:14px;transition:border-color .2s ease}.abt-release:hover{border-color:var(--gs-border-1)}.abt-release-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.abt-release-version{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--gs-orange);padding:3px 10px;background:var(--gs-orange-glow);border-radius:6px}.abt-release-date{font-family:var(--font-mono);font-size:.75rem;color:var(--gs-text-3)}.abt-release-list{list-style:none;padding:0;margin:0}.abt-release-list li{position:relative;padding:5px 0 5px 18px;font-size:.82rem;color:var(--gs-text-2);line-height:1.55}.abt-release-list li:before{content:"";position:absolute;left:0;top:12px;width:5px;height:5px;border-radius:50%;background:var(--gs-border-2)}.abt-roadmap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.abt-roadmap-card{padding:20px;background:var(--gs-bg-1);border:1px solid var(--gs-border-0);border-radius:14px;transition:border-color .2s ease}.abt-roadmap-card:hover{border-color:var(--gs-border-1)}.abt-roadmap-heading{display:flex;align-items:center;gap:8px;margin-bottom:14px}.abt-roadmap-heading svg{width:16px;height:16px;color:var(--gs-orange);flex-shrink:0}.abt-roadmap-heading h3{font-size:.85rem;font-weight:700;color:var(--gs-text-1);margin:0}.abt-roadmap-list{list-style:none;padding:0;margin:0}.abt-roadmap-list li{position:relative;padding:4px 0 4px 16px;font-size:.78rem;color:var(--gs-text-3);line-height:1.5}.abt-roadmap-list li:before{content:"→";position:absolute;left:0;color:var(--gs-text-4);font-size:.72rem}.abt-links{display:flex;gap:10px;flex-wrap:wrap}.abt-link-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;background:var(--gs-bg-1);border:1px solid var(--gs-border-1);border-radius:12px;color:var(--gs-text-2);font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s ease;cursor:pointer}.abt-link-btn:hover{background:var(--gs-bg-2);border-color:var(--gs-border-2);color:var(--gs-text-1);transform:translateY(-1px);box-shadow:var(--gs-shadow-md)}.abt-link-btn svg{flex-shrink:0}.abt-link-secondary{background:transparent;border-color:var(--gs-border-0);color:var(--gs-text-3)}.abt-link-secondary:hover{background:var(--gs-bg-1);color:var(--gs-text-2)}.abt-footer{margin-top:48px;padding-top:24px;border-top:1px solid var(--gs-border-0);text-align:center}.abt-footer-line{font-size:.8rem;color:var(--gs-text-3);line-height:1.6}.abt-footer-build{font-family:var(--font-mono);font-size:.62rem;color:var(--gs-text-4);letter-spacing:.1em;text-transform:uppercase;margin-top:10px}@media (max-width:640px){.abt-page{padding:32px 16px 60px}.abt-hero-title{font-size:2rem}.abt-roadmap-grid,.abt-tech-grid{grid-template-columns:1fr}.abt-links{flex-direction:column}.abt-link-btn{justify-content:center}}:root[data-theme=white] .abt-hero{border-bottom-color:var(--gs-border-0)!important}:root[data-theme=white] .abt-hero-badge{color:var(--gs-orange)!important;background:rgba(210,120,50,.08)!important;border-color:rgba(210,120,50,.2)!important}:root[data-theme=white] .abt-hero-title{color:var(--gs-text-1)!important}:root[data-theme=white] .abt-hero-tagline{color:var(--gs-text-2)!important}:root[data-theme=white] .abt-hero-sub{color:var(--gs-text-3)!important}:root[data-theme=white] .abt-section-label{color:var(--gs-text-3)!important;border-bottom-color:var(--gs-border-0)!important}:root[data-theme=white] .abt-tech-card{background:var(--gs-bg-1)!important;border-color:var(--gs-border-1)!important}:root[data-theme=white] .abt-tech-card:hover{background:var(--gs-bg-2)!important}:root[data-theme=white] .abt-tech-label{color:var(--gs-text-1)!important}:root[data-theme=white] .abt-tech-value{color:var(--gs-text-3)!important}:root[data-theme=white] .abt-release{background:var(--gs-bg-1)!important;border-color:var(--gs-border-1)!important}:root[data-theme=white] .abt-release:hover{border-color:var(--gs-border-2)!important}:root[data-theme=white] .abt-release-version{background:rgba(210,120,50,.08)!important}:root[data-theme=white] .abt-release-list li{color:var(--gs-text-2)!important}:root[data-theme=white] .abt-release-list li:before{background:var(--gs-border-2)!important}:root[data-theme=white] .abt-roadmap-card{background:var(--gs-bg-1)!important;border-color:var(--gs-border-1)!important}:root[data-theme=white] .abt-roadmap-card:hover{border-color:var(--gs-border-2)!important}:root[data-theme=white] .abt-roadmap-heading h3{color:var(--gs-text-1)!important}:root[data-theme=white] .abt-roadmap-list li{color:var(--gs-text-3)!important}:root[data-theme=white] .abt-link-btn{background:var(--gs-bg-1)!important;border-color:var(--gs-border-1)!important;color:var(--gs-text-2)!important}:root[data-theme=white] .abt-link-btn:hover{background:var(--gs-bg-2)!important;border-color:var(--gs-border-2)!important;color:var(--gs-text-1)!important;box-shadow:0 4px 16px rgba(0,0,0,.06)!important}:root[data-theme=white] .abt-link-secondary{background:transparent!important;border-color:var(--gs-border-0)!important;color:var(--gs-text-3)!important}:root[data-theme=white] .abt-footer{border-top-color:var(--gs-border-0)!important}:root[data-theme=white] .abt-footer-build,:root[data-theme=white] .abt-footer-line{color:var(--gs-text-3)!important}.profile-theme-default{background:linear-gradient(135deg,#212121,#2a2a2a)}.profile-theme-gradient-warm{background:linear-gradient(135deg,#f2a26f,#d4824a 50%,#b8623a)}.profile-theme-gradient-cool{background:linear-gradient(135deg,#667eea,#764ba2)}.profile-theme-gradient-forest{background:linear-gradient(135deg,#134e5e,#71b280)}.profile-theme-gradient-sunset{background:linear-gradient(135deg,#ee9ca7,#ffdde1 50%,#f2a26f)}.profile-theme-gradient-midnight{background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e)}.profile-theme-gradient-rose{background:linear-gradient(135deg,#ff6b6b,#ee5a24 50%,#f2a26f)}.profile-theme-noise-dark{background:#1a1a1a;position:relative}.profile-theme-noise-dark:before{content:"";position:absolute;inset:0;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;pointer-events:none}.profile-theme-noise-warm{background:linear-gradient(135deg,#2a1f1a,#1f1a15);position:relative}.profile-theme-noise-warm:before{content:"";position:absolute;inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px;pointer-events:none}.profile-theme-mesh-purple{background:radial-gradient(at 20% 30%,rgba(120,80,200,.6) 0,transparent 50%),radial-gradient(at 80% 70%,rgba(80,40,160,.5) 0,transparent 50%),radial-gradient(at 50% 50%,rgba(60,30,120,.4) 0,transparent 60%),#1a1025}.profile-theme-mesh-ocean{background:radial-gradient(at 30% 20%,rgba(20,120,160,.5) 0,transparent 50%),radial-gradient(at 70% 80%,rgba(10,80,120,.4) 0,transparent 50%),radial-gradient(at 50% 50%,rgba(5,50,80,.3) 0,transparent 60%),#0a1520}.profile-theme-aurora{background:radial-gradient(ellipse at 20% 50%,rgba(0,255,140,.15) 0,transparent 50%),radial-gradient(ellipse at 60% 30%,rgba(0,180,255,.12) 0,transparent 45%),radial-gradient(ellipse at 80% 70%,rgba(120,0,255,.1) 0,transparent 50%),linear-gradient(180deg,#0a0a15,#0f1520)}.theme-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.theme-preset-swatch{aspect-ratio:16/9;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden}.theme-preset-swatch:hover{border-color:var(--gs-border-1);transform:scale(1.03)}.theme-preset-swatch.active{border-color:var(--gs-orange);box-shadow:0 0 0 1px var(--gs-orange)}.theme-preset-swatch.active:after{content:"";position:absolute;inset:0;border-radius:6px;border:2px solid var(--gs-orange);pointer-events:none}.theme-preset-label{font-size:.7rem;color:var(--gs-text-3);text-align:center;margin-top:4px}.theme-preset-item{display:flex;flex-direction:column;align-items:center;gap:4px}.user-card[data-theme-tint]{position:relative;overflow:hidden}.user-card[data-theme-tint]:before{content:"";position:absolute;inset:0;opacity:.06;border-radius:10px;pointer-events:none}.user-card[data-theme-tint=warm]:before{background:linear-gradient(135deg,#f2a26f,#d4824a)}.user-card[data-theme-tint=cool]:before{background:linear-gradient(135deg,#667eea,#764ba2)}.user-card[data-theme-tint=forest]:before{background:linear-gradient(135deg,#134e5e,#71b280)}.user-card[data-theme-tint=sunset]:before{background:linear-gradient(135deg,#ee9ca7,#f2a26f)}.user-card[data-theme-tint=midnight]:before{background:linear-gradient(135deg,#302b63,#24243e)}.user-card[data-theme-tint=rose]:before{background:linear-gradient(135deg,#ff6b6b,#f2a26f)}.user-card[data-theme-tint=mesh-purple]:before{background:radial-gradient(at 40% 40%,rgba(120,80,200,.3),rgba(60,30,120,.2))}.user-card[data-theme-tint=mesh-ocean]:before{background:radial-gradient(at 40% 40%,rgba(20,120,160,.3),rgba(5,50,80,.2))}.user-card[data-theme-tint=aurora]:before{background:radial-gradient(at 50% 50%,rgba(0,200,120,.15),rgba(0,100,200,.1))}.user-card[data-theme-tint]:after{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;pointer-events:none}.user-card[data-theme-tint=warm]:after{background:linear-gradient(90deg,transparent,rgba(242,162,111,.4),transparent)}.user-card[data-theme-tint=cool]:after{background:linear-gradient(90deg,transparent,rgba(102,126,234,.4),transparent)}.user-card[data-theme-tint=forest]:after{background:linear-gradient(90deg,transparent,rgba(113,178,128,.4),transparent)}.user-card[data-theme-tint=sunset]:after{background:linear-gradient(90deg,transparent,rgba(238,156,167,.4),transparent)}.user-card[data-theme-tint=midnight]:after{background:linear-gradient(90deg,transparent,rgba(118,75,162,.4),transparent)}.user-card[data-theme-tint=rose]:after{background:linear-gradient(90deg,transparent,rgba(255,107,107,.4),transparent)}.user-card[data-theme-tint=mesh-purple]:after{background:linear-gradient(90deg,transparent,rgba(120,80,200,.4),transparent)}.user-card[data-theme-tint=mesh-ocean]:after{background:linear-gradient(90deg,transparent,rgba(20,120,160,.4),transparent)}.user-card[data-theme-tint=aurora]:after{background:linear-gradient(90deg,transparent,rgba(0,200,140,.4),transparent)}.gs-auth-container{grid-column:1/-1;grid-row:1/-1;position:relative;display:flex;flex:1 1;width:100%;align-items:center;justify-content:center;min-height:100vh;padding:32px 24px;background:transparent;overflow:hidden}.gs-auth-bg-glow{position:absolute;top:-30%;right:-20%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(242,162,111,.06) 0,transparent 70%);pointer-events:none;filter:blur(80px)}.auth-bg-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:0}.gs-auth-card{position:relative;width:100%;max-width:440px;padding:40px 36px;background:var(--gs-bg-1);border:1px solid var(--gs-border-1);border-radius:20px;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.04),0 12px 48px rgba(0,0,0,.5),0 4px 16px rgba(0,0,0,.3);z-index:1}.gs-auth-brand{text-align:center;margin-bottom:32px}.gs-auth-logo{font-size:1.2rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gs-text-1)}.gs-auth-slash{color:var(--gs-orange);font-family:var(--font-mono)}.gs-auth-accent-line{width:100%;height:1px;margin-top:14px;background:linear-gradient(90deg,transparent,var(--gs-orange),transparent);opacity:.4}.gs-auth-steps{justify-content:center;gap:0;margin-bottom:28px}.gs-auth-step,.gs-auth-steps{display:flex;align-items:center}.gs-auth-step{gap:6px}.gs-auth-step-num{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:.72rem;font-weight:700;background:var(--gs-bg-3);color:var(--gs-text-3);border:1px solid var(--gs-border-1);transition:all .2s ease;font-family:var(--font-mono)}.gs-auth-step.active .gs-auth-step-num{background:var(--gs-orange);color:#0a0a10;border-color:var(--gs-orange);box-shadow:0 0 12px rgba(242,162,111,.3)}.gs-auth-step.done .gs-auth-step-num{background:rgba(34,197,94,.15);color:#22c55e;border-color:rgba(34,197,94,.3)}.gs-auth-step-label{font-size:.75rem;font-weight:500;color:var(--gs-text-4);transition:color .2s ease}.gs-auth-step.active .gs-auth-step-label{color:var(--gs-text-1)}.gs-auth-step.done .gs-auth-step-label{color:var(--gs-text-2)}.gs-auth-step-line{width:40px;height:1px;background:var(--gs-border-1);margin:0 10px}.gs-auth-title{font-size:1.5rem;font-weight:700;color:var(--gs-text-1);text-align:center;margin:0 0 6px;letter-spacing:-.02em}.gs-auth-subtitle{font-size:.85rem;color:var(--gs-text-3);text-align:center;margin:0 0 28px;line-height:1.5}.gs-auth-form{gap:18px}.gs-auth-field,.gs-auth-form{display:flex;flex-direction:column}.gs-auth-field{gap:6px}.gs-auth-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gs-auth-label{font-size:.78rem;font-weight:600;color:var(--gs-text-2);letter-spacing:.02em}.gs-auth-label-row{display:flex;align-items:center;justify-content:space-between}.gs-auth-forgot{background:none;border:none;font-size:.72rem;color:var(--gs-orange);cursor:pointer;padding:0;font-family:inherit;transition:color .15s ease}.gs-auth-forgot:hover{color:var(--gs-orange-bright)}.gs-auth-input{width:100%;padding:12px 16px;background:var(--gs-bg-0);border:1px solid var(--gs-border-1);border-radius:12px;color:var(--gs-text-1);font-size:.88rem;font-family:inherit;transition:all .2s ease;outline:none;box-sizing:border-box}.gs-auth-input::placeholder{color:var(--gs-text-4)}.gs-auth-input:focus{border-color:var(--gs-orange);box-shadow:0 0 0 3px rgba(242,162,111,.12)}.gs-auth-input-mono{font-family:var(--font-mono);letter-spacing:.08em;text-align:center;font-size:1rem;font-weight:600}.gs-auth-input-wrap{position:relative;display:flex;align-items:center}.gs-auth-input-wrap .gs-auth-input{padding-right:40px}.gs-auth-input-icon{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;pointer-events:none}.gs-icon-success{color:#22c55e}.gs-icon-error{color:#ef4444}.gs-input-success{border-color:rgba(34,197,94,.5)!important}.gs-input-success:focus{box-shadow:0 0 0 3px rgba(34,197,94,.1)!important}.gs-input-error{border-color:rgba(239,68,68,.5)!important}.gs-input-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)!important}.gs-auth-hint{font-size:.72rem;color:var(--gs-text-4);margin:0}.gs-hint-success{color:#22c55e!important}.gs-hint-error{color:#ef4444!important}.gs-auth-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;font-size:.82rem;font-weight:500}.gs-auth-error svg{flex-shrink:0}.gs-auth-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 24px;border:none;border-radius:12px;font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease;margin-top:4px}.gs-auth-btn-primary{background:var(--gs-orange);color:#0a0a10;box-shadow:0 2px 12px rgba(242,162,111,.25)}.gs-auth-btn-primary:hover:not(:disabled){background:var(--gs-orange-bright);box-shadow:0 4px 20px rgba(242,162,111,.35);transform:translateY(-1px)}.gs-auth-btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.gs-auth-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(10,10,16,.2);border-top-color:#0a0a10;border-radius:50%;animation:gs-auth-spin .6s linear infinite}.gs-auth-spinner-sm{width:14px;height:14px;border-width:2px;border-color:rgba(255,255,255,.15);border-top-color:var(--gs-orange)}@keyframes gs-auth-spin{to{transform:rotate(1turn)}}.gs-auth-back,.gs-auth-skip{display:block;width:100%;margin-top:12px;padding:8px;background:none;border:none;color:var(--gs-text-4);font-size:.78rem;font-family:inherit;cursor:pointer;text-align:center;transition:color .15s ease}.gs-auth-back:hover,.gs-auth-skip:hover{color:var(--gs-text-2)}.gs-auth-footer{margin-top:24px;text-align:center;font-size:.82rem;color:var(--gs-text-3)}.gs-auth-link{color:var(--gs-orange);text-decoration:none;font-weight:600;transition:color .15s ease}.gs-auth-link:hover{color:var(--gs-orange-bright)}@media (max-width:480px){.gs-auth-card{padding:32px 24px;border-radius:16px}.gs-auth-field-row{grid-template-columns:1fr}.gs-auth-title{font-size:1.3rem}}:root[data-theme=white] .gs-auth-container{background:var(--gs-bg-0)!important}:root[data-theme=white] .gs-auth-bg-glow{background:radial-gradient(circle,rgba(210,120,50,.05) 0,transparent 70%)!important}:root[data-theme=white] .gs-auth-card{background:var(--gs-bg-1)!important;border-color:var(--gs-border-1)!important;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.03),0 12px 48px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.04)!important}:root[data-theme=white] .gs-auth-logo{color:var(--gs-text-1)!important}:root[data-theme=white] .gs-auth-accent-line{opacity:.3!important}:root[data-theme=white] .gs-auth-step-num{background:var(--gs-bg-3)!important;color:var(--gs-text-3)!important;border-color:var(--gs-border-1)!important}:root[data-theme=white] .gs-auth-step.active .gs-auth-step-num{background:var(--gs-orange)!important;color:#fff!important;border-color:var(--gs-orange)!important;box-shadow:0 0 12px rgba(210,120,50,.2)!important}:root[data-theme=white] .gs-auth-step.done .gs-auth-step-num{background:rgba(34,197,94,.1)!important;color:#16a34a!important;border-color:rgba(34,197,94,.25)!important}:root[data-theme=white] .gs-auth-title{color:var(--gs-text-1)!important}:root[data-theme=white] .gs-auth-subtitle{color:var(--gs-text-3)!important}:root[data-theme=white] .gs-auth-input{background:var(--gs-bg-0)!important;border-color:var(--gs-border-1)!important;color:var(--gs-text-1)!important}:root[data-theme=white] .gs-auth-input::placeholder{color:var(--gs-text-3)!important}:root[data-theme=white] .gs-auth-input:focus{border-color:var(--gs-orange)!important;box-shadow:0 0 0 3px rgba(210,120,50,.08)!important}:root[data-theme=white] .gs-auth-label{color:var(--gs-text-2)!important}:root[data-theme=white] .gs-auth-hint{color:var(--gs-text-3)!important}:root[data-theme=white] .gs-auth-error{background:rgba(239,68,68,.06)!important;border-color:rgba(239,68,68,.15)!important}:root[data-theme=white] .gs-auth-btn-primary{background:var(--gs-orange)!important;color:#fff!important;box-shadow:0 2px 12px rgba(210,120,50,.2)!important}:root[data-theme=white] .gs-auth-btn-primary:hover:not(:disabled){background:var(--gs-orange-bright)!important;box-shadow:0 4px 20px rgba(210,120,50,.3)!important}:root[data-theme=white] .gs-auth-spinner{border-color:#fff rgba(255,255,255,.3) rgba(255,255,255,.3)!important}:root[data-theme=white] .gs-auth-spinner-sm{border-color:rgba(0,0,0,.08)!important;border-top-color:var(--gs-orange)!important}:root[data-theme=white] .gs-auth-back,:root[data-theme=white] .gs-auth-footer,:root[data-theme=white] .gs-auth-skip{color:var(--gs-text-3)!important}:root[data-theme=white] .gs-auth-back:hover,:root[data-theme=white] .gs-auth-skip:hover{color:var(--gs-text-1)!important}@media (max-width:768px){.gs-auth-input,.gs-auth-input-mono,input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:1rem!important}}.gs-auth-container{min-height:100dvh;padding:max(32px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.auth-bg-canvas{width:100%;height:100dvh}@media (max-width:768px){.now-playing-bar,footer.now-playing-bar{bottom:max(8px,env(safe-area-inset-bottom))!important}}.gs-scroll,.library-list,.pages-container,.playlist-tracks,.queue-list,.search-results,.side-panel,[data-scroll]{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}@media (max-width:768px){.gs-auth-back,.gs-auth-btn,.gs-auth-link,.gs-auth-skip,.gs-btn,.icon-btn,.nav-item,.player-btn,button{min-height:44px;min-width:44px}.gs-auth-back,.gs-auth-link,.gs-auth-skip{min-width:unset;display:inline-flex;align-items:center;padding-top:max(.5rem,10px);padding-bottom:max(.5rem,10px)}}[role=button],a,button,input,label,select,textarea{-webkit-tap-highlight-color:transparent}body{text-size-adjust:100%}@media (max-width:1024px){html{height:100dvh!important;overflow:visible!important}body{position:relative!important;overflow-x:hidden!important;overflow-y:auto!important;width:100%!important;overscroll-behavior-y:none}.app-container,body{height:auto!important;min-height:100dvh!important}.app-container{overflow:visible!important}.main-content,.pages-container{overflow:visible!important;height:auto!important}.sidebar{display:none!important}}.app-container{padding-bottom:env(safe-area-inset-bottom)}.app-container--auth{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (max-width:768px){.side-panel{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}.auth-bg-canvas,.visualizer-canvas,canvas{transform:translateZ(0);will-change:transform}