:root{--player-height:0px;--canvas:#0a0a0a;--surface:#1a1a1a;--surface-raised:#272727;--text:#f0ede8;--text-muted:#9ca3af;--signal:#ff5c20;--control-border:#757575;--focus:#f0ede8;--line:color-mix(in srgb, var(--text) 18%, transparent);--accent:var(--signal);--accent-ink:var(--canvas);--font-display:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", serif;--font-mono:ui-monospace, "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2.5rem;--space-7:4rem;--radius:2px;--gutter:clamp(1rem, 4vw, 2rem)}*,:before,:after{box-sizing:border-box}html{background:var(--canvas);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--canvas);min-height:100vh;color:var(--text);font-family:var(--font-body);-webkit-text-size-adjust:100%;flex-direction:column;margin:0;font-size:1rem;line-height:1.6;display:flex}main{padding-block:var(--space-6);flex:1 0 auto}h1,h2,h3{font-family:var(--font-body);letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.1}h1{font-size:clamp(2.25rem,7vw,4.5rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}p{margin:0}a{color:var(--accent);text-underline-offset:.2em}a:hover{color:var(--text)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;box-shadow:0 0 0 3px var(--canvas)}input[type=range]:focus-visible{box-shadow:none}ul,ol{margin:0;padding:0}.container{width:100%;max-width:75rem;padding-inline:var(--gutter);margin-inline:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{left:var(--space-3);background:var(--accent);color:var(--accent-ink);padding:var(--space-2) var(--space-4);z-index:10;position:absolute;top:-4rem}.skip-link:focus{top:var(--space-3)}.stack{gap:var(--space-4);align-content:start;display:grid}.stack--lg{gap:var(--space-6)}.site-header{border-bottom:1px solid var(--line);background:var(--canvas)}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-1);padding-block:min(var(--space-3), 1.5vh);flex-wrap:wrap;display:flex}.brand{justify-content:center;align-items:center;gap:var(--space-3);min-width:44px;max-width:100%;min-height:44px;color:var(--text);font-family:var(--font-display);flex-wrap:wrap;font-size:1.25rem;text-decoration:none;display:inline-flex}.brand__mark{border:2px solid var(--signal);border-radius:50%;width:.9rem;height:.9rem;display:inline-block}.primary-nav ul,.site-footer ul{gap:0 var(--space-3);flex-wrap:wrap;list-style:none;display:flex}.primary-nav a,.site-footer a{min-width:44px;min-height:44px;padding-inline:var(--space-2);color:var(--text-muted);justify-content:center;align-items:center;font-size:.95rem;text-decoration:none;display:inline-flex}.primary-nav a:hover,.site-footer a:hover{color:var(--text);text-decoration:underline}.brand__name{display:none}.primary-nav{flex:100%;order:3}.primary-nav ul{justify-content:space-between;gap:0 var(--space-2);flex-wrap:wrap;display:flex}.primary-nav a{padding-inline:var(--space-1);text-transform:uppercase;letter-spacing:.04em;overflow-wrap:anywhere;border-block:2px solid #0000;font-size:.95rem}:lang(ko) .primary-nav a{text-transform:none;letter-spacing:0}.primary-nav a[aria-current=page]{color:var(--text);border-block-end-color:var(--text)}.primary-nav__wide{display:none}.site-header__inner{position:relative}.language-switcher__menu:not([open]) .language-switcher__list{display:none}.language-switcher__toggle{align-items:center;gap:var(--space-1);min-width:44px;min-height:44px;padding-inline:var(--space-2);border:1px solid var(--control-border);border-radius:var(--radius);color:var(--text);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;cursor:pointer;font-size:.85rem;list-style:none;display:inline-flex}.language-switcher__toggle::-webkit-details-marker{display:none}.language-switcher__toggle:after{content:"▾";content:"▾" / ""}.language-switcher__toggle:hover{border-color:var(--text)}:lang(ko) .language-switcher__toggle{text-transform:none;letter-spacing:0}.language-switcher__list{z-index:30;min-width:10rem;padding:var(--space-1) 0;background:var(--canvas);border:1px solid var(--line);list-style:none;display:grid;position:absolute;top:100%;right:0}.language-switcher a{min-height:44px;padding-inline:var(--space-3);color:var(--text-muted);align-items:center;font-size:.95rem;text-decoration:none;display:flex}.language-switcher a:hover{color:var(--text);text-decoration:underline}.language-switcher a[aria-current=true]{color:var(--accent)}.language-switcher a[aria-current=true]:before{content:"✓ ";content:"✓ " / ""}:lang(ko){word-break:keep-all}:lang(ko) h1,:lang(ko) h2,:lang(ko) h3{letter-spacing:0}:lang(ko) .kicker,:lang(ko) .badge,:lang(ko) .slot{letter-spacing:.04em;text-transform:none}.site-footer{border-top:1px solid var(--line);padding-block:var(--space-5);color:var(--text-muted);font-size:.9rem}.site-footer__inner{gap:var(--space-4);display:grid}.badge{white-space:nowrap;border:1px solid var(--signal);color:var(--signal);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;border-radius:var(--radius);padding:.1rem .45rem;font-size:.7rem;line-height:1.4;display:inline-block}.badge--quiet{border-color:var(--line);color:var(--text-muted)}.brand .badge{display:none}.kicker{color:var(--signal);text-transform:uppercase;letter-spacing:.16em;font-size:.78rem}.caption{color:var(--text-muted);font-size:.875rem}.page-intro{gap:var(--space-3);max-width:46rem;display:grid}.page-intro__lede{color:var(--text-muted);gap:var(--space-2);font-size:1.1rem;display:grid}.home,.home>.stack{grid-template-columns:minmax(0,1fr)}.home-hero{margin-inline:calc(-1 * var(--gutter));margin-top:calc(-1 * var(--space-6));grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""index";display:grid}.home-hero__visual{background:linear-gradient(to top, var(--canvas) 8%, transparent 70%), repeating-linear-gradient(0deg, color-mix(in srgb, var(--text) 5%, transparent) 0 1px, transparent 1px 7px), radial-gradient(ellipse at 72% 32%, color-mix(in srgb, var(--text) 24%, var(--canvas)) 0%, var(--surface) 42%, var(--canvas) 78%);grid-area:stage;min-height:min(64svh,34rem);position:relative}.home-hero__visual:after{content:"";background:var(--signal);width:2px;display:none;position:absolute}.home-hero__content{z-index:1;align-self:end;gap:min(var(--space-3), 2.5vh);padding:min(var(--space-4), 3vh) var(--gutter) var(--space-4);grid-area:stage;grid-template-columns:minmax(0,1fr);display:grid}.home-hero__meta{justify-content:space-between;gap:var(--space-1) var(--space-4);padding-top:var(--space-2);border-top:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);flex-wrap:wrap;font-size:.72rem;display:flex}.home-hero__title{font-family:var(--font-body);letter-spacing:-.045em;text-transform:uppercase;color:var(--signal);overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(2.25rem,min(11vw,15vh),8.5rem);font-weight:900;line-height:.86}:lang(ko) .home-hero__title{line-height:1.1}:lang(ko) .home-hero__meta,:lang(ko) .genre-strip .genre-strip__meta,:lang(ko) .discover__none .discover__none-label,:lang(ko) .sheet__legend{font-family:var(--font-body);letter-spacing:0}.home-hero__sub{overflow-wrap:anywhere;text-wrap:pretty;max-width:34rem;font-size:clamp(1rem,2vw,1.25rem)}.home-hero__actions{align-items:center;gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.home-hero__cta{border:2px solid var(--signal);max-width:100%;min-height:44px;color:var(--signal);letter-spacing:.06em;text-transform:uppercase;overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:.5em;padding:.6rem min(1.4rem,5vw);font-weight:800;text-decoration:none;display:inline-flex}.home-hero__cta:hover{background:var(--signal);color:var(--accent-ink)}.home-hero__policy{min-height:44px;color:var(--text-muted);align-items:center;display:inline-flex}.home-hero__policy:hover{color:var(--text)}.home-section{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.home-section__head{justify-content:space-between;align-items:baseline;gap:0 var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.home-section__head h2{font-family:var(--font-body);letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(1.75rem,4vw,3rem);font-weight:900}.home-section__head a,.home-statement a,.home-artists a{align-items:center;min-height:44px;display:inline-flex}.home-shelf{gap:var(--space-5) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid}.home-statement{justify-content:space-between;align-items:baseline;gap:var(--space-2) var(--space-5);padding-block:var(--space-4);border-block:1px solid var(--line);flex-wrap:wrap;display:flex}.home-statement p{overflow-wrap:anywhere;text-wrap:pretty;max-width:46rem;font-size:clamp(1.1rem,2.4vw,1.6rem);font-weight:700}.home-artists{color:var(--text-muted);overflow-wrap:anywhere;font-size:.9rem}.button{background:var(--accent);color:var(--accent-ink);font-family:inherit;font-weight:600;font-size:inherit;border:1px solid var(--accent);border-radius:var(--radius);min-height:44px;padding:.75rem 1.25rem;text-decoration:none;display:inline-block}.button:hover{background:var(--text);color:var(--canvas);border-color:var(--text)}.genre-strip{gap:var(--space-3);grid-template-columns:minmax(0,1fr);list-style:none;display:grid}.genre-strip a{align-content:end;gap:var(--space-2);height:100%;min-height:15rem;padding:var(--space-5) min(var(--space-5), 5vw);border:1px solid var(--control-border);background:var(--surface);color:var(--text);overflow-wrap:anywhere;text-decoration:none;display:grid}.genre-strip a:hover{border-color:var(--signal)}.genre-strip__plate[data-genre=house] a{background:linear-gradient(to top, var(--surface) 45%, transparent), repeating-radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--text) 10%, transparent) 0 1px, transparent 1px 16px), var(--surface)}.genre-strip__plate[data-genre=uk-garage] a{background:linear-gradient(to top, var(--surface) 45%, transparent), repeating-linear-gradient(90deg, color-mix(in srgb, var(--text) 10%, transparent) 0 2px, transparent 2px 13px, color-mix(in srgb, var(--text) 6%, transparent) 13px 14px, transparent 14px 23px), var(--surface)}.genre-strip__plate[data-genre=techno] a{background:linear-gradient(to top, var(--surface) 45%, transparent), repeating-linear-gradient(0deg, color-mix(in srgb, var(--text) 8%, transparent) 0 1px, transparent 1px 20px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--text) 8%, transparent) 0 1px, transparent 1px 20px), var(--surface)}.genre-strip__plate[data-genre=drum-and-bass] a{background:linear-gradient(to top, var(--surface) 45%, transparent), repeating-linear-gradient(-58deg, color-mix(in srgb, var(--text) 10%, transparent) 0 1px, transparent 1px 8px), var(--surface)}.genre-strip strong,.genre-strip .genre-strip__name{font-family:var(--font-body);letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(1.5rem,8vw,3.5rem);font-weight:900;line-height:.9}.genre-strip span{color:var(--text-muted);font-size:.85rem}.genre-strip .genre-strip__index{font-family:var(--font-mono);color:var(--signal);letter-spacing:.14em}.genre-strip .genre-strip__summary{max-width:30rem;color:var(--text);font-size:.95rem}.genre-strip .genre-strip__meta{gap:var(--space-1) var(--space-4);padding-top:var(--space-2);border-top:1px solid var(--line);font-family:var(--font-mono);flex-wrap:wrap;display:flex}.genre-strip .genre-strip__state{color:var(--text)}.notice{border:1px dashed var(--signal);background:var(--surface);padding:var(--space-4) min(var(--space-4), 5vw);gap:var(--space-2);display:grid}.notice__title{font-weight:600}.notice__body{color:var(--text-muted);gap:var(--space-2);display:grid}.slot{border:1px dashed var(--line);background:repeating-linear-gradient(135deg, transparent 0 10px, color-mix(in srgb, var(--text) 4%, transparent) 10px 20px);align-content:center;place-items:center;gap:var(--space-1);color:var(--text-muted);text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;display:grid}.slot--wide{aspect-ratio:16/9}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{border:1px solid var(--control-border);color:var(--text);border-radius:999px;min-height:36px;padding:.4rem .9rem;font-size:.9rem;text-decoration:none;display:inline-block}.chip:hover{border-color:var(--signal)}.discover__head{gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:1px solid var(--line);display:grid}.discover__title,.page-title{font-family:var(--font-body);letter-spacing:-.045em;text-transform:uppercase;font-size:clamp(3rem,12vw,9rem);font-weight:900;line-height:.85}:lang(ko) .discover__title,:lang(ko) .page-title{line-height:1.05}.page-title{overflow-wrap:anywhere}.discover__intro{gap:var(--space-1);display:grid}.discover__lede{color:var(--text-muted);max-width:38rem}.discover__layout,.discover__rail,.discover__results{align-content:start;gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.discover__none{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}.discover__none h2{font-family:var(--font-body);text-transform:uppercase;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:900}.discover__none p{max-width:40rem;color:var(--text-muted)}.discover__none .discover__none-label{margin-top:var(--space-3);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text);font-size:.75rem}.discover__genres{border-top:1px solid var(--line);list-style:none;display:grid}.discover__genres a{align-items:baseline;gap:0 var(--space-3);min-height:48px;padding-block:var(--space-2);border-bottom:1px solid var(--line);color:var(--text);text-transform:uppercase;overflow-wrap:anywhere;flex-wrap:wrap;font-size:clamp(1.25rem,3vw,2rem);font-weight:800;text-decoration:none;display:flex}.discover__genres a:hover{color:var(--signal)}.discover__genres-number{font-family:var(--font-mono);color:var(--signal);font-size:.8rem;font-weight:400}.discover__filters .chip{align-items:center;min-height:44px;display:inline-flex}.discover__filters .chip[aria-current=true]{border-color:var(--text);background:var(--surface-raised)}.discover__filterbar{justify-items:start;display:grid}.discover__filter-open{align-items:center;gap:var(--space-2);min-height:44px;color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius);font:inherit;cursor:pointer;background:0 0;padding:.5rem 1rem;display:inline-flex}.discover__filter-open:hover{border-color:var(--signal)}.discover__filter-current{color:var(--text-muted)}.discover__filterbar>.discover__filters{display:none}.discover__filterbar:has(.discover__noscript)>.discover__filters{display:flex}.discover__filterbar:has(.discover__noscript)>.discover__filter-open{display:none}.discover__empty{gap:var(--space-2);padding:var(--space-5);border:1px solid var(--line);background:var(--surface);justify-items:start;display:grid}.discover__empty a{align-items:center;min-height:44px;display:inline-flex}.discover__search{gap:var(--space-1);max-width:32rem;display:grid}.discover__search label{color:var(--text-muted);font-size:.875rem}.discover__search-input{background:var(--surface);width:100%;min-height:44px;color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius);font:inherit;padding:.5rem .75rem}.discover__clear{min-height:44px;color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius);font:inherit;cursor:pointer;background:0 0;align-items:center;padding:.5rem 1rem;display:inline-flex}.discover__clear:hover{color:var(--accent);border-color:var(--accent)}.track-grid{gap:var(--space-5) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;display:grid}.track-card{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.track-card__link{gap:var(--space-2);min-height:44px;color:var(--text);text-decoration:none;display:grid}.track-card__link:hover .track-card__title{text-decoration:underline}.track-card__art{aspect-ratio:1;background:var(--surface);border:1px solid var(--line);place-items:center;display:grid}.track-card__art img{object-fit:cover;width:100%;height:100%;display:block}.track-card__art:after{content:"";aspect-ratio:1;border:2px solid var(--line);border-radius:50%;width:24%}.track-card__title{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.track-card__meta{gap:0 var(--space-2);color:var(--text-muted);overflow-wrap:anywhere;flex-wrap:wrap;font-size:.875rem;display:flex}.track-card__artist{color:var(--text)}.track-card__genre{color:var(--text-muted)}.track-card__info{color:var(--text-muted);overflow-wrap:anywhere;font-size:.8rem}.track-card .button{min-height:44px;color:var(--text);border-color:var(--control-border);background:0 0;justify-self:start;padding:.5rem 1rem}.track-card .button:hover{color:var(--accent);border-color:var(--accent);background:0 0}.track-card__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.track-card .track-card__actions .button{overflow-wrap:anywhere;max-width:100%;padding-inline:min(1rem,4vw)}.button--save,.track-card .button--save{color:var(--text);border-color:var(--control-border);background:0 0}.button--save:hover,.track-card .button--save:hover{color:var(--text);border-color:var(--text);background:0 0}.button--save[aria-pressed=true],.track-card .button--save[aria-pressed=true]{border-color:var(--text);background:var(--surface-raised)}.button--save[aria-pressed=true]:before{content:"✓ ";content:"✓ " / ""}.save-status{color:var(--text-muted);flex-basis:100%;font-size:.875rem}.save-list-link{min-height:44px;color:var(--text);align-items:center;display:inline-flex}.track-page__usage{align-items:center;gap:0 var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--text-muted);overflow-wrap:anywhere;flex-wrap:wrap;font-size:.875rem;display:flex}.discover__links{gap:0 var(--space-4);flex-wrap:wrap;justify-self:start;display:flex}.discover__link{min-height:44px;color:var(--text);align-items:center;display:inline-flex}.genres-page .page-intro h1:not(.page-title){text-transform:uppercase;letter-spacing:-.04em;font-weight:900;line-height:.95}:lang(ko) .genres-page .page-intro h1:not(.page-title){letter-spacing:0;line-height:1.1}.rule-list{gap:var(--space-2);list-style:none;display:grid}.rule-list li{padding-left:var(--space-4);color:var(--text-muted);position:relative}.rule-list li:before{content:"";background:var(--signal);width:.5rem;height:1px;position:absolute;top:.7em;left:0}.steps{gap:var(--space-3);padding-left:var(--space-5);color:var(--text-muted);display:grid}.steps strong{color:var(--text)}.detail{gap:var(--space-5);max-width:46rem;display:grid}.detail section{gap:var(--space-2);display:grid}.detail__meta{color:var(--text-muted)}.track-page,.artist-page{gap:var(--space-6);display:grid}.track-page__hero,.artist-page__hero{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));align-items:center;display:grid}.track-page__art,.artist-page__portrait{aspect-ratio:1;background:var(--surface);border:1px solid var(--line);place-items:center;width:min(100%,22rem,50dvh);display:grid}.track-page__art:after,.artist-page__portrait:after{content:"";aspect-ratio:1;border:2px solid var(--line);border-radius:50%;width:28%}.track-page__info,.artist-page__info{gap:var(--space-4);align-content:start;min-width:0;display:grid}.track-page__head,.artist-page__head{gap:var(--space-2);display:grid}.track-page__title,.artist-page__name{letter-spacing:-.03em;overflow-wrap:anywhere;font-size:clamp(2rem,6vw,3.5rem);font-weight:800;line-height:1.05}.artist-page__count,.artist-page__empty{color:var(--text-muted)}.track-page__facts{align-items:center;gap:0 var(--space-4);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.track-page__facts div{display:contents}.track-page__facts dt{color:var(--text-muted);font-size:.875rem}.track-page__facts dd{overflow-wrap:anywhere;min-width:0;margin:0}.track-page__facts a,.detail-section__link{min-height:44px;color:var(--text);text-underline-offset:.2em;align-items:center;text-decoration:underline;display:inline-flex}.track-page__facts a:hover,.detail-section__link:hover{color:var(--accent)}.track-page__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.detail-about{gap:var(--space-2);max-width:40rem;display:grid}.detail-about h2{font-size:1.25rem}.track-page__production{gap:var(--space-1) var(--space-4);grid-template-columns:auto minmax(0,1fr);margin:0;display:grid}.track-page__production div{display:contents}.track-page__production dt{color:var(--text-muted);font-size:.875rem}.track-page__production dd{overflow-wrap:anywhere;min-width:0;margin:0}.track-page__note-source{color:var(--text-muted);font-size:.875rem}.track-page__note>p{overflow-wrap:anywhere;white-space:pre-line}.detail-section{gap:var(--space-4);padding-top:var(--space-5);border-top:1px solid var(--line);display:grid}.detail-section>p{max-width:46rem}.detail-section__link{justify-self:start}.form fieldset{border:1px solid var(--line);padding:var(--space-5) min(var(--space-5), 5vw);gap:var(--space-4);max-width:40rem;margin:0;display:grid}.form legend{padding-inline:var(--space-2);color:var(--signal)}.field{gap:var(--space-1);display:grid}.field label{font-size:.9rem}.field input,.field textarea,.field select{background:var(--surface);color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius);font:inherit;width:100%;min-height:44px;padding:.65rem .75rem}.form button{justify-self:start;min-height:44px}.form button:disabled,.button:disabled{cursor:not-allowed;opacity:.55}html{scroll-padding-bottom:var(--player-height)}.player{z-index:20;background:var(--surface-raised);border-top:1px solid var(--line);padding-top:var(--space-3);padding-bottom:max(var(--space-3), env(safe-area-inset-bottom));position:sticky;bottom:0}.player__inner{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.player__track{flex:9rem;min-width:0;display:none}.player__open{min-width:0;min-height:44px;color:var(--text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:9rem;justify-content:center;align-items:flex-start;padding:0;display:flex}.player__open-title{font-family:var(--font-body);overflow-wrap:anywhere;font-size:1.05rem}.player__open-artist{color:var(--text-muted);overflow-wrap:anywhere;font-size:.9rem}.player__title,.player__artist,.player__status{overflow-wrap:anywhere;margin:0}.player__title{font-family:var(--font-body);color:var(--text);justify-self:start;margin-block:calc(-1*max(0px,22px - .84rem));padding-block:max(0px,22px - .84rem);font-size:1.05rem;text-decoration:none}.player__title:hover{color:var(--text);text-decoration:underline}.player__artist,.player__time{color:var(--text-muted);font-size:.9rem}.player__controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.player__button{min-width:44px;min-height:44px;padding-inline:var(--space-3);color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius);font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.player__button:hover:not([aria-disabled=true]){border-color:var(--accent);color:var(--accent)}.player__button[aria-disabled=true],.player__range[aria-disabled=true]{opacity:.45;cursor:not-allowed}.player__play{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.player__play:hover:not([aria-disabled=true]){background:var(--text);color:var(--canvas);border-color:var(--text)}.player__retry{font-weight:600}.player__step,.player__inner>.player__seek{display:none}.player__seek{align-items:center;gap:var(--space-3);flex:100%;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.player__range{width:100%;min-height:44px;accent-color:var(--accent);margin:0}.player__wave{min-width:0;display:flex;position:relative}.player__wave-visual{pointer-events:none;display:none;position:absolute;inset:0}.player__wave-visual[data-inactive=true]{opacity:.45}.player__line{border-top:4px solid var(--control-border);position:absolute;top:calc(50% - 2px);left:0;right:0}.player__line-fill{border-top:4px solid var(--signal);position:absolute;top:-4px;left:0}.player__head{border-left:2px solid var(--text);margin-left:-1px;position:absolute;top:0;bottom:0}.player__bars{width:100%;height:100%;position:absolute;inset:0}.player__bars-rest{fill:var(--control-border)}.player__bars-played{fill:var(--signal)}.player__time{font-variant-numeric:tabular-nums}.player__status{flex:100%;font-size:.9rem}.player__status:empty,.deck__status:empty{width:1px;height:1px;position:absolute;overflow:hidden}.sheet{z-index:30;overscroll-behavior:contain;align-content:start;gap:var(--space-4);height:100dvh;padding:max(var(--space-3), env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) max(var(--space-4), env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));background:var(--canvas);color:var(--text);display:grid;position:fixed;inset:0;overflow-y:auto}.sheet__head{align-items:center;gap:var(--space-3);display:flex}.sheet__title{text-transform:uppercase;font-size:1.4rem;font-weight:900}.sheet__close{min-width:44px;min-height:44px;color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius);font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;margin-inline-start:auto;display:inline-flex}.sheet__close:hover{color:var(--accent);border-color:var(--accent)}.sheet__group{gap:var(--space-2);border:0;min-width:0;margin:0;padding:0;display:grid}.sheet__legend{margin-bottom:var(--space-2);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;padding:0;font-size:.875rem}.sheet__option{align-items:center;gap:var(--space-3);min-height:44px;padding-inline:var(--space-3);border:1px solid var(--control-border);border-radius:var(--radius);cursor:pointer;display:flex}.sheet__option input{width:1.25rem;height:1.25rem;accent-color:var(--accent);margin:0}.sheet__option:has(input:checked){border-color:var(--text);background:var(--surface-raised)}.sheet__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.sheet__actions button,.sheet__apply{min-height:44px;color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius);font:inherit;cursor:pointer;background:0 0;flex:auto;justify-content:center;align-items:center;padding:.5rem 1rem;text-decoration:none;display:inline-flex}.sheet__apply{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.sheet__apply:hover{background:var(--text);color:var(--canvas);border-color:var(--text)}.deck__body{align-items:center;gap:var(--space-4) var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));display:grid}.deck__art{aspect-ratio:1;background:var(--surface);border:1px solid var(--line);justify-self:center;place-items:center;width:min(100%,45dvh);display:grid}.deck__art--cover{object-fit:cover}.player__disc{aspect-ratio:1;background:repeating-radial-gradient(circle, transparent 0 9%, color-mix(in srgb, var(--text) 6%, transparent) 9% 10%), var(--canvas);width:72px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--signal) 55%, transparent), 0 0 0 1px var(--line);border-radius:50%;place-items:center;animation:4s linear infinite paused player-disc-spin;display:none}.player__disc[data-spinning=true]{animation-play-state:running}.player__disc-label{aspect-ratio:1;object-fit:cover;background:var(--surface);border:2px solid var(--canvas);border-radius:50%;width:42%;height:auto;display:block}@keyframes player-disc-spin{to{transform:rotate(360deg)}}.player__volume{align-items:center;gap:var(--space-2);display:none}.player__volume-range{width:104px;min-height:44px;accent-color:var(--accent);cursor:pointer}.player__repeat{position:relative}.player__repeat[aria-pressed=true]{color:var(--accent)}.player__repeat-one{font-size:.6rem;font-weight:700;line-height:1;position:absolute;top:6px;right:6px}.deck__art:after{content:"";aspect-ratio:1;border:2px solid var(--line);border-radius:50%;width:28%}.deck__info{gap:var(--space-3);min-width:0;display:grid}.deck__title{font-size:clamp(1.4rem,6vw,2rem)}.deck__title a{min-height:44px;color:var(--text);align-items:center;text-decoration:none;display:inline-flex}.deck__title a:hover{color:var(--text);text-decoration:underline}.deck__artist{color:var(--text-muted);overflow-wrap:anywhere}.deck__status{font-size:.9rem}.deck .player__step{display:inline-flex}.deck .player__seek{display:grid}@media (min-width:48rem){.site-header__inner{gap:var(--space-2) var(--space-5);grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand actions lang""nav nav nav";display:grid}.header-actions{grid-area:actions;margin-left:0}.brand{grid-area:brand;justify-self:start}.brand__name{display:inline}.brand .badge{display:inline-block}.primary-nav{grid-area:nav}.primary-nav ul{justify-content:flex-start;gap:0 var(--space-3);flex-wrap:wrap;display:flex}.primary-nav a{width:auto;padding-inline:var(--space-2);font-size:.95rem}.primary-nav__wide{display:block}.language-switcher{grid-area:lang}.discover__filter-open{display:none}.discover__filterbar>.discover__filters{display:flex}.track-page__hero{align-items:center;gap:var(--space-6);grid-template-columns:minmax(0,42fr) minmax(0,58fr)}.artist-page__hero{align-items:center;gap:var(--space-6);grid-template-columns:minmax(0,40fr) minmax(0,60fr)}.track-page__art,.artist-page__portrait{width:100%}.sheet,.player__open{display:none}.player__step{display:inline-flex}.player__inner>.player__seek{display:grid}.player__inner{align-items:center;gap:0 var(--space-4);grid-template-columns:auto minmax(0,max-content) minmax(9rem,1fr) auto;grid-template-areas:"disc title title controls""disc artist status controls""disc seek seek volume";display:grid}.player__disc{grid-area:disc;display:grid}.player__volume{margin-top:var(--space-2);grid-area:volume;justify-self:end;display:flex}.player__track{display:contents}.player__title{font-family:var(--font-body);grid-area:title}.player__artist{grid-area:artist}.player__status{grid-area:status}.player__controls{grid-area:controls;justify-self:end}.player__seek{margin-top:var(--space-2);grid-area:seek}.player__wave{height:56px}.player__wave-visual{display:block}.player__wave .player__range{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.player__wave .player__range[aria-disabled=true]{cursor:not-allowed}.player__wave:focus-within{outline:2px solid var(--focus);outline-offset:3px}.genre-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.home-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}.track-grid{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:64rem){.home-hero{grid-template:"stage index"minmax(min(78vh,46rem),auto)/minmax(0,1fr) minmax(20rem,24rem);margin-inline:0}.home-hero__visual{grid-area:1/1/2/3;min-height:0}.home-hero__visual:after{top:18%;bottom:48%;right:calc(24rem - var(--space-3));display:block}.home-hero__content{padding:var(--space-6) var(--space-6) var(--space-6) var(--space-5)}.home-shelf{grid-template-columns:repeat(5,minmax(0,1fr))}.discover__head{align-items:end;column-gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(14rem,22rem)}.discover__layout{align-items:start;column-gap:var(--space-6);grid-template-columns:15rem minmax(0,1fr)}.discover__rail .discover__filterbar{justify-items:stretch}.discover__rail .discover__filters{border-top:1px solid var(--line);flex-flow:column;gap:0}.discover__rail .discover__filters .chip{width:100%;padding-inline:var(--space-2);border:0;border-bottom:1px solid var(--line);border-radius:0;justify-content:flex-start}.discover__rail .discover__filters .chip[aria-current=true]{box-shadow:inset 3px 0 0 var(--text)}.track-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.discover__results .track-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;display:flex}.site-footer__inner>p{flex:30em}}@media (min-width:80rem){.track-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.discover__results .track-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.button--primary{border-color:var(--accent)}.button--quiet{color:var(--text);border:1px solid var(--control-border);background:0 0}.button--quiet:hover{color:var(--text);border-color:var(--text);background:0 0}.link-button{min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.form-message{padding:var(--space-3) min(var(--space-4), 5vw);border:1px solid var(--line);border-left:2px solid var(--text-muted);overflow-wrap:anywhere}.form-message--ok{border-left-color:var(--text)}.form-message--error{border-left-color:var(--signal)}.field__label{font-size:.9rem}.field__hint{color:var(--text-muted);font-size:.85rem}.field__password{gap:var(--space-1);grid-template-columns:minmax(0,1fr) auto;display:grid}.field__toggle{min-width:44px;min-height:44px;padding-inline:var(--space-3);color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius);font:inherit;cursor:pointer;background:0 0}.field--check{align-items:start;gap:var(--space-2);grid-template-columns:auto minmax(0,1fr)}.choice-row{gap:var(--space-1) var(--space-4);flex-wrap:wrap;display:flex}.choice{align-items:center;gap:var(--space-2);overflow-wrap:anywhere;min-height:44px;display:inline-flex}.choice input,.field--check input{width:1.25rem;height:1.25rem;min-height:0;accent-color:var(--signal);flex:none}.choice--block{align-items:flex-start;display:flex}.columns{gap:var(--space-4);border-top:1px solid var(--line);padding-top:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.row-list{border-top:1px solid var(--line);list-style:none;display:grid}.row-list__item{align-items:center;gap:var(--space-1) var(--space-4);min-height:52px;padding-block:var(--space-2);border-bottom:1px solid var(--line);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.row-list__title{color:var(--text);align-items:center;min-height:44px;font-weight:700;display:inline-flex}.row-list__status{color:var(--text-muted)}.header-actions{justify-content:flex-end;align-items:center;gap:var(--space-1) var(--space-2);flex-wrap:wrap;order:1;margin-left:auto;display:flex}.site-header__inner>.language-switcher{order:2}.header-actions__submit,.header-actions__login,.header-actions__account{min-height:44px;padding-inline:var(--space-2);border:1px solid var(--control-border);border-radius:var(--radius);color:var(--text);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;cursor:pointer;align-items:center;font-size:.85rem;text-decoration:none;display:inline-flex}:lang(ko) .header-actions__submit,:lang(ko) .header-actions__login,:lang(ko) .header-actions__account{text-transform:none;letter-spacing:0}.header-actions__submit:hover,.header-actions__submit[aria-current=page]{border-color:var(--text)}.header-actions__login,.header-actions__account{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.header-actions__login:hover,.header-actions__account:hover{border-color:var(--text)}.header-actions__menu{position:relative}.header-actions__account{list-style:none}.header-actions__account::-webkit-details-marker{display:none}.header-actions__panel{right:0;top:calc(100% + var(--space-1));z-index:20;min-width:min(16rem,80vw);padding:var(--space-2) var(--space-3);background:var(--canvas);border:1px solid var(--line);position:absolute}.header-actions__panel ul{list-style:none;display:grid}.header-actions__panel a,.header-actions__logout{min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:flex}.header-actions__email{color:var(--text-muted);overflow-wrap:anywhere;font-size:.8rem}.auth-page{max-width:40rem}.auth-form{gap:var(--space-4);display:grid}.auth-form--inline{gap:var(--space-2)}.auth-links{gap:var(--space-1);list-style:none;display:grid}.auth-links a{min-height:44px;color:var(--text);align-items:center;display:inline-flex}.account-facts{border-top:1px solid var(--line);display:grid}.account-facts>div{gap:var(--space-1);padding-block:var(--space-2);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr);display:grid}.account-facts dt{color:var(--text-muted);font-size:.85rem}.mfa-secret code{font-family:var(--font-mono);overflow-wrap:anywhere}.apply-page .rule-list li{overflow-wrap:anywhere}.submit-editor,.submit-preview{max-width:60rem}.submit-editor__head{gap:var(--space-3);display:grid}.submit-steps ol{gap:var(--space-1);border-bottom:1px solid var(--line);flex-wrap:wrap;list-style:none;display:flex}.submit-steps__step{align-items:center;gap:var(--space-2);min-height:44px;padding-inline:var(--space-2);border:0;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border-bottom:2px solid #0000;display:inline-flex}.submit-steps__step[aria-current=step]{color:var(--text);border-bottom-color:var(--text)}.submit-steps__no{font-family:var(--font-mono);color:var(--signal)}.submit-step{gap:var(--space-4);display:grid}.submit-fields{gap:var(--space-4);border:0;max-width:46rem;padding:0;display:grid}.submit-tracks{border-top:1px solid var(--line);padding-top:var(--space-3)}.submit-tracks__list{gap:var(--space-4);list-style:none;display:grid}.submit-track{gap:var(--space-3);padding:var(--space-3) min(var(--space-4), 5vw);border-left:2px solid var(--line);display:grid}.submit-track__no{font-family:var(--font-mono);color:var(--signal)}.submit-track__order{gap:var(--space-2);flex-wrap:wrap;display:flex}.submit-files{max-width:46rem}.file-slot{gap:var(--space-2);padding:var(--space-3) min(var(--space-4), 5vw);border:1px solid var(--line);display:grid}.file-slot__label{font-weight:700}.file-slot input[type=file]{max-width:100%;min-height:44px;color:var(--text)}.file-slot__progress{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.file-slot__progress progress{width:min(16rem,100%);accent-color:var(--signal)}.file-slot__asset{gap:var(--space-2);overflow-wrap:anywhere;display:grid}.file-slot__findings{gap:var(--space-1);padding-left:var(--space-4);display:grid}.file-slot__findings [data-severity=BLOCKING]{color:var(--signal)}.file-slot__cover{object-fit:cover;border:1px solid var(--line);width:200px;max-width:100%;height:200px}.private-preview{gap:var(--space-1);max-width:100%;display:grid}.private-preview audio{width:min(28rem,100%);min-height:44px}.submit-preview__card{gap:var(--space-3);grid-template-columns:minmax(0,8rem) minmax(0,1fr);align-items:center;display:grid}.submit-preview__tracks{gap:var(--space-3);padding-left:var(--space-4);display:grid}.submit-editor__bar{align-items:center;gap:var(--space-2);padding-block:var(--space-3);border-top:1px solid var(--line);flex-wrap:wrap;display:flex}.submit-editor__saved{color:var(--text-muted);font-size:.85rem}.submit-controls{max-width:40rem}.track-card__art--cover,.track-page__art--cover{object-fit:cover;aspect-ratio:1;width:100%;height:auto}.track-page__version{color:var(--text-muted);font-weight:400}.track-page__creator-text{overflow-wrap:anywhere}.track-page__links{list-style:none;display:grid}.track-page__links a{overflow-wrap:anywhere;min-height:44px;color:var(--text);align-items:center;display:inline-flex}.home-hero__art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.home-chart{z-index:1;padding-inline:var(--gutter);grid-area:index}.hero-chart{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--line);background:color-mix(in srgb, var(--canvas) 82%, transparent);display:grid}.hero-chart__head{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.hero-chart__title{text-transform:uppercase;font-size:1.15rem;font-weight:900}:lang(ko) .hero-chart__title{text-transform:none}.hero-chart__genres,.hero-chart__pages{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.hero-chart__button,.hero-chart__page{min-width:44px;min-height:44px;padding-inline:var(--space-2);color:var(--text);border:1px solid var(--control-border);border-radius:var(--radius);font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;display:inline-flex}.hero-chart__button:hover,.hero-chart__page:hover{border-color:var(--text)}.hero-chart__page:after{content:"";border:1px solid var(--text);width:10px;height:10px}.hero-chart__page[aria-pressed=true]:after{background:var(--text)}.hero-chart__note,.hero-chart__range{color:var(--text-muted);font-size:.8rem}.hero-chart__list{min-height:16.25rem}.hero-chart__rows{list-style:none;display:grid}.hero-chart__rows[data-motion=on]{animation:.3s ease-out hero-chart-enter}@keyframes hero-chart-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero-chart__row{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--line);grid-template-columns:2.25rem minmax(0,1fr) auto;min-height:3.25rem;display:grid}.hero-chart__position{font-family:var(--font-mono);color:var(--signal)}.hero-chart__link{min-width:0;min-height:44px;color:var(--text);align-content:center;text-decoration:none;display:grid}.hero-chart__name{overflow-wrap:anywhere;font-weight:700;line-height:1.25}.hero-chart__link:hover .hero-chart__name{text-decoration:underline}.hero-chart__artist{color:var(--text-muted);font-size:.8rem;line-height:1.3}.hero-chart__row .button{min-height:44px;color:var(--text);border-color:var(--control-border);background:0 0;padding:.5rem min(1rem,4vw)}.hero-chart__empty{color:var(--text-muted);padding-block:var(--space-4)}.hero-chart__foot{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.hero-chart__all{min-height:44px;color:var(--text);align-items:center;display:inline-flex}.home-notes__list{gap:var(--space-4);grid-template-columns:minmax(0,1fr);list-style:none;display:grid}.home-notes__item{gap:var(--space-2);padding:var(--space-4) min(var(--space-4), 5vw);border-left:2px solid var(--signal);background:var(--surface);display:grid}.home-notes__text{overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:1.1rem;display:-webkit-box;overflow:hidden}.home-notes__meta{align-items:baseline;gap:0 var(--space-2);color:var(--text-muted);flex-wrap:wrap;font-size:.875rem;display:flex}.home-notes__title,.home-notes__more{min-height:44px;color:var(--text);align-items:center;display:inline-flex}.chart-browser{gap:var(--space-4);width:100%;max-width:46rem;margin-inline:auto;display:grid}.chart-browser__switch{align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--line);grid-template-columns:44px minmax(0,1fr) 44px;display:grid}.chart-browser__genre{text-align:center;text-transform:uppercase;overflow-wrap:anywhere;font-weight:900}:lang(ko) .chart-browser__genre{text-transform:none}.chart-browser__empty{text-align:center}.chart-browser__row{grid-template-columns:2rem minmax(0,1fr) auto}.chart-browser__actions{justify-content:flex-end;gap:var(--space-1);flex-wrap:wrap;max-width:13rem;display:flex}.chart-browser__actions .button{min-height:44px;color:var(--text);border-color:var(--control-border);white-space:nowrap;background:0 0;padding:.5rem min(.9rem,3vw)}@media (min-width:64rem){.home-chart{padding:0 var(--space-5) var(--space-6) 0;align-self:end}.home-notes__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.button--playlist[data-added=true]{border-color:var(--text);background:var(--surface-raised)}.button--playlist[data-added=true]:before{content:"✓ ";content:"✓ " / ""}.playlist-dialog{z-index:60;padding:var(--space-3);place-items:end center;display:grid;position:fixed;inset:0}.playlist-dialog__backdrop{background:color-mix(in srgb, var(--canvas) 70%, transparent);cursor:default;border:0;position:absolute;inset:0}.playlist-dialog__panel{gap:var(--space-3);width:min(26rem,100%);max-height:calc(100dvh - 2 * var(--space-3));padding:var(--space-4);background:var(--canvas);border:1px solid var(--line);display:grid;position:relative;overflow-y:auto}.playlist-dialog__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.playlist-dialog__title{gap:var(--space-1);font-size:1.1rem;display:grid}.playlist-dialog__track{color:var(--text-muted);overflow-wrap:anywhere;font-size:.9rem;font-weight:400}.playlist-dialog__list{gap:var(--space-1);list-style:none;display:grid}.playlist-dialog__list .choice{min-height:44px}.playlist-dialog__new,.playlist-new{gap:var(--space-2);display:grid}.playlist-dialog__row{gap:var(--space-2);flex-wrap:wrap;display:flex}.playlist-dialog__row input{flex:10rem;min-width:0;min-height:44px}.playlist-dialog__status:empty{display:none}.playlist-grid{gap:var(--space-5) var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr));list-style:none;display:grid}.playlist-card{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.playlist-card__link{gap:var(--space-2);color:var(--text);text-decoration:none;display:grid}.playlist-card__link:hover .playlist-card__name{text-decoration:underline}.playlist-card__name{overflow-wrap:anywhere;font-weight:700}.playlist-card__actions{gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.playlist-card__rename{gap:var(--space-2);display:grid}.playlist-card__rename input{min-width:0;min-height:44px}.playlist-head{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));align-items:end;display:grid}.playlist-cover--large{width:min(100%,22rem)}.playlist-rows{border-top:1px solid var(--line);list-style:none;display:grid}.playlist-row{gap:var(--space-2) var(--space-3);padding-block:var(--space-3);border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:center;display:grid}.playlist-row__number{color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:700}.playlist-row__text{min-width:0;display:grid}.playlist-row__title{color:var(--text);overflow-wrap:anywhere;font-weight:600}.playlist-row__artist{color:var(--text-muted);font-size:.875rem}.playlist-row__actions{gap:var(--space-2);flex-wrap:wrap;grid-column:1/-1;display:flex}.playlist-row__actions .button,.playlist-card__actions .button,.playlist-head .button{min-height:44px;padding:.5rem .9rem}