.sidebar{width:var(--sidebar-width);padding:var(--spacing-lg);z-index:var(--z-sidebar);gap:var(--spacing-xl);animation:slideInLeft var(--transition-base) ease-out;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--divider-color)}.sidebar-logo{align-items:center;gap:var(--spacing-sm);display:flex}.sidebar-logo-icon{font-size:32px;line-height:1}.sidebar-logo-text{letter-spacing:-.5px;font-size:24px;font-weight:700}.sidebar-nav{gap:var(--spacing-xs);flex-direction:column;display:flex}.sidebar-nav-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--text-secondary);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-family:Nunito,sans-serif;font-size:16px;font-weight:600;display:flex;position:relative;overflow:hidden}.sidebar-nav-item:before{content:"";background:var(--accent-primary);width:3px;transition:transform var(--transition-fast);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.sidebar-nav-item:hover{background:var(--card-bg);color:var(--text-primary);transform:translate(4px)}.sidebar-nav-item.active{background:var(--card-hover);color:var(--accent-primary)}.sidebar-nav-item.active:before{transform:scaleY(1)}.sidebar-nav-icon{flex-shrink:0;font-size:20px;line-height:1}.sidebar-nav-label{flex:1}@media (width<=768px){.sidebar{width:80px;padding:var(--spacing-md)}.sidebar-logo-text,.sidebar-nav-label{display:none}.sidebar-nav-item{justify-content:center}}.theme-toggle{border-radius:var(--radius-full);background:var(--glass-bg);width:40px;height:40px;-webkit-backdrop-filter:blur(var(--glass-blur));border:none;border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--card-hover);box-shadow:var(--shadow-md);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-toggle-icon{transition:transform var(--transition-fast);color:var(--text-primary);justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.theme-toggle:hover .theme-toggle-icon{transform:rotate(20deg)}.topbar{top:0;left:var(--sidebar-width);height:var(--topbar-height);z-index:var(--z-topbar);animation:fadeInDown var(--transition-base) ease-out;position:fixed;right:0}.topbar-content{justify-content:space-between;align-items:center;gap:var(--spacing-lg);height:100%;padding:0 var(--spacing-xl);display:flex}.topbar-search{align-items:center;gap:var(--spacing-md);max-width:600px;padding:var(--spacing-sm) var(--spacing-lg);background:var(--card-bg);border:2px solid var(--glass-border);border-radius:var(--radius-full);transition:all var(--transition-fast);flex:1;display:flex}.topbar-search:focus-within{background:var(--card-hover);border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #8b5cf61a}.topbar-search-icon{color:var(--text-secondary);flex-shrink:0;font-size:20px;line-height:1}.topbar-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:Nunito,sans-serif;font-size:16px;font-weight:600}.topbar-search-input:focus{outline:none}.topbar-search-input::placeholder{color:var(--text-tertiary);font-weight:400}.topbar-search-input:disabled{opacity:.5;cursor:not-allowed}.topbar-search-loading{color:var(--accent-primary);flex-shrink:0;font-size:20px;line-height:1}.topbar-actions{align-items:center;gap:var(--spacing-md);display:flex}.topbar-user{border-radius:var(--radius-full);background:var(--glass-bg);width:40px;height:40px;-webkit-backdrop-filter:blur(var(--glass-blur));border:none;border:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.topbar-user:hover{background:var(--card-hover);box-shadow:var(--shadow-md);transform:scale(1.05)}.topbar-user:active{transform:scale(.95)}.topbar-user-avatar{color:var(--text-primary);font-size:20px;line-height:1}@media (width<=768px){.topbar{left:80px}.topbar-content{padding:0 var(--spacing-md)}.topbar-search{max-width:none}.topbar-search-input::placeholder{font-size:14px}}.layout{background:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.layout-main{margin-left:var(--sidebar-width);margin-top:var(--topbar-height);padding-bottom:var(--player-height);min-height:calc(100vh - var(--topbar-height) - var(--player-height))}.layout-content{padding:var(--spacing-xl);max-width:1400px;animation:fadeIn var(--transition-base) ease-out;margin:0 auto}@media (width<=768px){.layout-main{margin-left:80px}.layout-content{padding:var(--spacing-md)}}.player{height:var(--player-height);z-index:var(--z-player);-webkit-backdrop-filter:blur(40px)saturate(180%);animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUpFade;position:fixed;bottom:0;left:0;right:0;overflow:hidden}@keyframes slideUpFade{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.player-background{background:var(--card-bg);transition:background 1s;position:absolute;inset:0}.player-background:before{content:"";left:calc(var(--spacing-xl) + 32px);background:radial-gradient(circle, rgba(var(--player-color), .5) 0%, rgba(var(--player-color), .3) 30%, rgba(var(--player-color), .15) 50%, transparent 70%);filter:blur(50px);pointer-events:none;border-radius:50%;width:180px;height:180px;transition:background 1s;position:absolute;top:50%;transform:translate(-50%,-50%)}.player-container{align-items:center;gap:var(--spacing-lg);height:100%;padding:0 var(--spacing-xl);display:flex;position:relative}.player-track-info{align-items:center;gap:var(--spacing-md);flex-shrink:0;min-width:250px;display:flex}.player-thumbnail-wrapper{border-radius:var(--radius-md);perspective:1000px;flex-shrink:0;width:64px;height:64px;position:relative;overflow:visible}.player-thumbnail{border-radius:var(--radius-md);object-fit:cover;width:64px;height:64px;box-shadow:var(--shadow-lg);transform-style:preserve-3d;will-change:transform;transition:transform .1s ease-out}.player-thumbnail-loading{-webkit-backdrop-filter:blur(4px);border-radius:var(--radius-md);background:#0009;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.player-text{flex-direction:column;gap:4px;display:flex;overflow:hidden}.player-title-row{align-items:center;gap:6px;display:flex;overflow:hidden}.player-platform-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.player-title{color:var(--text-primary);white-space:nowrap;flex:1;max-width:250px;font-size:16px;font-weight:700;position:relative;overflow:hidden}.player-title-inner{display:inline-block}.player-title.overflow .player-title-inner{animation:12s linear infinite marqueeWithPause}@keyframes marqueeWithPause{0%{transform:translate(0)}20%{transform:translate(0)}45%{transform:translate(calc(250px - 100%))}65%{transform:translate(calc(250px - 100%))}90%{transform:translate(0)}to{transform:translate(0)}}.player-artist{color:var(--text-secondary);white-space:nowrap;max-width:250px;font-size:14px;font-weight:400;position:relative;overflow:hidden}.player-artist-inner{display:inline-block}.player-artist.overflow .player-artist-inner{animation:12s linear infinite marqueeWithPause}.player-controls{align-items:center;gap:var(--spacing-lg);flex:1;display:flex}.player-control-button{border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;display:flex}.player-control-button:disabled{opacity:.3;cursor:not-allowed}.player-control-button:not(:disabled):hover{background:var(--card-bg);box-shadow:0 0 0 2px var(--accent-primary);transform:scale(1.1)}.player-control-button:not(:disabled):active{transform:scale(.95)}.player-play-button{border-radius:var(--radius-full);background:var(--accent-primary);color:#fff;cursor:pointer;width:48px;height:48px;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:24px;display:flex;box-shadow:0 4px 12px #8b5cf666}.player-play-button:hover{background:var(--accent-hover);transform:scale(1.1);box-shadow:0 6px 16px #8b5cf680}.player-play-button:active{transform:scale(.95)}.player-progress{align-items:center;gap:var(--spacing-md);flex:1;display:flex}.player-seek-container{flex:1;align-items:center;display:flex;position:relative}.player-seek-preview{background:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;z-index:10;box-shadow:var(--shadow-lg);padding:4px 8px;font-size:12px;font-weight:600;position:absolute;top:-35px;transform:translate(-50%)}.player-seek-preview:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid var(--accent-primary);width:0;height:0;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.player-time{color:var(--text-secondary);text-align:center;min-width:40px;font-size:12px;font-weight:600}.player-seek{border-radius:var(--radius-full);background:linear-gradient(to right, var(--accent-primary) 0%, var(--accent-primary) var(--seek-progress,0%), var(--bg-tertiary) var(--seek-progress,0%), var(--bg-tertiary) 100%);cursor:pointer;appearance:none;outline:none;flex:1;height:6px;position:relative}.player-seek::-webkit-slider-runnable-track{background:0 0;height:6px}.player-seek::-moz-range-track{border-radius:var(--radius-full);background:var(--bg-tertiary);width:100%;height:6px}.player-seek::-moz-range-progress{border-radius:var(--radius-full);background:var(--accent-primary);height:6px}.player-seek::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--accent-primary);cursor:pointer;width:14px;height:14px;transition:all var(--transition-fast);opacity:0;margin-top:-4px;box-shadow:0 2px 8px #8b5cf666}.player-seek:hover::-webkit-slider-thumb{opacity:1}.player-seek::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #8b5cf699}.player-seek::-moz-range-thumb{border-radius:var(--radius-full);background:var(--accent-primary);cursor:pointer;width:14px;height:14px;transition:all var(--transition-fast);opacity:0;border:none;box-shadow:0 2px 8px #8b5cf666}.player-seek:hover::-moz-range-thumb{opacity:1}.player-seek::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #8b5cf699}.player-volume{align-items:center;gap:var(--spacing-sm);min-width:150px;display:flex}.player-volume-container{flex:1;align-items:center;display:flex;position:relative}.player-volume-preview{background:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;z-index:10;box-shadow:var(--shadow-lg);padding:4px 8px;font-size:12px;font-weight:600;position:absolute;top:-35px;transform:translate(-50%)}.player-volume-preview:after{content:"";border-left:4px solid #0000;border-right:4px solid #0000;border-top:4px solid var(--accent-primary);width:0;height:0;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.player-volume-slider{border-radius:var(--radius-full);background:linear-gradient(to right, var(--accent-primary) 0%, var(--accent-primary) var(--volume-progress,0%), var(--bg-tertiary) var(--volume-progress,0%), var(--bg-tertiary) 100%);cursor:pointer;appearance:none;outline:none;flex:1;height:4px;position:relative}.player-volume-slider::-webkit-slider-runnable-track{background:0 0;height:4px}.player-volume-slider::-moz-range-track{border-radius:var(--radius-full);background:var(--bg-tertiary);width:100%;height:4px}.player-volume-slider::-moz-range-progress{border-radius:var(--radius-full);background:var(--accent-primary);height:4px}.player-volume-icon{width:20px;height:20px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.player-volume-icon:hover{color:var(--accent-primary);transform:scale(1.1)}.player-volume-icon:active{transform:scale(.95)}.player-volume-slider::-webkit-slider-thumb{appearance:none;border-radius:var(--radius-full);background:var(--accent-primary);cursor:pointer;width:14px;height:14px;transition:all var(--transition-fast);opacity:0;margin-top:-4px;box-shadow:0 2px 8px #8b5cf666}.player-volume-slider:hover::-webkit-slider-thumb{opacity:1}.player-volume-slider::-webkit-slider-thumb:hover{background:var(--accent-primary);transform:scale(1.2);box-shadow:0 4px 12px #8b5cf699}.player-volume-slider::-moz-range-thumb{border-radius:var(--radius-full);background:var(--accent-primary);cursor:pointer;width:14px;height:14px;transition:all var(--transition-fast);opacity:0;border:none;box-shadow:0 2px 8px #8b5cf666}.player-volume-slider:hover::-moz-range-thumb{opacity:1}.player-volume-slider::-moz-range-thumb:hover{background:var(--accent-primary);transform:scale(1.2);box-shadow:0 4px 12px #8b5cf699}@media (width<=768px){.player-container{padding:0 var(--spacing-md);gap:var(--spacing-md)}.player-track-info{flex:1;min-width:auto}.player-thumbnail{width:48px;height:48px}.player-title{font-size:14px}.player-artist{font-size:12px}.player-control-button,.player-volume{display:none}.player-progress{max-width:200px}}.track-list{width:100%}.track-list-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--divider-color);justify-content:space-between;align-items:center;display:flex}.track-list-title{color:var(--text-primary);font-size:28px;font-weight:700}.track-list-count{color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-md);background:var(--card-bg);border-radius:var(--radius-full);font-size:14px;font-weight:600}.tracks{gap:var(--spacing-md);flex-direction:column;display:flex}.track-item{align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);animation:fadeInUp var(--transition-base) ease-out;animation-fill-mode:both;display:flex;position:relative;overflow:hidden}.track-item:before{content:"";background:var(--accent-primary);width:4px;transition:transform var(--transition-fast);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.track-item:hover{background:var(--card-hover)}.track-item.active{background:var(--card-hover);border:1px solid var(--accent-primary);box-shadow:0 0 20px #8b5cf633}.track-item.active:before{transform:scaleY(1)}.track-thumbnail{border-radius:var(--radius-md);width:64px;height:64px;box-shadow:var(--shadow-md);flex-shrink:0;position:relative;overflow:hidden}.track-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-fast)}.track-item:hover .track-thumbnail img{transform:scale(1.1)}.track-thumbnail-placeholder{background:var(--bg-tertiary);justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;display:flex}.track-playing-indicator{-webkit-backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;font-size:24px;display:flex;position:absolute;inset:0}.spinner{border:3px solid #ffffff4d;border-top-color:var(--accent-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.track-info{flex-direction:column;flex:1;gap:4px;display:flex;overflow:hidden}.track-title-row{align-items:center;gap:8px;display:flex;overflow:visible}.track-platform-icon{width:18px;height:18px;transition:color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.track-item:hover .track-platform-icon{color:var(--accent-primary)}.track-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:16px;font-weight:700;overflow:hidden}.track-artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.track-album{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.track-meta{align-items:center;gap:var(--spacing-lg);flex-shrink:0;display:flex}.track-duration{color:var(--text-secondary);text-align:right;min-width:50px;font-size:14px;font-weight:600}@media (width<=768px){.track-list-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.track-list-title{font-size:24px}.track-item{gap:var(--spacing-md);padding:var(--spacing-sm)}.track-thumbnail{width:48px;height:48px}.track-title{font-size:14px}.track-artist{font-size:12px}.track-album{display:none}.track-duration{min-width:40px;font-size:12px}.track-platform{font-size:16px}}.app{background:var(--bg-primary);min-height:100vh;transition:background-color var(--transition-base);flex-direction:column;display:flex}.page{width:100%;min-height:400px}.page-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--divider-color)}.page-title{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:32px;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:16px;font-weight:400}.empty-state{text-align:center;padding:var(--spacing-2xl);flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.empty-state-icon{margin-bottom:var(--spacing-lg);opacity:.5;color:var(--text-secondary);font-size:64px;line-height:1}.empty-state-title{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:24px;font-weight:700}.empty-state-text{color:var(--text-secondary);max-width:500px;font-size:16px;font-weight:400}.empty-state-button{margin-top:var(--spacing-xl);color:#fff;background:var(--accent);border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .2s;display:flex;box-shadow:0 2px 8px #8b5cf64d}.empty-state-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.empty-state-button:active{transform:translateY(0)}.loading-state{text-align:center;padding:var(--spacing-2xl);flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.loading-state-icon{margin-bottom:var(--spacing-lg);color:var(--accent-primary);font-size:64px;line-height:1}.loading-state-title{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:24px;font-weight:700}.loading-state-text{color:var(--text-secondary);font-size:16px;font-weight:400}@media (width<=768px){.page-title{font-size:24px}.page-subtitle{font-size:14px}.empty-state-icon,.loading-state-icon{font-size:48px}.empty-state-title,.loading-state-title{font-size:20px}.empty-state-text,.loading-state-text{font-size:14px}}:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--sidebar-width:240px;--topbar-height:64px;--player-height:90px;--glass-blur:20px;--glass-opacity:.7;--glass-border-opacity:.1;--z-sidebar:100;--z-topbar:200;--z-player:300;--z-modal:400}:root,[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#e5e5e5;--text-primary:#0f0f0f;--text-secondary:#4a4a4a;--text-tertiary:#737373;--accent-primary:#8b5cf6;--accent-hover:#7c3aed;--accent-active:#6d28d9;--glass-bg:#ffffffb3;--glass-border:#0000001a;--card-bg:#fffc;--card-hover:#fffffff2;--border-color:#0000001a;--divider-color:#0000000f;--overlay-bg:#00000080;--platform-youtube:red;--platform-yandex:#fc0;--platform-spotify:#1db954;--platform-soundcloud:#f50}[data-theme=dark]{--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--bg-tertiary:#262626;--text-primary:#fff;--text-secondary:#d4d4d4;--text-tertiary:#a3a3a3;--accent-primary:#8b5cf6;--accent-hover:#a78bfa;--accent-active:#c4b5fd;--glass-bg:#1a1a1ab3;--glass-border:#ffffff1a;--card-bg:#1a1a1acc;--card-hover:#1a1a1af2;--border-color:#ffffff1a;--divider-color:#ffffff0f;--overlay-bg:#000000b3;--platform-youtube:red;--platform-yandex:#fc0;--platform-spotify:#1db954;--platform-soundcloud:#f50}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--bg-tertiary:#262626;--text-primary:#fff;--text-secondary:#d4d4d4;--text-tertiary:#a3a3a3;--accent-primary:#8b5cf6;--accent-hover:#a78bfa;--accent-active:#c4b5fd;--glass-bg:#1a1a1ab3;--glass-border:#ffffff1a;--card-bg:#1a1a1acc;--card-hover:#1a1a1af2;--border-color:#ffffff1a;--divider-color:#ffffff0f;--overlay-bg:#000000b3}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-base) ease-out}.animate-fade-in-down{animation:fadeInDown var(--transition-base) ease-out}.animate-slide-in-left{animation:slideInLeft var(--transition-base) ease-out}.animate-slide-in-right{animation:slideInRight var(--transition-base) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:color var(--transition-base), background-color var(--transition-base), border-color var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.transition-opacity{transition:opacity var(--transition-base)}.hover-lift{transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:0 0 20px #8b5cf666}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-base), color var(--transition-base);font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-full);border:3px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--accent-primary);color:#fff}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}.text-gradient{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-hover) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}