:root{color-scheme:dark;--bg:#090a10;--panel:#11121b;--panel-2:#151622;--line:rgba(255,255,255,.085);--muted:#87899c;--text:#f6f6fb;--purple:#a88bff;--cyan:#72e7db;--pink:#ff80bf;--lime:#c8f878;--gold:#f8d995;--radius:22px;--shadow:0 24px 70px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:radial-gradient(ellipse at 15% -15%,rgba(90,70,150,.17),transparent 42%),var(--bg);color:var(--text);font-family:Inter,"SF Pro Display","Noto Sans SC","Microsoft YaHei",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;overflow-x:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.ambient{position:absolute;pointer-events:none;filter:blur(1px);opacity:.17;z-index:-1}.ambient-a{top:450px;left:-160px;width:340px;height:340px;background:radial-gradient(circle,#704fce,transparent 70%)}.ambient-b{top:1250px;right:-180px;width:380px;height:380px;background:radial-gradient(circle,#2a9b9b,transparent 70%)}.site-header{height:78px;max-width:1320px;margin:0 auto;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.055);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:11px;min-width:220px}.brand-mark{height:38px;width:38px;display:grid;place-items:center;border:1px solid rgba(168,139,255,.4);border-radius:13px;color:var(--purple);background:linear-gradient(145deg,rgba(168,139,255,.16),rgba(114,231,219,.07));box-shadow:inset 0 0 22px rgba(168,139,255,.06)}.brand-mark svg{width:26px;height:26px}.brand-text,.footer-brand>span:last-child,.admin-side-brand>span:last-child{display:flex;flex-direction:column;line-height:1.18}.brand-text strong{font-size:15px;letter-spacing:.04em}.brand-text small,.footer-brand small,.admin-side-brand small{font-size:9px;letter-spacing:.17em;color:#88899e;margin-top:5px}.main-nav{display:flex;gap:34px;align-items:center;height:100%;color:#8d8fa2;font-size:13px}.main-nav a{height:100%;display:flex;align-items:center;position:relative;transition:color .2s}.main-nav a:hover,.main-nav .nav-active{color:#fff}.main-nav .nav-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--purple),var(--cyan));box-shadow:0 0 14px rgba(168,139,255,.5)}.header-actions{display:flex;align-items:center;gap:15px}.live-pill{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:99px;color:#aaaabd;font-size:10px;white-space:nowrap}.live-pill i,.tiny-dot{height:6px;width:6px;background:var(--lime);border-radius:50%;display:inline-block;box-shadow:0 0 10px rgba(200,248,120,.6)}.live-pill.disconnected i{background:#ff8c8c;box-shadow:0 0 10px rgba(255,140,140,.4)}.button{border:0;border-radius:12px;padding:11px 17px;font-size:12px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:transform .2s,background .2s,box-shadow .2s;color:#fff;min-height:42px}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button-primary{background:linear-gradient(110deg,#9274fa,#7c73e7 50%,#68bbb9);box-shadow:0 8px 24px rgba(143,115,250,.17)}.button-primary:hover{box-shadow:0 10px 28px rgba(143,115,250,.28)}.button-outline{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.13);color:#e7e6f2}.button-quiet{padding:9px 13px;min-height:36px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);font-size:11px}.button-quiet:hover,.button-outline:hover{background:rgba(255,255,255,.08)}.page-shell{max-width:1250px;margin:0 auto;padding:27px 38px 0}.hero-panel{position:relative;min-height:365px;border:1px solid rgba(255,255,255,.08);border-radius:27px;overflow:hidden;background:linear-gradient(112deg,rgba(23,22,41,.96) 0%,rgba(17,19,31,.97) 45%,rgba(13,20,29,.96) 100%);box-shadow:var(--shadow);padding:49px 51px;display:flex;align-items:center}.hero-panel:before{content:"";position:absolute;right:14%;top:-140px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(131,100,228,.21),rgba(114,231,219,.05) 42%,transparent 72%);pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:600px}.eyebrow{display:flex;align-items:center;gap:9px;color:#aaa1d5;font-size:9px;letter-spacing:.18em;font-weight:800}.eyebrow-line{width:23px;height:1px;background:var(--purple);box-shadow:0 0 10px rgba(168,139,255,.55)}.week-chip{margin-left:5px;letter-spacing:.02em;font-size:10px;border:1px solid rgba(114,231,219,.22);padding:4px 8px;border-radius:6px;color:var(--cyan);font-weight:600}.hero-copy h1{margin:17px 0 12px;font-size:clamp(33px,4vw,49px);line-height:1.25;letter-spacing:-.045em;font-weight:780}.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#b7a1ff 0%,#87d9d6 68%,#b6f0cf);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{margin:0;color:#a1a2b4;font-size:13px;max-width:430px;line-height:1.9}.hero-cta{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.hero-cta .button{padding:13px 17px}.hero-footnote{display:flex;align-items:center;gap:8px;margin-top:25px;color:#73768b;font-size:10px}.tiny-spark{color:var(--cyan)}.hero-art{position:absolute;right:8%;top:50%;transform:translateY(-50%);width:340px;height:325px;display:grid;place-items:center;opacity:.95}.orbit{position:absolute;border:1px solid rgba(179,163,255,.21);border-radius:50%;transform:rotate(-28deg)}.orbit-1{width:245px;height:245px}.orbit-2{width:300px;height:146px;border-color:rgba(114,231,219,.24);transform:rotate(43deg)}.orbit-3{width:320px;height:202px;border-color:rgba(255,128,191,.16);transform:rotate(-61deg)}.orbit-core{width:134px;height:134px;border:1px solid rgba(173,148,255,.55);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 34% 25%,rgba(168,139,255,.28),rgba(23,21,42,.9) 63%);box-shadow:0 0 70px rgba(141,106,247,.24),inset 0 0 28px rgba(168,139,255,.15)}.orbit-core:after{content:"";position:absolute;inset:-12px;border-radius:50%;border:1px dashed rgba(114,231,219,.24)}.core-star{font-size:42px;line-height:1;color:#d0c0ff;text-shadow:0 0 22px rgba(168,139,255,.8)}.core-caption{font-size:7px;letter-spacing:.22em;line-height:1.5;text-align:center;color:#aaa9c5;margin-top:6px}.floating-note{position:absolute;font-size:26px;color:var(--cyan);text-shadow:0 0 16px rgba(114,231,219,.45)}.note-a{top:26px;right:77px;color:var(--pink);font-size:24px}.note-b{bottom:46px;left:29px}.note-c{top:68px;left:35px;color:var(--purple);font-size:18px}.art-label{position:absolute;font-size:8px;color:rgba(204,203,227,.5);letter-spacing:.22em}.label-top{top:15px;left:40px}.label-bottom{bottom:14px;right:4px}.hero-index{position:absolute;bottom:26px;right:27px;display:flex;align-items:center;gap:9px;color:#77788d;font-size:9px;letter-spacing:.08em}.hero-index span:first-child{color:#d3c6ff}.index-line{width:33px;height:1px;background:linear-gradient(90deg,var(--purple),transparent)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:16px}.metric-card{min-height:116px;background:linear-gradient(140deg,rgba(19,20,31,.93),rgba(14,15,23,.95));border:1px solid var(--line);border-radius:17px;padding:17px 18px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;right:-34px;bottom:-64px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(168,139,255,.07),transparent 70%)}.metric-feature{background:linear-gradient(120deg,rgba(77,59,128,.26),rgba(17,18,27,.97));border-color:rgba(168,139,255,.2)}.metric-top,.metric-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.metric-top{font-size:11px;color:#999bae}.metric-icon{color:var(--purple);font-size:17px}.metric-card>strong{font-size:29px;letter-spacing:-.04em;display:block;margin:9px 0 6px;font-weight:760}.metric-bottom{font-size:9px;color:#74768a}.metric-accent{color:#6c7085;font-size:8px;letter-spacing:.13em;font-weight:750}.metric-period{font-size:23px!important;letter-spacing:.03em!important;color:#c1b5ff}.metric-tier{font-size:20px!important;color:#d9e5ff}.quota-panel{margin-top:64px;padding:26px 28px 20px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(130deg,rgba(17,18,27,.92),rgba(14,17,25,.95));position:relative;overflow:hidden}.quota-panel:before{content:"";position:absolute;top:-90px;right:10%;width:220px;height:180px;background:radial-gradient(circle,rgba(114,231,219,.08),transparent 70%);pointer-events:none}.section-heading h2{font-size:24px;margin:10px 0 5px;letter-spacing:-.035em}.section-heading p{font-size:11px;color:#828599;margin:0;line-height:1.8}.quota-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.quota-side-note{font-size:10px;color:#74788b;display:flex;align-items:center;gap:7px;padding-bottom:5px;white-space:nowrap}.quota-pulse{height:6px;width:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px rgba(114,231,219,.5)}.quota-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:23px}.quota-card{padding:16px 16px 14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.065);border-radius:15px;min-width:0}.quota-card-head{display:flex;align-items:center;justify-content:space-between}.quota-symbol{height:30px;width:30px;display:grid;place-items:center;border-radius:10px;font-size:15px}.quota-play .quota-symbol{background:rgba(168,139,255,.12);color:#c0afff}.quota-like .quota-symbol{background:rgba(255,128,191,.1);color:var(--pink)}.quota-favorite .quota-symbol{background:rgba(114,231,219,.1);color:var(--cyan)}.quota-coin .quota-symbol{background:rgba(248,217,149,.11);color:var(--gold)}.quota-weight{font-size:9px;color:#74768b;border:1px solid var(--line);border-radius:6px;padding:3px 6px}.quota-card h3{font-size:12px;margin:11px 0 5px}.quota-nums{display:flex;align-items:baseline;gap:4px}.quota-nums strong{font-size:24px;letter-spacing:-.04em}.quota-nums span{font-size:10px;color:#7d8094}.quota-bar{height:4px;background:rgba(255,255,255,.075);border-radius:8px;overflow:hidden;margin:11px 0 7px}.quota-bar span{display:block;height:100%;border-radius:8px;transition:width .3s;background:linear-gradient(90deg,#8f75ef,#b8a4ff)}.quota-like .quota-bar span{background:linear-gradient(90deg,#cd679e,#ff9acb)}.quota-favorite .quota-bar span{background:linear-gradient(90deg,#48a9a4,#80e8de)}.quota-coin .quota-bar span{background:linear-gradient(90deg,#c99f50,#f8d995)}.quota-foot{display:flex;justify-content:space-between;gap:7px;color:#6f7286;font-size:9px}.quota-foot strong{color:#c1c2d3;font-weight:600}.quota-skeleton{height:150px;border-radius:15px;background:linear-gradient(90deg,rgba(255,255,255,.025),rgba(255,255,255,.06),rgba(255,255,255,.025));background-size:200% 100%;animation:shimmer 1.6s infinite}@keyframes shimmer{to{background-position:-200% 0}}.quota-control{margin-top:21px;padding-top:17px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.quota-control>label{font-size:10px;color:#a6a8bb}.amount-control{display:flex;align-items:center;border:1px solid rgba(255,255,255,.11);border-radius:9px;overflow:hidden;height:34px;background:rgba(255,255,255,.035)}.amount-control button{width:32px;height:32px;background:transparent;border:0;color:#aaa9bf;font-size:18px}.amount-control button:hover{background:rgba(255,255,255,.07)}.amount-control input{width:47px;text-align:center;appearance:textfield;-moz-appearance:textfield;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);outline:0;background:transparent;color:#fff;font-size:13px}.amount-control input::-webkit-inner-spin-button,.amount-control input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.control-hint{color:#6f7185;font-size:9px}.visitor-code{margin-left:auto;color:#6f7286;font-size:9px;overflow-wrap:anywhere}.ranking-section{margin-top:70px}.ranking-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.top-tag{display:inline-block;vertical-align:middle;margin-left:5px;padding:4px 7px;border:1px solid rgba(168,139,255,.25);border-radius:7px;font-size:9px;letter-spacing:.08em;color:#bcaaff;transform:translateY(-2px)}.ranking-tools{display:flex;align-items:center;gap:9px}.search-box{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:10px;height:40px;width:224px;padding:0 12px;background:rgba(255,255,255,.025);color:#82849a}.search-box span{font-size:20px;line-height:1}.search-box input{border:0;outline:0;background:transparent;color:#f5f3ff;font-size:10px;min-width:0;width:100%}.search-box input::placeholder{color:#6d7082}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.03);color:#b9b5d4;font-size:21px;transition:transform .3s,background .2s}.icon-button:hover{background:rgba(255,255,255,.07);transform:rotate(35deg)}.voting-banner{display:flex;align-items:center;gap:13px;padding:14px 17px;border-radius:13px;margin-top:23px;margin-bottom:15px;background:rgba(255,128,191,.055);border:1px solid rgba(255,128,191,.13)}.voting-banner.is-open{background:rgba(200,248,120,.045);border-color:rgba(200,248,120,.16)}.banner-symbol{height:34px;width:34px;display:grid;place-items:center;border-radius:11px;background:rgba(255,128,191,.1);color:var(--pink);font-size:15px}.is-open .banner-symbol{color:var(--lime);background:rgba(200,248,120,.1)}.voting-banner strong{font-size:11px}.voting-banner p{font-size:10px;color:#8c8b9e;margin:3px 0 0}.banner-state{margin-left:auto;font-size:8px;letter-spacing:.15em;color:#f3a1c5;border:1px solid rgba(255,128,191,.17);padding:5px 7px;border-radius:6px}.is-open .banner-state{color:var(--lime);border-color:rgba(200,248,120,.18)}.rank-label-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.1fr) 110px;gap:20px;padding:11px 20px;color:#64677c;text-transform:uppercase;letter-spacing:.12em;font-size:8px}.label-stat{text-align:right;padding-right:5px}.label-change{text-align:right}.ranking-list{display:flex;flex-direction:column;gap:9px}.song-card{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.1fr) 110px;align-items:center;gap:20px;padding:15px 20px;background:linear-gradient(110deg,rgba(20,21,32,.91),rgba(15,16,25,.94));border:1px solid rgba(255,255,255,.065);border-radius:15px;position:relative;transition:transform .2s,border-color .2s,background .2s;min-width:0}.song-card:hover{transform:translateY(-1px);border-color:rgba(168,139,255,.22);background:linear-gradient(110deg,rgba(26,26,42,.96),rgba(15,18,28,.96))}.song-card.rank-first{border-color:rgba(248,217,149,.24);background:linear-gradient(105deg,rgba(77,60,30,.11),rgba(17,18,27,.96) 35%)}.song-main{display:flex;align-items:center;gap:14px;min-width:0}.rank-number{flex:0 0 34px;height:34px;display:grid;place-items:center;font-size:14px;font-weight:800;color:#777a91;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025)}.rank-first .rank-number{color:#f8d995;border-color:rgba(248,217,149,.24);background:rgba(248,217,149,.09)}.rank-second .rank-number{color:#d5d7ef}.rank-third .rank-number{color:#e3b69a}.song-cover{flex:0 0 48px;width:48px;height:48px;position:relative;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(151,126,235,.3),rgba(49,99,115,.22));border:1px solid rgba(255,255,255,.09)}.song-cover:before,.song-cover:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.15);width:33px;height:33px}.song-cover:after{width:18px;height:18px;border-color:rgba(255,255,255,.3)}.cover-glyph{font-size:14px;z-index:1;color:#e0d6ff;text-shadow:0 0 12px rgba(185,165,255,.7)}.cover-1{background:linear-gradient(135deg,rgba(172,120,239,.37),rgba(65,62,126,.18))}.cover-2{background:linear-gradient(135deg,rgba(69,168,176,.3),rgba(46,69,110,.24))}.cover-3{background:linear-gradient(135deg,rgba(237,148,190,.28),rgba(86,56,100,.23))}.cover-4{background:linear-gradient(135deg,rgba(228,190,111,.23),rgba(79,86,84,.23))}.song-copy{min-width:0}.song-title-line{display:flex;align-items:center;gap:8px;min-width:0}.song-title{font-size:12px;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.song-badge{flex:0 0 auto;font-size:7px;letter-spacing:.05em;padding:3px 5px;border-radius:5px;background:rgba(168,139,255,.1);color:#b9a9ff;border:1px solid rgba(168,139,255,.15)}.song-artist{color:#787b90;font-size:9px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-meta-line{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:6px;color:#5f6275;font-size:8px}.song-meta-line span{display:flex;align-items:center;gap:4px}.song-meta-line b{color:#9698ae;font-weight:500}.rank-updated{color:var(--lime)!important}.rank-down{color:var(--pink)!important}.rank-same{color:#88899b!important}.rank-new{color:var(--cyan)!important}.song-stats{display:flex;flex-direction:column;gap:9px;min-width:0}.stat-points{display:flex;align-items:center;justify-content:flex-end;gap:11px;flex-wrap:wrap}.stat-item{font-size:9px;color:#888ba0;white-space:nowrap}.stat-item b{font-size:10px;color:#d3d3e2;margin-right:3px}.stat-item .weight{font-size:8px;color:#5e6276}.total-score{margin-left:auto;padding-left:12px;border-left:1px solid var(--line);min-width:67px;text-align:right}.total-score strong{display:block;font-size:19px;letter-spacing:-.04em;color:#e6e0ff}.total-score small{display:block;color:#77788d;font-size:7px;letter-spacing:.1em}.song-actions{display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap}.action-btn{height:29px;min-width:30px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);font-size:9px;color:#999bb1;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 8px;transition:.18s;white-space:nowrap}.action-btn:hover:not(:disabled){border-color:rgba(168,139,255,.32);background:rgba(168,139,255,.1);color:#e7deff}.action-btn:disabled{opacity:.35;cursor:not-allowed}.action-btn span{font-size:13px}.action-btn.play:hover:not(:disabled){color:#c5b7ff}.action-btn.like:hover:not(:disabled){color:var(--pink)}.action-btn.favorite:hover:not(:disabled){color:var(--cyan)}.action-btn.coin:hover:not(:disabled){color:var(--gold)}.loading-panel,.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;padding:60px 15px;color:#777a8e;font-size:11px}.loader{height:20px;width:20px;border-radius:50%;border:2px solid rgba(168,139,255,.18);border-top-color:var(--purple);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state span{font-size:27px;color:#8b84b3}.empty-state strong{color:#c4c3d7}.empty-state p{margin:0;color:#77798a}.hidden{display:none!important}.ranking-footer{display:flex;align-items:center;justify-content:space-between;color:#65687d;font-size:9px;padding:15px 4px}.ranking-footer span:first-child{display:flex;align-items:center;gap:8px}.rules-section{margin-top:76px}.rules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:24px}.rule-card{position:relative;border:1px solid var(--line);border-radius:16px;padding:19px;background:linear-gradient(140deg,rgba(20,21,32,.9),rgba(14,15,23,.95));overflow:hidden}.rule-number{position:absolute;top:15px;right:16px;font-size:9px;color:#55586d;letter-spacing:.1em}.rule-icon{height:35px;width:35px;border-radius:12px;display:grid;place-items:center;background:rgba(168,139,255,.1);color:var(--purple);font-size:18px}.rule-card:nth-child(2) .rule-icon{background:rgba(255,128,191,.09);color:var(--pink)}.rule-card:nth-child(3) .rule-icon{background:rgba(114,231,219,.09);color:var(--cyan)}.rule-card:nth-child(4) .rule-icon{background:rgba(248,217,149,.09);color:var(--gold)}.rule-card h3{margin:14px 0 5px;font-size:13px}.rule-card p{margin:0;color:#7a7c90;font-size:10px}.rule-example{border-top:1px solid var(--line);margin-top:17px;padding-top:12px;display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:8px;color:#6f7287}.rule-example strong{font-size:11px;color:#c1c2d4}.formula-strip{display:flex;align-items:center;gap:15px;background:linear-gradient(105deg,rgba(93,70,157,.12),rgba(16,24,30,.7));border:1px solid rgba(168,139,255,.13);border-radius:15px;padding:17px 20px;margin-top:13px}.formula-icon{height:37px;width:37px;flex:0 0 37px;border-radius:12px;display:grid;place-items:center;background:rgba(168,139,255,.12);font-size:20px;color:#c4b2ff}.formula-strip>div{display:flex;flex-direction:column;gap:5px}.formula-strip strong{font-size:11px}.formula-strip small{font-size:9px;color:#7f8194}.formula-eq{margin-left:auto;font-size:8px;letter-spacing:.13em;color:#6f7191;white-space:nowrap}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:76px;padding:26px 0 35px;color:#737588}.footer-brand{display:flex;align-items:center;gap:9px}.footer-star{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(168,139,255,.09);color:#b7a4ff}.footer-brand strong{font-size:11px;color:#d6d5e3}.footer-brand small{font-size:7px}.site-footer>p{font-size:10px;color:#6a6c7f}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;font-size:7px;letter-spacing:.14em;color:#55586b}
/* Dialogs */
.modal-backdrop{position:fixed;inset:0;z-index:30;background:rgba(4,5,10,.78);backdrop-filter:blur(13px);display:flex;align-items:center;justify-content:center;padding:18px;overflow:auto}.modal-card{position:relative;background:linear-gradient(145deg,#191927,#10111a);border:1px solid rgba(255,255,255,.11);border-radius:23px;padding:31px;box-shadow:0 28px 95px rgba(0,0,0,.55);width:min(100%,510px);margin:auto}.modal-narrow{width:min(100%,445px)}.modal-close{height:32px;width:32px;border-radius:9px;display:grid;place-items:center;position:absolute;top:16px;right:16px;color:#87899f;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:22px;line-height:1}.modal-close:hover{color:#fff;background:rgba(255,255,255,.08)}.modal-eyebrow{color:#9f91d9;font-size:8px;letter-spacing:.17em;font-weight:800}.modal-card h2{font-size:24px;letter-spacing:-.035em;margin:12px 0 8px}.modal-description{color:#86889a;font-size:11px;line-height:1.8;margin:0 0 23px}.stack-form{display:flex;flex-direction:column;gap:15px}.stack-form label,.admin-add-form label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#a3a5b7}.stack-form label em{font-style:normal;color:var(--pink)}.stack-form label span{color:#66697e}.stack-form input,.admin-add-form input,.table-tools input,.table-tools select{height:42px;width:100%;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:0 12px;color:#f7f4ff;background:rgba(255,255,255,.035);outline:0;font-size:11px}.stack-form input:focus,.admin-add-form input:focus,.table-tools input:focus,.table-tools select:focus{border-color:rgba(168,139,255,.45);box-shadow:0 0 0 3px rgba(168,139,255,.08)}.stack-form input::placeholder,.admin-add-form input::placeholder{color:#626579}.submit-wide{width:100%;margin-top:3px;min-height:45px}.form-note{font-size:9px;color:#66697c;line-height:1.6;margin:17px 0 0}.login-card{text-align:center}.login-card .modal-description{text-align:left}.login-mark{height:48px;width:48px;border-radius:16px;border:1px solid rgba(168,139,255,.24);background:rgba(168,139,255,.1);color:#c5b6ff;display:grid;place-items:center;font-size:24px;margin:0 auto 16px}.login-card .modal-close{top:13px;right:13px}
/* Admin console */
.admin-backdrop{padding:20px}.admin-shell{width:min(1450px,100%);min-height:min(880px,calc(100vh - 40px));max-height:calc(100vh - 40px);display:grid;grid-template-columns:220px minmax(0,1fr);border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#0d0e15;box-shadow:0 30px 120px rgba(0,0,0,.6)}.admin-sidebar{background:#10111a;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;padding:23px 14px 17px;min-width:0}.admin-side-brand{display:flex;align-items:center;gap:9px;padding:1px 5px 23px;border-bottom:1px solid var(--line)}.small-mark{height:32px;width:32px;border-radius:10px;font-size:17px;display:grid;place-items:center}.admin-side-brand strong{font-size:11px}.admin-side-brand small{font-size:7px}.admin-profile{display:flex;align-items:center;gap:9px;padding:17px 5px 19px}.profile-avatar{height:33px;width:33px;border-radius:11px;display:grid;place-items:center;color:#e4dcff;background:linear-gradient(135deg,#725ed4,#397e82);font-size:14px;font-weight:700}.admin-profile>div:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.admin-profile strong{font-size:10px}.admin-profile small{font-size:8px;color:#707387}.profile-online{height:6px;width:6px;border-radius:50%;background:var(--lime);margin-left:auto;box-shadow:0 0 8px rgba(200,248,120,.6)}.admin-nav-label{font-size:8px;letter-spacing:.12em;color:#606378;padding:7px 10px 9px}.admin-nav{height:38px;width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:0 10px;background:transparent;border:1px solid transparent;border-radius:9px;color:#86889d;font-size:10px;margin-bottom:4px}.admin-nav span{font-size:14px;width:16px;text-align:center}.admin-nav:hover{background:rgba(255,255,255,.035);color:#e8e5fa}.admin-nav.active{background:linear-gradient(90deg,rgba(153,124,255,.16),rgba(153,124,255,.055));border-color:rgba(168,139,255,.14);color:#d4c6ff}.admin-nav b{margin-left:auto;font-size:8px;color:#17121c;background:var(--pink);padding:2px 5px;border-radius:5px}.sidebar-spacer{flex:1}.admin-logout{height:35px;display:flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:8px;background:transparent;color:#9990a1;font-size:10px;padding:0 10px}.admin-logout:hover{color:#ff9ac5;background:rgba(255,128,191,.06)}.admin-side-foot{margin:15px 10px 0;font-size:7px;letter-spacing:.1em;color:#4f5265;line-height:1.8}.admin-main{min-width:0;min-height:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 100% 0%,rgba(73,59,126,.09),transparent 40%),#0d0e15}.admin-topbar{height:61px;flex:0 0 61px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 25px}.admin-topbar>div:first-child{display:flex;align-items:center;gap:10px}.admin-breadcrumb{font-size:9px;color:#62657a}.admin-breadcrumb span{margin:0 7px;color:#56596b}.admin-breadcrumb strong{color:#d8d7e5;font-weight:600}.admin-top-actions{display:flex;align-items:center;gap:17px}.admin-secure-tag{font-size:8px;color:#87947c}.admin-secure-tag:first-letter{color:var(--lime)}.admin-close{position:static}.admin-menu-button{display:none;background:transparent;border:0;color:#b1adc3;font-size:16px}.admin-content{padding:25px;overflow:auto;min-height:0}.admin-welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:17px;margin-bottom:20px}.admin-welcome h2{font-size:23px;margin:8px 0 5px;letter-spacing:-.04em}.admin-welcome p{margin:0;color:#77798e;font-size:10px}.admin-refresh{min-height:34px;padding:7px 11px;font-size:9px;white-space:nowrap}.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px}.admin-kpi{padding:15px;background:linear-gradient(145deg,rgba(25,26,40,.91),rgba(17,18,28,.95));border:1px solid var(--line);border-radius:13px}.admin-kpi-top{display:flex;justify-content:space-between;gap:8px;color:#85879b;font-size:9px}.admin-kpi-top span:last-child{color:#aaa0d5}.admin-kpi strong{display:block;font-size:24px;letter-spacing:-.04em;margin:9px 0 5px}.admin-kpi small{font-size:8px;color:#626579}.admin-two-col{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.8fr);gap:12px;margin-bottom:12px}.admin-card{background:rgba(20,21,32,.76);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:12px;min-width:0}.admin-two-col .admin-card{margin-bottom:0}.admin-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:15px;min-width:0}.mini-label{display:block;font-size:7px;letter-spacing:.15em;color:#8f84be;font-weight:800;margin-bottom:6px}.admin-card-title h3{margin:0;font-size:13px}.admin-card-subtitle{font-size:9px;color:#77798d;line-height:1.7;margin:6px 0 0}.admin-card-badge{padding:4px 7px;border:1px solid rgba(114,231,219,.17);border-radius:6px;color:var(--cyan);font-size:7px;letter-spacing:.1em;white-space:nowrap}.admin-table-wrap{width:100%;overflow:auto}.admin-table{border-collapse:collapse;width:100%;font-size:9px;min-width:400px}.admin-table th{text-align:left;color:#64677c;font-size:7px;letter-spacing:.1em;font-weight:700;padding:10px 9px;border-bottom:1px solid var(--line);white-space:nowrap}.admin-table td{padding:11px 9px;color:#a5a6b9;border-bottom:1px solid rgba(255,255,255,.035);white-space:nowrap}.admin-table tr:last-child td{border-bottom:0}.admin-table td strong{color:#e7e5f1;font-size:9px}.admin-rank{color:#c1afff;font-weight:800}.change-pill{display:inline-flex;align-items:center;border-radius:5px;padding:3px 5px;font-size:8px;border:1px solid rgba(255,255,255,.08);color:#9698ac}.change-pill.up{color:var(--lime);border-color:rgba(200,248,120,.15)}.change-pill.down{color:var(--pink);border-color:rgba(255,128,191,.15)}.change-pill.new{color:var(--cyan);border-color:rgba(114,231,219,.15)}.toggle-section{display:flex;align-items:center;gap:12px;margin:19px 0 16px;padding:14px;border-radius:11px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}.toggle-illustration{height:36px;width:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:12px;background:rgba(255,128,191,.1);color:var(--pink);font-size:20px}.toggle-illustration.open{background:rgba(200,248,120,.09);color:var(--lime)}.toggle-section strong{font-size:10px}.toggle-section p{font-size:8px;color:#77798c;margin:4px 0 0;line-height:1.7}.state-pill{padding:4px 7px;border-radius:6px;font-size:7px;color:var(--pink);background:rgba(255,128,191,.07);border:1px solid rgba(255,128,191,.12);white-space:nowrap}.state-pill.open{color:var(--lime);background:rgba(200,248,120,.06);border-color:rgba(200,248,120,.15)}.full-button{width:100%;min-height:37px;font-size:10px}.small-muted{font-size:8px;color:#636579;line-height:1.7;margin:10px 0 0}.admin-add-form{display:grid;grid-template-columns:1.1fr 1fr 1fr auto;gap:10px;align-items:end}.admin-add-form input{height:37px;font-size:9px}.admin-add-form label{font-size:8px}.admin-add-form .button{height:37px;min-height:37px;padding:0 12px;white-space:nowrap;font-size:9px}.submission-list{display:flex;flex-direction:column;gap:9px}.submission-item{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018);border-radius:11px}.submission-cover{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:rgba(168,139,255,.09);color:#bcaaff;font-size:17px;flex:0 0 39px}.submission-copy{min-width:0;flex:1}.submission-copy strong{display:block;font-size:10px;white-space:normal;overflow-wrap:anywhere}.submission-copy p{color:#77798c;font-size:8px;margin:4px 0;line-height:1.65;white-space:normal;overflow-wrap:anywhere}.submission-copy small{color:#5f6277;font-size:7px}.submission-actions{display:flex;gap:6px;flex:0 0 auto}.tiny-button{height:29px;padding:0 9px;border-radius:7px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);font-size:8px;color:#b2b1c4}.tiny-button.approve{color:var(--lime);border-color:rgba(200,248,120,.14);background:rgba(200,248,120,.05)}.tiny-button.reject{color:var(--pink);border-color:rgba(255,128,191,.13)}.table-tools{display:flex;gap:7px;min-width:0}.table-tools input{width:140px;height:33px;font-size:9px}.table-tools select{height:33px;width:128px;font-size:9px;padding:0 7px}.table-tools select option{background:#161722}.inline-action{padding:5px 7px;border-radius:6px;border:1px solid rgba(255,255,255,.07);color:#aeadc0;background:rgba(255,255,255,.03);font-size:8px}.inline-action:hover{border-color:rgba(168,139,255,.25);color:#d6c9ff}.inline-action.danger{color:#ff9abf}.active-toggle{padding:4px 6px;border-radius:5px;font-size:7px;border:1px solid rgba(200,248,120,.15);color:var(--lime);background:rgba(200,248,120,.04)}.active-toggle.off{border-color:rgba(255,128,191,.15);color:var(--pink);background:rgba(255,128,191,.04)}.notice-box{background:rgba(114,231,219,.04);border:1px solid rgba(114,231,219,.12);border-radius:9px;padding:11px 13px;font-size:9px;color:#8ba8a5;line-height:1.7;margin-bottom:15px}.empty-table{text-align:center;padding:28px 10px;color:#6c6f84;font-size:10px}.toast-region{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:min(calc(100% - 30px),480px)}.toast{padding:11px 16px;border:1px solid rgba(255,255,255,.12);background:rgba(27,28,41,.96);border-radius:11px;box-shadow:0 12px 45px rgba(0,0,0,.4);color:#e6e5f4;font-size:10px;animation:toast-in .18s ease;max-width:100%;overflow-wrap:anywhere}.toast.error{border-color:rgba(255,128,191,.25)}.toast.success{border-color:rgba(200,248,120,.2)}@keyframes toast-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.site-header{padding:0 24px}.page-shell{padding-left:24px;padding-right:24px}.hero-art{right:1%;transform:translateY(-50%) scale(.85);opacity:.7}.hero-copy{max-width:60%}.main-nav{gap:20px}.song-card{grid-template-columns:minmax(190px,1fr) minmax(255px,1.1fr) 100px;gap:13px;padding:14px}.rank-label-row{grid-template-columns:minmax(190px,1fr) minmax(255px,1.1fr) 100px}.stat-points{gap:7px}.admin-shell{grid-template-columns:190px minmax(0,1fr)}.admin-sidebar{padding-left:10px;padding-right:10px}.admin-content{padding:20px}.admin-add-form{grid-template-columns:1fr 1fr}.admin-add-form .button{grid-column:span 2}.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.site-header{height:66px;padding:0 16px}.brand{min-width:0}.brand-mark{width:34px;height:34px}.brand-text strong{font-size:13px}.brand-text small{font-size:7px}.main-nav{display:none}.header-actions{gap:8px}.live-pill{font-size:8px;padding:6px 8px}.button-quiet{font-size:9px;padding:7px 9px}.page-shell{padding:17px 14px 0}.hero-panel{min-height:355px;padding:31px 24px;align-items:flex-start}.hero-copy{max-width:100%;padding-top:8px}.hero-copy h1{font-size:36px;margin-top:17px}.hero-subtitle{max-width:330px;font-size:11px}.hero-cta{gap:8px;margin-top:21px}.hero-cta .button{padding:11px 12px;font-size:10px;min-height:39px}.hero-footnote{max-width:250px;line-height:1.65;font-size:9px;margin-top:17px}.hero-art{right:-105px;top:58%;transform:translateY(-50%) scale(.69);opacity:.28}.hero-index{bottom:15px;right:15px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.metric-card{padding:13px;min-height:104px;border-radius:13px}.metric-card>strong{font-size:25px}.metric-period{font-size:20px!important}.metric-tier{font-size:18px!important}.metric-top{font-size:10px}.metric-bottom{font-size:8px}.quota-panel{margin-top:43px;padding:20px 15px 15px;border-radius:18px}.quota-heading{align-items:flex-start;flex-direction:column;gap:10px}.section-heading h2{font-size:22px}.section-heading p{font-size:10px}.quota-side-note{padding:0}.quota-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px}.quota-card{padding:13px}.quota-card h3{margin-top:9px}.quota-nums strong{font-size:22px}.quota-control{gap:8px}.quota-control>label{width:100%}.control-hint{font-size:8px;flex-basis:calc(100% - 12px)}.visitor-code{margin-left:0;width:100%}.ranking-section{margin-top:48px}.ranking-header{display:block}.ranking-tools{margin-top:17px}.search-box{width:100%;flex:1}.ranking-tools .icon-button{flex:0 0 40px}.voting-banner{padding:12px;gap:10px}.voting-banner p{font-size:9px}.banner-state{font-size:7px}.rank-label-row{display:none}.ranking-list{gap:8px;margin-top:13px}.song-card{grid-template-columns:minmax(0,1fr) auto;gap:9px 10px;padding:12px;border-radius:13px}.song-main{gap:9px}.rank-number{flex-basis:29px;width:29px;height:31px;font-size:12px;border-radius:9px}.song-cover{height:40px;width:40px;flex-basis:40px;border-radius:10px}.song-cover:before{width:27px;height:27px}.song-cover:after{width:15px;height:15px}.song-title{font-size:11px}.song-artist{font-size:8px}.song-meta-line{gap:6px;font-size:7px}.song-stats{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:7px;padding-left:39px}.stat-points{justify-content:flex-start;gap:7px;flex:1}.stat-item{font-size:8px}.stat-item b{font-size:9px}.stat-item .weight{display:none}.total-score{border-left:1px solid var(--line);padding-left:8px;min-width:52px}.total-score strong{font-size:17px}.total-score small{font-size:6px}.song-actions{grid-column:1/-1;justify-content:stretch;padding-left:39px;gap:5px}.action-btn{flex:1;height:30px;padding:0 6px;font-size:8px}.action-btn span{font-size:12px}.ranking-footer{gap:12px;align-items:flex-start;font-size:8px}.ranking-footer span:last-child{white-space:nowrap}.rules-section{margin-top:50px}.rules-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px}.rule-card{padding:14px}.rule-card h3{font-size:12px;margin-top:11px}.rule-card p{font-size:9px}.rule-example{font-size:7px}.rule-example strong{font-size:10px}.formula-strip{padding:13px;gap:10px;align-items:flex-start}.formula-icon{height:31px;width:31px;flex-basis:31px}.formula-strip strong{font-size:9px;line-height:1.6}.formula-strip small{font-size:8px;line-height:1.7}.formula-eq{display:none}.site-footer{margin-top:49px;padding:20px 0 26px;flex-wrap:wrap}.site-footer>p{display:none}.footer-right{margin-left:auto}.modal-backdrop{padding:10px}.modal-card{padding:27px 21px;border-radius:18px}.modal-card h2{font-size:21px}.admin-backdrop{padding:0;align-items:stretch}.admin-shell{width:100%;height:100dvh;max-height:100dvh;min-height:0;grid-template-columns:1fr;border-radius:0;border:0}.admin-sidebar{position:absolute;z-index:3;top:0;bottom:0;left:0;width:220px;transform:translateX(-105%);transition:transform .2s;box-shadow:20px 0 60px rgba(0,0,0,.35)}.admin-shell.sidebar-open .admin-sidebar{transform:translateX(0)}.admin-main{height:100%;min-height:0}.admin-topbar{padding:0 14px;height:55px;flex-basis:55px}.admin-menu-button{display:block}.admin-breadcrumb{font-size:8px}.admin-secure-tag{display:none}.admin-content{padding:17px 12px 30px}.admin-welcome{align-items:flex-start}.admin-welcome h2{font-size:21px}.admin-welcome p{max-width:240px;font-size:9px}.admin-refresh{font-size:8px;padding:6px 8px;min-height:31px}.admin-kpi-grid{gap:7px}.admin-kpi{padding:12px}.admin-kpi strong{font-size:22px}.admin-two-col{grid-template-columns:1fr;gap:9px}.admin-card{padding:14px}.admin-add-form{grid-template-columns:1fr 1fr}.admin-add-form label:first-child{grid-column:span 2}.admin-add-form .button{grid-column:span 2}.table-tools{flex-direction:column}.table-tools input,.table-tools select{width:135px}.admin-card-title{gap:8px;flex-wrap:wrap}.submission-item{align-items:flex-start;flex-wrap:wrap}.submission-copy{min-width:calc(100% - 58px)}.submission-actions{margin-left:52px}.formula-eq{display:none}}
@media(max-width:370px){.brand-text small{display:none}.header-actions{gap:5px}.live-pill{font-size:7px}.button-quiet{font-size:8px}.hero-copy h1{font-size:32px}.song-card{padding:10px}.song-main{gap:7px}.rank-number{height:28px;width:27px;flex-basis:27px;font-size:11px}.song-cover{width:35px;height:35px;flex-basis:35px}.song-title{font-size:10px}.song-badge{font-size:6px}.song-stats{padding-left:34px}.song-actions{padding-left:34px}.action-btn{font-size:7px;gap:2px}.stat-points{gap:5px}.stat-item{font-size:7px}}

.visitor-copy{border:1px solid rgba(168,139,255,.18);background:rgba(168,139,255,.05);color:#a8a2c7;border-radius:7px;padding:5px 8px;font-size:8px;white-space:nowrap}.visitor-copy:hover{background:rgba(168,139,255,.12);color:#e0d7ff}@media(max-width:760px){.visitor-copy{margin-left:auto}}

.point-value{font-size:8px;font-style:normal;color:#66697f;margin-left:1px}.song-change .change-caption{font-size:7px;letter-spacing:.05em;color:#5f6277}.song-change .change-percent{font-size:10px}.song-meta-line span{white-space:nowrap}@media(max-width:760px){.song-meta-line{row-gap:4px}.point-value{font-size:7px}.song-change .change-caption{font-size:6px}.song-change .change-percent{font-size:8px}}