:root{--text:#b0a8b8;--text-h:#fff;--bg:#0a0a0a;--border:#333;--code-bg:#1a1a1a;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#ffffff0d;--shadow:#0000004d 0 10px 15px -3px, #0003 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}*{box-sizing:border-box}#root{text-align:center;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100svh;margin:0 auto;display:flex}body{background:var(--bg);margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.login-container{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;max-width:440px;margin:60px auto;padding:0 20px;display:flex}.login-form{box-sizing:border-box;background-color:#1a1a1a;border:1px solid #333;border-radius:12px;flex-direction:column;gap:16px;width:100%;padding:28px;display:flex;box-shadow:0 4px 20px #0000004d}.login-form .form-group{flex-direction:column;gap:6px;display:flex}.login-form .form-group label{color:#888;font-size:13px;font-weight:500}.login-form .form-group input{color:#fff;box-sizing:border-box;background-color:#0f0f0f;border:1px solid #333;border-radius:8px;width:100%;height:44px;padding:0 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.login-form .form-group input:focus{border-color:#555;outline:none;box-shadow:0 0 0 3px #ffffff0d}.login-form .form-group input::placeholder{color:#555}.remember-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.remember-label{color:#888;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.remember-label input[type=checkbox]{accent-color:#34333e;cursor:pointer;width:16px;height:16px}.clear-account-btn{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:color .2s}.clear-account-btn:hover{color:#999;background:#ffffff0d}.login-form .submit-btn{color:#fff;cursor:pointer;background-color:#34333e;border:none;border-radius:8px;width:100%;height:44px;margin-top:4px;font-size:15px;font-weight:600;transition:background-color .2s,transform .1s}.login-form .submit-btn:hover{background-color:#484752}.login-form .submit-btn:active{transform:translateY(1px)}.query-history{box-sizing:border-box;background-color:#1a1a1a;border:1px solid #333;border-radius:12px;width:100%;padding:20px;box-shadow:0 4px 20px #0000004d}.query-history h3{color:#888;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-size:14px;font-weight:600}.history-list{flex-direction:column;gap:8px;display:flex}.history-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 14px;transition:background .15s;display:flex}.history-item:hover{background:#ffffff0f}.history-info{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.history-name{color:#fff;font-size:14px;font-weight:600}.history-code{color:#666;font-size:12px}.history-potential{color:#aaa;font-family:Courier New,monospace;font-size:13px;font-weight:700}.history-meta{align-items:center;gap:10px;display:flex}.history-time{color:#555;font-family:Courier New,monospace;font-size:11px}.delete-record-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:16px;line-height:1;transition:color .2s,background .2s;display:flex}.delete-record-btn:hover{color:#f66;background:#ff66661a}.info-card{color:#888;box-sizing:border-box;background-color:#1a1a1a;border:1px solid #333;border-radius:12px;align-items:center;gap:10px;width:100%;padding:16px 20px;font-size:13px;display:flex;box-shadow:0 4px 20px #0000004d}.info-icon{color:#666;font-size:16px}button{color:#fff;cursor:pointer;background-color:#34333e;border:none;border-radius:8px;padding:8px 16px;font-size:14px;transition:background-color .2s,transform .1s}button:hover{background-color:#484752}button:active{transform:translateY(1px)}.failure{text-align:center;max-width:400px;margin:0 auto;padding:40px 20px}.failure h2{color:#fff;margin-bottom:12px;font-size:20px}.failure p{color:#999;word-break:break-word;font-size:14px;line-height:1.5}.failure .error-actions{flex-flow:wrap;justify-content:center;align-items:center;gap:12px;margin-top:24px;display:flex}.failure .error-actions button{white-space:nowrap;min-width:100px;padding:10px 20px;font-size:14px}.pending-container{flex-direction:column;justify-content:center;align-items:center;gap:3vh;display:flex}.pending-spinner{border:.5vh solid #34333e33;border-top-color:#34333e;border-radius:50%;width:6vh;height:6vh;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pending-text{color:#666;letter-spacing:.1em;font-size:2.5vh}.player-bests-container{color:#fff;background:#0a0a0a;width:100%;min-height:100svh;position:relative;overflow-x:hidden}.results-content{z-index:1;box-sizing:border-box;width:100%;max-width:600px;margin:0 auto;padding:0 12px;position:relative}.bg-layer{z-index:0;pointer-events:none;position:absolute;inset:0}.bg-gradient{background:radial-gradient(at 50% 0,#ffffff08 0%,#0000 60%);position:absolute;inset:0}.header-section{z-index:1;box-sizing:border-box;width:100%;max-width:600px;margin:0 auto;padding:12px 16px 8px;position:relative;overflow:hidden}.char-profile-bg{z-index:0;pointer-events:none;opacity:.2;width:100%;height:100%;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.char-profile-img{object-fit:contain;object-position:bottom center;width:100%;height:100%}.logo{letter-spacing:2px;color:#666;margin-bottom:8px;font-size:14px;font-weight:300}.player-profile{justify-content:flex-start;align-items:center;gap:8px;margin-bottom:8px;display:flex}.avatar{background:0 0;flex-shrink:0;width:48px;height:48px;overflow:visible}.avatar-img{object-fit:contain;width:100%;height:100%}.player-info{flex-direction:column;gap:2px;min-width:0;display:flex}.name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.player-id{color:#666;font-size:11px;line-height:1.2}.potential-badge{align-items:center;gap:4px;display:flex}.rating-icon{object-fit:contain;width:36px;height:36px}.potential-text{color:#fff;letter-spacing:-.5px;font-family:Courier New,monospace;font-size:24px;font-weight:700}.player-name{color:#fff;margin:0;font-size:16px;font-weight:600;line-height:1.2}.player-id{color:#555;font-size:10px}.potential-badge{justify-content:center;align-items:center;width:48px;height:48px;margin-left:auto;display:flex;position:relative}.rating-icon{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.potential-text{z-index:1;color:#fff;text-shadow:0 1px 2px #000c;font-size:11px;font-weight:700;position:relative}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;max-width:400px;display:grid}.stat-card{text-align:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;padding:6px}.stat-card label{color:#444;text-transform:uppercase;letter-spacing:.5px;font-size:8px;display:block}.stat-card .stat-value{color:#fff;margin-top:2px;font-family:Courier New,monospace;font-size:14px;font-weight:700;display:block}.main-scores{margin-bottom:8px;padding:0 8px;position:relative}.toolbar{justify-content:flex-end;align-items:flex-end;min-height:28px;margin-bottom:8px;display:flex;position:relative}.tab-bar{z-index:2;gap:0;display:flex;position:absolute;top:-29px;right:80px}.tab-btn{color:#666;cursor:pointer;letter-spacing:.5px;background:#1a1a1a;border:1px solid #ffffff14;border-bottom:none;border-radius:4px 4px 0 0;padding:5px 14px;font-size:11px;font-weight:600;transition:all .15s;position:relative}.tab-btn:hover{color:#999;background:#222}.tab-btn.active{color:#fff;z-index:3;background:#ffffff0a;border-color:#ffffff0f}.tab-btn.active:after{content:"";background:#ffffff0a;height:3px;position:absolute;bottom:-2px;left:0;right:0}.scores-grid{flex-direction:column;gap:4px;display:flex}.score-row{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.score-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;grid-template-columns:60px 1fr;height:64px;transition:background .15s;display:grid;overflow:hidden}.score-card:hover{background:#ffffff12}.song-jacket{justify-content:center;align-items:center;padding:6px;display:flex}.jacket-box{background:#1a1a1a;border-radius:6px;width:48px;height:48px;position:relative;overflow:hidden}.jacket-box img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .3s}.jacket-box img.loaded{opacity:1}.jacket-placeholder{color:#333;justify-content:center;align-items:center;font-size:14px;transition:opacity .2s;display:flex;position:absolute;inset:0}.jacket-placeholder.hidden{opacity:0}.song-info{box-sizing:border-box;flex-direction:column;justify-content:space-between;min-width:0;height:100%;padding:6px 8px 6px 0;display:flex}.info-header{justify-content:space-between;align-items:center;gap:4px;display:flex}.song-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;font-weight:600;line-height:1.3;overflow:hidden}.rank-num{color:#666;white-space:nowrap;font-size:10px;font-weight:700;line-height:1}.score{color:#fff;letter-spacing:.5px;font-family:Courier New,monospace;font-size:14px;font-weight:700;line-height:1}.potential-line{color:#555;font-size:9px;line-height:1}.potential-line span{color:#666}.meta{color:#444;gap:6px;font-size:9px;line-height:1;display:flex}.meta .time{color:#555;margin-left:auto}.difficulty-past{background:#0a82be26;border-radius:3px;padding:1px 4px;font-weight:700;color:#0a82be!important}.difficulty-present{background:#648c3c26;border-radius:3px;padding:1px 4px;font-weight:700;color:#648c3c!important}.difficulty-future{background:#8c3ca026;border-radius:3px;padding:1px 4px;font-weight:700;color:#8c3ca0!important}.difficulty-beyond{background:#b4323c26;border-radius:3px;padding:1px 4px;font-weight:700;color:#b4323c!important}.difficulty-eternal{background:#826eaa26;border-radius:3px;padding:1px 4px;font-weight:700;color:#826eaa!important}.stats-row{align-items:flex-end;gap:12px;display:flex}.download-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .15s}.image-export-container{box-sizing:border-box;background:#0a0a0a;width:600px;padding:16px}.image-header{margin-bottom:12px}.image-avatar{background:#333;border-radius:4px;width:32px;height:32px}.image-avatar img{object-fit:cover;width:100%;height:100%}.image-player-id{color:#666;font-size:11px;line-height:1.2}.image-potential-badge{align-items:center;gap:4px;margin-left:auto;display:flex}.image-rating-icon{object-fit:contain;width:28px;height:28px}.image-potential-text{color:#fff;letter-spacing:-.5px;font-family:Courier New,monospace;font-size:18px;font-weight:700}.image-stat-card .stat-value{color:#fff;margin-top:2px;font-family:Courier New,monospace;font-size:14px;font-weight:700;display:block}.image-section-title{color:#fff;border-bottom:1px solid #ffffff1a;margin:0 0 8px;padding-bottom:4px;font-size:14px;font-weight:700}.image-scores-grid{flex-direction:column;gap:4px;display:flex}.image-score-row{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.image-score-card{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;grid-template-columns:60px 1fr;height:64px;display:grid;overflow:hidden}.image-song-jacket{justify-content:center;align-items:center;padding:6px;display:flex}.image-jacket-box{background:#1a1a1a;border-radius:6px;width:48px;height:48px;position:relative;overflow:hidden}.image-jacket-box img{object-fit:cover;width:100%;height:100%}.image-song-info{box-sizing:border-box;flex-direction:column;justify-content:space-between;min-width:0;height:100%;padding:6px 8px 6px 0;display:flex}.image-info-header{justify-content:space-between;align-items:center;gap:4px;display:flex}.image-song-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;font-weight:600;line-height:1;overflow:hidden}.image-rank-num{color:#666;white-space:nowrap;font-size:10px;font-weight:700;line-height:1}.image-score{color:#fff;letter-spacing:.5px;font-family:Courier New,monospace;font-size:14px;font-weight:700;line-height:1}.image-potential-line{color:#555;font-size:9px;line-height:1}.image-potential-line span{color:#666}.image-meta{color:#444;gap:6px;font-size:9px;line-height:1;display:flex}.image-meta .time{color:#555;margin-left:auto}.diff-past{color:#64c8ff!important;background:#0a82be40!important}.diff-present{color:#b4dc8c!important;background:#648c3c40!important}.diff-future{color:#c878c8!important;background:#50194b40!important}.diff-beyond{color:#ff7878!important;background:#82232840!important}.diff-eternal{color:#b4a0dc!important;background:#5d4e7640!important}.judge-pure{color:#c2e!important}.judge-far{color:#faaa11!important}.judge-lost{color:#d44!important}.toolbar{justify-content:space-between;align-items:flex-end;margin-bottom:8px;padding-top:8px;display:flex;position:relative}.download-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;margin-left:auto;padding:6px 12px;font-size:11px;font-weight:600;transition:all .15s}.download-btn:hover{background:#ffffff1f}.download-btn:disabled{opacity:.5;cursor:not-allowed}.image-export-container{box-sizing:border-box;background:#0a0a0a;width:600px;padding:16px;position:relative;overflow:hidden}.image-char-profile-bg{z-index:0;pointer-events:none;opacity:.15;justify-content:center;align-items:flex-end;width:100%;max-height:60%;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.image-char-profile-img{object-fit:contain;object-position:bottom center;width:auto;max-width:100%;height:auto;max-height:100%}.image-header{z-index:1;margin-bottom:12px;position:relative}.image-player-profile{align-items:center;gap:8px;margin-bottom:8px;display:flex}.image-avatar{background:0 0;flex-shrink:0;width:48px;height:48px;overflow:visible}.image-avatar-img{object-fit:contain;width:100%;height:100%}.image-player-info{flex-direction:column;gap:0;display:flex}.image-player-name{color:#fff;margin:0;font-size:16px;font-weight:600;line-height:1.2}.image-player-id{color:#555;font-size:10px}.image-potential-badge{justify-content:center;align-items:center;width:48px;height:48px;margin-left:auto;display:flex;position:relative}.image-rating-icon{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.image-potential-text{z-index:1;color:#fff;text-shadow:0 1px 2px #000c;font-size:11px;font-weight:700;position:relative}.image-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px;max-width:400px;display:grid}.image-stat-card{text-align:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;padding:6px}.image-stat-card label{color:#444;text-transform:uppercase;letter-spacing:.5px;font-size:8px;display:block}.image-stat-card span{color:#fff;margin-top:2px;font-family:Courier New,monospace;font-size:14px;font-weight:700;display:block}.image-section{margin-bottom:12px}.image-section-title{color:#666;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;font-size:12px;font-weight:600}.overflow-section{margin-top:8px;margin-bottom:12px}.overflow-title{color:#666;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;margin:0 0 6px;font-size:11px;font-weight:600;display:flex}.overflow-title .bar{background:#444;border-radius:1px;width:2px;height:12px}@media (width<=768px){.header-section{padding:10px 12px 6px}.results-content{padding:0 8px}.main-scores,.overflow-section{padding:0 12px}.score-card{grid-template-columns:42px 1fr;height:42px}.song-jacket{box-sizing:border-box;width:42px;height:42px;padding:3px}.jacket-box{border-radius:4px;width:36px;height:36px}.song-title{font-size:7px}.score{font-size:9px}.potential-line{font-size:6px}.meta{gap:2px;font-size:6px}.player-profile{gap:6px}.avatar{width:36px;height:36px}.player-name{letter-spacing:.5px;font-size:13px}.potential-badge{gap:2px;width:36px;height:36px}.rating-icon{width:100%;height:100%}.potential-text{font-size:11px}.stats-row{gap:8px}.stats-grid{gap:6px}.stat-card{padding:4px}.stat-card label{font-size:7px}.stat-card .stat-value{font-size:11px}.download-btn{padding:4px 8px;font-size:10px}}@media (width<=480px){.score-card{grid-template-columns:38px 1fr;height:38px}.song-jacket{box-sizing:border-box;width:38px;height:38px;padding:3px}.jacket-box{border-radius:3px;width:32px;height:32px}.song-title{font-size:6px}.score{font-size:8px}.potential-line{font-size:5px}.meta{gap:2px;font-size:5px}.stats-row{gap:6px}.stats-grid{gap:4px}.stat-card{padding:3px}.stat-card label{font-size:6px}.stat-card .stat-value{font-size:10px}.download-btn{padding:3px 6px;font-size:9px}}.score-section{margin-bottom:12px}.score-section:last-child{margin-bottom:0}.section-title{color:#666;text-align:left;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;font-size:12px;font-weight:600}