:root{color:#172033;background:#f6f7f9;font-family:Inter,Pretendard Variable,Noto Sans KR,ui-sans-serif,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:#f6f7f9}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select{font:inherit}button,input,select{min-height:44px}button{border:1px solid #4b3cc4;border-radius:8px;padding:.6rem .85rem;color:#fff;background:#4b3cc4;cursor:pointer;font-weight:700}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #6c5ce7;outline-offset:3px}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.site-header,.site-footer{display:flex;align-items:center;padding:1rem clamp(1rem,4vw,3rem);background:#fff}.site-header{border-bottom:1px solid #e2e7ef}.site-brand{display:inline-flex;align-items:center;gap:.7rem;color:inherit;text-decoration:none;font-weight:800}.brand-mark{display:grid;width:2rem;height:2rem;place-items:center;border-radius:9px;color:#fff;background:#4b3cc4;font-size:.7rem;letter-spacing:.03em}.site-footer{justify-content:center;border-top:1px solid #e2e7ef;color:#718096;font-size:.82rem}.page-content{width:min(1200px,calc(100% - 2rem));margin:0 auto;padding:clamp(1.5rem,4vw,3.5rem) 0}.hero{max-width:760px;margin-bottom:1.5rem}.hero h1{margin:.25rem 0 .7rem;font-size:clamp(2rem,5vw,3.75rem);letter-spacing:-.05em;line-height:1.08}.hero>p:not(.eyebrow):not(.hero-note){max-width:680px;margin:0;color:#536174;line-height:1.7}.hero-note{margin:.9rem 0 0;color:#536174;font-size:.9rem;font-variant-numeric:tabular-nums}.eyebrow{margin:0;color:#4b3cc4;font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.card{border:1px solid #e2e7ef;border-radius:12px;background:#fff;box-shadow:0 12px 32px #1720330d}.score-workspace{display:grid;grid-template-columns:minmax(0,7fr) minmax(280px,3fr);align-items:start;gap:1.25rem}.score-list{min-width:0;padding:clamp(1rem,2.5vw,1.5rem)}.score-detail{min-width:0;padding:1.25rem;position:sticky;top:1rem}.score-list-header,.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.score-list h2,.detail-header h2{margin:.25rem 0;font-size:1.35rem;letter-spacing:-.025em}.chart-sort-explainer{margin:.45rem 0 0;color:#536174;font-size:.9rem}.quiet-button{border-color:#cbd2df;color:#344054;background:#fff;white-space:nowrap}.text-button{min-height:44px;padding:.45rem .2rem;border:0;border-radius:0;color:#4b3cc4;background:transparent;text-decoration:underline;text-underline-offset:.2em}.score-tools{display:grid;grid-template-columns:minmax(190px,1.4fr) minmax(135px,.8fr) minmax(180px,1fr) auto;align-items:end;gap:.75rem;margin-top:1.25rem;padding:1rem 0;border-top:1px solid #e9edf3;border-bottom:1px solid #e9edf3}.score-tools label{display:grid;min-width:0;gap:.35rem;color:#536174;font-size:.78rem;font-weight:700}.score-tools input,.score-tools select{width:100%;min-width:0;padding:.55rem .7rem;border:1px solid #cbd2df;border-radius:8px;color:#172033;background:#fff}.score-list-count{margin:1rem 0 0;color:#536174;font-size:.88rem}.score-table-wrap{margin-top:.7rem;overflow:hidden}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.9rem}th,td{padding:.75rem .55rem;border-bottom:1px solid #e9edf3;text-align:left;vertical-align:middle;overflow-wrap:anywhere}th{color:#718096;font-size:.72rem;letter-spacing:.04em}th:nth-child(1),td:nth-child(1){width:12%;font-variant-numeric:tabular-nums}th:nth-child(2),td:nth-child(2){width:43%}th:nth-child(3),td:nth-child(3){width:16%;font-variant-numeric:tabular-nums;font-weight:800}th:nth-child(4),td:nth-child(4){width:29%}.score-row-selected{background:#f2f0ff}.score-select-button{display:grid;grid-template-columns:48px minmax(0,1fr) auto;width:100%;min-width:0;min-height:48px;align-items:center;gap:.7rem;padding:0;border:0;border-radius:7px;color:#172033;background:transparent;text-align:left}.score-select-button:hover .score-song-copy strong{color:#4b3cc4;text-decoration:underline;text-underline-offset:.18em}.score-song-copy{display:grid;min-width:0;gap:.18rem}.score-song-copy strong,.score-song-copy span{overflow-wrap:anywhere}.score-song-copy strong{line-height:1.35}.score-song-copy span{color:#718096;font-size:.82rem;line-height:1.35}.score-row-score{color:#4b3cc4;font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.score-table-score{color:#4b3cc4}.score-platform-summary{color:#536174;font-size:.8rem;line-height:1.5}.song-artwork-frame{display:grid;width:48px;height:48px;overflow:hidden;flex:0 0 48px;place-items:center;border:1px solid #e2e7ef;border-radius:9px;background:#edf0f5}.song-artwork-detail{width:88px;height:88px;flex-basis:88px;border-radius:12px}.song-artwork-image{display:block;width:100%;height:100%;object-fit:cover}.song-artwork-fallback{display:grid;width:100%;height:100%;place-items:center;color:#718096;font-size:1rem}.score-mobile-list{display:none;margin:.7rem 0 0;padding:0;list-style:none}.score-mobile-list li{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.45rem;padding:.75rem 0;border-bottom:1px solid #e9edf3}.score-mobile-list p{margin:.45rem 0 0 56px;color:#536174;font-size:.78rem;line-height:1.45}.score-mobile-position{padding-top:.75rem;color:#536174;font-size:.78rem;font-variant-numeric:tabular-nums;text-align:center}.pagination-controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;margin-top:1.25rem}.pagination-controls p{margin:0;color:#536174;font-size:.82rem;text-align:center}.score-message{display:grid;gap:.75rem;margin:1rem 0 0;padding:1rem;border-radius:9px;color:#536174;background:#f4f6f9}.score-message p{margin:0}.score-error{color:#8d2633;background:#fff1f2}.score-error button{width:fit-content}.score-loading{display:grid;gap:.7rem;margin-top:1rem}.score-loading p,.detail-loading p{margin:0;color:#536174;font-size:.9rem}.score-skeleton{display:block;width:100%;height:64px;border-radius:9px;background:#edf0f5}.detail-header{min-height:44px}.detail-summary{display:grid;gap:1rem;margin-top:1rem}.detail-song-heading{display:flex;align-items:flex-start;gap:.85rem;min-width:0}.detail-song-copy{min-width:0}.detail-song-copy h3{margin:0;overflow-wrap:anywhere;font-size:1.1rem;line-height:1.35}.detail-artist,.detail-album,.detail-updated,.detail-platform-summary{margin:.3rem 0 0;color:#536174;font-size:.86rem;line-height:1.5;overflow-wrap:anywhere}.detail-score{display:flex;align-items:baseline;justify-content:space-between;padding:.9rem;border-radius:9px;color:#4b3cc4;background:#f2f0ff}.detail-score span{color:#536174;font-size:.82rem;font-weight:700}.detail-score strong{font-size:1.5rem;font-variant-numeric:tabular-nums}.breakdown-title{margin:1.4rem 0 .7rem;font-size:1rem}.breakdown-list{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}.breakdown-item{padding:.85rem;border:1px solid #e2e7ef;border-radius:9px}.breakdown-item strong{font-size:.92rem}.breakdown-item p{margin:.35rem 0 0;color:#536174;font-size:.84rem}.detail-loading{display:grid;gap:.8rem;margin-top:1rem}.score-detail-layer,.detail-backdrop{display:contents}@media(max-width:1023px){.score-workspace{grid-template-columns:1fr}.score-detail{position:static}.breakdown-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){.page-content{width:min(100% - 2rem,680px);padding-top:1.5rem}.hero{margin-bottom:1rem}.hero h1{font-size:clamp(2rem,11vw,2.75rem)}.score-list{padding:1rem}.score-tools{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.score-search-field{grid-column:1 / -1}.score-tools .text-button{justify-self:start}.score-table-wrap{display:none}.score-mobile-list{display:block}.score-list>.score-detail{display:none}.pagination-controls{grid-template-columns:1fr 1fr}.pagination-controls p{grid-column:1 / -1;grid-row:1}.pagination-controls button{width:100%}.score-detail:not(.score-detail-mobile){display:none}.score-detail-layer{position:fixed;z-index:20;inset:0;display:block;overflow:hidden;overscroll-behavior:contain}.detail-backdrop{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:100%;padding:0;border:0;border-radius:0;background:#1720337a;overscroll-behavior:contain;touch-action:none}.score-detail-mobile{position:absolute;right:0;bottom:0;left:0;min-height:0;max-height:min(86vh,760px);max-height:min(86dvh,760px);overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:1rem;border-radius:16px 16px 0 0;box-shadow:0 -16px 48px #1720332e}.breakdown-list{grid-template-columns:1fr}.song-artwork-detail{width:80px;height:80px;flex-basis:80px}}@media(max-width:390px){.score-tools{grid-template-columns:1fr}.score-search-field{grid-column:auto}.score-mobile-list li{grid-template-columns:2.25rem minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}