:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0c121b;--surface:#172334;--input:#111b29;--border:#2d4057;--line:#ffffff10;--brand-gradient:linear-gradient(90deg, var(--cyan), var(--lavender) 55%, var(--rose));--panel-fill:linear-gradient(180deg, #1a283a, #142030);--panel-shadow:inset 0 1px 0 #ffffff0b, 0 24px 48px -28px #000c;--text:#f4f7fc;--muted:#b6c8da;--cyan:#99e2ee;--lavender:#c5baf1;--rose:#efb7a9}*{box-sizing:border-box}body{color:var(--text);background:radial-gradient(ellipse at 85% 0%, #80b4d51a, transparent 48%), var(--background);margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:17px;line-height:1.6}a{color:var(--cyan);text-decoration:none}a:hover{color:#c3f3fa}button,input,select,textarea{font:inherit}button,.button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button{color:var(--text)}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.5px;font-size:clamp(34px,4vw,50px);line-height:1.15}h2{letter-spacing:-.5px;font-size:25px;line-height:1.3}h3{font-size:23px;line-height:1.35}h1,h2,h3{overflow-wrap:anywhere}p{color:var(--muted)}small{color:var(--muted);font-size:14px}em{color:var(--cyan);font-style:normal}input,select,textarea{background:var(--input);border:1px solid var(--border);color:var(--text);border-radius:7px;width:100%;min-width:0;padding:11px 13px}textarea{resize:vertical}label{color:#d8e4f0;flex-direction:column;gap:7px;font-size:15px;font-weight:600;display:flex}form label{margin-bottom:19px}code,.mono{word-break:break-all;font-family:Cascadia Code,Consolas,monospace;font-size:14px}.top-accent{background:linear-gradient(90deg, var(--cyan), var(--lavender) 65%, var(--rose));height:3px}.site-header{z-index:100;background:#25374bf5;border-bottom:1px solid #718ba838;position:sticky;top:0;box-shadow:0 8px 28px #101d3026}.site-header .navigation{border-bottom:0}.site-header .nav-links a{background:#2d4359a6}.site-header .nav-links a:hover{background:#39556ed9}.site-header .nav-links a.active{background:#365b70cf}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header{-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);background:#25374bba}}.navigation{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand account""links links";align-items:center;gap:14px 24px;max-width:1180px;margin:auto;padding:18px 30px 14px;display:grid}.brand{color:#fff;letter-spacing:-.7px;grid-area:brand;align-items:center;gap:12px;width:fit-content;font-size:24px;font-weight:800;line-height:1.05;display:flex}.brand img{width:47px;height:47px;transition:transform .25s}.brand:hover img{transform:rotate(-8deg)}.brand span span{color:var(--cyan)}.brand small{letter-spacing:2.5px;margin-top:7px;font-size:10px;font-weight:500;display:block}.nav-links{grid-area:links;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;min-width:0;display:grid}.nav-links a{min-height:52px;color:var(--muted);white-space:nowrap;white-space:normal;background:#2d4359;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:10px 12px;font-size:16px;font-weight:600;transition:color .15s,background .15s,border-color .15s;display:flex;position:relative}.nav-links a span{text-align:center;line-height:1.3}.nav-links a:hover{color:var(--text);background:#39556e;border-color:#6889a3}.nav-links a.active{color:var(--cyan);background:#365b70;border-color:#79b6c7}.nav-links a.active .ui-icon{color:var(--cyan)}.ui-icon{vertical-align:middle;flex-shrink:0}.nav-links .ui-icon{transition:transform .2s}.nav-links a:hover .ui-icon{transform:translateY(-2px)}.account-nav{white-space:nowrap;flex-wrap:wrap;grid-area:account;align-items:center;gap:14px;display:flex}.account-nav .button,.account-nav .text-button{justify-content:center;align-items:center;min-height:44px;display:inline-flex}.account-nav .text-button{padding:0 10px}.repository-link{min-height:44px;color:var(--muted);align-items:center;gap:8px;font-size:15px;display:inline-flex}.repository-link:hover{color:var(--cyan)}.language-switch{flex-shrink:0;display:block;position:relative}.language-switch select{appearance:none;background:var(--surface);cursor:pointer;border-radius:9px;width:156px;min-height:44px;padding:8px 34px 8px 40px;font-size:15px;font-weight:500;transition:border-color .15s,background .15s}.language-switch>.ui-icon{pointer-events:none;color:#a4bad1;position:absolute;top:50%;transform:translateY(-50%)}.language-switch>.ui-icon:first-of-type{left:13px}.language-switch>.ui-icon:last-of-type{right:12px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html[lang=zh-CN] .eyebrow,html[lang=zh-CN] .brand small{letter-spacing:1px}@media (width<=700px){.navigation{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand""account""links"}.account-nav{width:100%;min-width:0}.language-switch{margin-right:auto}.account-nav .player-link>span:last-child{max-width:60px}.language-switch select{width:146px}.nav-links{scrollbar-width:thin;scrollbar-color:#405875 transparent;grid-auto-columns:minmax(148px,1fr);padding-bottom:4px;overflow-x:auto}.nav-links a{gap:8px;min-height:50px}.nav-links a span{white-space:normal;text-align:center;line-height:1.3}}.text-button{color:var(--muted);background:0 0;border:0;padding:0;font-size:15px}.text-button:hover{color:var(--text)}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:14px;padding:12px 21px;font-size:16px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex}.button.primary{background:var(--cyan);color:#102334;box-shadow:0 4px 22px #58c7e21c}.button.primary:hover{color:#102334;background:#baf0f5;transform:translateY(-1px)}.button.secondary{color:var(--text);background:#3a506b;border-color:#617b96}.button.secondary:hover{background:#49637e}.player-link{color:var(--text);align-items:center;gap:9px;font-size:15px;display:flex}.avatar{color:#dce8fa;background:linear-gradient(140deg,#40577d,#293549);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-large{border:3px solid #8d9abd33;border-radius:24px;width:100px;height:100px;font-size:42px}main{max-width:1180px;min-height:calc(100vh - 198px);margin:auto;padding:36px 30px 70px}.eyebrow{color:var(--cyan);letter-spacing:2.1px;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:700;display:block}.hero{background:radial-gradient(at 90% 35%,#8bdbe530,#0000 60%),radial-gradient(at 50% 100%,#b5a3ee18,#0000 60%),linear-gradient(130deg,#354a65,#2d4259);border:1px solid #58718c;border-radius:16px;grid-template-columns:1.25fr 1fr;min-height:385px;margin-bottom:27px;display:grid;position:relative;overflow:hidden}.hero-content{z-index:2;padding:45px 0 44px 43px;position:relative}.hero h1{margin-bottom:18px;font-size:clamp(37px,4.2vw,55px)}.hero p{max-width:405px;margin-bottom:26px;font-size:17px}.hero-actions{flex-wrap:wrap;gap:11px;display:flex}.hero-actions .button>span{transition:transform .2s}.hero-actions .button:hover>span{transform:translate(2px,-2px)}.rhythm-art{justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.rhythm-stage{width:330px;max-width:100%;height:310px;position:relative}.rhythm-glow{background:radial-gradient(#99e2ee22,#0000 65%);animation:4.8s ease-in-out infinite rhythm-breathe;position:absolute;inset:0}.rhythm-logo{z-index:3;filter:drop-shadow(0 10px 24px #172c4d70);width:166px;height:166px;animation:1.2s cubic-bezier(.16,1,.3,1) infinite rhythm-beat;position:absolute;top:7px;left:calc(50% - 83px)}.rhythm-logo img{width:100%;height:100%;display:block}.rhythm-orbit,.rhythm-ripple{border:1px solid #99e2ee60;border-radius:50%;width:232px;height:232px;position:absolute;top:90px;left:50%;transform:translate(-50%,-50%)}.rhythm-orbit{animation:24s linear infinite rhythm-orbit}.rhythm-orbit:after{content:"";background:var(--cyan);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:-4px;box-shadow:0 0 15px #99e2ee80}.rhythm-orbit.outer{border-style:dashed;border-color:#c5baf135;width:282px;height:282px;animation-duration:36s;animation-direction:reverse}.rhythm-orbit.outer:after{background:var(--lavender);width:5px;height:5px}.rhythm-ripple{opacity:0;width:160px;height:160px;animation:2.4s ease-out infinite rhythm-ripple}.rhythm-ripple.delayed{animation-delay:-1.2s}.rhythm-lanes{z-index:2;transform-origin:bottom;grid-template-columns:repeat(7,1fr);gap:4px;width:254px;height:132px;display:grid;position:absolute;top:157px;left:50%;transform:translate(-50%)perspective(450px)rotateX(22deg)}.rhythm-lane{background:linear-gradient(#0000,#99e2ee0a);border-left:1px solid #99e2ee20;border-right:1px solid #99e2ee15;position:relative;overflow:hidden}.falling-note{background:var(--cyan);opacity:.8;height:8px;animation:1.4s linear infinite rhythm-fall;animation-delay:calc(var(--lane) * -.19s);border-radius:2px;position:absolute;top:0;left:3px;right:3px;box-shadow:0 0 14px #99e2ee45}.rhythm-lane:nth-child(2n) .falling-note{background:var(--lavender)}.rhythm-lane:nth-child(4) .falling-note{background:var(--rose)}.falling-note.second{animation-delay:calc(var(--lane) * -.19s - .7s)}.rhythm-key{height:16px;animation:1.4s ease-out infinite rhythm-key;animation-delay:calc(var(--lane) * -.19s);background:#99e2ee26;border:1px solid #99e2ee80;border-radius:3px;position:absolute;bottom:0;left:3px;right:3px}.rhythm-lane:nth-child(2n) .rhythm-key{border-color:#c5baf180}.rhythm-judgement{background:linear-gradient(90deg, transparent, var(--cyan), transparent);height:2px;position:absolute;bottom:18px;left:-6px;right:-6px;box-shadow:0 0 18px #99e2ee50}.art-caption{color:#bfd2e5;letter-spacing:2px;font-size:12px;position:absolute;bottom:18px}@keyframes rhythm-beat{0%,to{transform:scale(1)rotate(-8deg)}12%{transform:scale(1.08)rotate(-6deg)}45%{transform:scale(1)rotate(-8deg)}}@keyframes rhythm-ripple{0%{opacity:.38;transform:translate(-50%,-50%)scale(.9)}to{opacity:0;transform:translate(-50%,-50%)scale(1.9)}}@keyframes rhythm-orbit{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes rhythm-breathe{0%,to{opacity:.65}50%{opacity:1}}@keyframes rhythm-fall{0%{opacity:0;transform:translateY(-12px)}8%{opacity:.9}85%{opacity:.9}to{opacity:0;transform:translateY(115px)}}@keyframes rhythm-key{0%,80%,to{background-color:#99e2ee20}86%{background-color:#99e2eeaa}}.feature-grid{grid-template-columns:repeat(3,1fr);gap:19px;margin-bottom:42px;display:grid}.feature{background:radial-gradient(ellipse at 100% 0%, var(--feature-tint,#99e2ee14), transparent 70%), var(--surface);border:1px solid var(--border);border-radius:11px;padding:24px;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:block}.feature:hover{background-color:#39536e;border-color:#92c7d4;transform:translateY(-4px);box-shadow:0 12px 28px #15283c26}.feature-symbol{color:#bfd1e5;border-bottom:2px solid var(--cyan);margin-bottom:14px;padding-bottom:5px;font-size:13px;font-weight:700;display:inline-block}.feature:nth-child(2){--feature-tint:#c5baf11c}.feature:nth-child(2) .feature-symbol{border-color:var(--lavender)}.feature:nth-child(2)>span:last-child{color:var(--lavender)}.feature:nth-child(3){--feature-tint:#efb7a914}.feature:nth-child(3) .feature-symbol{border-color:var(--rose)}.feature:nth-child(3)>span:last-child{color:var(--rose)}.feature h2{color:var(--text);margin-bottom:10px;font-size:21px}.feature p{min-height:42px;margin-bottom:17px;font-size:15px}.feature>span:last-child{font-size:14px;font-weight:600}.section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-title h2{margin:0}.section-title .eyebrow{margin-bottom:5px}.section-title>a{font-size:14px}.page-heading{margin:11px 0 31px}.page-heading h1{margin-bottom:14px}.page-heading p{max-width:650px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:26px}.empty{text-align:center;color:var(--muted);border-radius:8px;padding:44px 20px;font-size:16px}.empty a:not(.button){margin-left:5px}.alert,.service-alert{color:#ffc2cc;overflow-wrap:anywhere;background:#71313d38;border:1px solid #af566555;border-radius:7px;margin-bottom:18px;padding:13px 17px;font-size:15px}.service-alert{text-align:center;border-radius:0;margin:0}.muted{color:var(--muted)}.badge{color:#d1e0f0;letter-spacing:.3px;white-space:nowrap;background:#405a76;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.verified{color:#85dfbd;background:#2f77613b}.pack-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.filter-bar{flex-wrap:wrap;align-items:end;gap:13px;margin-bottom:23px;display:flex}.filter-bar>input{flex:1}.filter-bar>span{color:var(--muted);font-size:14px}.filter-bar label{flex:1;min-width:140px}.filter-bar select{font-size:14px}.auth-layout{grid-template-columns:1fr 1fr;align-items:center;gap:65px;max-width:900px;margin:35px auto;display:grid}.auth-intro img{width:100px;margin-bottom:24px}.auth-intro h1{margin-bottom:20px}.auth-intro p{max-width:325px}.auth-form{padding:34px}.auth-form h2{margin-bottom:25px}.auth-form button{width:100%;margin:18px 0 23px}.auth-form p{margin-bottom:0;font-size:14px}.auth-form small{display:block}.profile-banner{background:radial-gradient(at 100% 0,#658fa5,#0000 65%),#354d69;border:1px solid #607c97;border-radius:13px;margin-bottom:25px;padding:28px 32px}.profile-identity{align-items:center;gap:25px;display:flex}.profile-identity h1{margin:0 0 7px}.profile-identity p{color:#c3d0e4;overflow-wrap:anywhere;margin:12px 0 0}.profile-edit{margin-left:auto}.profile-form{max-width:650px;margin-bottom:25px}.profile-columns{grid-template-columns:.7fr 1.3fr;gap:25px;display:grid}.biography{white-space:pre-wrap;overflow-wrap:anywhere}.score-list a{border-bottom:1px solid var(--border);color:var(--text);align-items:center;gap:14px;padding:16px 0;display:flex}.score-list a>span:first-child{flex:1}.score-list small{display:block}.score-number{color:var(--cyan);font-variant-numeric:tabular-nums;font-weight:700}.pack-detail-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:27px;font-size:15px;display:flex}.pack-detail-meta .button{margin-left:auto}.chart-list a{border-bottom:1px solid var(--border);color:var(--text);align-items:center;gap:17px;padding:16px 0;display:flex}.chart-list a>span:nth-child(2){flex:1}.chart-list small{display:block}.chart-list a>span:last-child{color:var(--cyan);font-size:14px}.key-badge{width:38px;height:38px;color:var(--cyan);background:#4f82a022;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.level{color:#fac79a;font-size:14px}.checksum{color:var(--muted);margin-top:27px;font-size:14px}.checksum summary{cursor:pointer;margin-bottom:10px}.ranking-layout{grid-template-columns:300px 1fr;gap:22px;display:grid}.chart-picker{padding:18px}.chart-picker>input{margin-bottom:12px}.chart-picker>select{margin-bottom:20px}.chart-choice{color:var(--text);border-bottom:1px solid var(--border);border-left:2px solid #0000;align-items:center;gap:10px;padding:13px 8px;display:flex}.chart-choice.selected{border-left-color:var(--cyan);background:#314a6740}.chart-choice strong{font-size:14px;display:block}.chart-choice small{font-size:12px;display:block}.chart-choice>span:last-child{overflow-wrap:anywhere;min-width:0}.ranking-board{min-width:0}.ranking-board h2{overflow-wrap:anywhere}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #69809b;padding:11px 9px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border);padding:16px 9px}td.podium{color:#ffd39b;font-size:21px;font-weight:700}.ranking-note{color:var(--muted);margin:24px 0 0;font-size:13px}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:23px;font-size:14px;display:flex}.pagination button{border:1px solid var(--border);background:#3d5672;border-radius:5px;padding:5px 13px}.tabs{background:var(--input);border:1px solid var(--border);border-radius:8px;gap:5px;margin-bottom:25px;padding:5px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:5px;flex:1;padding:10px 18px}.tabs button.active{color:var(--text);background:#47627e}.tabs.compact{border:0;margin:0}.tabs.compact button{padding:5px 12px;font-size:13px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px;display:grid}.stats-grid .panel{padding:22px}.stats-grid strong{font-size:36px;line-height:1;display:block}.stats-grid .eyebrow{margin-bottom:17px}.admin-columns{grid-template-columns:1fr 1.4fr;gap:25px;display:grid}.admin-columns form small{margin-bottom:20px;display:block}.admin-list>div{border-bottom:1px solid var(--border);align-items:center;gap:17px;padding:15px 0;display:flex}.admin-list>div>span{flex:1}.admin-list small{display:block}.footer{border-top:1px solid var(--border);max-width:1120px;min-height:100px;color:var(--muted);align-items:center;gap:22px;margin:auto;padding:23px 0;font-size:13px;display:flex}.footer-brand{color:#d4e2f0;font-size:17px;font-weight:800}.connection-label{align-items:center;gap:7px;margin-left:auto;display:inline-flex}@media (width<=1000px){.navigation{flex-wrap:wrap;gap:24px}.nav-links{gap:8px;width:100%}.nav-links a.active:after{bottom:-12px}.ranking-layout{grid-template-columns:250px 1fr}.footer{margin:0 30px}.hero-content{padding-left:30px}}@media (width<=700px){main{padding:24px 18px 45px}.navigation{padding:15px 18px}.brand{font-size:21px}.brand img{width:38px;height:38px}.account-nav{gap:10px}.player-link>span:last-child{text-overflow:ellipsis;max-width:85px;overflow:hidden}.hero{grid-template-columns:1fr}.hero-content{padding:35px 25px}.rhythm-art{justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.rhythm-stage{width:330px;max-width:100%;height:310px;position:relative}.rhythm-glow{background:radial-gradient(#99e2ee22,#0000 65%);animation:4.8s ease-in-out infinite rhythm-breathe;position:absolute;inset:0}.rhythm-logo{z-index:3;filter:drop-shadow(0 10px 24px #172c4d70);width:166px;height:166px;animation:1.2s cubic-bezier(.16,1,.3,1) infinite rhythm-beat;position:absolute;top:7px;left:calc(50% - 83px)}.rhythm-logo img{width:100%;height:100%;display:block}.rhythm-orbit,.rhythm-ripple{border:1px solid #99e2ee60;border-radius:50%;width:232px;height:232px;position:absolute;top:90px;left:50%;transform:translate(-50%,-50%)}.rhythm-orbit{animation:24s linear infinite rhythm-orbit}.rhythm-orbit:after{content:"";background:var(--cyan);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:-4px;box-shadow:0 0 15px #99e2ee80}.rhythm-orbit.outer{border-style:dashed;border-color:#c5baf135;width:282px;height:282px;animation-duration:36s;animation-direction:reverse}.rhythm-orbit.outer:after{background:var(--lavender);width:5px;height:5px}.rhythm-ripple{opacity:0;width:160px;height:160px;animation:2.4s ease-out infinite rhythm-ripple}.rhythm-ripple.delayed{animation-delay:-1.2s}.rhythm-lanes{z-index:2;transform-origin:bottom;grid-template-columns:repeat(7,1fr);gap:4px;width:254px;height:132px;display:grid;position:absolute;top:157px;left:50%;transform:translate(-50%)perspective(450px)rotateX(22deg)}.rhythm-lane{background:linear-gradient(#0000,#99e2ee0a);border-left:1px solid #99e2ee20;border-right:1px solid #99e2ee15;position:relative;overflow:hidden}.falling-note{background:var(--cyan);opacity:.8;height:8px;animation:1.4s linear infinite rhythm-fall;animation-delay:calc(var(--lane) * -.19s);border-radius:2px;position:absolute;top:0;left:3px;right:3px;box-shadow:0 0 14px #99e2ee45}.rhythm-lane:nth-child(2n) .falling-note{background:var(--lavender)}.rhythm-lane:nth-child(4) .falling-note{background:var(--rose)}.falling-note.second{animation-delay:calc(var(--lane) * -.19s - .7s)}.rhythm-key{height:16px;animation:1.4s ease-out infinite rhythm-key;animation-delay:calc(var(--lane) * -.19s);background:#99e2ee26;border:1px solid #99e2ee80;border-radius:3px;position:absolute;bottom:0;left:3px;right:3px}.rhythm-lane:nth-child(2n) .rhythm-key{border-color:#c5baf180}.rhythm-judgement{background:linear-gradient(90deg, transparent, var(--cyan), transparent);height:2px;position:absolute;bottom:18px;left:-6px;right:-6px;box-shadow:0 0 18px #99e2ee50}.art-caption{color:#bfd2e5;letter-spacing:2px;font-size:12px;position:absolute;bottom:18px}@keyframes rhythm-beat{0%,to{transform:scale(1)rotate(-8deg)}12%{transform:scale(1.08)rotate(-6deg)}45%{transform:scale(1)rotate(-8deg)}}@keyframes rhythm-ripple{0%{opacity:.38;transform:translate(-50%,-50%)scale(.9)}to{opacity:0;transform:translate(-50%,-50%)scale(1.9)}}@keyframes rhythm-orbit{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes rhythm-breathe{0%,to{opacity:.65}50%{opacity:1}}@keyframes rhythm-fall{0%{opacity:0;transform:translateY(-12px)}8%{opacity:.9}85%{opacity:.9}to{opacity:0;transform:translateY(115px)}}@keyframes rhythm-key{0%,80%,to{background-color:#99e2ee20}86%{background-color:#99e2eeaa}}.feature-grid{gap:12px}.feature{padding:21px}.feature p{min-height:0}.pack-grid{grid-template-columns:repeat(2,1fr);gap:12px}.auth-layout{gap:25px;margin-top:0}.auth-intro img{width:70px}.auth-intro h1{font-size:36px}.auth-intro p{max-width:none}.panel{padding:21px}.auth-form{padding:27px}.profile-banner{padding:24px}.profile-identity{flex-wrap:wrap;gap:16px}.avatar-large{border-radius:18px;width:78px;height:78px}.profile-edit{margin:5px 0 0}.profile-identity h1{font-size:30px}.stats-grid{grid-template-columns:repeat(2,1fr)}.chart-picker{max-height:370px;overflow-y:auto}.chart-list a{gap:10px}.chart-list a>span:last-child{display:none}.pack-detail-meta .button{margin-left:0}.footer{flex-wrap:wrap;gap:14px;margin:0 18px}.footer>span:first-of-type{display:none}.hero-actions .button{font-size:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.table-secondary{color:var(--muted);overflow-wrap:anywhere;margin-top:4px;font-size:13px;display:block}.ir-score-table{min-width:1200px;font-size:14px}.ir-score-table td,.ir-score-table th{padding:11px 9px}.table-symbol{color:#a7dfff;font-size:34px}.difficulty-card:hover{border-color:#587c9b}.clear-lamp{color:#bdc9d9;white-space:nowrap;background:#384252;border-radius:4px;padding:4px 7px;font-size:12px;display:inline-block}.clear-easy{color:#a5edbb;background:#24593d}.clear-normal{color:#acd7ff;background:#284975}.clear-hard{color:#ffd0a2;background:#72402a}.clear-full-combo,.clear-perfect{color:#ffe798;background:#625023}.clear-failed{color:#ffa5b6;background:#602f3a}.ir-summary,.ir-score-details{flex-wrap:wrap;gap:16px 32px;margin:18px 0;display:flex}.ir-summary dt,.ir-score-details dt{color:var(--muted);font-size:14px}.ir-summary dd,.ir-score-details dd{font-variant-numeric:tabular-nums;margin:5px 0 0}.ir-summary dd{font-size:24px}.ir-lamps{flex-wrap:wrap;gap:8px;display:flex}.ir-lamps strong{margin-left:8px}.ir-detail-row td{background:var(--surface);white-space:normal}.chart-identity{color:var(--muted);margin:15px 0;font-size:14px}.chart-identity code{overflow-wrap:anywhere;margin-top:8px;display:block}.chart-identity summary{cursor:pointer}@media (width<=700px){.ranking-layout,.profile-columns,.auth-layout,.admin-columns{grid-template-columns:minmax(0,1fr)}}.ranking-layout>*,.admin-columns>*,.profile-columns>*{min-width:0}.download-layout{grid-template-columns:1.15fr 1fr;gap:24px;margin-bottom:30px;display:grid}.download-layout>*{min-width:0}.download-card{background:radial-gradient(ellipse at 100% 0%, #99e2ee18, transparent 70%), var(--surface);padding:32px}.download-platform{align-items:center;gap:14px;font-size:20px;font-weight:700;display:flex}.download-platform>.ui-icon{color:var(--cyan)}.download-platform small{font-size:15px;font-weight:400;display:block}.release-badge{color:#ffd2a2;letter-spacing:1px;background:#efb7a91a;border:1px solid #efb7a94a;border-radius:6px;margin-left:auto;padding:4px 9px;font-size:13px}.release-status{min-height:235px;padding:28px 0 22px}.release-status h2{margin-bottom:12px}.download-version{font-variant-numeric:tabular-nums;font-size:clamp(27px,4vw,38px)}.release-divider{margin:0 12px}.download-button{width:100%;margin:5px 0 18px}.release-links{flex-wrap:wrap;gap:18px;font-size:15px;display:flex}.download-card>.button{width:100%}.download-guide h2{margin-bottom:26px}.download-guide ol{counter-reset:install;margin:0;padding:0;list-style:none}.download-guide li{counter-increment:install;margin-bottom:21px;padding-left:43px;position:relative}.download-guide li:before{content:counter(install);width:28px;height:28px;color:var(--cyan);background:#99e2ee16;border-radius:8px;place-items:center;font-size:15px;display:grid;position:absolute;top:0;left:0}.download-guide li strong{font-size:18px}.download-guide li p{margin:5px 0 0;font-size:16px}.download-source{border-top:1px solid var(--border);align-items:center;gap:18px;padding:26px 0;display:flex}.download-source>.ui-icon{color:var(--cyan)}.download-source div{flex:1;min-width:0}.download-source h2{margin-bottom:5px;font-size:21px}.download-source p{margin:0;font-size:16px}.release-history{margin-bottom:28px}.release-history>a{border-top:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.release-history small{display:block}@media (width<=700px){.download-layout{grid-template-columns:1fr;gap:18px}.download-card{padding:24px}.download-platform{font-size:17px}.download-platform small{font-size:13px}.download-source{flex-wrap:wrap}.download-source>.button{width:100%}.rhythm-art{height:330px}.art-caption{bottom:10px}}.ir-directory-actions{flex-wrap:wrap;align-items:center;gap:20px;margin:20px 0;display:flex}.ir-chart-header{background:linear-gradient(120deg,var(--surface),#3b355b);border-radius:20px;margin:24px 0;padding:36px}.ir-chart-header h1{overflow-wrap:anywhere;margin:12px 0;font-size:clamp(28px,4vw,42px)}.ir-chart-meta,.ir-own-position{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ir-chart-meta{margin:20px 0}.ir-directory-filters{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(135px,1fr)) repeat(2,minmax(85px,.65fr));align-items:end;gap:14px;display:grid}.ir-directory-filters label{min-width:0}.ir-directory-filters input,.ir-directory-filters select{width:100%;min-width:0;font-size:15px}.ir-directory-summary{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:0 0 16px;font-size:14px;display:flex}.ir-directory-summary>span:first-child{color:var(--text);font-weight:600}.ir-song-list{border:1px solid var(--border);border-radius:10px}.ir-song-table{table-layout:fixed;min-width:960px;font-size:15px}.ir-song-title-column{width:24%}.ir-song-artist-column{width:16%}.ir-song-keys-column{width:18%}.ir-song-level-column,.ir-song-count-column{width:7%}.ir-song-date-column{width:14%}.ir-song-table thead{background:var(--input)}.ir-song-table thead th{padding:10px 8px;font-size:12px}.ir-song-table tbody tr{transition:background .15s}.ir-song-table tbody tr:hover{background:var(--input)}.ir-song-table td,.ir-song-table tbody th{vertical-align:middle;padding:8px 10px}.ir-song-table tbody tr:last-child>*{border-bottom:0}.ir-song-table .ir-song-name{color:var(--text);text-transform:none;letter-spacing:normal;white-space:nowrap;font-size:16px}.ir-song-name a,.ir-song-artist>span{text-overflow:ellipsis;white-space:nowrap;line-height:1.4;display:block;overflow:hidden}.ir-song-table .ir-song-keys{flex-wrap:nowrap;gap:4px;margin:0}.ir-song-table .key-badge{border-radius:5px;width:26px;height:26px;font-size:12px}.ir-song-table .ir-numeric{text-align:right;font-variant-numeric:tabular-nums}.ir-song-level,.ir-song-date{white-space:nowrap;font-variant-numeric:tabular-nums}.ir-song-date{color:var(--muted);font-size:14px}@media (width<=1100px){.ir-directory-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.ir-directory-filters label:first-child{grid-column:span 2}}.ir-score-table{min-width:760px}.ir-player-cell{align-items:center;gap:12px;display:flex}.recent-score-table{table-layout:fixed;min-width:860px;font-size:15px}.recent-score-table th:first-child{width:20%}.recent-score-table th:nth-child(2){width:34%}.recent-score-table th:nth-child(3){width:14%}.recent-score-table th:nth-child(4),.recent-score-table th:nth-child(5){width:16%}.recent-score-table td{vertical-align:middle;padding:12px 9px}.recent-score-table tbody tr:last-child td{border-bottom:0}.recent-player-name,.recent-chart-name,.recent-chart-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.recent-chart-name{color:var(--text);font-weight:600}.recent-chart-name:hover{color:var(--cyan)}.recent-score-table .ir-player-cell{gap:9px;min-width:0}.recent-score-table .avatar{width:30px;height:30px}.recent-score-table time{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.ir-current-player{background:color-mix(in srgb,var(--lavender) 15%,transparent)}.ir-own-position{border:1px solid var(--lavender);border-radius:10px;margin:20px 0;padding:16px}.ir-history,.ir-registration{margin-top:24px}.ir-registration-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.ir-score-hero{align-items:center;gap:24px;display:flex}.ir-score-hero h2{font-size:32px}.ir-judgements{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;margin:32px 0;display:grid}.ir-judgements div{background:var(--input);border-radius:10px;padding:18px}.ir-judgements dt{color:var(--muted);font-size:14px}.ir-judgements dd{margin:8px 0 0;font-size:26px}.ir-consent{align-items:center;gap:12px;margin:18px 0;display:flex}.ir-consent input{width:auto}@media (width<=600px){.ir-chart-header{padding:22px}.ir-directory-filters{grid-template-columns:1fr 1fr;display:grid}.ir-directory-filters label:first-child{grid-column:1/-1}.ir-directory-panel{padding:16px}.ir-directory-summary>span:last-child{display:none}.ir-score-hero{flex-wrap:wrap}.ir-player-cell .avatar{display:none}.ir-chart-meta{gap:10px}}.ir-song-keys{flex-wrap:wrap;gap:.5rem;margin:.7rem 0;display:flex}.ir-song-key-tabs{flex-wrap:wrap;margin-top:1.2rem}.ir-song-difficulties{flex-wrap:wrap;gap:.65rem;margin-top:.85rem;display:flex}.ir-song-difficulties button{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.25rem;min-width:100px;padding:.8rem 1rem;display:flex}.ir-song-difficulties button.active{border-color:var(--cyan);background:var(--input)}.ir-song-difficulties span,.ir-song-difficulties small{color:var(--muted)}.ir-song-timing{color:var(--muted);gap:16px;margin-top:18px;font-size:15px;display:flex}.ir-chart-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px;display:flex}.pack-directory-filters{grid-template-columns:minmax(220px,2fr) repeat(2,minmax(160px,1fr));gap:14px;display:grid}.pack-directory-filters label{min-width:0}.pack-directory-filters input,.pack-directory-filters select{width:100%;min-width:0;font-size:15px}.pack-list{border:1px solid var(--border);background:var(--surface);border-radius:10px}.pack-list-table{table-layout:fixed;min-width:840px;font-size:15px}.pack-name-column{width:34%}.pack-keys-column{width:15%}.pack-level-column{width:9%}.pack-count-column{width:8%}.pack-size-column{width:11%}.pack-date-column{width:15%}.pack-download-column{width:8%}.pack-list-table thead{background:var(--input)}.pack-list-table thead th{padding:10px 8px;font-size:12px}.pack-list-table td,.pack-list-table tbody th{vertical-align:middle;padding:7px 10px}.pack-list-table tbody tr{transition:background .15s}.pack-list-table tbody tr:hover{background:var(--input)}.pack-list-table tbody tr:last-child>*{border-bottom:0}.pack-list-table .pack-list-name{color:var(--text);text-transform:none;letter-spacing:normal;font-size:16px}.pack-list-name a,.pack-list-keys{text-overflow:ellipsis;white-space:nowrap;line-height:1.4;display:block;overflow:hidden}.pack-list-keys,.pack-list-date{color:var(--muted);font-size:13px}.pack-list-table .pack-numeric{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.pack-list-level,.pack-list-date{white-space:nowrap;font-variant-numeric:tabular-nums}.pack-list-download{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}@media (width<=600px){.pack-directory-panel{padding:16px}.pack-directory-filters{grid-template-columns:1fr 1fr}.pack-directory-filters label:first-child{grid-column:1/-1}}.pagination{flex-wrap:wrap;gap:12px}.pagination-count{white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:5px;display:inline-flex}.pagination-page{height:30px;display:inline-grid}.pagination .pagination-page-button{width:100%;font:inherit;color:var(--text);background:0 0;border:1px solid #0000;padding:0;transition:color .15s,background .15s}.pagination .pagination-page-button:not(:disabled):hover{color:var(--cyan);background:var(--input)}.pagination .pagination-page-button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.pagination .pagination-page-button:disabled{opacity:1;color:var(--muted)}.pagination-page-input{text-align:center;width:100%;min-width:0;font:inherit;border:1px solid var(--cyan);background:var(--input);border-radius:5px;padding:0 2px}.pagination-page-input[aria-invalid=true]{border-color:#f28a93}.pagination-total{color:var(--muted)}html{background:var(--background);scrollbar-color:#33506a var(--background)}body{isolation:isolate;-webkit-font-smoothing:antialiased;background:0 0;font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif;font-size:18px;position:relative}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(900px 520px at 88% -6%,#99e2ee1f,#0000 65%),radial-gradient(760px 520px at -8% 28%,#c5baf114,#0000 65%),radial-gradient(700px 480px at 60% 110%,#efb7a90e,#0000 65%);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:26px 26px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}::selection{color:#fff;background:#99e2ee40}a,button{transition:color .2s,background-color .2s,border-color .2s,transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}.site-header{border-bottom:1px solid var(--line);box-shadow:none;background:#0c121bf2;transition:background .3s,box-shadow .3s}.site-header.scrolled{background:#0b111af2;box-shadow:0 14px 40px -18px #000d}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.site-header{-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);background:#0c121bc9}}.top-accent{background:var(--brand-gradient);height:2px;box-shadow:0 0 18px #99e2ee70}.navigation{border-bottom:0;padding-top:16px}.brand{font-size:27px}.brand img{transition:transform .3s,filter .3s}.brand:hover img{filter:drop-shadow(0 0 14px #99e2ee70);transform:rotate(-8deg)scale(1.04)}.brand span span{background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.brand small{letter-spacing:2.4px;color:#9fb4ca;font-size:13px}.nav-links{border:1px solid var(--line);background:#ffffff05;border-radius:14px;gap:6px;padding:6px;box-shadow:inset 0 1px #ffffff08}.site-header .nav-links a{color:#b9c9da;background:0 0;border:1px solid #0000;border-radius:10px;min-height:54px;font-size:18px;overflow:hidden}.site-header .nav-links a:hover{color:var(--text);background:#ffffff08;border-color:#ffffff12}.site-header .nav-links a.active{color:var(--text);background:linear-gradient(#99e2ee1c,#99e2ee06);border-color:#99e2ee55;box-shadow:inset 0 1px #ffffff12,0 8px 24px -12px #99e2ee60}.nav-links a .ui-icon{color:#8fa9c2}.nav-links a.active .ui-icon{color:var(--cyan);filter:drop-shadow(0 0 6px #99e2ee90)}.account-nav{gap:16px}.account-nav .text-button,.repository-link{font-size:16px}.language-switch select{border-color:var(--line);background:#ffffff06;border-radius:10px;font-size:16px}.language-switch select:hover{background:#ffffff0d;border-color:#99e2ee55}.language-switch option{background:var(--input);color:var(--text)}.button{isolation:isolate;border-radius:10px;padding:13px 22px;font-size:18px;position:relative;overflow:hidden}.button.small{padding:9px 16px;font-size:16px}.button.primary{color:#0b1d2b;background:linear-gradient(135deg, #b4eef6, var(--cyan) 55%, #8ccfe6);box-shadow:inset 0 1px #ffffff80,0 10px 30px -10px #99e2eeaa}.button.primary:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(100deg,#0000,#ffffffa0,#0000);width:45%;transition:left .6s;position:absolute;inset:0 auto 0 -60%;transform:skew(-20deg)}.button.primary:not(:disabled):hover{color:#0b1d2b;background:linear-gradient(135deg,#c9f4fa,#aee9f2 55%,#99e2ee);transform:translateY(-2px);box-shadow:inset 0 1px #ffffff90,0 14px 36px -10px #99e2eecc}.button.primary:not(:disabled):hover:after{left:120%}.button.secondary{color:var(--text);background:#ffffff08;border-color:#fff2;box-shadow:inset 0 1px #ffffff0d}.button.secondary:not(:disabled):hover{background:#ffffff12;border-color:#99e2ee66;transform:translateY(-2px)}.eyebrow{letter-spacing:2px;align-items:center;gap:10px;font-size:14px;display:inline-flex}.eyebrow:before{content:"";background:var(--brand-gradient);border-radius:2px;flex-shrink:0;width:22px;height:2px;box-shadow:0 0 10px #99e2ee80}.panel{background:var(--panel-fill);border-color:var(--line);box-shadow:var(--panel-shadow);border-radius:16px}.spotlight{isolation:isolate;position:relative;overflow:hidden}.spotlight:before{content:"";z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--spotlight-x,50%) var(--spotlight-y,0%), color-mix(in srgb, var(--accent,var(--cyan)) 16%, transparent), transparent 55%);transition:opacity .3s;position:absolute;inset:0}.spotlight:focus-visible:before{opacity:1}@media (hover:hover) and (pointer:fine){.spotlight:hover:before{opacity:1}}.hero{isolation:isolate;background:radial-gradient(at 78% 40%,#99e2ee1c,#0000 55%),radial-gradient(at 10% 110%,#c5baf114,#0000 55%),linear-gradient(140deg,#18273a,#111c2b 60%,#121a2a) padding-box padding-box,linear-gradient(140deg,#99e2ee66,#ffffff10 35%,#ffffff08 65%,#c5baf155) border-box;border:1px solid #0000;border-radius:24px;min-height:430px;margin-bottom:30px;box-shadow:inset 0 1px #ffffff10,0 40px 80px -40px #000e}.hero:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 75% 45%,#000,#0000 70%);mask-image:radial-gradient(at 75% 45%,#000,#0000 70%)}.hero-content{padding:54px 12px 50px 50px}.hero h1{letter-spacing:-1.6px;text-shadow:0 2px 30px #0008;margin-bottom:20px;font-size:clamp(38px,4.2vw,56px)}.hero h1 em{background:var(--brand-gradient);color:#0000;text-shadow:none;filter:drop-shadow(0 0 22px #99e2ee30);-webkit-background-clip:text;background-clip:text}.hero p{color:#bccbdb;max-width:450px;font-size:19px}.rhythm-art{z-index:1}.rhythm-art:before,.rhythm-art:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.rhythm-art:before{background:radial-gradient(circle,#99e2ee2e,#0000 62%);width:360px;height:360px;animation:5s ease-in-out infinite rhythm-halo;top:calc(50% - 215px);left:calc(50% - 180px)}.rhythm-art:after{background:radial-gradient(circle,#c5baf11e,#0000 62%);width:260px;height:260px;animation:6s ease-in-out -2s infinite rhythm-halo;top:calc(50% - 40px);left:calc(50% + 10px)}@keyframes rhythm-halo{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.rhythm-stage{z-index:1}.rhythm-glow{background:radial-gradient(#99e2ee14,#0000 65%)}.rhythm-logo{filter:drop-shadow(0 0 30px #99e2ee45)drop-shadow(0 14px 24px #000a);animation:4s ease-in-out infinite brand-breathe}@keyframes brand-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.rhythm-orbit,.rhythm-ripple{border-color:#99e2ee40}.rhythm-orbit.outer{border-color:#c5baf133}.rhythm-lanes{background:linear-gradient(#0000,#99e2ee0c);border:1px solid #99e2ee26;border-bottom:0;border-radius:10px 10px 0 0;gap:3px;padding:0 5px;transform:translate(-50%);box-shadow:inset 0 -30px 40px -30px #99e2ee30}.rhythm-lane{background:linear-gradient(#0000,#99e2ee08);border-color:#99e2ee14}.falling-note{background:linear-gradient(180deg, #e1f8fc, var(--cyan));border-radius:3px;height:7px;box-shadow:0 0 12px #99e2ee80,0 -10px 16px -6px #99e2ee50}.rhythm-lane:nth-child(2n) .falling-note{background:linear-gradient(180deg, #ece7ff, var(--lavender));box-shadow:0 0 12px #c5baf180}.rhythm-lane:nth-child(4) .falling-note{background:linear-gradient(180deg, #fff0ea, var(--rose));box-shadow:0 0 12px #efb7a980}.rhythm-key{animation:1.4s ease-out infinite rhythm-key-flash;animation-delay:calc(var(--lane) * -.19s);background:#99e2ee14;border-color:#99e2ee55}@keyframes rhythm-key-flash{0%,80%,to{box-shadow:none;background-color:#99e2ee14}86%{background-color:#99e2ee90;box-shadow:0 0 18px #99e2eecc}}.rhythm-judgement{background:linear-gradient(90deg, transparent, var(--cyan), var(--lavender), transparent);box-shadow:0 0 16px #99e2eeaa}.art-caption{color:#a9bfd4;letter-spacing:2.4px;border:1px solid var(--line);background:#0b121bb0;border-radius:999px;padding:5px 14px;font-size:14px}.feature-grid{gap:20px;margin-bottom:52px}.feature{--accent:var(--cyan);background:linear-gradient(180deg, #1a2739, #131e2d) padding-box, linear-gradient(160deg, color-mix(in srgb, var(--accent) 60%, transparent), #ffffff0d 45%, #ffffff06) border-box;box-shadow:var(--panel-shadow);border:1px solid #0000;border-radius:18px;padding:28px}.feature:nth-child(2){--accent:var(--lavender)}.feature:nth-child(3){--accent:var(--rose)}.feature:hover{box-shadow:inset 0 1px 0 #ffffff12, 0 26px 50px -24px color-mix(in srgb, var(--accent) 45%, #000);background-color:#0000;border-color:#0000;transform:translateY(-5px)}.feature-icon{width:50px;height:50px;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 32%, transparent);box-shadow:0 0 26px -6px color-mix(in srgb, var(--accent) 55%, transparent);border-radius:14px;place-items:center;margin-bottom:24px;display:grid}.feature .feature-symbol{letter-spacing:-4px;color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--accent) 28%, transparent);pointer-events:none;border:0;margin:0;padding:0;font-size:88px;font-weight:800;line-height:1.1;transition:transform .4s;position:absolute;top:4px;right:20px}.feature:hover .feature-symbol{transform:translateY(-4px)}.feature h2{margin-bottom:10px;font-size:24px}.feature p{color:#b5c5d6;min-height:55px;font-size:17px}.feature>.feature-link{color:var(--accent);font-size:16px;font-weight:600;display:inline-flex}.section-title{margin-bottom:22px}.section-title h2{font-size:28px}.section-title>a{border:1px solid var(--line);background:#ffffff05;border-radius:10px;padding:8px 14px;font-size:16px}.section-title>a:hover{color:var(--text);background:#99e2ee0d;border-color:#99e2ee55}.table-wrap{scrollbar-width:thin;scrollbar-color:#33506a transparent}th{color:#a8bed3;border-bottom-color:var(--line);background:#ffffff04;padding-top:15px;padding-bottom:15px;font-size:15px}td{border-bottom-color:var(--line);font-size:16px}tbody tr{transition:background .2s}tbody tr:hover{background:#99e2ee08}.recent-score-table tbody tr:hover{background:linear-gradient(90deg,#99e2ee0f,#0000 70%)}.recent-score-table tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--cyan)}.recent-chart-name,.ir-player-cell{font-size:17px}.table-secondary{color:#a8bed3;font-size:15px}.score-number{color:var(--text);letter-spacing:-.3px;font-size:22px}.avatar{color:#0e1a26;background:linear-gradient(135deg,#b4edf5,#bcb9ed);box-shadow:inset 0 1px #ffffff60}.clear-lamp{letter-spacing:.5px;border:1px solid #ffffff1c;border-radius:7px;padding:5px 9px;font-size:13px;font-weight:700}.clear-hard{color:#ffcdbd;background:#efb7a914;border-color:#efb7a950}.clear-ex-hard,.clear-exhard{color:#ffd99a;background:#ffd99a12;border-color:#ffd99a50}.clear-full-combo{color:#0d1a27;background:linear-gradient(90deg, var(--cyan), var(--lavender), var(--rose), var(--cyan));background-size:300% 100%;border-color:#0000;animation:5s linear infinite full-combo-shimmer;box-shadow:0 0 18px -2px #99e2ee70}@keyframes full-combo-shimmer{to{background-position:300% 0}}.page-heading{border:1px solid var(--line);background:radial-gradient(at 100% 0,#99e2ee18,#0000 60%),radial-gradient(at 0 100%,#c5baf10f,#0000 60%),#ffffff03;border-radius:20px;margin:18px 0 34px;padding:34px 36px;position:relative;box-shadow:inset 0 1px #ffffff0a}.page-heading h1{margin:10px 0 12px}.page-heading p{margin:0;font-size:18px}input,select,textarea,.pack-directory-filters input,.pack-directory-filters select,.ir-directory-filters input,.ir-directory-filters select,.filter-bar select{background:#0e1824;border-color:#ffffff18;border-radius:10px;font-size:17px;transition:border-color .2s,box-shadow .2s}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#99e2ee88;box-shadow:0 0 0 4px #99e2ee1a}input::placeholder,textarea::placeholder{color:#9ab0c5}label{color:#cfdceb;font-size:17px}small{font-size:15px}.pack-list,.ir-song-list{border-color:var(--line);background:0 0;border-radius:12px}.pack-list-table thead,.ir-song-table thead{background:#ffffff05}.pack-list-table thead th,.ir-song-table thead th{color:#a8bed3;border-bottom-color:var(--line);font-size:15px}.pack-list-table td,.pack-list-table tbody th,.ir-song-table td,.ir-song-table tbody th{border-bottom-color:var(--line);font-size:16px}.pack-list-table .pack-list-name,.ir-song-table .ir-song-name{font-size:17px}.pack-list-keys,.pack-list-date{font-size:15px}.pack-list-table tbody tr:hover,.ir-song-table tbody tr:hover{background:#99e2ee08}.pack-list-download{color:var(--cyan);background:#99e2ee0a;border:1px solid #99e2ee30}.pack-list-download:hover{background:#99e2ee22}.ir-directory-summary{font-size:16px}.difficulty-card{--accent:var(--cyan);color:var(--text);background:linear-gradient(180deg, #1a2739, #131e2d) padding-box, linear-gradient(160deg, color-mix(in srgb, var(--accent) 55%, transparent), #ffffff0d 45%) border-box;border:1px solid #0000;border-radius:18px}.difficulty-card:nth-child(3n+2){--accent:var(--lavender)}.difficulty-card:nth-child(3n){--accent:var(--rose)}.difficulty-card:hover{box-shadow:0 26px 50px -24px color-mix(in srgb, var(--accent) 45%, #000);border-color:#0000;transform:translateY(-5px)}.table-symbol{width:fit-content;min-width:58px;height:58px;color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);text-shadow:0 0 16px var(--accent);border-radius:16px;place-items:center;margin-bottom:22px;padding:0 10px;font-size:30px;display:grid}.difficulty-card p{font-size:17px}.difficulty-card small{font-size:16px}.download-card{background:radial-gradient(ellipse at 100% 0%, #99e2ee1c, transparent 65%) padding-box, var(--panel-fill) padding-box, linear-gradient(150deg, #99e2ee66, #ffffff0d 45%, #c5baf140) border-box;border:1px solid #0000}.download-guide li:before{background:linear-gradient(135deg,#99e2ee30,#c5baf120);border:1px solid #99e2ee40}.download-source,.footer{background:linear-gradient(90deg,#0000,#99e2ee33,#c5baf133,#0000) top/100% 1px no-repeat;border-top:0}.footer{font-size:16px}.footer-brand{background:var(--brand-gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.tabs{border-color:var(--line);background:#ffffff04;border-radius:12px}.tabs button{border:1px solid #0000;font-size:16px}.tabs button.active{color:var(--text);background:#99e2ee12;border-color:#99e2ee45}@media (width<=900px){.account-nav{gap:9px}.hero{grid-template-columns:1.15fr 1fr}.hero-content{padding:36px 8px 36px 30px}.hero h1{font-size:39px}.feature{padding:22px}.feature h2{font-size:22px}.feature p{min-height:82px}.feature .feature-symbol{font-size:64px}}@media (width<=700px){.navigation{padding:18px 20px 14px}.nav-links{grid-auto-columns:minmax(148px,1fr)}.site-header .nav-links a{font-size:17px}main{padding:26px 20px 48px}.hero{border-radius:20px;grid-template-columns:minmax(0,1fr)}.hero-content{padding:34px 24px 10px}.hero h1{font-size:clamp(32px,8vw,42px)}.hero p{font-size:18px}.hero-actions .button{padding:12px 18px;font-size:17px}.rhythm-art{height:340px}.feature-grid{grid-template-columns:minmax(0,1fr);gap:16px}.feature{padding:24px}.feature p{min-height:0;margin-bottom:17px}.feature h2{font-size:24px}.section-title{flex-wrap:wrap}.section-title h2{font-size:25px}.section-title>a{padding:7px 11px;font-size:15px}.language-switch select{font-size:15px}.account-nav .button.small{padding:8px 12px;font-size:15px}.footer{padding:25px 0}.pack-directory-panel{padding:22px 18px}.page-heading{padding:26px 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}