:root{--accent-color:#a78bfa;--secondary-color:#22c55e;--neon-purple:#c084fc;--neon-purple-shadow:#a78bfa4d;--neon-green:#22c55e;--neon-green-shadow:#22c55e4d;--neon-pink:#f43f5e;--neon-pink-shadow:#f43f5e4d;--neon-blue:#3b82f6;--neon-blue-shadow:#3b82f64d;--neon-cyan:#06b6d4;--neon-cyan-shadow:#06b6d44d;--neon-gold:#eab308;--neon-gold-shadow:#eab3084d}@font-face{font-family:Golos Text;src:url(/fonts/GolosText-VariableFont_wght.ttf)format("truetype");font-display:swap}body{flex-direction:column;display:flex}a{color:#ff62f5;text-decoration:none}a:hover{text-decoration:underline}.checkbox-group{color:#94a3b8;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox-group input{accent-color:var(--accent-color);cursor:pointer}.input-error{color:#ff5a5a;background:#b81a1a52;border-radius:20px;margin-bottom:10px;padding:10px;font-size:14px;list-style:none}*{font-family:Golos Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.mt-2{margin-top:20px}.btn{color:#fff;cursor:pointer;background:linear-gradient(#38256e,#1d1141);border:none;border-radius:12px;align-self:flex-start;padding:14px 24px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #000}.btn:hover{background:linear-gradient(#8d64ff,#1d1141)}.btn-save{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:12px;align-self:flex-start;padding:14px 24px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #22c55e33}.btn-save:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 6px 16px #22c55e66}.fluid{width:100%}.invisible-scroll{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.x-span{color:#22c55e;background:#22c55e1a;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.user-meta{margin-top:20px}.user-reg-time{color:#aaa;font-size:12px}body>main{flex:1 0 auto}.cyber-footer{z-index:10;background:#0b0f1999;border-top:1px solid #ffffff0a;flex-shrink:0;width:100%;margin-top:80px;position:relative}.footer-container{gap:40px;max-width:1200px;margin:0 auto;padding:60px 20px 40px;display:flex}.footer-brand-column{flex-direction:column;gap:16px;max-width:600px;display:flex}.footer-logo{height:40px}mark.ru{color:var(--secondary-color);background:0 0;font-size:22px;font-weight:600}.footer-brand-desc{color:#64748b;font-size:13px;line-height:1.6}.footer-status-indicator{align-items:center;gap:8px;margin-top:8px;display:flex}.footer-status-indicator .status-dot{background-color:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #22c55e}.footer-status-indicator .status-text{color:#4ade80;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600;animation:2s infinite alternate textPulse}.footer-links-column{flex-direction:column;gap:18px;padding:0 6px;display:flex}.footer-links-header{color:#fff;letter-spacing:1px;font-size:15px;font-weight:700}.footer-column-text{color:#64748b;font-size:13px;line-height:1.6}.footer-links-list{color:#94a3b8;flex-direction:column;gap:12px;font-size:14px;list-style:none;display:flex}.footer-links-list strong{color:#c8d3e3}.footer-links-list a{color:#94a3b8;padding-left:0;padding-right:4px;font-size:14px;text-decoration:none;transition:all .2s}.footer-links-list a:hover{color:#a78bfa;padding-left:4px;padding-right:0}.footer-logo-link{border-bottom:2px solid #0000;width:fit-content;line-height:20px}.footer-logo-link:hover{border-bottom:2px solid var(--secondary-color);text-decoration:none}.footer-social-icons{gap:12px;display:flex}.social-icon-btn{color:#64748b;background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.tg-icon:hover{color:#fff;background:#249cd8;border-color:#249cd8;transform:translateY(-2px);box-shadow:0 0 16px #249cd880}.gh-icon:hover{color:#fff;background:#24292e;border-color:#4f5b66;transform:translateY(-2px);box-shadow:0 0 16px #ffffff1a}.footer-bottom-bar{background:#070a11cc;border-top:1px solid #ffffff0a}.bottom-bar-container{color:#475569;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:24px 20px;font-size:12px;display:flex}.yandex-disclaimer{color:#f77;font-style:italic}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes textPulse{0%{text-shadow:0 0 4px #22c55e33}to{text-shadow:0 0 14px #00ff5e}}@keyframes boxPulse{0%{box-shadow:0 0 4px #22c55e33}to{box-shadow:0 0 14px #22c55e99}}@media (width<=540px){.bottom-bar-container{text-align:center;flex-direction:column;gap:10px}}*{box-sizing:border-box;margin:0;padding:0}body{color:#f3f4f6;background:url(/images/background.jpg) 50% 0/cover no-repeat fixed;min-height:100vh;overflow-x:hidden}a{color:var(--accent-color)}a:hover{text-shadow:0 0 10px var(--accent-color)}header.top-header{z-index:9;background:#0000002b;width:100%;padding:20px 40px;position:absolute;top:0}header.top-header>nav{flex-direction:row-reverse;display:flex}header.top-header>nav a{color:#d4d4d4;text-decoration:none}.hero-section{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;display:flex;position:relative}.glow-circle{filter:blur(120px);z-index:1;pointer-events:none;border-radius:50%;position:absolute}.glow-1{background:#8b5cf640;width:350px;height:350px;top:15%;right:15%}.glow-2{background:#14b8a626;width:300px;height:300px;bottom:20%;left:10%}.hero-container{z-index:2;background:#000000c2;border-radius:40px;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;width:100%;max-width:1200px;padding:40px;display:grid}.hero-content{flex-direction:column;align-items:flex-start;display:flex}.hero-content .logo-badge{margin-bottom:40px}.logo-badge{filter:drop-shadow(0 0 4px #14ff009e);border-bottom:2px solid #0000;height:42px;transition:border .1s linear}.logo-badge:hover{border-bottom:2px solid green}.hero-content h1{margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.2}.hero-content p{color:#94a3b8;margin-bottom:36px;font-size:18px;line-height:1.6}.btn-cta{color:#fff;text-shadow:1px 1px 3px #000;background:#22c55e;border-radius:12px;align-items:center;gap:12px;padding:16px 36px;font-size:18px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 20px #22c55e4d}.btn-cta:hover{text-shadow:1px 1px 3px #000;background:#16a34a;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 24px #22c55e80}.btn-icon{font-size:20px}.security-note{color:#64748b;margin-top:14px;padding-left:4px;font-size:13px}.hero-visual{justify-content:center;display:flex}.glass-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:440px;padding:30px;box-shadow:0 20px 50px #0006}.card-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.card-header h3{color:#f8fafc;font-size:18px;font-weight:600}.status-badge{color:#4ade80;background:#22c55e26;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.demo-chart{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-end;height:140px;margin-bottom:30px;display:flex}.chart-bar{width:32px;height:var(--bar-height);background:#ffffff1a;border-radius:6px 6px 0 0;transition:background .3s;position:relative}.chart-bar.active{background:linear-gradient(#ec4899,#8b5cf6)}.chart-bar span{color:#64748b;font-size:11px;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.top-tracks{flex-direction:column;gap:12px;display:flex}.track-item{background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:10px;padding:12px;display:flex}.track-cover>img{border-radius:6px}.track-num{color:#64748b;width:24px;font-size:14px;font-weight:700}.track-info{flex-direction:column;flex-grow:1;display:flex}.track-name{color:#e2e8f0;font-size:14px;font-weight:600}.track-artist{color:#64748b;font-size:12px}.track-count{color:var(--accent-color);font-size:12px;font-weight:500}@media (width<=992px){.hero-container{text-align:center;border-radius:0;grid-template-columns:1fr;gap:40px;padding:0}.hero-content{align-items:center}.hero-content h1{font-size:36px}}.section{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex;position:relative}.glass-card{z-index:2;background:#000000bd;border:1px solid #ffffff14;border-radius:24px;width:100%;padding:40px 35px;box-shadow:0 20px 50px #00000080}.glass-auth-card{max-width:420px}.glass-token-card{max-width:800px}.auth-header{text-align:center;margin-bottom:28px}.auth-header .logo{color:#fff;letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:800;text-decoration:none;display:inline-block}.auth-header .logo span{color:#22c55e}.auth-header h3{margin-bottom:10px}.auth-header p{color:#94a3b8;font-size:14px}.auth-header a{margin-bottom:20px;display:block}.oauth-wrapper{margin-bottom:24px}.btn-yandex{color:#000;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-yandex:hover{background:#f2f2f2;transform:translateY(-1px);box-shadow:0 4px 15px #ffffff1a}.btn-yandex-music{color:#fff;background:#000;border:1px solid #2b2b2b;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:12px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-yandex-music:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ffffff1a}.yandex-letter{color:#fff;background:red;border-radius:4px;padding:0 8px;font-size:16px;font-weight:900}.divider{text-align:center;margin:24px 0 12px;position:relative}.divider:before{content:"";z-index:1;background:#ffffff14;height:1px;position:absolute;top:50%;left:0;right:0}.divider span{color:#acbcd2;z-index:2;background:#313945;border-radius:10px;padding:4px 10px;font-size:12px;position:relative}.auth-form{flex-direction:column;gap:18px;display:none}.auth-form.active{display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.label-row{justify-content:space-between;align-items:center;display:flex}.input-group label{color:#cbd5e1;font-size:13px;font-weight:500}.input-group input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:12px 16px;font-size:14px;transition:all .2s}.input-group input:focus{border-color:var(--accent-color);background:#ffffff14;outline:none;box-shadow:0 0 0 3px #a78bfa26}.forgot-link,.switch-text a{color:var(--accent-color);font-size:13px;text-decoration:none;transition:color .2s}.forgot-link:hover,.switch-text a:hover{color:var(--neon-purple);text-decoration:underline}.btn-submit{background:var(--accent-color);color:#fff;cursor:pointer;text-shadow:1px 1px 3px #000;border:none;border-radius:10px;margin-top:6px;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.btn-submit:hover{background:var(--neon-purple);text-shadow:1px 1px 3px #000;transform:translateY(-1px);box-shadow:0 4px 15px #a78bfa4d}.switch-text{text-align:center;color:#94a3b8;margin-top:8px;font-size:13px}.price-section{background:#000000db;border-radius:40px;margin:100px auto;padding:40px;line-height:1.6}.terms-section p{margin:20px 0}.terms-section ul{margin-left:30px;list-style:none}.terms-section ul>li{margin-bottom:10px}.terms-section h2{margin:20px 0}.lastfm-logo{height:30px}.last-fm-integration{text-align:center;justify-content:center;gap:10px;height:57px;margin-bottom:-24px;padding:10px;line-height:40px;display:flex}.last-fm-integration>div{display:inline}.last-fm-integration>a:hover{border-bottom:2px solid red}#instructions{color:#c5c5c5;line-height:1.4}#instructions ul{text-align:left;color:#c5c5c5;margin-left:40px;line-height:1.4;list-style:numeric}.auth-status{color:#a9ff9d;text-align:center;background:#00ff0029;border-radius:20px;margin-bottom:20px;padding:10px;font-size:14px}#confirmation-sample{color:#000;background:wheat;border-radius:10px;padding:10px}.delete-account-section #auth-subtitle{color:#ff5a5a;background:#b81a1a52;border-radius:20px;padding:10px;font-size:14px}a.login-link{color:#c1c1c1;font-size:13px}section.info-block{background:#000000db;border-radius:40px;max-width:800px;margin:100px auto;padding:40px;line-height:1.6}@media (width<=500px){body.welcome{background:radial-gradient(circle at 80% 20%,#1a103c 0%,#0b0f19 100%)}h1,h2,h3,.subtitle,.widget-subtitle{text-align:center}.dashboard-wrapper{padding:10px}.glow-circle{display:none}.hero-container{background:0 0;padding:20px 0}.security-note{margin-top:40px}.hero-visual .track-cover{display:none}.hero-visual .track-info{text-align:left}.cyber-footer{margin-top:0}.footer-container{text-align:center;flex-direction:column}.footer-status-indicator{margin:8px auto}a.footer-logo-link{margin:auto}.glass-card{padding:10px!important}section.contexts{flex-direction:column;margin:0}.context-scrobbles{width:fit-content;margin:auto;margin-top:0!important}section.contexts>.context:not(:last-child){margin-bottom:40px!important}.artist-rank-row{padding:10px 8px!important}.artist-avatar-mini-wrapper{margin-right:6px!important}section.general-info{flex-direction:column;gap:20px}.glass-stat-card{background:#181818!important}.content-header{padding:0 10px}.decades-navigation-zone{float:none;margin:10px 0}.stat-mini-block{justify-content:center;margin-bottom:5px}.decades-card-container{width:100%}.section-header{flex-direction:column;gap:10px;margin-top:10px}}.glass-cookie-banner{-webkit-backdrop-filter:blur(20px);z-index:9999;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:calc(100% - 40px);max-width:600px;padding:16px 24px;transition:bottom .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:-400px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000080}.glass-cookie-banner.show{bottom:24px}.cookie-content{align-items:center;gap:14px;display:flex}.cookie-icon{flex-shrink:0;font-size:24px}.cookie-text{color:#cbd5e1;font-size:13px;line-height:1.5}.cookie-link{color:#a78bfa;font-weight:600;text-decoration:none}.cookie-link:hover{color:var(--neon-purple);text-decoration:underline}.cookie-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#22c55e;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #22c55e33}.cookie-btn:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 6px 16px #22c55e66}@media (width<=540px){.glass-cookie-banner{text-align:center;flex-direction:column;align-items:stretch;padding:20px}.cookie-content{flex-direction:column;gap:8px}.cookie-btn{width:100%}}