.music-deck{--route:#7d9fd6;--deck:#0e1013;--deck-text:#f4f2ec;--deck-soft:#f4f2eca3;--deck-faint:#f4f2ec8f;--deck-line:#ffffff1a;background:var(--deck);background:radial-gradient(70rem 32rem at 10% -12%, color-mix(in srgb, var(--route) 20%, transparent), transparent 70%), var(--deck);color:var(--deck-text);padding-block:clamp(3.5rem,7vw,6.5rem);position:relative;overflow:hidden}.music-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:2.25rem;display:flex}.music-tab{color:var(--deck-text);font:inherit;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:999px;padding:.55rem 1rem;font-size:.78rem;font-weight:700}.music-tab[aria-pressed=true]{border-color:var(--deck-text);background:var(--deck-text);color:var(--deck)}.music-deck__head{gap:1.25rem;margin-bottom:2.25rem;display:grid}@media (min-width:1024px){.music-deck__head{grid-template-columns:minmax(0,1fr) minmax(0,31rem);align-items:end;gap:3rem;margin-bottom:2.75rem}}.music-kicker{color:var(--route);font-size:.8rem;font-weight:700}html[lang=en] .music-kicker{letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.music-deck__title{font-family:var(--font-display), "Pretendard Variable", sans-serif;letter-spacing:-.05em;margin-top:.8rem;font-size:clamp(2.7rem,6.2vw,5.6rem);font-weight:800;font-stretch:85%;line-height:.95}.music-deck__intro p{color:var(--deck-soft);word-break:keep-all;font-size:.95rem;line-height:1.75}.music-textlink{color:var(--deck-text);opacity:.82;align-items:center;gap:.35rem;margin-top:.9rem;font-size:.75rem;font-weight:700;transition:opacity .2s;display:inline-flex}.music-textlink:hover{opacity:1}.music-stage{gap:1rem;display:grid}@media (min-width:1024px){.music-stage{grid-template-columns:minmax(0,1.8fr) minmax(19rem,1fr);gap:1.25rem}}.music-screen{aspect-ratio:16/9;box-shadow:0 2.5rem 6rem -3rem color-mix(in srgb, var(--route) 55%, transparent);background:#000;border-radius:1rem;position:relative;overflow:hidden}.music-screen__host,.music-screen__host>*,.music-screen iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.music-facade{cursor:pointer;background:#000;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}.music-facade img{-o-object-fit:cover;object-fit:cover;transition:transform .6s}.music-facade:hover img{transform:scale(1.02)}.music-facade__play{z-index:1;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e101380;border:1px solid #fff6;border-radius:999px;place-items:center;width:5rem;height:5rem;padding-left:.2rem;transition:transform .2s,background-color .2s,color .2s;display:grid;position:relative}.music-facade:hover .music-facade__play,.music-facade:focus-visible .music-facade__play{background:var(--route);color:var(--deck);border-color:#0000;transform:scale(1.06)}.music-spin{margin-left:-.2rem;animation:1s linear infinite music-spin}@keyframes music-spin{to{transform:rotate(360deg)}}.music-controls{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.music-round{width:2.6rem;height:2.6rem;color:var(--deck-text);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:999px;flex:none;place-items:center;transition:background-color .2s;display:grid}.music-round:hover{background:#ffffff14}.music-round--main{background:var(--route);width:3rem;height:3rem;color:var(--deck);border-color:#0000}.music-round--main:hover{background:color-mix(in srgb, var(--route) 85%, #fff)}.music-now{flex:1;min-width:0;margin-left:.35rem}.music-now__line{color:var(--deck-soft);align-items:center;gap:.45rem;font-size:.72rem;font-weight:700;display:flex}.music-dot{background:var(--route);border-radius:999px;flex:none;width:.5rem;height:.5rem}.music-now__track{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.2rem;font-size:.95rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.music-controls .music-textlink{margin-top:0}@media (max-width:639px){.music-controls__out{width:100%;padding-left:.2rem}}@media (min-width:640px){.music-controls__out{margin-left:auto}}.music-tracks{border:1px solid var(--deck-line);background:#ffffff09;border-radius:1rem;grid-template-rows:auto minmax(0,1fr);display:grid}@media (min-width:1024px){.music-tracks{contain:size}}.music-tracks__head{border-bottom:1px solid var(--deck-line);color:var(--deck-soft);justify-content:space-between;gap:1rem;padding:.95rem 1.1rem;font-size:.72rem;font-weight:700;display:flex}.music-tracks__list{scrollbar-color:#fff3 transparent;scrollbar-width:thin;max-height:22rem;margin:0;padding:.35rem;list-style:none;position:relative;overflow-y:auto}@media (min-width:1024px){.music-tracks__list{max-height:none}}.music-tracks__empty{color:var(--deck-soft);padding:1.1rem;font-size:.88rem;line-height:1.7}.music-track{color:#f4f2ecd6;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.6rem;grid-template-columns:1.9rem minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.58rem .7rem;transition:background-color .15s;display:grid}.music-track:hover{background:#ffffff0f}.music-track[aria-current]{background:color-mix(in srgb, var(--route) 20%, transparent);color:#fff}.music-track__no,.music-track__time{color:var(--deck-faint);font-family:var(--font-mono), monospace;font-variant-numeric:tabular-nums;font-size:.7rem}.music-track[aria-current] .music-track__no{color:var(--route)}.music-track__title{font-size:.88rem;font-weight:600;line-height:1.35}.music-track__title small{color:var(--deck-faint);margin-top:.12rem;font-size:.72rem;font-weight:500;display:block}.music-eq{align-items:flex-end;gap:2px;height:.8rem;display:inline-flex}.music-eq i{background:var(--route);border-radius:1px;width:3px;height:40%;animation:.9s ease-in-out infinite alternate music-eq}.music-eq i:nth-child(2){animation-delay:-.3s}.music-eq i:nth-child(3){animation-delay:-.6s}@keyframes music-eq{0%{height:25%}to{height:100%}}.music-lines{gap:2rem 1rem;margin:3rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:640px){.music-lines{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.music-lines{grid-template-columns:repeat(4,minmax(0,1fr))}}.music-line{border-radius:.9rem;flex-direction:column;gap:1rem;padding-top:1.35rem;display:flex;position:relative}.music-line__rail{background:color-mix(in srgb, var(--route) 40%, transparent);border-radius:999px;height:4px;transition:background-color .2s;position:absolute;top:.35rem;left:0;right:0}.music-line__rail span{border:3px solid var(--route);background:var(--deck);border-radius:999px;width:.95rem;height:.95rem;transition:background-color .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.music-line[data-current] .music-line__rail,.music-line[data-current] .music-line__rail span{background:var(--route)}.music-line__thumb{aspect-ratio:16/9;outline-offset:3px;background:#000;border-radius:.7rem;outline:2px solid #0000;transition:outline-color .2s;position:relative;overflow:hidden}.music-line[data-current] .music-line__thumb{outline-color:var(--route)}.music-line__thumb img{-o-object-fit:cover;object-fit:cover;transition:transform .5s}.music-line:hover .music-line__thumb img{transform:scale(1.03)}.music-line__playing{background:#0e1013c7;border-radius:999px;align-items:center;gap:.4rem;padding:.32rem .6rem;font-size:.68rem;font-weight:700;display:inline-flex;position:absolute;bottom:.6rem;left:.6rem}.music-line__body h3{letter-spacing:-.03em;font-size:1.3rem;font-weight:700;line-height:1.2}.music-line__button{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.music-line__button:after{content:"";z-index:1;border-radius:.9rem;position:absolute;inset:0}.music-line__button:focus-visible{outline:none}.music-line__button:focus-visible:after{outline-offset:6px;outline:3px solid #8fb4ff}.music-line__time{color:var(--route);flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.35rem;font-size:.8rem;font-weight:700;display:flex}.music-line__now{border:1px solid;border-radius:999px;padding:.12rem .45rem;font-size:.66rem}.music-line__summary{color:var(--deck-soft);word-break:keep-all;margin-top:.6rem;font-size:.84rem;line-height:1.65}.music-line__meta{color:var(--deck-faint);margin-top:.7rem;font-size:.72rem;font-weight:600}@media (min-width:640px){.music-lines--board{grid-template-columns:minmax(0,1fr);gap:2rem 2.75rem}.music-lines--board .music-line{grid-template:"thumb name""thumb time""thumb summary""thumb meta"1fr/11rem minmax(0,1fr);align-items:start;gap:0 1.25rem;display:grid}.music-lines--board .music-line__body{display:contents}.music-lines--board .music-line__thumb{grid-area:thumb}.music-lines--board .music-line__body h3{grid-area:name;font-size:1.15rem}.music-lines--board .music-line__time{grid-area:time;margin-top:.2rem}.music-lines--board .music-line__summary{grid-area:summary;margin-top:.45rem;font-size:.82rem}.music-lines--board .music-line__meta{grid-area:meta;margin-top:.5rem}}@media (min-width:900px){.music-lines--board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.music-lines{gap:1.75rem}.music-line{grid-template-columns:8rem minmax(0,1fr);grid-template-areas:"thumb name""thumb time""thumb meta""summary summary";align-items:center;gap:.15rem .9rem;display:grid}.music-line__body{display:contents}.music-line__thumb{grid-area:thumb;margin-bottom:.2rem}.music-line__body h3{grid-area:name;align-self:end;font-size:1.15rem}.music-line__time{grid-area:time;margin-top:0}.music-line__meta{grid-area:meta;align-self:start;margin-top:0}.music-line__summary{grid-area:summary;margin-top:.6rem}.music-line__playing{padding:.2rem .45rem;font-size:.6rem;bottom:.35rem;left:.35rem}}.music-terms{gap:1.75rem;margin-top:2rem;display:grid}@media (min-width:768px){.music-terms{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}.music-terms>div{border-top:1px solid var(--line);padding-top:1.25rem}.music-terms h3{letter-spacing:-.03em;font-size:1.15rem;font-weight:700}.music-terms p{color:var(--muted);word-break:keep-all;margin-top:.6rem;font-size:.9rem;line-height:1.75}.music-game{border:1px solid var(--line);background:#ffffff73;border-radius:1.25rem;align-items:center;gap:1.25rem;padding:1rem;transition:background-color .2s;display:grid}.music-game:hover{background:#ffffffbf}@media (min-width:768px){.music-game{grid-template-columns:15rem minmax(0,1fr) auto;gap:2rem;padding:1rem 2rem 1rem 1rem}}.music-game__art{aspect-ratio:4/3;background:var(--paper-deep);border-radius:.8rem;position:relative;overflow:hidden}.music-game__art img{-o-object-fit:cover;object-fit:cover}.music-game__more{align-items:center;gap:.4rem;font-size:.75rem;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:reduce){.music-eq i{height:70%;animation:none}.music-spin{animation-duration:2.5s}.music-facade img,.music-line__thumb img{transition:none}}