@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,Noto Sans KR,sans-serif;background:#0a0a1a;color:#fff;min-height:100vh;overflow:hidden}.screen{display:none;width:100%;height:100vh}.screen.active{display:flex;flex-direction:column;align-items:center}#screen-auth{justify-content:center;gap:1rem;padding:2rem}#screen-auth h1{font-size:2.5rem;background:linear-gradient(135deg,#e94560,#0f3460);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-container{width:100%;max-width:380px}.auth-form{background:#16213e;border-radius:14px;padding:2rem}.auth-form h3{margin-bottom:1.2rem;font-size:1.3rem;text-align:center}.auth-form input{width:100%;padding:.75rem 1rem;margin-bottom:.6rem;background:#0a0a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:.95rem}.auth-form input:focus{outline:none;border-color:#e94560}.auth-btn{width:100%;padding:.75rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s;margin-bottom:.5rem}.auth-btn.primary{background:#e94560;color:#fff}.auth-btn.primary:hover{background:#c81e45}.auth-btn.google{background:#fff;color:#333;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500}.auth-btn.google:hover{background:#f0f0f0}.auth-btn.google svg{flex-shrink:0}.auth-divider{text-align:center;margin:.8rem 0;position:relative}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#333}.auth-divider span{background:#16213e;padding:0 .8rem;color:#666;font-size:.85rem;position:relative}.auth-switch{text-align:center;margin-top:1rem;color:#888;font-size:.85rem}.auth-switch a{color:#4facfe;text-decoration:none}.auth-switch a:hover{text-decoration:underline}#user-header{width:100%;max-width:600px;display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.5rem 0}.user-info{display:flex;align-items:center;gap:.6rem}#user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#e94560,#0f3460);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}#user-name{font-size:.95rem;color:#ccc}#admin-badge{font-size:.6rem;font-weight:700;padding:.15rem .5rem;border-radius:3px;background:#e94560;color:#fff;letter-spacing:.5px}#btn-logout{background:none;border:1px solid #444;color:#888;padding:.35rem .8rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s}#btn-logout:hover{border-color:#e94560;color:#e94560}body:not(.is-admin) .admin-only{display:none!important}body:not(.is-logged-in) .logged-in-only{display:none!important}.guest-label{font-size:.9rem;color:#888}.btn-header-login{background:#e94560;color:#fff;border:none;border-radius:6px;padding:.4rem .8rem;font-size:.8rem;cursor:pointer;transition:background .2s}.btn-header-login:hover{background:#c81e45}.auth-btn.guest{max-width:380px;margin-top:.5rem;background:none;border:1px solid #444;color:#888}.auth-btn.guest:hover{border-color:#4facfe;color:#4facfe}.visibility-select{margin-bottom:.5rem}.visibility-select label{display:block;font-size:.8rem;color:#888;margin-bottom:.3rem}.visibility-select select{width:100%;padding:.6rem .8rem;background:#0a0a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer}.visibility-select select:focus{outline:none;border-color:#e94560}.vis-badge{font-size:.7rem;margin-left:.3rem}.owner-label{font-size:.65rem;color:#666;margin-left:.3rem}.btn-edit{background:none;border:none;color:#4facfe;font-size:1rem;cursor:pointer;padding:.2rem .4rem;border-radius:4px;transition:color .2s}.btn-edit:hover{color:#fff}.modal-overlay{position:fixed;inset:0;background:#0a0a1ae6;display:flex;justify-content:center;align-items:center;z-index:150}.modal-content{background:#16213e;border-radius:14px;padding:2rem;width:100%;max-width:400px}.modal-content h3{margin-bottom:1rem;text-align:center}.modal-content input,.modal-content select{width:100%;padding:.7rem 1rem;margin-bottom:.5rem;background:#0a0a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:.95rem}.modal-content input:focus,.modal-content select:focus{outline:none;border-color:#e94560}.modal-actions{display:flex;gap:.5rem;margin-top:.5rem}.modal-actions button{flex:1}.auth-btn.secondary{background:#333;color:#ccc}.auth-btn.secondary:hover{background:#444}#screen-select{padding:2rem;overflow-y:auto}#top-menu{width:100%;max-width:1220px;display:flex;gap:.5rem;margin-bottom:.9rem}.top-menu-item{border:1px solid #2f3f6b;background:#131b3a;color:#b9c5ef;font-size:.78rem;border-radius:10px;padding:.38rem .75rem;cursor:pointer}.top-menu-item.active,.top-menu-item:hover{background:#4facfe;border-color:#4facfe;color:#051126;font-weight:700}#select-layout{width:100%;max-width:1220px;display:grid;grid-template-columns:320px minmax(0,1fr);grid-template-areas:"side main";gap:1rem}#left-side-menu{grid-area:side;position:sticky;top:.8rem;align-self:start;width:100%;max-width:320px;border:1px solid #2d3859;border-radius:14px;background:linear-gradient(180deg,#101733,#0b1025);padding:.8rem;max-height:calc(100vh - 2.6rem);overflow:auto}#left-side-menu h4{font-size:.84rem;color:#d8deff;margin-bottom:.55rem}.side-menu-item{width:100%;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;color:#97a6d4;padding:.46rem .55rem;margin-bottom:.3rem;font-size:.78rem;cursor:pointer}.side-menu-item.active,.side-menu-item:hover{background:#4facfe2e;border-color:#3f6aad;color:#e5edff}#select-main-content{grid-area:main;width:100%;min-width:0}#main-home{width:100%;max-width:none;display:block;margin-bottom:1.4rem}#home-hero{border:1px solid #293052;border-radius:18px;padding:2rem;background:radial-gradient(circle at 15% 20%,rgba(79,172,254,.25),transparent 38%),radial-gradient(circle at 85% 80%,rgba(233,69,96,.25),transparent 40%),linear-gradient(150deg,#101533,#0a0a1a 58%,#1a1834)}.hero-label{font-size:.75rem;letter-spacing:.22em;color:#7f90c7;margin-bottom:.7rem}#home-meta{display:flex;flex-wrap:wrap;gap:.45rem 1rem;margin-top:.8rem;color:#9ca5cb;font-size:.78rem}#hot-keywords{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1rem}.keyword-chip{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#cfd6ff;padding:.26rem .65rem;border-radius:999px;font-size:.76rem}#home-chart-panel{border:1px solid #293052;border-radius:18px;background:linear-gradient(180deg,#121936,#0f1330 55%,#0b0f2a);padding:1rem;margin-top:.7rem}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.panel-head h3{font-size:1rem;color:#e7ecff}#chart-meta-badge{font-size:.67rem;color:#9aa8d9;background:#ffffff14;border:1px solid rgba(255,255,255,.14);padding:.2rem .5rem;border-radius:999px}#chart-tabs{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.8rem}.chart-tab{border:1px solid #384172;background:#171f43;color:#aeb9e9;border-radius:8px;padding:.32rem .6rem;font-size:.76rem;cursor:pointer}.chart-tab.active{background:#4facfe;border-color:#4facfe;color:#061226;font-weight:700}#chart-list{display:flex;flex-direction:column;gap:.36rem;max-height:320px;overflow:auto}.chart-row{display:flex;gap:.65rem;align-items:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.42rem .55rem}.chart-rank{width:18px;text-align:center;font-weight:700;color:#78c5ff;font-size:.8rem}.chart-track{min-width:0}.chart-title{font-size:.82rem;color:#eff2ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-artist{font-size:.73rem;color:#9ea7c9}#chart-source-link{margin-top:.85rem;display:inline-flex;font-size:.78rem;color:#78c5ff;text-decoration:none}#chart-source-link:hover{color:#abdfff}#song-list-wrap{width:100%;max-width:none}.library-title{color:#c4cae8;font-size:.98rem;margin:.4rem 0 .7rem}#screen-select h1{font-size:3rem;margin-bottom:.45rem;background:linear-gradient(135deg,#e94560,#0f3460);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:#888;margin-bottom:2rem}#song-list{display:flex;flex-direction:column;gap:.8rem;width:100%;max-width:1040px;margin-bottom:2rem}#recommend-section{width:100%;max-width:none;margin:.2rem 0 1.3rem}.recommend-head{margin-bottom:.7rem}.recommend-head h3{font-size:1rem;color:#dbe3ff}.recommend-head p{color:#8ea1d3;font-size:.76rem;margin-top:.2rem}#recommend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.recommend-card{border:1px solid #2e3e67;border-radius:12px;background:linear-gradient(150deg,#121a3a,#0f132f);padding:.75rem}.recommend-tag{font-size:.62rem;color:#87c8ff;letter-spacing:.08em;text-transform:uppercase}.recommend-title{margin-top:.35rem;font-size:.86rem;color:#edf2ff}.recommend-desc{margin-top:.4rem;font-size:.72rem;color:#9caad2;line-height:1.45}@media(max-width:960px){#top-menu{flex-wrap:wrap}#select-layout{grid-template-columns:1fr;grid-template-areas:"main"}#left-side-menu{display:none}#main-home{display:block}#recommend-grid{grid-template-columns:1fr}}.btn-theme-toggle{border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#f2f5ff;border-radius:999px;padding:.36rem .72rem;font-size:.78rem;cursor:pointer;transition:all .2s}.btn-theme-toggle:hover{border-color:#ffffff6b;background:#ffffff1f}body.light-theme{color:#172034;background:#ecf1fb}body.light-theme #screen-select{background:radial-gradient(1100px 520px at 6% -8%,rgba(255,25,76,.1),transparent 58%),radial-gradient(900px 420px at 96% 8%,rgba(30,186,255,.1),transparent 62%),linear-gradient(160deg,#f3f6fc,#edf2fb 56%,#e7edf9)}body.light-theme #user-header{border-color:#1f345e24;background:#ffffffc7}body.light-theme .guest-label,body.light-theme #user-name{color:#3c4a66}body.light-theme .btn-theme-toggle{border-color:#16264938;background:#ffffffb8;color:#1e2c4a}body.light-theme .btn-theme-toggle:hover{border-color:#16264959;background:#fffffff2}body.light-theme .top-menu-item{border-color:#27365a33;background:#ffffffb8;color:#263757}body.light-theme #left-side-menu{border-color:#1b2e5626;background:#ffffffd9}body.light-theme #left-side-menu h4{color:#556481}body.light-theme .side-menu-item{color:#2f4164}body.light-theme .side-menu-item.active,body.light-theme .side-menu-item:hover{color:#162038;border-color:#ff467057}body.light-theme #home-chart-panel,body.light-theme .recommend-card,body.light-theme .song-add-section,body.light-theme .song-card,body.light-theme #drop-zone{border-color:#1d305426;background:#ffffffd6}body.light-theme #home-hero{border-color:#1b2c4e26;background:linear-gradient(106deg,rgba(255,47,95,.14) 0%,rgba(255,47,95,.06) 36%,transparent 68%),radial-gradient(360px 250px at 82% 28%,rgba(67,214,255,.16),transparent 72%),#ffffffe6}body.light-theme #main-home h1,body.light-theme .panel-head h3,body.light-theme .library-title,body.light-theme .recommend-head h3,body.light-theme .song-name,body.light-theme .recommend-title,body.light-theme .chart-title{color:#18284a}body.light-theme #main-home .subtitle,body.light-theme #home-meta,body.light-theme .recommend-head p,body.light-theme .recommend-desc,body.light-theme .song-meta,body.light-theme .chart-artist{color:#536482}body.light-theme .keyword-chip{color:#21335a;border-color:#223a672e;background:#ffffffdb}body.light-theme .chart-row{border-color:#22375c1f;background:#f8fafff0}body.light-theme #screen-auth .subtitle,body.light-theme #result-stats .label,body.light-theme #diff-song-info,body.light-theme .diff-desc,body.light-theme .diff-notes{color:#566786}body.light-theme .auth-form,body.light-theme .modal-content,body.light-theme #result-stats,body.light-theme .diff-card{background:#fff;color:#17243f;border:1px solid rgba(27,44,78,.15)}body.light-theme .auth-form input,body.light-theme .modal-content input,body.light-theme .modal-content select,body.light-theme .song-add-section input,body.light-theme .visibility-select select{background:#f5f8ff;color:#16243f;border-color:#1b2c4e2e}.song-card{display:flex;align-items:center;background:#16213e;border:1px solid #1a1a3e;border-radius:12px;overflow:hidden;transition:all .2s}.song-card:hover{background:#1a2a50;border-color:#e94560;transform:translate(4px)}.song-thumbnail{width:120px;height:68px;object-fit:cover;flex-shrink:0;background:#0a0a1a}.song-thumbnail.placeholder{display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:#444;width:120px;height:68px;background:#0d1530}.song-body{display:flex;align-items:center;justify-content:space-between;flex:1;padding:.6rem 1rem;min-width:0}.song-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.song-name{font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-meta{font-size:.75rem;color:#888;display:flex;align-items:center;gap:.4rem}.song-meta.details{display:block;font-size:.68rem;color:#6f7896;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-badge{font-size:.6rem;padding:.1rem .4rem;border-radius:3px;font-weight:700;letter-spacing:.5px}.sync-badge.bpm{background:#444;color:#ccc}.sync-badge.audio{background:#0f3460;color:#4facfe}.sync-badge.chart{background:#1a4a2e;color:#43e97b}.song-actions{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.btn-play{background:#e94560;color:#fff;border:none;border-radius:8px;padding:.45rem .9rem;font-size:.8rem;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-play:hover{background:#c81e45}.btn-listen{background:none;border:1px solid #555;color:#ccc;border-radius:8px;padding:.45rem .7rem;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-listen:hover{border-color:#4facfe;color:#4facfe}.btn-delete{background:none;border:none;color:#444;font-size:1.2rem;cursor:pointer;padding:.2rem .4rem;border-radius:4px;transition:color .2s}.btn-delete:hover{color:#e94560}#drop-zone{width:100%;max-width:600px;margin-bottom:1rem;padding:2rem 1.5rem;border:2px dashed #333;border-radius:12px;text-align:center;cursor:pointer;transition:all .2s;background:#0d1530}#drop-zone:hover{border-color:#e94560;background:#16213e}#drop-zone.drag-over{border-color:#4facfe;background:#4facfe1a;transform:scale(1.01)}.drop-icon{font-size:2rem;margin-bottom:.5rem}.drop-text{font-size:1rem;color:#ccc;margin-bottom:.3rem}.drop-formats{font-size:.75rem;color:#666}.song-add-section{width:100%;max-width:600px;background:#16213e;border-radius:12px;padding:1.5rem}.song-add-section h3{margin-bottom:1rem;color:#ccc}.song-add-section input{width:100%;padding:.7rem 1rem;margin-bottom:.5rem;background:#0a0a1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:.95rem}.song-add-section input:focus{outline:none;border-color:#e94560}#btn-add-song{width:100%;padding:.7rem;background:#e94560;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;margin-top:.3rem;transition:background .2s}#btn-add-song:hover{background:#c81e45}#screen-game{position:relative}#game-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:1rem 2rem;z-index:10;background:linear-gradient(to bottom,rgba(10,10,26,.9),transparent)}#song-title-display{font-size:1rem;color:#aaa}#score-display,#combo-display{font-size:1.1rem;font-weight:700}#combo-display{color:#e94560}#game-area{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:flex-end;padding-right:360px}#lanes{--lane-count: 4;display:flex;gap:4px;height:100%;position:relative}.lane{width:clamp(48px,calc((100vw - 420px) / var(--lane-count)),90px);height:100%;background:#ffffff08;border-left:1px solid rgba(255,255,255,.05);border-right:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.lane-label{position:absolute;bottom:60px;left:50%;transform:translate(-50%);font-size:1.8rem;color:#ffffff26;font-weight:700;z-index:2;pointer-events:none}.hit-zone{position:absolute;bottom:50px;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,#e94560,transparent);z-index:2}.lane.flash{background:#e9456026}.note{position:absolute;left:50%;transform:translate(-50%);width:max(26px,calc(100% - 16px));max-width:70px;height:24px;border-radius:6px;z-index:1;background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 0 12px #4facfe80}.note[data-key=ArrowLeft]{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 0 12px #667eea80}.note[data-key=ArrowDown]{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 0 12px #f5576c80}.note[data-key=ArrowUp]{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 0 12px #4facfe80}.note[data-key=ArrowRight]{background:linear-gradient(135deg,#43e97b,#38f9d7);box-shadow:0 0 12px #43e97b80}.note.hit{animation:noteHit .3s ease-out forwards}@keyframes noteHit{0%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%) scale(1.5);opacity:0}}#judge-display{position:absolute;bottom:120px;left:50%;transform:translate(-50%);font-size:1.8rem;font-weight:900;z-index:20;pointer-events:none;text-shadow:0 0 20px currentColor;opacity:0;transition:opacity .1s}#judge-display.show{opacity:1;animation:judgePopup .4s ease-out}#judge-display.perfect{color:#43e97b}#judge-display.great{color:#4facfe}#judge-display.good{color:#f9d423}#judge-display.miss{color:#e94560}@keyframes judgePopup{0%{transform:translate(-50%) scale(.5)}50%{transform:translate(-50%) scale(1.2)}to{transform:translate(-50%) scale(1)}}#progress-bar{position:absolute;bottom:0;left:0;right:0;height:3px;background:#111;z-index:10}#progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#e94560,#0f3460);transition:width .5s}#video-player{position:absolute;bottom:12px;left:12px;width:200px;height:113px;border-radius:8px;border:1px solid #333;background:#000;z-index:15;object-fit:cover;display:none}#yt-player-wrap{position:absolute;bottom:12px;right:12px;width:200px;height:113px;border-radius:8px;overflow:hidden;z-index:15;border:1px solid #333;background:#000}#yt-player-wrap iframe{width:100%;height:100%}#chart-analytics-panel{position:absolute;top:70px;right:12px;width:340px;max-height:calc(100vh - 94px);overflow:auto;border-radius:12px;border:1px solid #2f3a59;background:#080c1ce6;padding:.7rem;z-index:16;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.analytics-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.analytics-head h3{font-size:.86rem;color:#dce3ff}#analytics-section-now{font-size:.7rem;color:#78c5ff}#analytics-summary{font-size:.72rem;color:#9eacd2;margin-bottom:.5rem}#analytics-sections{position:relative;display:flex;gap:2px;height:14px;margin-bottom:.55rem}.analytics-section-bar{height:100%;border-radius:4px;opacity:.9}#analytics-playhead{position:absolute;top:-2px;width:2px;height:18px;background:#fff;box-shadow:0 0 8px #ffffffe6}#analytics-tracks{display:flex;flex-direction:column;gap:.32rem;margin-bottom:.6rem}.a-track-row{display:grid;grid-template-columns:64px 1fr 26px;gap:.35rem;align-items:center}.a-track-name{font-size:.66rem;color:#9ea9cf;text-transform:uppercase}.a-track-count{font-size:.62rem;color:#6d7ca8;text-align:right}.a-track-lane{position:relative;height:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;border-radius:8px}.a-track-marker{position:absolute;top:2px;width:2px;height:7px;border-radius:2px;background:#9dd8ff;opacity:.82}#analytics-upcoming{border-top:1px solid rgba(255,255,255,.12);padding-top:.5rem}.a-upcoming-title{font-size:.7rem;color:#9ea9cf;margin-bottom:.3rem}.a-upcoming-row{display:flex;justify-content:space-between;font-size:.66rem;color:#c7d2fb;margin-bottom:.2rem}@media(max-width:1200px){#game-area{padding-right:0}#chart-analytics-panel{display:none}}#btn-quit{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:1px solid #444;color:#aaa;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;cursor:pointer;z-index:20;transition:all .2s}#btn-quit:hover{background:#e94560;color:#fff;border-color:#e94560}#screen-result{justify-content:center;gap:1.5rem;padding:2rem}#result-grade{font-size:5rem;font-weight:900}#result-grade.s{color:#43e97b}#result-grade.a{color:#4facfe}#result-grade.b{color:#f9d423}#result-grade.c{color:#f093fb}#result-grade.d{color:#e94560}#result-stats{background:#16213e;border-radius:12px;padding:1.5rem 2.5rem;text-align:left;line-height:2;font-size:1.1rem}#result-stats .label{color:#888;display:inline-block;width:120px}#screen-result button{padding:.8rem 2rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background .2s}#btn-retry{background:#e94560;color:#fff}#btn-retry:hover{background:#c81e45}#btn-back{background:#16213e;color:#fff;border:1px solid #333}#btn-back:hover{background:#1a2a50}.level-badge{font-size:.65rem;font-weight:700;padding:.1rem .45rem;border-radius:3px;letter-spacing:.3px}.level-badge.lv1{background:#1a4a2e;color:#43e97b}.level-badge.lv2{background:#1a3a4a;color:#4facfe}.level-badge.lv3{background:#3a3a1a;color:#f9d423}.level-badge.lv4{background:#4a2a1a;color:#f5946c}.level-badge.lv5{background:#4a1a2a;color:#e94560}#screen-difficulty{justify-content:center;gap:1.5rem;padding:2rem;position:relative}.back-arrow{position:absolute;top:1.5rem;left:1.5rem;background:none;border:1px solid #444;color:#ccc;font-size:1.3rem;padding:.3rem .8rem;border-radius:8px;cursor:pointer;transition:all .2s}.back-arrow:hover{border-color:#e94560;color:#fff}#diff-song-info{font-size:1rem;color:#888;margin-bottom:.5rem}.diff-song-title{font-size:1.3rem;color:#eee;font-weight:600}#screen-difficulty h2{font-size:1.5rem;margin-bottom:.5rem}#diff-options{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.diff-card{width:180px;background:#16213e;border:2px solid #1a1a3e;border-radius:14px;padding:1.5rem 1rem;text-align:center;cursor:pointer;transition:all .2s}.diff-card:hover{transform:translateY(-4px)}.diff-card[data-diff=easy]{border-color:#1a4a2e}.diff-card[data-diff=easy]:hover{border-color:#43e97b;background:#1a2a20}.diff-card[data-diff=easy] .diff-stars,.diff-card[data-diff=easy] .diff-name{color:#43e97b}.diff-card[data-diff=normal]{border-color:#1a3a4a}.diff-card[data-diff=normal]:hover{border-color:#4facfe;background:#1a2030}.diff-card[data-diff=normal] .diff-stars,.diff-card[data-diff=normal] .diff-name{color:#4facfe}.diff-card[data-diff=hard]{border-color:#4a1a2a}.diff-card[data-diff=hard]:hover{border-color:#e94560;background:#2a1a20}.diff-card[data-diff=hard] .diff-stars,.diff-card[data-diff=hard] .diff-name{color:#e94560}.diff-stars{font-size:1.2rem;margin-bottom:.5rem}.diff-name{font-size:1.3rem;font-weight:900;margin-bottom:.3rem}.diff-desc{font-size:.8rem;color:#888;margin-bottom:.8rem}.diff-notes{font-size:.75rem;color:#666}#countdown{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;font-size:8rem;font-weight:900;background:#0a0a1ad9;z-index:100;color:#e94560;text-shadow:0 0 40px rgba(233,69,96,.6)}#screen-select{position:relative;background:radial-gradient(1100px 520px at 6% -8%,rgba(255,25,76,.2),transparent 58%),radial-gradient(900px 420px at 96% 8%,rgba(30,186,255,.14),transparent 62%),linear-gradient(160deg,#050608,#090d19 56%,#120910);padding:1.4rem}#screen-select:before,#screen-select:after{content:"";position:fixed;pointer-events:none;z-index:0;border-radius:50%;filter:blur(50px)}#screen-select:before{width:300px;height:300px;top:10%;left:-80px;background:#ff184a2e}#screen-select:after{width:240px;height:240px;right:-70px;bottom:10%;background:#00dbff24}#screen-select>*{position:relative;z-index:1}#user-header{max-width:1280px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#080a10bd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.65rem .85rem;margin-bottom:.75rem}#top-menu{max-width:1280px;gap:.6rem;margin-bottom:.75rem}.top-menu-item{border:1px solid rgba(255,255,255,.14);background:#ffffff08;color:#d8deed;font-size:.78rem;letter-spacing:.02em;border-radius:999px;padding:.42rem .88rem}.top-menu-item.active,.top-menu-item:hover{background:linear-gradient(130deg,#ff214f,#ff3f6a);border-color:#ff3a64;color:#fff;box-shadow:0 12px 22px #ff225047}#select-layout{max-width:1280px;grid-template-columns:300px minmax(0,1fr);gap:.85rem}#left-side-menu{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(180deg,#ffffff08,#ffffff03),#0d111c;padding:.9rem;top:.4rem;max-height:calc(100vh - 2.2rem)}#left-side-menu h4{font-size:.8rem;color:#8d96aa;text-transform:uppercase;letter-spacing:.09em}.side-menu-item{border:1px solid transparent;border-radius:12px;color:#b7c0d3;padding:.52rem .62rem;margin-bottom:.35rem;font-size:.8rem}.side-menu-item.active,.side-menu-item:hover{background:linear-gradient(120deg,#ff2a5933,#ff2a5914);border-color:#ff416c61;color:#fff}#home-chart-panel{border:1px solid rgba(255,255,255,.09);border-radius:14px;background:radial-gradient(350px 120px at 100% -5%,rgba(255,48,86,.22),transparent 72%),#0a0d16;margin-top:.85rem}.panel-head h3{font-size:.92rem;letter-spacing:.01em}#chart-meta-badge{font-size:.64rem;color:#ffd0dc;background:#ff1e5721;border:1px solid rgba(255,73,122,.33)}.chart-tab{border:1px solid rgba(255,255,255,.16);background:#ffffff05;color:#d0d7e7}.chart-tab.active{background:linear-gradient(130deg,#ff2857,#ff4b74);border-color:#ff5078;color:#fff}.chart-row{background:#ffffff0a;border:1px solid rgba(255,255,255,.09)}.chart-rank{color:#ff6e8f}#select-main-content{padding-bottom:1rem}#home-hero{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:2.1rem 2rem;background:linear-gradient(106deg,rgba(255,47,95,.25) 0%,rgba(255,47,95,.08) 36%,transparent 68%),radial-gradient(360px 250px at 82% 28%,rgba(67,214,255,.26),transparent 72%),#0c101a}#home-hero:after{content:"";position:absolute;right:-80px;top:50%;transform:translateY(-50%);width:300px;height:300px;border-radius:50%;border:24px solid rgba(255,255,255,.08);box-shadow:inset 0 0 40px #ff598240}.hero-label{color:#ff9ab0;font-weight:700}#main-home h1{font-size:clamp(2rem,3.8vw,3.1rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:.45rem;color:#fff}#main-home .subtitle{max-width:620px;color:#c8cfdf;margin-bottom:0}#home-meta{color:#aeb7ca}.keyword-chip{background:#ffffff17;border:1px solid rgba(255,255,255,.14);color:#f0f4ff}.library-title{font-size:1rem;color:#eff3ff;margin:.2rem 0 .6rem}.song-card{border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,#ffffff08,#ffffff03);border-radius:14px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.song-card:hover{border-color:#ff5c84b3;background:linear-gradient(145deg,#ff38672e,#ffffff08);transform:translateY(-2px)}.song-meta{color:#9ca8c0}.song-meta.details{color:#8190aa}.btn-play{background:linear-gradient(135deg,#ff2556,#ff4a72);border-radius:10px}.btn-play:hover{background:linear-gradient(135deg,#ff3a68,#ff5f85)}.btn-listen{border:1px solid rgba(255,255,255,.28);color:#d2dae8}.btn-listen:hover{border-color:#76dfff;color:#76dfff}#recommend-section{margin-top:.3rem}.recommend-head h3{font-size:1.02rem;color:#f2f4ff}.recommend-head p{color:#a2b0cb;font-size:.78rem}#recommend-grid{gap:.78rem}.recommend-card{border:1px solid rgba(255,255,255,.11);border-radius:14px;background:radial-gradient(300px 90px at 100% 0%,rgba(255,48,92,.22),transparent 75%),#0c101be0;padding:.85rem}.recommend-tag{color:#ff86a2}.recommend-title{color:#f2f6ff}.recommend-desc{color:#a8b4cf}#drop-zone{max-width:none;border:1px dashed rgba(255,255,255,.28);border-radius:14px;background:#0c101bb8}#drop-zone:hover{border-color:#ff4e79a6;background:#ff27571c}.song-add-section{max-width:none;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#0d111ce6;margin-bottom:.85rem}@media(max-width:960px){#screen-select{padding:.95rem}#user-header{padding:.55rem .6rem}#top-menu{margin-bottom:.6rem}#home-hero{padding:1.3rem 1.1rem}#home-hero:after{width:180px;height:180px;border-width:16px;right:-58px}#song-list{gap:.62rem}.song-card{align-items:stretch}.song-thumbnail,.song-thumbnail.placeholder{width:108px;height:auto}}.song-stats{display:flex;gap:12px;font-size:.85rem;color:#94a3b8;margin-top:8px}.song-stats span{display:flex;align-items:center;gap:6px;background:#ffffff0d;padding:2px 8px;border-radius:4px}.star-rating{display:flex;justify-content:center;gap:12px;font-size:2.2rem;cursor:pointer;margin:15px 0}.star{color:#334155;transition:transform .2s,color .2s}.star:hover{transform:scale(1.2)}.star.active{color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.5)}#folder-panel{margin-top:1.2rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.08)}#folder-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.folder-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;cursor:pointer;background:#ffffff05;border:1px solid transparent;transition:all .2s}.folder-item:hover{background:#ffffff0d;border-color:#ffffff1a}.folder-name{flex:1;font-size:.88rem;color:#cbd5e1}.btn-add-folder{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#f8fafc;width:32px;height:32px;border-radius:8px;cursor:pointer}.btn-add-folder:hover{background:#ffffff1f;border-color:#fff3}