.overlay,.result-modal{background:radial-gradient(ellipse at 50% 12%,rgba(46,92,132,.22),transparent 58%),#02060bd6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog,.result-dialog,.loading-card{position:relative;color:#dfeaf6;background:linear-gradient(90deg,transparent 9%,rgba(255,210,65,.5) 34%,rgba(120,226,255,.3) 62%,transparent 90%) 0 0 / 100% 1px no-repeat,radial-gradient(ellipse at 90% -10%,rgba(64,122,166,.2),transparent 46%),linear-gradient(160deg,#101e2efb,#050c15fc 56%,#0b1725fb);border:1px solid rgba(175,216,245,.2);border-radius:0;box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px #96c8eb0a;filter:drop-shadow(0 26px 54px rgba(0,0,0,.55));color-scheme:dark;font-family:var(--font-ui)}.dialog{padding:26px 30px 24px}.dialog header{margin-bottom:18px;padding-bottom:13px;border-bottom:1px solid rgba(155,195,225,.13)}.dialog h1{color:#f2f9ff;padding-left:14px;border-left:2px solid var(--gold);font-family:var(--font-cn);font-size:24px;font-weight:700;line-height:1.1;letter-spacing:.06em;text-shadow:0 2px 14px rgba(0,0,0,.45)}.dialog button,.loading-card button,.result-actions>button,.result-actions .rating-toggle,.rating-toggle,.rating-submit{min-height:34px;padding:6px 17px;color:#cfe4f5;background:linear-gradient(180deg,#213951f5,#08131ff7);border:1px solid rgba(150,200,235,.24);border-radius:0;font-size:13px;font-weight:600;letter-spacing:.04em;box-shadow:inset 0 1px #ffffff0f;transition:color .18s ease,border-color .18s ease,background .18s ease,filter .18s ease}.dialog button:hover,.loading-card button:hover,.result-actions>button:hover,.result-actions .rating-toggle:hover,.rating-toggle:hover,.rating-submit:hover{color:#fff;border-color:#ffd76473;background:linear-gradient(180deg,#2c4863fa,#0c1a29fa);filter:none}.dialog :is(button,input,select):disabled{opacity:.45;cursor:default}.dialog button:active,.loading-card button:active,.result-actions>button:active{transform:translateY(1px)}.dialog .primary,.result-actions #result-retry,.pause-dialog #resume-button{color:#f2fdff;background:linear-gradient(180deg,#f2feff,#8fd5ed 11%,#287ba7 27%,#0a375a 49%,#071d34 69%,#2e6587 87%,#c7f4ff);border-color:#bef4ff80;text-shadow:0 0 10px rgba(155,235,255,.5),0 1px 2px rgba(0,0,0,.55);box-shadow:inset 0 1px #ffffff80,0 0 18px #52c2ed2e}.dialog .primary:hover,.result-actions #result-retry:hover,.pause-dialog #resume-button:hover{color:#fff;background:linear-gradient(180deg,#fff,#a6e6fb 11%,#3491bd 27%,#0d456c 49%,#092640 69%,#3a7a9e 87%,#d6f8ff);filter:brightness(1.06) drop-shadow(0 0 12px rgba(103,216,255,.35))}.dialog-actions{margin-top:22px;padding-top:16px;border-top:1px solid rgba(155,195,225,.1)}.dialog input,.dialog select,.sort-select{color:#eaf6ff;background:#030910e0;border:1px solid rgba(150,195,230,.2);border-radius:0;color-scheme:dark}.dialog input:focus,.dialog select:focus,.sort-select:focus{border-color:#ffd24180;box-shadow:0 0 0 2px #ffd2411a}.dialog option,.sort-select option{color:#eaf6ff;background:#08111d}.settings-dialog{width:680px}.settings-grid{gap:15px 28px}.settings-grid>label{color:#bed6e8e0;font-size:13px;letter-spacing:.03em}.settings-grid input,.settings-grid select,.sort-select{height:30px;max-width:180px;padding:0 7px;font-size:13px}.settings-grid select{width:180px}.settings-grid input[type=number]{width:96px;color:var(--gold-hot);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.effects-dialog{width:520px}.effect-group{margin:0 0 20px;padding:0;border:0}.effect-group legend{margin-bottom:9px;padding:0;color:#a0bbd1bf;font-family:var(--font-cn);font-size:12px;letter-spacing:.1em}.effect-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.effect-option{position:relative;display:block;cursor:pointer}.effect-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.effect-option span{display:grid;min-height:38px;place-items:center;color:#bed6e8cc;border:1px solid rgba(150,200,235,.18);background:#050c15b3;font-family:var(--font-cn);font-size:13px;letter-spacing:.06em;transition:color .2s,border-color .2s,background .2s,box-shadow .2s}.effect-option:hover span{color:var(--ink-soft);border-color:#aed5ed52}.effect-option input:checked+span{color:var(--gold-hot);border-color:#ffd2418c;background:#ffd04114;box-shadow:inset 0 0 0 1px #ffd2411f,inset 0 0 18px #ffd2410d}.settings-grid input[type=range]{-webkit-appearance:none;appearance:none;width:160px;max-width:160px;height:24px;padding:0;border:0;background:transparent}.settings-grid input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,#ffd24199,#6092b83d);box-shadow:inset 0 0 0 1px #a0c8e61f}.settings-grid input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:17px;margin-top:-7px;background:linear-gradient(180deg,#ffe988,#d69f1e);border:1px solid #ffe08a;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 0 10px #ffd24173}.settings-grid input[type=range]::-moz-range-track{height:4px;background:#6092b84d}.settings-grid input[type=range]::-moz-range-progress{height:4px;background:linear-gradient(90deg,#b7861d,#ffd241)}.settings-grid input[type=range]::-moz-range-thumb{width:11px;height:15px;border:1px solid #ffe08a;border-radius:1px;background:linear-gradient(180deg,#ffe988,#d69f1e);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.settings-calibration{color:#bed6e8e0;font-size:13px}.settings-calibration button{min-height:30px;padding:3px 14px;font-size:12px}.settings-checks{grid-template-columns:repeat(4,1fr);gap:11px 8px;margin-top:20px;color:#bed6e8d9;font-size:13px}.settings-checks label{gap:7px;cursor:pointer}.settings-checks input{-webkit-appearance:none;appearance:none;width:16px;height:16px;flex:0 0 16px;margin:0;background:#030910e6;border:1px solid rgba(150,195,230,.35);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.settings-checks input:checked{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5 5 9.5 10 3' fill='none' stroke='%231a1206' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 11px 11px no-repeat,linear-gradient(180deg,#ffe988,#e0a91f);border-color:#ffe08a;box-shadow:0 0 10px #ffd24166}.settings-checks label:hover input:not(:checked){border-color:#ffd24173}.keys-dialog{width:640px}.key-mode{gap:8px;margin-bottom:26px}.key-mode button{min-width:76px;min-height:34px;font-size:13px}.key-mode button[aria-pressed=true]{color:var(--gold-hot);background:#ffd24117;border-color:#ffd2418c;box-shadow:inset 0 0 18px #ffd24114,0 0 12px #ffd2411f}.key-bindings{gap:10px}.key-bindings button{min-width:68px;height:76px;min-height:0;padding:6px;color:#eaf6ff;font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:.05em;background:linear-gradient(180deg,#263f58fa,#08131ffa);border:1px solid rgba(150,200,235,.26);box-shadow:inset 0 1px #ffffff14;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}.key-bindings button:nth-child(2n){color:#dff2ff;background:linear-gradient(180deg,#304e6afa,#0b1826fa);border-color:#96c8eb4d}.key-bindings button:hover:not(.listening){border-color:#ffd24166;color:#fff}.key-bindings button.listening{color:var(--gold-hot);background:#ffd2411a;border-color:var(--gold);box-shadow:inset 0 0 22px #ffd2411f,0 0 20px #ffd24138}.key-status{color:var(--gold);font-size:12px;letter-spacing:.06em}.pause-dialog{width:400px}.pause-dialog h1{border-left:0;padding-left:0;text-align:center}.loading-card{width:440px;padding:30px 32px;color:#dfeaf6;font-size:15px}.loading-card .loading-progress{--progress-color: var(--gold)}.loading-heading{color:var(--ink-soft)}.loading-progress progress{height:8px;border-radius:0;background:#78a0be24}.loading-progress progress::-webkit-progress-bar{background:#78a0be24;border-radius:0}.loading-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#8d6410,var(--gold) 62%,#fff4ae);box-shadow:0 0 10px #ffd24159;border-radius:0}.loading-progress progress::-moz-progress-bar{background:linear-gradient(90deg,#8d6410,var(--gold));border-radius:0}[data-loading-stage]{color:#dcebf7;letter-spacing:.03em}[data-loading-percent]{font-family:var(--font-mono);color:var(--gold-hot)}.profile-dialog{width:min(680px,calc(100% - 48px));max-height:calc(100% - 32px);padding:0;overflow-x:hidden;overflow-y:auto;color:#dfeaf6;color-scheme:dark;scrollbar-width:thin;scrollbar-color:rgba(126,170,201,.42) transparent;background:linear-gradient(90deg,transparent 5%,rgba(255,210,65,.62) 32%,rgba(120,226,255,.34) 68%,transparent 95%) 0 0 / 100% 1px no-repeat,radial-gradient(ellipse at 7% 0%,rgba(255,210,65,.075),transparent 38%),radial-gradient(ellipse at 100% 0%,rgba(64,122,166,.22),transparent 50%),linear-gradient(160deg,#101e2efd,#050c15fe 56%,#0a1623fd);animation:profile-in .28s cubic-bezier(.2,.75,.25,1) both}.profile-dialog::-webkit-scrollbar{width:6px}.profile-dialog::-webkit-scrollbar-track{background:transparent}.profile-dialog::-webkit-scrollbar-thumb{background:#7eaac96b}@keyframes profile-in{0%{opacity:0;transform:translateY(12px) scale(.988)}to{opacity:1;transform:none}}.profile-dialog header.profile-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:23px 28px 17px;border-bottom:1px solid rgba(155,195,225,.12);background:linear-gradient(90deg,rgba(255,210,65,.045),transparent 46%)}.profile-dialog h1{padding-left:14px;font-size:25px;letter-spacing:.08em}.profile-dialog :is(button,input):focus-visible{border-color:#ffd241b8;box-shadow:inset 0 0 0 1px #ffd24152,0 0 0 2px #ffd2411a}.profile-identity{display:flex;align-items:stretch;gap:24px;padding:26px 28px 24px}.profile-avatar-frame{position:relative;width:150px;height:150px;flex:0 0 150px;padding:6px;background:linear-gradient(145deg,rgba(255,238,170,.65),rgba(95,133,160,.18) 18%,transparent 44%,rgba(90,128,158,.22) 82%,rgba(217,240,255,.5)),#060e18e0;box-shadow:inset 0 0 0 1px #c9ebff33,inset 0 0 22px #3a769c24,0 18px 34px #00000052}.profile-avatar-frame:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(var(--gold),var(--gold)) left top / 22px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) left top / 1px 22px no-repeat,linear-gradient(var(--gold),var(--gold)) right bottom / 22px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) right bottom / 1px 22px no-repeat;opacity:.75}.profile-avatar-frame:after{content:"";position:absolute;z-index:2;inset:6px;border:1px solid rgba(198,233,255,.18);box-shadow:inset 0 0 18px #040a1266;pointer-events:none}.profile-avatar{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;background:#0b1a28}.profile-copy{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:150px}.profile-nickname{min-width:0;margin:0}.profile-name-row{display:flex;align-items:center;gap:12px;min-width:0;margin-top:7px}.profile-name{min-width:0;color:#f4fbff;font-family:var(--font-display);font-size:30px;font-weight:700;line-height:1.12;letter-spacing:.035em;text-shadow:0 2px 18px rgba(0,0,0,.4);overflow-wrap:anywhere;text-wrap:balance}.profile-editor{display:grid;gap:8px;margin-top:8px}.profile-dialog .profile-editor input{min-width:0;width:100%;height:40px;padding:0 11px;color:#eaf6ff;background:#030910e6;border:1px solid rgba(150,195,230,.24);border-radius:0;font-size:14px;letter-spacing:.02em}.profile-dialog .profile-editor input:focus{border-color:#ffd24180;box-shadow:0 0 0 2px #ffd2411a}.profile-dialog .profile-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.profile-dialog .profile-actions button{min-height:30px;padding:0 13px}.profile-dialog .primary{color:#1b1405;background:linear-gradient(180deg,#fff5bb,#ffe77a 24%,#ffd241 58%,#d9a31c);border-color:#ffefa8cc;text-shadow:none;box-shadow:inset 0 1px #ffffffbf,0 0 18px #ffd24124}.profile-dialog .primary:hover{color:#120d02;background:linear-gradient(180deg,#fffbe0,#fff0a0 24%,#ffda55 58%,#e7b328);filter:brightness(1.03) drop-shadow(0 0 10px rgba(255,210,65,.18))}.profile-avatar-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(155,195,225,.1)}.profile-dialog .profile-avatar-pick{display:inline-flex;align-items:center;gap:7px;min-height:32px;color:#cfe4f5e6;background:#050c159e;border-color:#96c3e633;font-size:12px}.profile-dialog .profile-avatar-pick svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.profile-dialog .profile-avatar-pick:hover{color:var(--gold-hot);background:#ffd2410f;border-color:#ffd24173}.profile-hint{margin:0;color:#96b4cdbd;font-family:var(--font-mono);font-size:11.5px;line-height:1.6;letter-spacing:.015em}.profile-hint i{margin:0 5px;color:#ffd2418c;font-style:normal}.profile-dialog .profile-avatar-actions{margin-top:10px}.profile-feedback{display:flex;align-items:center;gap:7px;margin:9px 0 0;color:#87e8b2;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.profile-feedback:before{content:"";flex:0 0 4px;width:4px;height:4px;background:currentColor;box-shadow:0 0 8px currentColor}.profile-feedback.is-error{color:#ff9aa5}@media(prefers-reduced-motion:reduce){.profile-dialog{animation:none}.profile-dialog button{transition:none}}#profile-overlay{z-index:40}.profile-dialog[data-self=false] [data-self-only]{display:none!important}.profile-dialog{--profile-gutter: 32px;--profile-hairline: rgba(158, 199, 229, .12);width:min(980px,calc(100% - 48px));max-height:calc(100% - 36px);padding:26px var(--profile-gutter) 28px;background:linear-gradient(90deg,transparent 4%,rgba(255,210,65,.68) 29%,rgba(123,231,255,.38) 69%,transparent 96%) 0 0 / 100% 1px no-repeat,radial-gradient(ellipse at 7% 0%,rgba(255,210,65,.075),transparent 34%),radial-gradient(ellipse at 98% 5%,rgba(64,138,182,.17),transparent 44%),linear-gradient(158deg,#112030fd,#050c15fe 55%,#07111cfd);box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px #99caeb09}.profile-dialog header.profile-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 18px;padding:0 0 13px;border-bottom:1px solid var(--profile-hairline);background:none}.profile-dialog header.profile-head h1{margin:0;padding:0;border:0;color:#f4fbff;font-family:var(--font-cn);font-size:24px;font-weight:700;line-height:1.1;letter-spacing:.1em;text-shadow:0 2px 14px rgba(0,0,0,.45)}.profile-body{padding:0}.profile-dialog .profile-identity{display:grid;grid-template-columns:154px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:28px;row-gap:8px;min-height:154px;margin:0 0 24px;padding:0 0 26px;border-bottom:1px solid var(--profile-hairline)}.profile-dialog .profile-avatar-frame{grid-column:1;grid-row:1;width:154px;height:154px;padding:5px;background:linear-gradient(150deg,#effbffb8,#7e99ab42 2%,#253441 4%,#0b151f 11%,#060c14 56%,#1b2936 83%,#738995 97%,#e6f5fc94);box-shadow:inset 0 0 0 1px #d3f1ff38,inset 0 0 24px #38759b26,0 18px 34px #00000057}.profile-dialog .profile-avatar-frame:before{content:"";position:absolute;z-index:2;inset:5px;border:1px solid rgba(198,233,255,.16);background:none;opacity:1;pointer-events:none}.profile-dialog .profile-avatar-frame:after{content:"";position:absolute;z-index:3;inset:-1px;border:0;background:linear-gradient(var(--gold),var(--gold)) left top / 20px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) left top / 1px 20px no-repeat,linear-gradient(var(--gold),var(--gold)) right bottom / 20px 1px no-repeat,linear-gradient(var(--gold),var(--gold)) right bottom / 1px 20px no-repeat;box-shadow:none;opacity:.6;pointer-events:none}.profile-dialog .profile-avatar{display:block;width:100%;height:100%;object-fit:cover;background:#0b1a28;filter:saturate(.96) contrast(1.03)}.profile-dialog .profile-copy{grid-column:2;grid-row:1;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;gap:10px;min-width:0;min-height:154px}.profile-dialog .profile-nickname{min-width:0;margin:0}.profile-dialog .profile-name-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;margin:0}.profile-dialog .profile-name{min-width:0;color:#f5fbff;font-family:var(--font-cn);font-size:38px;font-weight:700;line-height:1.1;letter-spacing:.01em;text-shadow:0 2px 18px rgba(0,0,0,.45),0 0 30px rgba(147,217,255,.05);overflow-wrap:anywhere;text-wrap:balance}.profile-dialog .profile-name-edit{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:30px;padding:0 9px;color:#ffd658d1;background:transparent;border:1px solid transparent;font-family:var(--font-cn);font-size:13.5px;font-weight:500;letter-spacing:.05em}.profile-dialog .profile-name-edit svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.profile-dialog .profile-name-edit:hover{color:var(--gold-hot);border-color:#ffd24147;background:#ffd2410d}.profile-dialog .profile-account{display:block;max-width:none;margin:0;overflow:hidden;color:#a8c5dce6;font-family:var(--font-mono);font-size:14.5px;line-height:1.45;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.profile-dialog .profile-account:before{content:"@";margin-right:2px;color:#ffd2419e}.profile-edit-tools{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;margin-top:0}.profile-dialog .profile-avatar-tools{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:0;border:0}.profile-dialog .profile-avatar-pick{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:36px;padding:0 10px;color:#d3e7f5e6;background:#050d1680;border-color:#97c4e42e;font-family:var(--font-cn);font-size:13.5px;font-weight:500;letter-spacing:.04em}.profile-dialog .profile-avatar-pick svg{width:15px;height:15px}.profile-dialog .profile-avatar-pick:hover{color:var(--gold-hot);background:#ffd2410e;border-color:#ffd24166}.profile-dialog .profile-hint{position:absolute;z-index:9;transition:opacity .16s ease,transform .16s ease;left:0;bottom:calc(100% + 8px);width:max-content;max-width:310px;margin:0;padding:8px 11px;color:#b8d2e5f0;font-family:var(--font-mono);font-size:12.5px;line-height:1.5;letter-spacing:.02em;background:#030a12fa;border:1px solid rgba(155,201,231,.24);box-shadow:0 10px 24px #00000073;opacity:0;transform:translateY(3px);pointer-events:none}.profile-dialog .profile-avatar-pick:hover .profile-hint,.profile-dialog .profile-avatar-pick:focus-visible .profile-hint{opacity:1;transform:none}.profile-dialog .profile-avatar-actions{width:100%;margin:0;flex-wrap:nowrap}.profile-dialog .profile-avatar-actions button{flex:1 1 0;min-width:0;padding:0 6px}.profile-dialog .profile-feedback{width:100%;margin:0;font-size:13px}.profile-exp-line{position:relative;top:0;display:grid;gap:8px;width:min(440px,100%);min-width:0;margin-top:2px}.profile-exp-line .exp-line__labels{gap:12px;font-size:14.5px;letter-spacing:.05em}.profile-exp-line .exp-level{font-size:17px}.profile-exp-line .exp-level b{font-size:21px}.profile-exp-line .exp-track{--exp-cut: 5px;height:5px}.profile-dialog[data-self=false] .profile-copy{justify-content:center}.profile-dialog .profile-record{margin:0}.profile-dialog .profile-record__head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px}.profile-record__title{display:flex;align-items:center;gap:10px;margin:0;color:#e2f2fdfa;font-family:var(--font-cn);font-size:17px;font-weight:600;letter-spacing:.08em;white-space:nowrap}.profile-record__title:before{content:"";width:20px;height:2px;flex:0 0 20px;background:var(--gold);box-shadow:0 0 8px #ffd24180}.profile-dialog .profile-record__since{overflow:hidden;color:#a4c0d6c7;font-family:var(--font-mono);font-size:12.5px;line-height:1.3;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.profile-dialog .profile-record__body{position:relative;display:grid;gap:0;overflow:hidden}.profile-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.profile-highlight{--tone: 219, 237, 250;--metric: #edf8ff;position:relative;display:flex;flex-direction:column;min-width:0;min-height:158px;padding:17px 17px 16px;overflow:hidden;border:1px solid rgba(155,195,225,.13);background:linear-gradient(180deg,rgba(255,255,255,.026),transparent 60%),#030a12a8;box-shadow:inset 0 1px #ffffff05}.profile-highlight:before{content:"";position:absolute;top:-1px;left:17px;width:38px;height:1px;background:linear-gradient(90deg,rgb(var(--tone)),transparent);box-shadow:0 0 8px rgba(var(--tone),.28)}.profile-highlight:after{content:"";position:absolute;right:-38px;bottom:-58px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(var(--tone),.1),transparent 66%);pointer-events:none}.profile-highlight--accuracy{--tone: 255, 210, 65;--metric: var(--gold-hot);border-color:#ffd2413d;background:radial-gradient(ellipse at 90% 0%,rgba(255,210,65,.085),transparent 56%),linear-gradient(180deg,rgba(255,255,255,.032),transparent 60%),#070e15c2}.profile-highlight--ac{--tone: 123, 231, 255;--metric: #98edff;border-color:#7be7ff2b;background:linear-gradient(180deg,rgba(123,231,255,.038),transparent 58%),#030b13b3}.profile-highlight--acc{--tone: 116, 231, 173;--metric: #a6f4cb;border-color:#74e7ad29;background:linear-gradient(180deg,rgba(116,231,173,.032),transparent 58%),#030b13b3}.profile-highlight__label{position:relative;z-index:1;display:flex;align-items:center;gap:8px;color:#c8ddedf0;font-family:var(--font-cn);font-size:14.5px;font-weight:500;line-height:1.2;letter-spacing:.08em;white-space:nowrap}.profile-highlight__label:before{content:"";width:5px;height:5px;flex:0 0 5px;background:rgb(var(--tone));box-shadow:0 0 8px rgba(var(--tone),.56)}.profile-highlight__value{position:relative;z-index:1;display:block;margin-top:auto;padding-top:16px;overflow:hidden;color:var(--metric);font-family:var(--font-display);font-size:44px;font-weight:700;line-height:.95;letter-spacing:-.015em;text-overflow:ellipsis;text-shadow:0 2px 15px rgba(0,0,0,.35);white-space:nowrap;font-variant-numeric:tabular-nums}.profile-highlight__foot{position:relative;z-index:1;display:flex;align-items:center;gap:6px;min-height:19px;margin-top:10px;color:#a7c4dad1;font-family:var(--font-cn);font-size:13px;line-height:1.2;letter-spacing:.04em;white-space:nowrap}.profile-highlight__foot b{color:#def0fcfa;font-family:var(--font-mono);font-size:14.5px;font-weight:600;letter-spacing:0;font-variant-numeric:tabular-nums}.profile-highlight__foot--meter{display:flex;align-items:center}.profile-accuracy-track{display:block;width:100%;height:5px;overflow:hidden;background:#78a0be24;box-shadow:inset 0 0 0 1px #a0c8e60f}.profile-accuracy-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,#a97815,var(--gold) 68%,#fff4ae);box-shadow:0 0 9px #ffd2416b;transition:width .55s cubic-bezier(.2,.75,.3,1)}.profile-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.profile-panel{min-width:0;padding:14px 17px 6px;border:1px solid rgba(155,195,225,.11);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 46%),#030a1273}.profile-panel__head{display:flex;align-items:center;gap:10px;min-height:30px;padding:0 0 9px;border-bottom:1px solid rgba(155,195,225,.09)}.profile-panel__head h3{margin:0;color:#d6e9f6f5;font-family:var(--font-cn);font-size:14.5px;font-weight:600;line-height:1.2;letter-spacing:.12em;white-space:nowrap}.profile-panel__rule{width:100%;height:1px;background:linear-gradient(90deg,rgba(155,195,225,.2),transparent)}.profile-panel__list{margin:0;padding:0}.profile-detail{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:43px;border-bottom:1px solid rgba(155,195,225,.07)}.profile-detail:last-child{border-bottom:0}.profile-detail dt{flex:0 0 auto;color:#acc8dee0;font-family:var(--font-cn);font-size:14.5px;font-weight:500;line-height:1.3;letter-spacing:.04em;white-space:nowrap}.profile-detail dd{display:flex;align-items:baseline;justify-content:flex-end;gap:3px;min-width:0;margin:0;color:#e8f5fffa;font-family:var(--font-display);font-size:21px;font-weight:600;line-height:1.1;letter-spacing:.02em;text-align:right;font-variant-numeric:tabular-nums}.profile-detail dd>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-detail dd small{flex:0 0 auto;margin-left:4px;color:#acc8decc;font-family:var(--font-cn);font-size:12px;font-weight:400;letter-spacing:0}.profile-detail--best{min-height:52px;padding:5px 0}.profile-detail--best dd{flex-direction:column;align-items:flex-end;justify-content:center;gap:1px}.profile-detail--best dd>span{font-size:22px}.profile-detail--best dd small{max-width:100%;margin:0;overflow:hidden;color:#acc8decc;font-family:var(--font-mono);font-size:12.5px;line-height:1.35;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap}.profile-detail--best dd small:empty{display:none}.profile-record__body[data-state=loading] .profile-highlight__value{width:64%;height:32px;margin-top:auto;padding-top:0;color:transparent;background:linear-gradient(105deg,#a7cbe80e 30%,#bee1fa24,#a7cbe80e 70%);background-size:220% 100%;text-shadow:none;animation:profile-skeleton 1.4s ease-in-out infinite}.profile-record__body[data-state=loading] .profile-highlight--accuracy .profile-highlight__value{width:72%}.profile-record__body[data-state=loading] .profile-highlight__foot{visibility:hidden}.profile-record__body[data-state=loading] .profile-detail dd{opacity:.24}.profile-record__body[data-state=loading] .profile-highlight__label,.profile-record__body[data-state=loading] .profile-detail dt{opacity:.58}.profile-record__body[data-state=loading]:after{content:"";position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 36%,rgba(160,225,255,.07) 50%,transparent 64%);background-size:220% 100%;animation:profile-scan 1.5s linear infinite}.profile-record__status{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:124px;padding:22px 24px;border:1px solid rgba(255,130,142,.17);border-left:2px solid rgba(255,130,142,.38);background:linear-gradient(90deg,rgba(92,24,34,.12),transparent 62%),#030a128c}.profile-record__message{color:#dcecf7f5;font-family:var(--font-cn);font-size:14.5px;line-height:1.5;letter-spacing:.03em}.profile-dialog .profile-record__retry{min-height:35px;padding:0 15px;font-size:13.5px}.profile-dialog :is(button,input):focus-visible{border-color:#ffd241b8;box-shadow:0 0 0 1px #08111beb,0 0 0 3px #ffd24133}.profile-dialog .profile-editor{max-width:440px;gap:8px;margin-top:0}.profile-dialog .profile-editor input{height:44px;font-family:var(--font-cn);font-size:14.5px}.profile-dialog .profile-actions{gap:8px}.profile-dialog .profile-actions button{min-height:35px;font-size:13.5px}@keyframes profile-highlight-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes profile-skeleton{0%{background-position:200% 0}to{background-position:-100% 0}}.profile-highlight{animation:profile-highlight-in .34s cubic-bezier(.2,.75,.25,1) both}.profile-highlight:nth-child(2){animation-delay:.04s}.profile-highlight:nth-child(3){animation-delay:.08s}.profile-highlight:nth-child(4){animation-delay:.12s}@media(prefers-reduced-motion:reduce){.profile-dialog{animation:none}.profile-dialog .profile-hint,.profile-dialog .profile-close,.profile-dialog .profile-name-edit,.profile-dialog .profile-avatar-pick,.profile-accuracy-track i,.profile-exp-line .exp-track i{transition:none}.profile-highlight,.profile-record__body[data-state=loading] .profile-highlight__value{animation:none}.profile-record__body[data-state=loading]:after{animation:none;opacity:.6}}.calibration-dialog{width:660px;color-scheme:dark}.calibration-tabs{gap:8px}.calibration-tabs button{min-width:96px;min-height:34px}.calibration-tabs [aria-pressed=true]{color:var(--gold-hot);background:#ffd24117;border-color:#ffd2418c;box-shadow:inset 0 0 18px #ffd24114}.calibration-body{grid-template-columns:160px 1fr;gap:26px}.calibration-preview{height:282px;background:#050c16;border:1px solid rgba(150,195,230,.12);border-radius:0}.calibration-controls label{color:#dcebf7;font-weight:600;letter-spacing:.03em}.calibration-value input{width:160px;min-height:52px;color:var(--gold-hot);background:#030910e6;border:1px solid rgba(150,195,230,.24);border-radius:0;font-family:var(--font-mono);font-size:28px}.calibration-step{color:#bed6e8d9}.calibration-step select{color:#eaf6ff;background:#030910e6;border:1px solid rgba(150,195,230,.22);border-radius:0}.calibration-samples{color:#bed6e8d9}#calibration-progress{accent-color:var(--gold)}#calibration-status{color:var(--gold);font-size:12px}#calibration-key{color:#b8c9da}#calibration-key kbd{color:var(--gold-hot);background:linear-gradient(180deg,#1b3044,#08131f);border:1px solid rgba(150,195,230,.3);border-bottom-width:4px;border-radius:0;box-shadow:inset 0 1px #ffffff14}.calibration-adjust button{min-height:34px}.leaderboard-dialog{display:flex;flex-direction:column;width:min(92%,1240px);height:88%;min-height:0;color-scheme:dark;color:#dfeaf6}.leaderboard-dialog h1{border-left:0;padding-left:0;font-size:22px}.leaderboard-dialog h1 span{color:var(--muted);font-size:12px;letter-spacing:.08em}.leaderboard-headline,.local-detail-headline{display:flex;align-items:baseline;gap:12px;min-width:0;margin:0 0 18px}.leaderboard-song,.local-detail-song{min-width:0;margin:0;overflow:hidden;color:#f2f9ff;font-family:var(--font-display);font-size:32px;font-weight:600;line-height:1.1;letter-spacing:.015em;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 20px rgba(0,0,0,.4)}.leaderboard-song.is-cjk,.local-detail-song.is-cjk{font-family:var(--font-cn);letter-spacing:.02em}.leaderboard-chart,.local-detail-chart{flex:0 0 auto;color:var(--gold);font-family:var(--font-mono);font-size:18px;font-weight:400;line-height:1;letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap}.leaderboard-chart:empty,.local-detail-chart:empty{display:none}.leaderboard-difficulties{display:flex;align-items:stretch;gap:10px;margin-bottom:16px}.leaderboard-dialog .leaderboard-board{flex:1 1 auto;min-height:0}.leaderboard-feedback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:160px;padding:20px;color:var(--muted);text-align:center}.leaderboard-dialog #leaderboard-difficulties button{--diff: #8fb3d1;--diff-line: rgba(143, 179, 209, .45);--diff-fill: rgba(44, 76, 106, .92);--diff-glow: rgba(143, 179, 209, .26);position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:90px;height:40px;min-height:40px;padding:0 20px;overflow:hidden;color:#d6e8f6b8;background:linear-gradient(180deg,#17283beb,#040b13f5);border:1px solid rgba(132,174,208,.18);border-bottom:2px solid var(--diff-line);font-family:var(--font-display);font-size:22px;font-style:italic;font-weight:700;line-height:1;letter-spacing:.16em;white-space:nowrap;text-shadow:0 2px 8px rgba(0,0,0,.6);box-shadow:inset 0 1px #ffffff0d;transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease}.leaderboard-dialog #leaderboard-difficulties button:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);opacity:.6;pointer-events:none;transition:opacity .18s ease}.leaderboard-dialog #leaderboard-difficulties button:hover:not(:disabled){color:#f4fbff;background:linear-gradient(180deg,#243c55f5,#07101bf7);border-color:var(--diff-line);border-bottom-color:var(--diff);box-shadow:inset 0 1px #ffffff1a,0 8px 18px #0000004d;filter:none}.leaderboard-dialog #leaderboard-difficulties button[aria-pressed=true]{color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.02) 44%,transparent 62%),linear-gradient(180deg,var(--diff-fill),rgba(4,9,16,.95));border-color:var(--diff);border-bottom-color:#f4fdff;text-shadow:0 0 14px rgba(255,255,255,.45),0 2px 8px rgba(0,0,0,.75);box-shadow:inset 0 0 0 1px #ffffff38,inset 0 -14px 22px #0000004d,0 0 22px var(--diff-glow),0 10px 22px #00000061;transform:translateY(-1px)}.leaderboard-dialog #leaderboard-difficulties button[aria-pressed=true]:before{opacity:1}.leaderboard-dialog #leaderboard-difficulties button[aria-pressed=true]:hover:not(:disabled){filter:brightness(1.08)}.leaderboard-dialog #leaderboard-difficulties button:active:not(:disabled){transform:translateY(1px)}.leaderboard-dialog #leaderboard-difficulties button:disabled{color:#61758a;background:#08111c8c;border-color:#7891aa2e;border-bottom-color:#7891aa42;border-style:dashed;text-shadow:none;box-shadow:none;opacity:.8}.leaderboard-dialog #leaderboard-difficulties button.leaderboard-difficulty--plain{font-family:var(--font-cn);font-size:18px;font-style:normal;letter-spacing:.06em}.leaderboard-dialog #leaderboard-difficulties button:focus-visible{border-color:#ffd241b8;box-shadow:inset 0 0 0 1px #ffd24157,0 0 16px #ffd2412e}.leaderboard-dialog #leaderboard-difficulties button[data-difficulty=EZ]{--diff: #2fe3c0;--diff-line: rgba(47, 227, 192, .5);--diff-fill: rgba(23, 134, 117, .92);--diff-glow: rgba(47, 227, 192, .28)}.leaderboard-dialog #leaderboard-difficulties button[data-difficulty=NM]{--diff: #4d9dff;--diff-line: rgba(77, 157, 255, .5);--diff-fill: rgba(28, 92, 176, .92);--diff-glow: rgba(77, 157, 255, .28)}.leaderboard-dialog #leaderboard-difficulties button[data-difficulty=HD]{--diff: #ff5a70;--diff-line: rgba(255, 90, 112, .5);--diff-fill: rgba(170, 32, 54, .92);--diff-glow: rgba(255, 77, 102, .28)}.leaderboard-dialog #leaderboard-difficulties button[data-difficulty=MX]{--diff: #b06bff;--diff-line: rgba(176, 107, 255, .5);--diff-fill: rgba(122, 54, 200, .92);--diff-glow: rgba(176, 107, 255, .28)}.local-detail-dialog{display:flex;flex-direction:column;width:min(92%,1120px);height:auto;max-height:88%;min-height:0}.local-detail-dialog .local-detail-board{flex:1 1 auto;min-height:0}.local-detail-dialog .result-ranking-scroll{flex:0 1 auto}.local-detail-table .local-rank-col{width:64px}.local-detail-table .local-time-col{width:180px}.local-detail-table .local-accuracy-col{width:110px}.local-detail-table .local-score-col{width:120px}.local-detail-table th:nth-child(2),.local-detail-table td:nth-child(2),.local-detail-table th:nth-child(3),.local-detail-table td:nth-child(3){text-align:center}.laodeng-dialog{display:flex;flex-direction:column;width:min(92%,1480px);height:auto;max-height:88%;min-height:0}.laodeng-title{display:flex;align-items:center;gap:10px;min-width:0}.laodeng-help{position:relative;display:flex;align-items:center}.laodeng-dialog .laodeng-help__button{display:flex;align-items:center;justify-content:center;width:26px;height:26px;min-height:0;padding:0;color:#d6e7f5e6;border:1px solid rgba(150,195,230,.42);border-radius:50%;background:#091523e6;box-shadow:none;font-family:var(--font-cn);font-size:16px;font-weight:700;line-height:1;cursor:help;transition:color .18s,border-color .18s,box-shadow .18s}.laodeng-help:hover .laodeng-help__button,.laodeng-help:focus-within .laodeng-help__button{color:var(--gold-hot);border-color:#ffd2419e;background:#122234f2;box-shadow:0 0 14px #ffd24138}.laodeng-dialog .laodeng-help__button:focus-visible{box-shadow:inset 0 0 0 1px #ffd241b3,0 0 14px #ffd2413d}.laodeng-help__tip{position:absolute;top:calc(100% + 10px);left:18px;z-index:6;width:604px;padding:16px 18px 17px;color:#dfeaf6;border:1px solid rgba(175,216,245,.24);background:linear-gradient(160deg,#101e2efc,#050c15fc);box-shadow:0 20px 44px #0000009e,inset 0 1px #ffffff0f;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease,visibility .16s;pointer-events:none}.laodeng-help__tip:before{content:"";position:absolute;top:-12px;right:0;left:-18px;height:12px}.laodeng-help__tip:after{content:"";position:absolute;top:0;right:0;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,210,65,.55),transparent)}.laodeng-help:hover .laodeng-help__tip,.laodeng-help:focus-within .laodeng-help__tip{opacity:1;visibility:visible;transform:none;pointer-events:auto}.laodeng-help__lead{margin:0 0 12px;color:#d2e2f0;font-family:var(--font-cn);font-size:15px;line-height:1.7}.laodeng-help__formula{margin:0 0 12px;padding:10px 12px;color:#f2f9ff;border:1px solid rgba(150,195,230,.16);background:#040b1399;font-size:21px;line-height:1.2;text-align:center}.laodeng-help__formula math{font-size:1em}.laodeng-help__legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px;margin:0;padding:0}.laodeng-help__legend>div{display:flex;align-items:baseline;gap:7px;min-width:0}.laodeng-help__legend dt{flex:0 0 auto;color:var(--gold);font-family:var(--font-mono);font-size:13px;letter-spacing:.04em}.laodeng-help__legend dd{margin:0;overflow:hidden;color:#c3d4e3;font-family:var(--font-cn);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.laodeng-headline{display:flex;align-items:center;gap:14px;min-width:0;margin:0 0 18px}.laodeng-avatar{flex:0 0 auto;width:44px;height:44px;object-fit:cover;border:1px solid rgba(150,200,235,.25);background:#16232f}.laodeng-player{min-width:0;margin:0;overflow:hidden;color:#f2f9ff;font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:.015em;text-overflow:ellipsis;white-space:nowrap}.laodeng-player.is-cjk{font-family:var(--font-cn);letter-spacing:.02em}.laodeng-total{flex:0 0 auto;margin-left:auto;color:var(--gold);font-family:var(--font-mono);font-size:24px;letter-spacing:.02em;font-variant-numeric:tabular-nums}.laodeng-dialog .laodeng-board{flex:1 1 auto;min-height:0}.laodeng-dialog .result-ranking-scroll{flex:0 1 auto}.laodeng-table{table-layout:auto}.laodeng-table .laodeng-rank-col{width:60px}.laodeng-table .laodeng-chart-col{width:112px}.laodeng-table .laodeng-accuracy-col,.laodeng-table .laodeng-combo-col{width:104px}.laodeng-table .laodeng-judgment-col{width:110px}.laodeng-table .laodeng-score-col{width:108px}.laodeng-table .laodeng-value-col{width:110px}.laodeng-table .laodeng-time-col{width:184px}.laodeng-table th:nth-child(2),.laodeng-table td:nth-child(2){text-align:left}.laodeng-table td:nth-child(2){overflow:visible;text-overflow:clip;white-space:nowrap}.laodeng-table td:nth-child(8){color:var(--gold);font-family:var(--font-mono)}.announcement-dialog{width:min(90%,540px)}.announcement-dialog header{align-items:baseline;gap:16px}.announcement-version{color:var(--gold);font-family:var(--font-mono);font-size:14px;letter-spacing:.06em;white-space:nowrap}.announcement-version:empty{display:none}.announcement-notes{display:grid;gap:11px;margin:0;padding:0;list-style:none}.announcement-notes li{position:relative;padding-left:18px;color:var(--ink-soft);font-family:var(--font-cn);font-size:15px;line-height:1.55}.announcement-notes li:before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;background:var(--gold);transform:rotate(45deg)}.announcement-dialog .dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.announcement-dismiss{display:inline-flex;gap:8px;color:var(--ink-soft);font-size:14px;white-space:nowrap;cursor:pointer}.announcement-dismiss input{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:16px;height:16px;flex:0 0 16px;margin:0;padding:0;border:1px solid rgba(150,195,230,.38);border-radius:0;background:#030910e6;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}.announcement-dismiss input:hover{border-color:var(--gold-hot)}.announcement-dismiss input:checked{border-color:#ffd241d1;background:linear-gradient(var(--gold),var(--gold)) center / 8px 8px no-repeat,#030910e6}.announcement-dismiss input:focus-visible{border-color:var(--gold-hot);box-shadow:0 0 0 2px #ffd24138}.announcement-dialog .dialog-actions button{min-width:104px}.result-dialog{width:min(95%,1440px);height:94%;padding:16px 20px 14px;border:1px solid rgba(175,216,245,.22);background:linear-gradient(90deg,transparent 9%,rgba(255,210,65,.45) 32%,rgba(120,226,255,.26) 64%,transparent 90%) 0 0 / 100% 1px no-repeat,radial-gradient(ellipse at 90% -10%,rgba(64,122,166,.18),transparent 46%),linear-gradient(160deg,#101e2efb,#050c15fc 56%,#0b1725fb);border-radius:0;box-shadow:inset 0 1px #ffffff12;filter:drop-shadow(0 26px 54px rgba(0,0,0,.55));color-scheme:dark;font-size:12px}.result-title{color:#f2f9ff;font-family:var(--font-display);font-size:21px;letter-spacing:.03em}.result-chart{color:var(--muted);font-family:var(--font-mono);font-size:11px}.result-section-label{color:#a0bbd1b8;font-family:var(--font-mono);font-size:12px;letter-spacing:.18em}.result-total__value{column-gap:26px;row-gap:10px;margin-top:6px}.result-score{color:#f2f9ff;font-size:72px;text-shadow:0 4px 26px rgba(0,0,0,.45),0 0 28px rgba(123,231,255,.08)}.result-metrics{padding-left:24px;border-left-color:#9bc3e12e}.result-metric span{color:#a0bbd1b8;font-size:12px;letter-spacing:.08em}.result-metric b{color:var(--gold-hot);font-size:27px;text-shadow:0 0 18px rgba(255,210,65,.2)}.result-stats{border-color:#96c3e624;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 72%),#030a128a;box-shadow:inset 0 1px #ffffff08}.result-stat{padding:12px 14px 13px;border-left-color:#9bc3e11a}.result-stat dt{color:#96b4cdb3;font-size:11px;letter-spacing:.1em}.result-stat dd{margin-top:7px;color:#eaf6ff;font-size:24px}.result-stat--miss dd{color:#ff9aa5}.result-stat--combo dd{color:var(--gold-hot)}.result-stat--jam dd{color:var(--gold)}.result-experience{border-color:#ffd2412e;background:linear-gradient(90deg,#ffd24113,#040b13b8 36%,#040b1394),radial-gradient(ellipse at 12% 0%,rgba(255,210,65,.08),transparent 45%);box-shadow:inset 0 1px #ffffff0a}.result-exp__label{color:#a0bbd1ad;font-size:12px}.result-exp__amount{color:var(--gold-hot);font-size:32px;text-shadow:0 0 18px rgba(255,210,65,.22)}.result-exp__amount small{color:var(--gold);font-size:11px}.result-exp__note{color:#a0bbd19e;font-size:11px}.result-exp__levels{color:var(--muted)}.result-exp__levels b{color:#f2f9ff;font-size:24px}.result-exp__levels i,.result-exp__levels span{color:var(--gold)}.result-exp__values{color:var(--ink-soft);font-size:12px}.result-exp__track{background:#688ba638}.result-exp__bar{background:linear-gradient(90deg,#8d6410,var(--gold) 54%,#fff4ae);box-shadow:0 0 14px #ffd24173}.result-exp__track:before{background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),rgba(255,255,255,.1) calc(10% - 1px) 10%)}.result-exp__levelup{color:#fff6c4;font-size:50px;text-shadow:0 0 18px rgba(255,210,65,.9),0 0 48px rgba(255,170,30,.5),0 2px 4px rgba(0,0,0,.5)}.result-exp__flash{background:radial-gradient(ellipse at 50% 50%,rgba(255,210,65,.36),transparent 64%)}.result-board h2{color:var(--gold-hot);font-family:var(--font-cn);font-size:14px;letter-spacing:.05em}.result-board{border:1px solid rgba(150,195,230,.14);border-radius:0;background:#040b13b8;box-shadow:inset 0 0 0 1px #ffffff05}.result-board h2{margin-bottom:9px}.result-board h2 span{color:var(--muted);font-family:var(--font-mono);font-size:10px;font-weight:500}.result-ranking-scroll{scrollbar-width:thin;scrollbar-color:rgba(126,170,201,.35) transparent}.result-ranking-scroll::-webkit-scrollbar{width:5px;height:5px}.result-ranking-scroll::-webkit-scrollbar-thumb{background:#7eaac959}.result-ranking thead th{border-top:0;border-bottom:1px solid rgba(150,195,230,.16);background:#0a1725;background-clip:border-box;box-shadow:0 -4px #0a1725;color:#aac8e1cc;font-size:10px;letter-spacing:.06em}.result-ranking tbody td,.result-ranking tbody th{border-bottom:1px solid rgba(150,195,230,.07);color:#b8c9da;font-size:11px}.result-ranking th:first-child,.result-ranking td:first-child{color:var(--gold);font-family:var(--font-mono)}.result-ranking tbody td:last-child{color:#eaf6ff}.result-ranking tbody .is-current>*{background:#ffd2411a;color:var(--gold-hot);border-bottom-color:#ffd24133}.result-ranking tbody .is-current>:first-child{box-shadow:inset 3px 0 var(--gold)}.result-ranking tbody .result-empty{color:var(--muted)}.result-avatar{width:26px;height:26px;flex:0 0 26px;border:1px solid rgba(150,200,235,.25);border-radius:2px;background:#16232f}.result-status{color:var(--muted);font-size:11px}.result-footer{border-top:1px solid rgba(155,195,225,.08);padding-top:6px}.result-rating button{color:#bed6e8cc}.rating-panel{width:320px;border:1px solid rgba(150,195,230,.22);border-radius:0;background:linear-gradient(160deg,#101e2efc,#060e18fc);box-shadow:0 12px 30px #0000008c}.star-empty{color:#96b4cd47}.star-fill{color:var(--gold);filter:drop-shadow(0 0 5px rgba(255,210,65,.3))}.rating-value{color:var(--gold-hot);font-family:var(--font-mono)}.rating-status{border:1px solid rgba(255,130,140,.3);border-radius:0;background:#0c1a2a;color:#ff9aa5}.search-box:focus-within{border-color:#ffd24173}.toast{color:#ffeab0;background:linear-gradient(180deg,#132334f7,#060e18fa);border:1px solid rgba(255,210,65,.35);border-radius:0;box-shadow:inset 0 1px #ffffff0f;filter:drop-shadow(0 12px 26px rgba(0,0,0,.5));font-family:var(--font-cn);letter-spacing:.03em}.session-loading-card{color:#dfeaf6;background:linear-gradient(90deg,transparent 10%,rgba(255,210,65,.45) 38%,rgba(120,226,255,.25) 66%,transparent 92%) 0 0 / 100% 1px no-repeat,linear-gradient(160deg,#101e2efc,#050c15fc);border:1px solid rgba(175,216,245,.2);border-radius:0;box-shadow:inset 0 1px #ffffff12;filter:drop-shadow(0 24px 54px rgba(0,0,0,.55))}.session-loading-card .loading-progress{--progress-color: #ffd241}.session-loading-card [data-loading-stage]{color:#dcebf7}.session-loading-card [data-loading-percent]{color:#ffe988}.session-loading-card .loading-progress progress{background:#78a0be24}.session-loading-card .loading-progress progress::-webkit-progress-bar{background:#78a0be24}.session-loading-card .loading-progress progress::-webkit-progress-value{background:linear-gradient(90deg,#8d6410,#ffd241)}#session-retry{min-height:36px;padding:6px 18px;color:#cfe4f5;background:linear-gradient(180deg,#213951f5,#08131ff7);border:1px solid rgba(150,200,235,.24);border-radius:0;font-size:13px}#session-retry:hover{color:#fff;border-color:#ffd76473}.result-dialog{width:min(95%,1440px);padding:24px 30px 22px;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;font-size:19px}.result-summary{gap:14px;padding:2px 0 0}.result-song{gap:20px}.result-title{font-size:34px;line-height:44px}.result-chart{font-size:18px}.result-section-label{font-size:13px}.result-score{font-size:76px}.result-metrics{gap:10px;padding-left:28px}.result-metric{gap:10px}.result-metric span{font-size:13px}.result-metric b{font-size:28px}.result-stats{max-width:680px}.result-stat{padding:13px 16px 14px}.result-stat dt{font-size:12px}.result-stat dd{margin-top:8px;font-size:26px}.result-experience{grid-template-columns:200px minmax(0,1fr);gap:30px;min-height:82px;padding:13px 20px}.result-exp__label{font-size:13px}.result-exp__amount{font-size:34px}.result-exp__note{font-size:12px}.result-exp__levels b{font-size:26px}.result-exp__levels span{font-size:18px}.result-exp__values{font-size:13px}.result-exp__levelup{font-size:54px}.result-table .score-col{width:130px}.result-board{padding:18px 20px}.result-board h2{margin-bottom:12px;font-size:21px;line-height:28px}.result-board h2 span{font-size:14px}.result-ranking .rank-col{width:64px}.result-ranking .player-col{width:220px}.result-ranking .accuracy-col{width:110px}.result-ranking .score-col{width:130px}.result-identity{gap:10px}.result-avatar{width:40px;height:40px;flex:0 0 40px}.result-ranking thead th{height:42px;padding:0 12px;font-size:17px;font-weight:700;letter-spacing:.05em}.result-ranking tbody td,.result-ranking tbody th{height:54px;padding:4px 10px;font-size:20px}.result-ranking tbody .result-empty{height:260px}.result-footer{gap:20px;padding-top:12px}.result-status{font-size:16px;line-height:22px}.result-actions{gap:10px}.result-actions>button,.result-actions .rating-toggle{min-width:96px;height:46px;min-height:46px;padding:0 20px;font-size:16px}.rating-toggle,.rating-submit{min-height:40px;padding:8px 18px;font-size:16px}.rating-panel{width:500px;padding:20px;bottom:46px}.rating-star{width:42px;height:48px}.rating-bottom{margin-top:14px}.rating-value{font-size:22px}.rating-status{bottom:46px;font-size:15px;padding:6px 12px}.rating-panel:not([hidden])~.rating-status{bottom:212px}.pause-dialog{width:520px;margin-left:30px;padding:34px 40px 32px}.pause-dialog header{margin-bottom:26px;padding-bottom:20px}.pause-dialog h1{font-size:36px}.pause-dialog button{min-height:48px;padding:10px 28px;font-size:17px}.pause-dialog .dialog-actions{justify-content:center;gap:14px;margin-top:30px;padding-top:22px}