*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:#0d1420;color:#e8eef6;font-family:-apple-system,Noto Sans KR,Malgun Gothic,sans-serif;overscroll-behavior:none;user-select:none}.center-msg{height:100%;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;color:#9fb2c8}.library{max-width:560px;margin:0 auto;padding:20px 16px calc(24px + env(safe-area-inset-bottom))}.lib-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.header-btns{display:flex;gap:8px}.header-btns .hud-btn{display:flex;align-items:center;justify-content:center}.lib-header h1{font-size:26px;letter-spacing:.5px}.subtitle{color:#8fa3ba;font-size:13px;margin-top:4px}.banner-slot{background:linear-gradient(90deg,#14273f,#1a2c46);border:1px solid #27405f;border-radius:10px;padding:10px 14px;font-size:13px;color:#a9c3e0;margin-bottom:14px}.song-list{list-style:none;display:flex;flex-direction:column;gap:8px}.song-list li{display:flex;align-items:center;gap:12px;background:#131e30;border:1px solid #1f3049;border-radius:12px;padding:12px 14px;cursor:pointer;transition:background .15s}.song-list li:active{background:#1a2a42}.song-list li.locked{opacity:.55}.song-order{width:32px;height:32px;border-radius:8px;background:#1d3050;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#7fd7cc;flex-shrink:0}.preview-btn{width:36px;height:36px;border-radius:50%;flex-shrink:0;border:1px solid #2c4667;background:#1d3050;color:#7fd7cc;font-size:13px;cursor:pointer}.preview-btn.on{background:#1f6f66;border-color:#3fd6c8;color:#eafffb}.song-info{flex:1;min-width:0}.song-title{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-sub{font-size:12px;color:#8fa3ba;margin-top:2px}.stars{color:#ffd45e;font-size:14px;letter-spacing:1px}.lock{font-size:16px}.overlay{position:fixed;inset:0;background:#050a12b8;display:flex;align-items:center;justify-content:center;z-index:40}.modal{background:#16223a;border:1px solid #27405f;border-radius:16px;padding:22px;width:min(92vw,380px);display:flex;flex-direction:column;gap:14px;max-height:86vh;overflow-y:auto}.modal h2{font-size:19px}.modal-desc{color:#a9bdd6;font-size:14px}.modal-fineprint{color:#6d829b;font-size:12px}.opt-group{display:flex;flex-direction:column;gap:8px}.opt-group>label{font-size:13px;color:#a9bdd6}.seg{display:flex;gap:6px}.seg button{flex:1;padding:10px 4px;border-radius:10px;border:1px solid #27405f;background:#101a2c;color:#c6d6e8;font-size:14px;cursor:pointer;display:flex;flex-direction:column;gap:2px;align-items:center}.seg button small{font-size:10px;color:#7189a3}.seg button.on{background:#1f4d49;border-color:#3fd6c8;color:#c8fff7}.btn{padding:11px 16px;border-radius:12px;border:1px solid #2c4667;background:#182842;color:#dce8f5;font-size:15px;cursor:pointer}.btn.primary{background:#1f6f66;border-color:#3fd6c8;color:#eafffb;font-weight:700}.btn.big{padding:14px 16px}input[type=range]{width:100%;accent-color:#3fd6c8}.game-root{position:fixed;inset:0;background:#0a1220}.game-canvas{width:100%;height:calc(100% - env(safe-area-inset-bottom,0px));display:block;touch-action:none}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top));pointer-events:none}.hud-btn{pointer-events:auto;width:38px;height:38px;border-radius:10px;border:1px solid #2c4667;background:#101a2ccc;color:#c6d6e8;font-size:15px;cursor:pointer;flex-shrink:0}.hud-title{flex:1;font-size:14px;color:#b9cde2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-stats{display:flex;gap:12px;font-size:15px;font-weight:700;color:#d8fff4}.combo{color:#ffd45e}.progress-bar{position:absolute;top:0;left:0;right:0;height:3px;background:#ffffff14}.progress-bar>div{height:100%;background:#3fd6c8;transition:width .2s linear}.countdown{font-size:84px;font-weight:800;color:#d8fff4}.rotate-hint{display:none}@media (orientation: portrait){.game-root .rotate-hint{display:flex;position:absolute;inset:0;z-index:30;background:#080e18eb;align-items:center;justify-content:center;font-size:18px;color:#c6d6e8;pointer-events:none}}.freeplay-top{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:10px;padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top))}.freeplay-canvas{position:absolute;left:0;right:0;bottom:env(safe-area-inset-bottom,0px);top:calc(54px + env(safe-area-inset-top));width:100%;height:calc(100% - 54px - env(safe-area-inset-top) - env(safe-area-inset-bottom,0px));touch-action:none}.octave-label{font-size:13px;color:#7fd7cc;min-width:30px;text-align:center}.listen-root{position:fixed;inset:0;display:flex;flex-direction:column;background:#0a1220;padding-bottom:env(safe-area-inset-bottom,0px)}.listen-top{display:flex;align-items:center;gap:10px;padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top))}.falling-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:#a9bdd6;white-space:nowrap;cursor:pointer}.falling-toggle input{accent-color:#2f7ff6}.listen-progress{position:static;flex-shrink:0;height:5px}.listen-progress-hit{padding:6px 0;cursor:pointer;flex-shrink:0;touch-action:manipulation}.score-pane{flex:1;overflow-y:auto;background:#fdfcf8;position:relative;border-radius:10px;margin:6px 8px}.score-pane .center-msg{color:#667}.free-badge{font-size:11px;font-weight:700;color:#2fd67f;border:1px solid rgba(47,214,127,.55);border-radius:10px;padding:1px 8px;margin-right:8px;vertical-align:middle}.popular-badge{color:#ff9f5b;border-color:#ff9f5b8c}.measure-flash{position:absolute;pointer-events:none;border-radius:4px;background:#33e02f38;border:2px solid rgba(51,224,47,.65);animation:measure-flash-fade 1.1s ease-out forwards}@keyframes measure-flash-fade{0%{opacity:1}55%{opacity:1}to{opacity:0}}.listen-canvas{width:100%;display:block;flex-shrink:0;touch-action:none}.score-lock-note{flex-shrink:0;text-align:center;font-size:12px;color:#ffd45e;padding:4px 8px;background:#ffd45e14}.music-pass-pitch{font-size:14px;line-height:1.6;color:#d8fff4;background:linear-gradient(135deg,#143c3a,#1a2c46);border:1px solid #3fd6c8;border-radius:12px;padding:14px}.result{height:100%;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;padding:20px}.result h2{font-size:20px;color:#b9cde2}.result-stars .star{font-size:46px;color:#33415a;margin:0 4px}.result-stars .star.on{color:#ffd45e;text-shadow:0 0 18px rgba(255,212,94,.5)}.result-acc{font-size:52px;font-weight:800;color:#eafffb}.result-detail{display:flex;gap:18px;color:#8fa3ba;font-size:14px}.result-msg{color:#a9bdd6;font-size:15px;margin-bottom:8px}.result .btn{width:min(80vw,300px)}.settings{max-width:560px;margin:0 auto;padding:20px 16px;display:flex;flex-direction:column;gap:20px}