@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";:root{font-family:Avenir,Lato,Pretendard,system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#374151;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#374151}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#000}a:hover{color:#747bff}button{background-color:#f9f9f9}}.best39-list{width:fit-content;background-color:#1e1e1e;color:#fff;font-family:Avenir,Lato,Helvetica,Arial,sans-serif;border-top:1px solid #333}.d-flex{display:flex;width:auto}.vertical-divider{width:1px;background-color:#333;height:auto}.vertical-divider.thick{width:4px;background-color:#888}.best39-cell{width:130px;padding:0;box-sizing:border-box}.best39-item-container{padding:6px 0 0!important;display:flex;flex-direction:column}.best39-list .list-item.first-row{display:flex;align-items:center;min-height:40px;padding:0 12px;position:relative}.best39-list .list-item-avatar{margin-right:12px;min-width:40px;height:40px}.best39-list .list-item-avatar img{width:40px;height:40px;border-radius:4px;object-fit:cover}.best39-list .list-item-content{flex:1 1 auto;overflow:hidden}.best39-list .list-item-title{font-size:12px;font-weight:500;line-height:1.2;margin-bottom:2px;color:#fff}.best39-list .list-item-subtitle{font-size:14px;color:#ffffffb3;display:flex}.difficulty-status{display:flex;align-items:center;gap:0;height:16px}.play-level{padding:0 4px;border-top-left-radius:8px;border-bottom-left-radius:8px;font-size:11px;font-weight:800;width:26px;text-align:center;line-height:14.5px;display:flex;align-items:center;justify-content:center}.play-level sup{font-size:8px;vertical-align:top;margin-left:0;line-height:1;position:relative;top:-3px}.rank-badge{padding:0 6px;border-top-right-radius:8px;border-bottom-right-radius:8px;font-size:11px;font-weight:800;min-width:26px;text-align:center;line-height:14.5px;border-left:1px solid rgba(255,255,255,.3)}.best39-list .list-item.second-row{display:flex;flex-direction:column;align-items:flex-start;padding:5px 2px 2px 12px!important;margin-top:2px}.best39-list .list-item.second-row .list-item-content{width:100%}.best39-list .list-item-title.song-title{font-size:12px;font-weight:600;color:#ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;width:100%}.list-item-action-text{font-size:11px;color:#888;margin-bottom:0!important;line-height:1;display:block;height:12px}@media(max-width:450px){.best39-list{width:100%;max-width:100%;margin:0 auto}.section-main,.section-append{display:none}.section-main-mobile,.section-append-mobile,.d-flex{width:100%}.best39-cell{width:33.33%!important;max-width:none;min-width:0}.mobile-score-summary{background-color:#1e1e1e;border-top:1px solid #333;border-bottom:1px solid #333;margin:10px 0}.mobile-score-summary .r-values-container{display:flex;flex-direction:column;gap:5px;justify-content:center}}@media(max-width:375px){.best39-list{width:100%;margin:0}.best39-list .list-item.first-row{padding:0 4px}.best39-list .list-item-avatar{margin-right:6px;min-width:39px;height:39px}.best39-list .list-item-avatar img{width:39px;height:39px}.best39-list .list-item-title{font-size:12px}.best39-list .list-item-subtitle{font-size:13px}}.summary-container{width:100%;background-color:#1e1e1e;color:#fff;font-family:Avenir,Lato,Helvetica,Arial,sans-serif}.summary-section{background-color:#1e1e1e}.spacer{height:12px;background-color:#121212}.divider{height:1px;background-color:#333;width:100%}.divider.inset{margin-left:56px;width:calc(100% - 56px)}.list-item{display:flex;align-items:center;padding:0 16px;min-height:44px}.list-item-content{flex:1;font-size:14px}.user-info-header{display:flex;justify-content:space-between;align-items:flex-start;width:100%;padding-top:8px}.user-rank-container{text-align:right}.list-item-title{font-size:16px;font-weight:700}.list-item-subtitle{font-size:12px;color:#aaa;margin-top:2px}.rank-label{font-size:11px;color:#aaa;margin-bottom:2px}.rank-value{font-size:14px;font-weight:500;color:#fff}.list-item-action{font-size:14px;color:#aaa;display:flex;align-items:center;position:relative}.list-item-avatar-placeholder{width:50px;height:40px;background-color:#333;border-radius:50%;margin-right:16px;background-image:url(https://via.placeholder.com/40);background-size:cover}.header-row{padding-right:16px}.icon-placeholder{width:40px;margin-right:16px}.difficulty-headers{display:flex;flex:1;width:100%;justify-content:space-between}.diff-header{width:15%;text-align:center;border-radius:10px;font-size:11px;font-weight:700;color:#000000b3;padding:2px 0}.diff-header.easy{background-color:#81c784}.diff-header.normal{background-color:#64b5f6}.diff-header.hard{background-color:#ffb74d}.diff-header.expert{background-color:#e57373}.diff-header.master{background-color:#ba68c8}.diff-header.append{background-image:linear-gradient(to bottom right,#ad92fd,#fe7bde)}.rank-icon-container{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-right:16px}.rank-icon{width:100%;text-align:center;border-radius:10px;font-size:12px;font-weight:700;padding:2px 0;line-height:1.5}.rank-icon.rank-p{background-image:linear-gradient(to bottom,#f06292,#64b5f6);border:1px solid #FFFFFF;color:#fff}.rank-icon.rank-f{background-color:#f06292;color:#000000b3}.rank-icon.rank-c{background-color:transparent;color:#ffb74d;border:1px solid #FFB74D}.rank-icon.all{color:#aaa}.rank-counts{display:flex;flex:1;width:100%;justify-content:space-between}.count-cell{width:15%;text-align:center;font-size:13px;color:#ddd}.count-cell.full-width{width:100%;text-align:center}.chart-legend{display:flex;justify-content:flex-start;padding:8px 16px;gap:12px;font-size:9px;color:#fff}.legend-item{display:flex;align-items:center;gap:6px;white-space:nowrap}.dot{width:10px;height:10px;border-radius:2px}.dot.unlocked{background-color:#444}.dot.c{background-color:#ffb74d}.dot.f{background-color:#f06292}.dot.p{background-color:#fff}.info-icon{cursor:pointer;margin-left:6px;border:1px solid #aaa;border-radius:50%;width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;color:#aaa}.info-tooltip{position:absolute;top:24px;right:0;width:280px;padding:12px;font-size:12px;color:#ddd;background-color:#2a2a2a;border:1px solid #444;border-radius:4px;z-index:100;box-shadow:0 4px 8px #00000080}.info-tooltip p{margin:4px 0;line-height:1.4}.r-values-container{display:flex;flex-direction:column;align-items:flex-end;margin-right:8px;line-height:1.2}.append-r-value{font-size:14px;color:#aaa;font-weight:400}.append-info-icon{cursor:pointer;border-radius:50%;width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;background-image:linear-gradient(to bottom right,#ad92fd,#fe7bde);border:1px solid rgba(255,255,255,.5)}.icons-container{display:flex;flex-direction:column;gap:4px;margin-left:6px}@media(max-width:450px){.summary-r-values{display:none!important}}.asset-selector-overlay{position:fixed;inset:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:3000}.asset-selector-modal{background-color:#1e1e1e;width:90%;max-width:800px;height:80vh;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #333;box-shadow:0 10px 25px #00000080}.asset-selector-header{padding:16px;background-color:#252525;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.asset-selector-header h3{margin:0;color:#fff;font-size:1.2rem}.close-btn{background:none;border:none;color:#aaa;font-size:1.5rem;cursor:pointer;padding:0 8px}.close-btn:hover{color:#fff}.asset-selector-content{flex:1;overflow-y:auto;padding:16px}.char-grid,.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.char-item,.card-item{cursor:pointer;border-radius:8px;overflow:hidden;border:2px solid transparent;transition:transform .2s,border-color .2s;aspect-ratio:1;background-color:#333;position:relative}.char-item:hover,.card-item:hover{transform:scale(1.05);border-color:#4ade80;z-index:1}.char-item img,.card-item img{width:100%;height:100%;object-fit:cover}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;color:#aaa;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid #333;border-top:4px solid #4ade80;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.back-btn{background-color:#4b5563;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.9rem}.back-btn:hover{background-color:#6b7280}:root{--bg-color: #717292;--card-bg-color: #333;--popover-bg-color: rgba(74, 74, 74, .85);--text-color: rgba(255, 255, 255, 1);--border-color: #444;--text-color-light-gray: #ccc;--unit-color-vs: #aaaaaa;--unit-color-ln: #4455DD;--unit-color-mmj: #88DD44;--unit-color-vbs: #EE1166;--unit-color-wxs: #FF9900;--unit-color-n25: #884499;--unit-color-oth: #ffffff;--unit-color-unk: #aaaaaa;--diff-easy: #11dd77;--diff-easy-light: #8aeebc;--diff-normal: #33ccff;--diff-normal-light: #9ae6ff;--diff-hard: #ffcc00;--diff-hard-light: #ffe680;--diff-expert: #ff4477;--diff-expert-light: #ff99b5;--diff-master: #cc33ff;--diff-master-light: #d99cef;--diff-append: #febdf1}.song-list{display:flex;flex-direction:column;gap:.75rem}.song-item{position:relative;display:flex;align-items:center;background-color:#5c5c7dcc;border-radius:12px;padding:10px;border-bottom:1px solid var(--border-color)}.song-cover-wrapper{position:relative;z-index:2;flex-shrink:0;cursor:pointer}.song-cover{width:80px;height:80px;object-fit:cover;border-radius:8px;border:3px solid transparent;box-sizing:border-box}.unit-border-VS{border-color:var(--unit-color-vs)}.unit-border-L-n{border-color:var(--unit-color-ln)}.unit-border-MMJ{border-color:var(--unit-color-mmj)}.unit-border-VBS{border-color:var(--unit-color-vbs)}.unit-border-WxS{border-color:var(--unit-color-wxs)}.unit-border-N25{border-color:var(--unit-color-n25)}.unit-border-Oth{border-color:var(--unit-color-oth)}.unit-border-Unk{border-color:var(--unit-color-unk)}.song-details{position:relative;z-index:1;flex-grow:1;padding:0 1rem;display:flex;flex-direction:column;justify-content:center;gap:.75rem;min-height:80px}.song-titles{display:flex;align-items:baseline;flex-wrap:wrap}.title-ko{font-size:1.1rem;font-weight:900;white-space:nowrap;color:#fff}.title-jp{font-size:.9rem;font-weight:500;color:var(--text-color-light-gray);margin-left:.75rem}.song-bpm{font-size:.9rem;font-weight:500;color:var(--text-color-light-gray);white-space:nowrap;margin-left:1rem}.difficulty-circles{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.circle{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;font-weight:900;font-size:1rem;transition:transform .2s ease;box-sizing:border-box;cursor:pointer;background-color:transparent}.circle:hover{transform:scale(1.1)}.circle.easy{color:#fff;border:3.5px solid #13d675;border-color:var(--diff-easy)}.circle.normal{color:#fff;border:3.5px solid var(--diff-normal)}.circle.hard{color:#fff;border:3.5px solid var(--diff-hard)}.circle.expert{color:#fff;border:3.5px solid #ff4179;border-color:var(--diff-expert)}.circle.master{color:#fff;border:3.5px solid #cb34ff;border-color:var(--diff-master)}.circle.append{color:#fff;border:3.5px solid var(--diff-append);background-color:transparent}.circle.result-clear,.circle.result-full_combo,.circle.result-full_perfect{background-origin:padding-box}.circle.easy.result-clear,.circle.easy.result-full_combo,.circle.easy.result-full_perfect{border:3.5px solid var(--diff-easy-light)}.circle.normal.result-clear,.circle.normal.result-full_combo,.circle.normal.result-full_perfect{border:3.5px solid var(--diff-normal-light)}.circle.hard.result-clear,.circle.hard.result-full_combo,.circle.hard.result-full_perfect{border:3.5px solid var(--diff-hard-light)}.circle.expert.result-clear,.circle.expert.result-full_combo,.circle.expert.result-full_perfect{border:3.5px solid var(--diff-expert-light)}.circle.master.result-clear,.circle.master.result-full_combo,.circle.master.result-full_perfect{border:3.5px solid var(--diff-master-light)}.circle.append.result-clear,.circle.append.result-full_combo,.circle.append.result-full_perfect{border:3.5px solid var(--diff-append)}.result-clear{background-color:#ffc107;color:#000}.result-full_combo{background-color:#ff5252;color:#fff}.result-full_perfect{background:linear-gradient(to bottom right,#f06292,#64b5f6);color:#fff}.circle.append.result-clear{background:#ffc107}.circle.append.result-full_combo{background:#ff5252}.circle.append.result-full_perfect{background:linear-gradient(to bottom right,#f06292,#64b5f6)}.score-input-container{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-color);min-height:100vh;width:100%;max-width:1000px;margin:0 auto;position:relative;z-index:1}.score-input-bg-layer{position:fixed;top:0;left:0;right:0;height:100vh;background-image:url(/bg.webp);background-size:cover;background-position:center;z-index:-2}.score-input-overlay-layer{position:fixed;top:0;left:0;right:0;height:100vh;background-image:linear-gradient(to bottom,#817eaacc,#5c5c7d4d 50%,#5c5c7dcc),radial-gradient(circle at center,#afb5d5 0%,#adaac3 1.25px,transparent 1.25px),radial-gradient(circle at center,#afb5d5 0%,#adaac3 1.25px,transparent 1.25px);background-size:100% 100%,4px 4px,4px 4px;background-position:0 0,0 0,2px 2px;z-index:-1;opacity:.8}.score-input-header{position:sticky;top:0;z-index:1000;background-color:#5c5c7df2;border-radius:0 0 12px 12px;margin:0 0 15px;padding:10px 20px 5px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;gap:10px}.header-top-row{display:flex;justify-content:space-between;align-items:center}.header-title{margin:0;font-size:1.1rem;font-weight:700}.header-actions{display:flex;gap:8px}.back-button,.export-button,.import-button,.share-button{padding:6px 16px;border-radius:20px!important;font-weight:700;cursor:pointer;border:none;font-size:.8rem;transition:all .2s;white-space:nowrap}.back-button,.export-button,.import-button{background-color:#eaebf3!important;color:#434367!important;box-shadow:0 2px 5px #0003}.back-button:hover,.export-button:hover,.import-button:hover{filter:brightness(.95);transform:translateY(-1px)}.share-button{background-color:#e1bee7;color:#4a148c;box-shadow:0 2px 5px #0003}.share-button:hover{filter:brightness(.95);transform:translateY(-1px)}.import-button{display:inline-flex;align-items:center;justify-content:center}.search-input{width:100%;padding:10px;border-radius:8px;border:1px solid var(--border-color);background-color:#fff;color:#6a6a6a;font-size:.95rem;font-weight:700;box-sizing:border-box}.search-input:focus{outline:none;border-color:#64b5f6}.difficulty-header-row{display:flex;align-items:center;padding:0 10px;margin-top:5px;position:relative}.difficulty-header-spacer{width:80px;flex-shrink:0}.difficulty-header-content{flex-grow:1;padding:0 1rem;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.difficulty-header-labels{display:flex;gap:1rem;order:1}.difficulty-instruction{font-size:.8rem;color:#fff;margin-left:auto;white-space:nowrap;padding-left:10px;order:2}.header-circle{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;font-weight:800;font-size:.55rem;color:#000;box-sizing:border-box;text-align:center;line-height:1;word-break:break-all}.header-circle.has-value{font-size:1.1rem!important;font-weight:900}.header-circle.normal,.header-circle.expert,.header-circle.master,.header-circle.append{font-size:.43rem}.header-circle.easy{background-color:var(--diff-easy);border:3.5px solid var(--diff-easy-light)}.header-circle.normal{background-color:var(--diff-normal);border:3.5px solid var(--diff-normal-light)}.header-circle.hard{background-color:var(--diff-hard);border:3.5px solid var(--diff-hard-light)}.header-circle.expert{background-color:var(--diff-expert);border:3.5px solid var(--diff-expert-light)}.header-circle.master{background-color:var(--diff-master);border:3.5px solid var(--diff-master-light)}.header-circle.append{background:linear-gradient(to bottom right,#ad92fd,#fe7bde);border:3.5px solid var(--diff-append)}.score-legend{display:flex;justify-content:center;align-items:center;gap:15px}.legend-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#fff}.legend-circle{width:20px;height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.65rem;font-weight:700}.legend-circle.clear{background-color:#ffc107;color:#000}.legend-circle.fc{background-color:#ff5252;color:#fff}.legend-circle.ap{background:linear-gradient(to bottom,#f06292,#64b5f6);color:#fff}.score-popover{position:absolute;top:110%;left:50%;transform:translate(-50%);border:1px solid #ffffff;background-color:#5c5c7df2;border-radius:8px;padding:8px;display:flex;gap:5px;z-index:100;white-space:nowrap}.score-popover:before{content:"";position:absolute;border:1px solid #ffffff;top:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid rgba(92,92,125,.95)}.score-popover button{padding:6px 10px;border-radius:4px;border:none;background-color:#eaebf3;color:#434367;cursor:pointer;font-size:12px;font-weight:700;transition:all .2s}.score-popover button:hover{background-color:#555;color:#fff}.score-popover button.active-clear{background-color:#ffc107;color:#000;border-color:#ffc107}.score-popover button.active-fc{background-color:#ff5252;color:#fff;border-color:#ff5252}.score-popover button.active-ap{background:linear-gradient(to bottom,#f06292,#64b5f6);color:#fff;border:none}.inline-score-container{display:flex;align-items:center;gap:20px;margin-left:20px}.inline-score-buttons{display:flex;gap:12px}.inline-score-btn{min-width:20px;padding:6px 16px;border:1px solid #555;background-color:transparent;border-radius:20px;color:#888;font-weight:700;font-size:.9rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s ease}.inline-score-btn:hover{border-color:#aaa;color:#ddd}.inline-score-btn.active-clear{background-color:#ffc107;border-color:#ffc107;color:#000;box-shadow:0 0 10px #ffc10766}.inline-score-btn.active-fc{background-color:#ff5252;border-color:#ff5252;color:#fff;box-shadow:0 0 10px #ff525266}.inline-score-btn.active-ap{background:linear-gradient(to bottom right,#f06292,#64b5f6);border:none;color:#fff;box-shadow:0 0 10px #f0629266}.inline-score-btn.active-none{background-color:#555;border-color:#555;color:#fff}.circle.filtered-style{color:#000!important;font-weight:900}.circle.filtered-style.easy{background-color:var(--diff-easy);border:3.5px solid var(--diff-easy-light)}.circle.filtered-style.normal{background-color:var(--diff-normal);border:3.5px solid var(--diff-normal-light)}.circle.filtered-style.hard{background-color:var(--diff-hard);border:3.5px solid var(--diff-hard-light)}.circle.filtered-style.expert{background-color:var(--diff-expert);border:3.5px solid var(--diff-expert-light)}.circle.filtered-style.master{background-color:var(--diff-master);border:3.5px solid var(--diff-master-light)}.circle.filtered-style.append{background:linear-gradient(to bottom right,#ad92fd,#fe7bde);border:3.5px solid var(--diff-append)}.reset-filter-btn{width:30px;height:30px;border-radius:50%;border:none;background-color:#eaebf3;color:#434367;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s;box-shadow:0 2px 5px #0003}.desktop-only{display:flex}.reset-filter-btn:hover{filter:brightness(.95);transform:scale(1.1)}.difficulty-header-labels{display:flex;gap:1rem;align-items:center}.difficulty-header-spacer{width:80px;flex-shrink:0;display:flex;justify-content:center;align-items:center}.song-details{position:relative;z-index:1;flex-grow:1;padding:0 1rem;display:flex;flex-direction:column;justify-content:center;gap:.75rem;min-height:80px;min-width:0}.song-title-row{display:flex;justify-content:space-between;align-items:baseline;width:100%}.song-titles{display:flex;align-items:baseline;flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.title-ko{font-size:1.1rem;font-weight:900;white-space:nowrap;color:#fff;overflow:hidden;text-overflow:ellipsis}.title-jp{font-size:.9rem;font-weight:500;color:var(--text-color-light-gray);margin-left:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-dropdown{position:absolute;top:120%;left:50%;transform:translate(-50%);background-color:#2a2a2a;border:1px solid #444;border-radius:8px;padding:5px;z-index:200;box-shadow:0 8px 24px #0009;max-height:400px;overflow-y:auto;min-width:80px;display:flex;flex-direction:column;gap:2px}.filter-option{padding:10px 15px;color:#ddd;font-size:1rem;cursor:pointer;text-align:center;border-radius:4px;transition:all .2s}.filter-option:hover{background-color:#444;color:#fff}.filter-option.selected{background-color:#2196f3;color:#fff;font-weight:700}.filter-dropdown::-webkit-scrollbar{width:8px}.filter-dropdown::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.filter-dropdown::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.filter-dropdown::-webkit-scrollbar-thumb:hover{background:#777}.bulk-input-btn{padding:6px 12px;background-color:#444;color:#fff;border:1px solid #666;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:700;transition:all .2s}.bulk-input-btn:hover{background-color:#555;border-color:#888}.bulk-panel{background-color:#5c5c7df2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:12px;width:320px;box-shadow:0 10px 30px #00000080;display:flex;flex-direction:column;gap:15px}.bulk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.bulk-header h3{margin:0;color:#fff;font-size:1.1rem}.bulk-close-btn{background:none;border:none;color:#eaebf3;font-size:1.2rem;cursor:pointer;padding:0;line-height:1}.bulk-close-btn:hover{color:#fff}.bulk-modal-overlay,.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;display:flex;justify-content:center;align-items:center}.bulk-modal-overlay{z-index:2000}.modal-overlay{z-index:3000}.bulk-modal,.preview-modal,.share-modal{background-color:#5c5c7df2;padding:24px;border-radius:16px;width:90%;box-shadow:0 20px 50px #000000b3;display:flex;flex-direction:column;gap:20px;animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bulk-modal{max-width:400px}.preview-modal{max-width:500px;max-height:85vh;overflow-y:auto}.share-modal{max-width:480px}.bulk-modal h2,.preview-modal h2,.share-modal h2{margin:0 0 5px;color:#fff;text-align:center;font-size:1.4rem;font-weight:800}.preview-modal p,.share-modal p{color:#fff;text-align:center;font-size:.95rem;margin:0;line-height:1.5}.preview-stats{display:flex;justify-content:space-between;gap:15px;margin-top:10px}.stat-item{flex:1;background-color:#0003;padding:15px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1)}.stat-item .label{font-size:.85rem;color:#888;font-weight:600}.stat-item .value{font-size:1.3rem;font-weight:900;color:#fff}.preview-best39{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.preview-best39 h3{margin:0;font-size:1rem;color:#ccc;font-weight:700}.preview-list{flex:1;overflow-y:auto;background-color:#0003;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px;border:1px solid rgba(255,255,255,.1)}.preview-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background-color:#ffffff1a;border-radius:8px;color:#fff;transition:background-color .2s;white-space:nowrap}.preview-item:hover{background-color:#333}.preview-item .rank{font-weight:900;color:gold;width:30px;text-align:center;flex-shrink:0}.preview-diff{font-size:.75rem;font-weight:800;padding:2px 0;border-radius:4px;color:#fff;width:40px;text-align:center;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.preview-diff.easy{background-color:var(--diff-easy)}.preview-diff.normal{background-color:var(--diff-normal)}.preview-diff.hard{background-color:var(--diff-hard)}.preview-diff.expert{background-color:var(--diff-expert)}.preview-diff.master{background-color:var(--diff-master)}.preview-diff.append{background:linear-gradient(to bottom right,#ad92fd,#fe7bde)}.preview-clear-status{font-size:.75rem;font-weight:800;padding:2px 0;border-radius:4px;width:40px;text-align:center;flex-shrink:0;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.preview-clear-status.P{background:linear-gradient(to bottom right,#f06292,#64b5f6)}.preview-clear-status.F{background-color:#ff5252}.preview-clear-status.C{background-color:#ffc107;color:#000;text-shadow:none}.preview-item .title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.9rem;font-weight:500;margin:0 5px}.preview-item .score{font-weight:900;color:#00e5ff;font-size:1rem;width:45px;text-align:right;flex-shrink:0}.url-container{display:flex;gap:10px;background-color:#0003;padding:8px;border-radius:10px;border:1px solid rgba(255,255,255,.1);margin-top:10px}.url-container input{flex:1;background:transparent;border:none;color:#ddd;font-size:.9rem;padding:8px;outline:none;font-family:monospace}.url-container button{background-color:#eaebf3;color:#434367;border:none;padding:8px 16px;border-radius:6px;font-weight:700;cursor:pointer;transition:all .2s}.url-container button:hover{background-color:#555}.preview-actions,.modal-actions{display:flex;gap:12px;margin-top:5px}.preview-btn,.confirm-btn{flex:1;padding:14px;border-radius:10px;border:none;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .1s,filter .2s}.preview-btn:active,.confirm-btn:active{transform:scale(.98)}.preview-btn.cancel{background-color:#eaebf3;color:#434367}.preview-btn.cancel:hover{background-color:#444;color:#fff}.preview-btn.confirm,.confirm-btn{background-color:#eaebf3;color:#434367;box-shadow:0 2px 5px #0003}.preview-btn.confirm:hover,.confirm-btn:hover{filter:brightness(1.1);box-shadow:0 6px 20px #2196f366}.mobile-only{display:none}@media(max-width:768px){.score-input-container{padding:1rem;min-width:0;width:100%}.score-input-header{padding:10px 1rem 5px;gap:10px;margin-left:-1rem;margin-right:-1rem;width:calc(100% + 2rem);margin-top:-1rem}.header-top-row{flex-wrap:wrap;gap:10px}.score-legend{order:3;width:100%;justify-content:center;margin-top:5px}.header-actions{margin-left:auto}.song-list{margin-left:-.5rem;margin-right:-.5rem}.song-item{border-radius:12px;min-width:0}.song-cover-wrapper,.song-cover{width:60px;height:60px;flex-shrink:0}.song-details{padding:0 .75rem;gap:.5rem;min-width:0;min-height:0;flex-shrink:1}.song-titles{flex-shrink:1;min-width:0;display:flex;flex-wrap:wrap}.title-ko{font-size:.9rem;white-space:normal;min-width:0}.title-jp,.song-bpm{font-size:.75rem;margin-left:.5rem}.song-bpm{flex-shrink:0}.difficulty-circles{gap:.75rem;flex-wrap:wrap;min-width:0}.circle{width:35px;height:35px;font-size:.95rem;border-width:3.5px;flex-shrink:0}.difficulty-header-row{flex-wrap:wrap;gap:2px;justify-content:space-between;align-items:flex-start;padding:0}.difficulty-header-spacer{display:none}.mobile-only{display:flex}.desktop-only{display:none}.difficulty-header-labels{gap:8px;flex-wrap:wrap;overflow-x:visible;justify-content:center;max-width:100%;width:100%}.header-circle{width:34px;height:34px;font-size:.55rem;border-width:2.5px;flex-shrink:0}.header-circle.has-value{font-size:.8rem!important}.header-circle.normal,.header-circle.expert,.header-circle.master,.header-circle.append{font-size:.38rem}.difficulty-right-section{width:auto;margin-left:auto!important;margin-top:0;flex-direction:column;align-items:flex-end;gap:2px}.difficulty-header-content{flex-direction:row;align-items:center;gap:4px;padding-left:0}.difficulty-instruction.mobile-only{display:flex;font-size:.7rem;color:#fff;white-space:nowrap;text-align:left;margin-left:0;font-weight:600}.difficulty-instruction.desktop-only{display:none}.bulk-input-btn{font-size:.8rem;padding:4px 8px}.back-button,.export-button,.import-button,.share-button{padding:4px 8px!important;font-size:.75rem}.inline-score-buttons{gap:8px}.inline-score-btn{min-width:36px;padding:6px 12px;font-size:.8rem}.filter-dropdown{position:absolute;top:120%;left:50%;transform:translate(-50%);width:auto;min-width:80px;max-height:300px;z-index:2000;box-shadow:0 8px 24px #0009}}.dashboard-layout{display:flex;width:fit-content;max-width:1200px;margin:0 auto;background-color:#1e1e1e;border:1px solid #333;border-radius:8px;overflow:hidden}.left-panel-wrapper{width:360px;flex-shrink:0;border-right:1px solid #333;display:flex;flex-direction:column}.best39-section{flex-grow:1;width:auto;max-width:none;margin:0}@media(max-width:768px){.dashboard-layout{flex-direction:column;border:none;background-color:transparent;width:fit-content;max-width:100%;margin:0 auto}.left-panel-wrapper{width:100%;border-right:none;border-bottom:1px solid #333;margin-bottom:20px}.best39-section{width:100%}}@media(max-width:375px){.dashboard-layout{width:100%}.header-circle{width:35px;height:35px;font-size:.48rem;border-width:2px}.header-circle.normal,.header-circle.expert,.header-circle.master,.header-circle.append{font-size:.36rem}.circle{width:32px;height:32px;font-size:.85rem;border-width:3px}}.bulk-panel-container{position:fixed;bottom:90px;right:20px;z-index:2000;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.bulk-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;padding-bottom:12px;margin-bottom:4px}.bulk-header h3{margin:0;color:#fff;font-size:1.1rem;font-weight:800}.bulk-close-btn{background:none;border:none;color:#888;font-size:1.2rem;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.bulk-close-btn:hover{background-color:#333;color:#fff}.bulk-section{display:flex;flex-direction:column;gap:8px}.bulk-section label{color:#aaa;font-size:.85rem;font-weight:700;margin-left:4px}.bulk-diff-buttons{display:flex;gap:8px;justify-content:center}.bulk-diff-btn{width:40px;height:40px;border-radius:50%;border:3px solid transparent;background-color:#eaebf3;color:#434367;font-weight:800;font-size:.6rem;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .2s}.bulk-diff-btn:hover{transform:scale(1.1)}.bulk-diff-btn.selected{color:#000;transform:scale(1.15);box-shadow:0 0 10px #ffffff4d}.bulk-diff-btn.easy.selected{background-color:var(--diff-easy);border-color:var(--diff-easy-light)}.bulk-diff-btn.normal.selected{background-color:var(--diff-normal);border-color:var(--diff-normal-light)}.bulk-diff-btn.hard.selected{background-color:var(--diff-hard);border-color:var(--diff-hard-light)}.bulk-diff-btn.expert.selected{background-color:var(--diff-expert);border-color:var(--diff-expert-light)}.bulk-diff-btn.master.selected{background-color:var(--diff-master);border-color:var(--diff-master-light)}.bulk-diff-btn.append.selected{background:linear-gradient(to bottom right,#ad92fd,#fe7bde);border-color:var(--diff-append)}.bulk-level-range{display:flex;align-items:center;justify-content:center;gap:10px;background-color:transparent;padding:10px;border-radius:10px}.bulk-level-range select{padding:8px;border-radius:6px;background-color:#eaebf3;color:#434367;border:none;font-size:1rem;width:80px;text-align:center;outline:none;font-weight:700}.bulk-result-buttons{display:flex;gap:10px;justify-content:center}.bulk-result-btn{padding:10px 16px;border-radius:8px;border:none;background-color:#eaebf3;color:#434367;font-weight:700;cursor:pointer;transition:all .2s;flex:1;box-shadow:0 2px 5px #0003}.bulk-result-btn.active.none{background-color:#777;color:#fff;border-color:#999}.bulk-result-btn.active.clear{background-color:#ffc107;color:#000;border-color:#ffc107}.bulk-result-btn.active.fc{background-color:#ff5252;color:#fff;border-color:#ff5252}.bulk-result-btn.active.ap{background:linear-gradient(to bottom right,#f06292,#64b5f6);color:#fff;border:none}.bulk-actions{margin-top:10px}.bulk-apply-btn{width:100%;padding:14px;border-radius:10px;border:none;font-weight:800;font-size:1rem;cursor:pointer;background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;box-shadow:0 4px 15px #2196f34d;transition:all .2s}.bulk-apply-btn:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}@media(max-width:768px){.bulk-panel-container{right:10px;left:10px;bottom:80px;width:auto;display:flex;justify-content:center}.bulk-panel{width:100%;max-width:400px}}.song-bulk-btn{background-color:#eaebf3;color:#434367;border:none;padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s;margin-left:8px;white-space:nowrap}.song-bulk-btn:hover{background-color:#555;color:#fff}.fixed-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:999;background:transparent}.score-popover.right-aligned:before{left:auto;right:14px;transform:none}.profile-edit-form{display:flex;flex-direction:column;gap:16px;width:100%}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#aaa;font-size:.9rem;font-weight:600}.form-group input{background-color:#333;border:1px solid #555;color:#fff;padding:12px;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s}.form-group input:focus{border-color:#888}.form-group input[type=date],.form-group input[type=time]{color-scheme:dark;width:150px;font-family:inherit}@media(max-width:375px){.preview-modal{width:95%;padding:16px;max-height:90vh}.date-time-group{flex-direction:row;gap:5px!important}.form-group input{padding:8px;font-size:.85rem}}@media(max-width:350px){.back-button,.export-button,.import-button,.share-button{padding:4px 6px!important;font-size:.7rem!important}}.desktop-instruction-container{display:flex;align-items:center;gap:10px}.bulk-input-trigger-btn{background:#eaebf3;border:none;border-radius:20px;color:#434367!important;font-size:.8rem;cursor:pointer;padding:6px 16px!important;outline:none;box-shadow:0 2px 5px #0003;transition:all .2s;white-space:nowrap;font-weight:700}.bulk-input-trigger-btn:hover{filter:brightness(1.1);box-shadow:0 4px 8px #2196f366;transform:translateY(-1px)}.bulk-input-trigger-btn.mobile{font-size:.8rem!important;padding:4px 8px!important;margin-right:5px}.song-info-popover{position:absolute;top:0;left:0;min-width:180px;padding:.5rem .75rem;background-color:#4a4a4ad9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:8px;box-shadow:0 4px 12px #0006;display:flex;flex-direction:column;justify-content:center;gap:.5rem;color:#fff;animation:fadeIn .15s ease-in-out;z-index:10;pointer-events:none;text-align:left}.popover-column{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600}.popover-column span{white-space:nowrap}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.song-info-popover{left:0;min-width:150px}}.stats-container{padding:20px;background:transparent!important;min-height:100vh;color:#e0e0e0;box-sizing:border-box;position:relative}.stats-bg-layer{position:fixed;inset:0;background-image:url(/bg.webp);background-size:cover;background-position:center;z-index:0}.stats-overlay-layer{position:fixed;inset:0;background-image:linear-gradient(to bottom,#817eaacc,#5c5c7d4d 50%,#5c5c7dcc),radial-gradient(circle at center,#afb5d5 0%,#adaac3 1.25px,transparent 1.25px),radial-gradient(circle at center,#afb5d5 0%,#adaac3 1.25px,transparent 1.25px);background-size:100% 100%,4px 4px,4px 4px;background-position:0 0,0 0,2px 2px;z-index:0;opacity:.8}.stats-header{display:flex;align-items:center;gap:20px;margin-bottom:20px;flex-wrap:wrap;position:relative;z-index:1;background-color:#5c5c7de6;padding:20px;border-radius:16px;box-shadow:0 4px 15px #0000001a}.stats-header h1{margin:0;font-size:1.8rem;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.header-content{display:flex;flex-direction:column;gap:10px}.header-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.difficulty-toggles{display:flex;gap:8px}.info-box{background-color:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px 16px;font-size:.85rem;color:#e0e0e0;line-height:1.4;display:flex;flex-direction:column;justify-content:center}.info-box p{margin:2px 0}.diff-col{display:flex;flex-direction:column;gap:4px;align-items:center}.diff-placeholder{width:100%;height:34px}.diff-btn{padding:6px 12px;border-radius:8px;border:1px solid #6b7280;background-color:#374151;color:#9ca3af;font-weight:700;cursor:pointer;transition:all .2s;font-size:.9rem;height:34px;display:flex;align-items:center;justify-content:center;width:60px}.diff-btn:hover{background-color:#4b5563;color:#fff}.diff-btn.active{color:#fff;border-color:transparent;box-shadow:0 2px 4px #0000004d}.diff-btn.master.active{background-color:#9333ea}.diff-btn.master-ap.active{background:linear-gradient(135deg,#9333ea,#fff);color:#000;border:1px solid #fff}.diff-btn.expert.active{background-color:#ef4444}.diff-btn.append.active{background:linear-gradient(to bottom right,#ad92fd,#fe7bde)}.diff-btn.append-ap.active{background:linear-gradient(135deg,#ad92fd,#fe7bde,#fff);color:#000;border:1px solid #fff}.ap-header-badge{background:linear-gradient(to bottom,#f06292,#64b5f6);color:#fff;padding:4px 0;border-radius:4px;font-weight:900;font-size:1rem;box-shadow:0 2px 4px #0003;border:1px solid rgba(255,255,255,.3);display:block;width:100%;text-align:center}.back-button{background-color:#4b5563;border:1px solid #6b7280;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700;transition:all .2s;white-space:nowrap}.back-button:hover{background-color:#6b7280}.tier-list-scroll-container{border:1px solid #4b5563;border-radius:8px;background-color:#374151b3;padding-bottom:10px;box-shadow:0 4px 20px #0000004d;display:flex;justify-content:center;width:fit-content;min-width:100%;position:relative;z-index:1}.tier-grid{display:grid;grid-template-columns:60px 1fr auto 1fr;border-collapse:collapse;width:fit-content;min-width:auto}.grid-header{background-color:#374151;color:#fff;font-weight:900;text-align:center;padding:15px 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom:2px solid #6b7280;position:sticky;top:0;z-index:20;font-size:1.2rem}.level-tier-header{background-color:#4b5563;border-right:1px solid #6b7280;font-size:1rem;padding:15px 4px}.category-header{border-right:1px solid #6b7280}.category-header:last-child{border-right:none}.category-header span{display:block;transform:scale(1.1)}.category-header.physical{background-color:#ef444433;color:#fca5a5;border-bottom:2px solid #ef4444}.category-header.general{background-color:#ffffff1a;color:#e5e7eb;border-bottom:2px solid #9ca3af}.category-header.brain{background-color:#3b82f633;color:#93c5fd;border-bottom:2px solid #3b82f6}.grid-cell{border-bottom:none;border-right:1px solid #4b5563;background-color:transparent;display:flex;align-items:center;min-height:60px}.level-border-bottom{border-bottom:4px solid #9ca3af}.level-tier-cell{background-color:#374151;position:relative;justify-content:center;border-right:1px solid #6b7280}.external-links{display:flex;gap:8px;align-items:center}.link-btn{padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:700;font-size:.9rem;transition:all .2s;display:flex;align-items:center;height:100%;box-sizing:border-box}.link-btn.jp-tier{background-color:#3f51b5;color:#fff;border:1px solid #5c6bc0}.link-btn.jp-tier:hover{background-color:#303f9f}.link-btn.gallery-tier{background-color:#3f51b5;color:#fff}.link-btn.gallery-tier:hover{background-color:#303f9f}.source-info-container{position:relative;display:inline-block}.source-info-btn{background-color:#607d8b;color:#fff;border:none;cursor:pointer;font-size:.8rem}.source-info-btn:hover{background-color:#455a64}.source-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#333;border:1px solid #444;border-radius:4px;padding:8px;display:flex;flex-direction:column;gap:4px;z-index:100;width:max-content;box-shadow:0 4px 8px #0000004d;margin-top:4px}.source-tooltip a{color:#fff;text-decoration:none;font-size:.8rem;padding:4px 8px;border-radius:4px;transition:background-color .2s}.source-tooltip a:hover{background-color:#444;text-decoration:underline}.negative-indicator-inline{display:inline-flex;justify-content:center;align-items:center;width:16px;height:16px;background-color:#d32f2f;border-radius:50%;color:#fff;font-size:11px;font-weight:700;margin-right:6px;vertical-align:middle;border:1px solid rgba(255,255,255,.8)}.level-tier-cell:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background-color:#4b5563;transform:translate(-50%);z-index:0}.judgment-border-bottom{border-bottom:1px dashed rgba(156,163,175,.8)}.warning-container{background-color:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:10px 15px;margin-bottom:20px;color:#ffd54f;font-size:.9rem;line-height:1.5;text-align:center}.warning-container p{margin:4px 0}.content-cell{padding:8px}.content-cell.physical{justify-content:flex-end;background-color:#ef44440d;border-right:1px solid rgba(255,255,255,.1)}.content-cell.general{justify-content:center;background-color:#ffffff0d;border-right:1px solid rgba(255,255,255,.1)}.content-cell.brain{justify-content:flex-start;background-color:#3b82f60d}.judgment-badge{width:36px;height:36px;border-radius:50%;background-color:#333;color:#fff;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1rem;border:2px solid #555;z-index:1;position:relative;box-shadow:0 2px 4px #0000004d}.level-label{width:46px;height:46px;font-size:1.2rem;font-weight:900;background-color:#2e7d32;border-color:#4caf50;color:#fff}.judgment-plus{color:#fff;border-color:#ef5350;background-color:#c62828}.judgment-minus{color:#fff;border-color:#448aff;background-color:#1a237e}.song-grid{display:flex;flex-wrap:nowrap;gap:8px;align-items:center}.center-align{justify-content:center}.song-card{width:60px;height:60px;border-radius:6px;cursor:pointer;transition:transform .2s;background-color:#333;position:relative;flex-shrink:0;box-shadow:0 2px 4px #0000004d;border:1px solid #444}.song-card:hover{transform:scale(1.1);z-index:10;box-shadow:0 8px 16px #00000080;border-color:#fff}.song-card img{width:100%;height:100%;object-fit:cover;border-radius:6px;position:relative;z-index:2}.negative-indicator{position:absolute;top:2px;right:2px;width:16px;height:16px;background-color:#d32f2f;border-radius:50%;color:#fff;font-size:12px;font-weight:700;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.8);z-index:2;pointer-events:none;box-shadow:0 2px 4px #0000004d}.popover-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:flex-end;z-index:1000;animation:fadeIn .2s ease-out}.popover-content{background-color:#1e1e2d;border-top-left-radius:16px;border-top-right-radius:16px;width:100%;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 -4px 20px #0006;border:1px solid #333;animation:slideUpBottom .3s cubic-bezier(.16,1,.3,1);padding-bottom:20px;color:#e0e0e0}@media(min-width:769px){.popover-overlay{align-items:center}.popover-content{border-radius:12px;width:auto;min-width:400px;border:1px solid #444;animation:scaleIn .2s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #00000080}}.popover-header{padding:24px;display:flex;gap:15px;border-bottom:1px solid #333;background-color:#252535;align-items:center}.popover-cover{width:70px;height:70px;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px #0000004d;border:1px solid #444}.popover-title-section{flex:1}.popover-title-section h2{margin:0 0 8px;font-size:1.2rem;line-height:1.3;color:#fff}.popover-subtitle-rows{display:flex;flex-direction:column;gap:6px}.popover-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.popover-level{background-color:#333;padding:2px 6px;border-radius:4px;font-weight:700;font-size:.75rem;color:#bbb;border:1px solid #444}.popover-category{padding:2px 6px;border-radius:4px;font-weight:700;font-size:.75rem}.popover-info{background-color:#333;padding:2px 6px;border-radius:4px;font-weight:700;font-size:.75rem;color:#bbb;border:1px solid #444}.popover-chart-btn{display:flex;align-items:center;justify-content:center;background-color:#3b82f6;color:#fff;text-decoration:none;padding:10px 16px;border-radius:8px;font-weight:700;font-size:1rem;box-shadow:0 2px 4px #0003;transition:background-color .2s;white-space:nowrap;height:fit-content;align-self:center}.popover-chart-btn:hover{background-color:#2563eb}@media(min-width:769px){.popover-level,.popover-category,.popover-info{font-size:.9rem;padding:4px 8px}.popover-title-section h2{font-size:1.5rem}.popover-chart-btn{padding:12px 20px;font-size:1.1rem}}.popover-category.physical{background-color:#ff525233;color:#ff8a80;border:1px solid #d32f2f}.popover-category.general{background-color:#333;color:#e0e0e0;border:1px solid #555}.popover-category.brain{background-color:#448aff33;color:#82b1ff;border:1px solid #1976d2}.popover-body{padding:24px}.popover-section{margin-bottom:15px}.popover-section:last-child{margin-bottom:0}.elements-container{display:flex;flex-wrap:wrap;gap:6px}.element-tag{background-color:#2a2a3d;border:1px solid #444;padding:4px 8px;border-radius:6px;font-size:.9rem;color:#ccc}.memo-text{margin:0;line-height:1.5;color:#ccc;font-size:.95rem;white-space:pre-wrap;background-color:#252535;padding:10px;border-radius:6px;border:1px solid #333}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.stats-container{padding:10px;width:fit-content;min-width:100vw}.stats-header{width:100%;box-sizing:border-box;flex-wrap:wrap}.stats-header h1{font-size:1.2rem;white-space:nowrap}.tier-list-scroll-container{overflow-x:visible;display:block;width:fit-content}.grid-header{font-size:.8rem;padding:5px}.category-header .sub-label{font-size:.6rem}.judgment-badge{width:24px;height:24px;font-size:.8rem}.level-label{width:30px;height:30px;font-size:.9rem}.song-card{width:40px;height:40px}.song-grid{gap:2px}.negative-indicator{width:12px;height:12px;font-size:9px;top:0;right:0}.grid-cell{min-height:45px}.content-cell{padding:4px}}.expert-indicator{position:absolute;top:0;left:0;width:24px;height:24px;background-color:#d32f2f;border-radius:6px 0;color:#fff;font-size:14px;font-weight:700;display:flex;justify-content:center;align-items:center;border:1px solid rgba(255,255,255,.8);z-index:2;pointer-events:none;box-shadow:0 2px 4px #0000004d}@media(max-width:768px){.expert-indicator{width:18px;height:18px;font-size:10px;top:0}}.external-links-container{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.dim-toggle-container{display:flex;flex-direction:column;align-items:flex-start;gap:4px;align-self:flex-start}.dim-toggle-label{display:flex;align-items:center;color:#e5e7eb;font-size:1rem;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none}.dim-toggle-label input{margin-right:8px;width:20px;height:20px;cursor:pointer}.song-card.dimmed img{filter:brightness(.4) grayscale(.5);transition:filter .3s ease}.song-card.dimmed:hover img{filter:brightness(.8) grayscale(.2)}.popover-section.status-control{margin-top:15px;padding-top:15px;border-top:1px solid #374151}.status-buttons{display:flex;gap:8px;justify-content:center}.status-btn{flex:1;padding:6px 0;border-radius:6px;border:1px solid #4b5563;background-color:#1f2937;color:#9ca3af;font-weight:700;cursor:pointer;transition:all .2s;font-size:.9rem}.status-btn:hover{background-color:#374151}.status-btn.active{color:#fff;border-color:transparent}.status-btn.clear.active{background-color:#ffc107;color:#000}.status-btn.fc.active{background-color:#ff5252}.status-btn.ap.active{background:linear-gradient(to bottom right,#f06292,#64b5f6)}.song-card.dimmed-ap{position:relative;overflow:hidden}.song-card.dimmed-ap:after{content:"";position:absolute;inset:0;border-radius:4px;padding:3px;background:linear-gradient(to bottom right,#c2185b,#1976d2);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:2}.song-card.dimmed-ap img{filter:brightness(.3) grayscale(.8)}.status-btn:first-child.active{background-color:#6b7280}.source-toggle-container{display:flex;justify-content:center;align-items:center;margin-left:8px;margin-top:0;width:auto}.toggle-switch{position:relative;width:160px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-label{position:absolute;cursor:pointer;inset:0;background-color:#374151;transition:.4s;border-radius:34px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border:1px solid #6b7280;box-shadow:inset 0 2px 4px #0000004d}.toggle-slider{position:absolute;content:"";height:26px;width:76px;left:4px;bottom:3px;background-color:#3b82f6;transition:.4s;border-radius:26px;z-index:1;box-shadow:0 2px 4px #0000004d}.toggle-switch input:checked+.toggle-label .toggle-slider{transform:translate(76px);background-color:#10b981}.toggle-option{z-index:2;font-size:.8rem;font-weight:700;color:#9ca3af;transition:color .4s;-webkit-user-select:none;user-select:none;width:50%;text-align:center}.toggle-switch input:not(:checked)+.toggle-label .toggle-option.jp{color:#fff}.toggle-switch input:checked+.toggle-label .toggle-option.gallery{color:#fff}.modifier-arrow{position:absolute;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;z-index:5;pointer-events:none}.modifier-arrow.up{top:-12px;border-bottom:12px solid #ef4444}.modifier-arrow.down{bottom:-12px;border-top:12px solid #3b82f6}.modifier-bg{position:absolute;left:50%;transform:translate(-50%);width:100%;height:20px;border-radius:5px;z-index:1}.song-card img{position:relative;z-index:2}.modifier-bg.up{top:-3px;background-color:#e34444}.modifier-bg.down{bottom:-3px;background-color:#3b82f6}body{margin:0;background-color:#121212;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app-container{max-width:1400px;margin:0 auto;padding:20px 0 0}.dashboard-layout{display:flex;align-items:flex-start}.left-panel-wrapper{display:flex;flex-direction:column;width:400px;flex-shrink:0;border-right:1px solid #333}.best39-section{flex:1;min-width:0}.loading{display:flex;justify-content:center;align-items:center;height:100vh;color:#fff;background-color:#121212}.error-message{background-color:#ff5252;color:#fff;padding:10px;margin:20px;border-radius:4px}.profile-edit-form{margin:20px 0}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;color:#aaa;font-size:.9rem}.form-group input{width:100%;padding:10px;border-radius:4px;border:1px solid #444;background-color:#222;color:#fff;font-size:1rem;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#00e5ff}@media(max-width:1024px){.dashboard-layout{display:flex;flex-direction:column}.left-panel-wrapper{display:contents}.profile-section{order:1;width:100%;border-right:none;border-bottom:1px solid #333}.best39-section{order:2;width:100%}.chart-section{order:3;width:100%;border-right:none;border-top:1px solid #333}}