:root{--bg:#07090f;--bg-grid:#78a0dc0b;--surface:#10151f;--surface-2:#161d2b;--surface-3:#1d2738;--line:#8ca5cd24;--line-soft:#8ca5cd14;--text:#e7eef7;--text-dim:#93a1b6;--text-faint:#61708a;--cyan:#2fe6e0;--cyan-deep:#11b8c4;--magenta:#ff5ea8;--amber:#ffc24b;--accent:var(--cyan);--accent-ink:#04141a;--glow-cyan:0 0 0 1px #2fe6e059, 0 0 18px #2fe6e047;--glow-magenta:0 0 0 1px #ff5ea859, 0 0 18px #ff5ea840;--shadow-panel:0 18px 50px -24px #000000d9;--radius:14px;--radius-sm:9px;--font-display:"Chakra Petch", "Segoe UI", sans-serif;--font-body:"Sora", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--text);background-color:var(--bg);background-image:radial-gradient(900px 500px at 12% -8%, #2fe6e01f, transparent 60%), radial-gradient(820px 520px at 105% 112%, #ff5ea81a, transparent 58%), linear-gradient(var(--bg-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;letter-spacing:.1px;background-size:100% 100%,100% 100%,44px 44px,44px 44px;background-attachment:fixed}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:.4px;margin:0}::selection{color:#fff;background:#2fe6e04d}*{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-3);background-clip:padding-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#2a3850 padding-box padding-box}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:linear-gradient(#0a0e16eb,#0a0e16b8);justify-content:space-between;align-items:center;gap:20px;padding:14px clamp(16px,4vw,40px);display:flex;position:sticky;top:0;box-shadow:0 1px #2fe6e01f,0 16px 40px -28px #000000e6}.brand{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;align-items:baseline;gap:10px;font-size:1.32rem;font-weight:700;display:inline-flex}.brand .brand-mark{color:var(--cyan);text-shadow:0 0 14px #2fe6e08c}.brand .brand-tail{color:var(--magenta);text-shadow:0 0 14px #ff5ea873}.brand .brand-sub{font-family:var(--font-mono);letter-spacing:2px;color:var(--text-faint);text-transform:uppercase;font-size:.62rem}.header-left{align-items:center;gap:clamp(16px,3vw,34px);display:flex}.nav{gap:4px;display:inline-flex}.nav-link{font-family:var(--font-display);letter-spacing:.6px;color:var(--text-dim);border-radius:8px;padding:8px 12px;font-size:.86rem;font-weight:600;transition:color .18s,background .18s;position:relative}.nav-link:after{content:"";background:var(--cyan);transform-origin:0;border-radius:2px;height:2px;transition:transform .22s cubic-bezier(.4,0,.1,1);position:absolute;bottom:3px;left:12px;right:12px;transform:scaleX(0);box-shadow:0 0 10px #2fe6e0b3}.nav-link:hover{color:var(--text);background:#ffffff08}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-link.active{color:#fff}.header-right{align-items:center;gap:14px;display:flex}.user-chip{border:1px solid var(--line);color:var(--text);background:#ffffff05;border-radius:99px;align-items:center;gap:8px;padding:6px 12px 6px 10px;font-size:.84rem;display:inline-flex}.user-chip .dot{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 8px var(--cyan);border-radius:99px}.app-main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:clamp(20px,4vw,40px) clamp(16px,4vw,40px) 64px}.btn{font-family:var(--font-display);letter-spacing:.5px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer;padding:9px 16px;font-size:.85rem;font-weight:600;transition:transform .12s,box-shadow .18s,border-color .18s,background .18s}.btn:hover:not(:disabled){box-shadow:var(--glow-cyan);border-color:#2fe6e080}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-accent{background:linear-gradient(135deg, var(--cyan), var(--cyan-deep));color:var(--accent-ink);text-transform:uppercase;border-color:#0000}.btn-accent:hover:not(:disabled){box-shadow:0 0 22px #2fe6e073}.select,.input{font-family:var(--font-body);color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 12px;font-size:.86rem;transition:border-color .18s,box-shadow .18s}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-dim) 50%), linear-gradient(135deg, var(--text-dim) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 16px) 52%,calc(100% - 11px) 52%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:32px}.select:focus,.input:focus{border-color:#2fe6e099;outline:none;box-shadow:0 0 0 3px #2fe6e024}.input::placeholder{color:var(--text-faint)}.field{flex-direction:column;gap:6px;display:inline-flex}.field-label{font-family:var(--font-mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--text-faint);font-size:.66rem}.page,.page>*{animation:.5s cubic-bezier(.2,.7,.2,1) both page-rise}.page>:first-child{animation-delay:20ms}.page>:nth-child(2){animation-delay:80ms}.page>:nth-child(3){animation-delay:.14s}.page>:nth-child(4){animation-delay:.2s}@keyframes page-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-title{letter-spacing:1px;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:4px;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;display:flex}.page-title:before{content:"";background:linear-gradient(180deg, var(--cyan), var(--magenta));border-radius:3px;align-self:stretch;width:6px;min-height:1.4em;box-shadow:0 0 14px #2fe6e080}.page-subtitle{color:var(--text-dim);margin:2px 0 22px;font-size:.9rem}.toolbar{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.toolbar-meta{font-family:var(--font-mono);color:var(--text-dim);align-self:center;margin-left:auto;font-size:.78rem}.toolbar-meta strong{color:var(--cyan)}.panel{background:linear-gradient(180deg, var(--surface), var(--surface-2));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-panel);position:relative}.panel-pad{padding:clamp(16px,3vw,24px)}.panel-title{letter-spacing:.6px;margin-bottom:6px;font-size:1.05rem;font-weight:600}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, var(--surface), #10151f99);box-shadow:var(--shadow-panel);overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.data-table thead th{font-family:var(--font-mono);letter-spacing:1.6px;text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--line);white-space:nowrap;background:#080b12e6;padding:13px 16px;font-size:.66rem;font-weight:600;position:sticky;top:0}.data-table tbody td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:12px 16px}.data-table tbody tr{transition:background .14s,box-shadow .14s}.data-table tbody tr:hover{box-shadow:inset 3px 0 0 var(--cyan);background:#2fe6e00d}.data-table tbody tr:last-child td{border-bottom:none}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.cell-primary{color:var(--text);font-weight:600}.cell-sub{color:var(--text-faint);margin-top:2px;font-size:.76rem}.exscore{color:var(--cyan);font-weight:600}.rate{color:var(--text-dim)}.rank-me{box-shadow:inset 3px 0 0 var(--magenta)!important;background:linear-gradient(90deg,#ff5ea829,#ff5ea80a)!important}.rank-me td{color:#fff}.rank-pos{font-family:var(--font-display);color:var(--text-dim);font-weight:700}.rank-pos.top{color:var(--amber);text-shadow:0 0 12px #ffc24b80}.clear-lamp-badge{font-family:var(--font-display);letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;color:#06080d;border-radius:6px;padding:3px 9px;font-size:.7rem;font-weight:700;transition:transform .12s;display:inline-block}.data-table tbody tr:hover .clear-lamp-badge{transform:translateY(-1px)}.lamp-total{font-family:var(--font-mono);color:var(--text-dim);margin-bottom:20px}.lamp-total strong{color:var(--cyan);margin-left:6px;font-size:1.5rem}.lamp-rows{flex-direction:column;gap:12px;max-width:720px;display:flex}.lamp-row{grid-template-columns:132px 1fr 116px;align-items:center;gap:16px;display:grid}.lamp-row .lamp-name{text-align:right}.lamp-track{background:var(--surface-3);border:1px solid var(--line-soft);border-radius:99px;height:22px;overflow:hidden}.lamp-fill{border-radius:99px;height:100%;transition:width .7s cubic-bezier(.2,.7,.2,1);animation:.8s cubic-bezier(.2,.7,.2,1) both lamp-grow}@keyframes lamp-grow{0%{width:0!important}}.lamp-count{font-family:var(--font-mono);color:var(--text-dim);text-align:right;font-size:.84rem}.lamp-count strong{color:var(--text)}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:linear-gradient(180deg, var(--surface), var(--surface-2));width:100%;max-width:400px;box-shadow:var(--shadow-panel), 0 0 60px -30px #2fe6e080;border-radius:18px;padding:36px 32px;animation:.5s cubic-bezier(.2,.7,.2,1) both page-rise}.login-brand{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;text-align:center;font-size:1.7rem;font-weight:700}.login-brand .brand-mark{color:var(--cyan);text-shadow:0 0 16px #2fe6e099}.login-brand .brand-tail{color:var(--magenta);text-shadow:0 0 16px #ff5ea880}.login-sub{text-align:center;font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--text-faint);margin:8px 0 28px;font-size:.68rem}.form-col{flex-direction:column;gap:18px;display:flex}.form-field{flex-direction:column;gap:7px;display:flex}.form-field label{font-family:var(--font-mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--text-faint);font-size:.66rem}.form-field .input{width:100%}.state{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.5px;justify-content:center;align-items:center;gap:12px;padding:40px 24px;font-size:.86rem;display:flex}.state.loading:before{content:"";border:2px solid var(--surface-3);border-top-color:var(--cyan);border-radius:99px;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{border-radius:var(--radius-sm);color:#ff97a5;background:#ff5e6c1a;border:1px solid #ff5e6c66;margin-bottom:16px;padding:12px 16px;font-size:.86rem}.search-form{gap:10px;margin:14px 0 6px;display:flex}.search-form .input{flex:1}.result-list{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);max-height:240px;margin-top:14px;overflow-y:auto}.result-item{border:none;border-bottom:1px solid var(--line-soft);width:100%;color:var(--text);text-align:left;cursor:pointer;font-family:var(--font-body);background:0 0;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;font-size:.88rem;transition:background .14s;display:flex}.result-item:last-child{border-bottom:none}.result-item:hover{background:#2fe6e012}.result-item .lv{font-family:var(--font-mono);color:var(--text-faint);font-size:.74rem}.pagination{align-items:center;gap:12px;margin-top:18px;display:flex}.pagination .page-status{font-family:var(--font-mono);color:var(--text-dim);font-size:.8rem}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s,background .15s}.sortable-th:hover{color:var(--cyan);background:#2fe6e00f}.sortable-th[aria-sort=ascending],.sortable-th[aria-sort=descending]{color:var(--cyan)}.sort-arrow{color:var(--cyan);text-shadow:0 0 8px #2fe6e080;margin-left:5px;font-size:.82em}.badge{font-family:var(--font-mono);letter-spacing:1.3px;text-transform:uppercase;color:var(--cyan);background:#2fe6e014;border:1px solid #2fe6e066;border-radius:99px;padding:3px 10px;font-size:.62rem;font-weight:600;display:inline-block}.rivals-grid{grid-template-columns:repeat(auto-fill,minmax(244px,1fr));gap:16px;display:grid}.rival-card{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg, var(--surface), var(--surface-2));box-shadow:var(--shadow-panel);padding:18px 20px;transition:transform .14s,box-shadow .18s,border-color .18s}.rival-card:hover{box-shadow:var(--glow-magenta);border-color:#ff5ea873;transform:translateY(-2px)}.rival-name{font-family:var(--font-display);letter-spacing:.5px;margin-bottom:12px;font-size:1.12rem;font-weight:700}.rival-stats{font-family:var(--font-mono);color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:10px;font-size:.82rem;display:flex}.rival-target{color:var(--text);font-weight:600}.rival-rate{color:var(--cyan)}.stacked-lamp-bar{background:var(--surface-3);border:1px solid var(--line-soft);border-radius:99px;width:100%;height:14px;display:flex;overflow:hidden}.stacked-lamp-bar.compact{height:9px}.stacked-lamp-bar>span{height:100%;transition:width .6s cubic-bezier(.2,.7,.2,1)}.table-card{margin-bottom:16px;padding:20px 22px}.table-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.table-card-title{font-family:var(--font-display);letter-spacing:.5px;font-size:1.15rem;font-weight:700}.table-card-meta{font-family:var(--font-mono);color:var(--text-dim);font-size:.78rem}.table-card-meta strong{color:var(--cyan)}.table-levels{flex-direction:column;gap:9px;margin-top:16px;display:flex}.level-row{grid-template-columns:58px 1fr 76px;align-items:center;gap:14px;display:grid}.level-label{font-family:var(--font-mono);color:var(--text-dim);font-size:.8rem;font-weight:600}.level-count{font-family:var(--font-mono);color:var(--text-faint);text-align:right;font-size:.76rem}.profile-id{font-family:var(--font-mono);color:var(--text-dim);font-size:.86rem}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:14px;margin-bottom:28px;display:grid}.stat-card{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(180deg, var(--surface), var(--surface-2));box-shadow:var(--shadow-panel);padding:16px 18px;transition:border-color .18s,box-shadow .18s}.stat-card:hover{box-shadow:var(--glow-cyan);border-color:#2fe6e066}.stat-label{font-family:var(--font-mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--text-faint);margin-bottom:7px;font-size:.64rem}.stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--cyan);font-size:1.7rem;font-weight:700}.record-row{font-family:var(--font-mono);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:16px;padding:6px 0;font-size:.9rem;display:flex}.song-meta{font-family:var(--font-mono);color:var(--text-dim);flex-wrap:wrap;gap:18px;margin:0;font-size:.84rem;display:flex}@media (width<=620px){.lamp-row{grid-template-columns:104px 1fr 92px;gap:10px}.nav-link{padding:8px;font-size:.8rem}.level-row{grid-template-columns:44px 1fr 64px;gap:10px}}