:root{--font-sm:clamp(.625rem, .5vw + .44rem, .75rem);--font-sm2:clamp(.75rem, .3vw + .64rem, .875rem);--font-base:clamp(.875rem, .3vw + .77rem, 1rem);--font-md:clamp(1.125rem, .5vw + .94rem, 1.25rem);--font-lg:clamp(1.375rem, 1vw + 1.01rem, 1.75rem);--font-xl:clamp(1.75rem, 1.5vw + 1.19rem, 2.25rem);--font-xxl:clamp(2.25rem, 2.5vw + 1.32rem, 3rem);--font-xxxl:clamp(2.75rem, 3vw + 1.63rem, 3.75rem);--font-hero:clamp(3rem, 8vw + .6rem, 7rem);--font-page-title:clamp(1.75rem, 1vw + 1.25rem, 2.25rem);--font-section-title:clamp(1.25rem, .5vw + 1rem, 1.5rem);--content-reading-max:52rem;--content-list-max:72rem;--color-base:#3e3a39;--color-main:#96cef0;--color-primary:#68c9f4;--color-white:#fdfdfd;--color-gray:#abb8c3;--color-clear:#f4f5f7cc;--color-bg:#d8e9fc;--space-2xs:clamp(.25rem, .5vw + .2rem, .5rem);--space-xs:clamp(.5rem, 1vw + .3rem, 1rem);--space-sm:clamp(1rem, 2vw + .5rem, 2rem);--space-md:clamp(2rem, 4vw + .5rem, 4rem);--space-lg:clamp(3rem, 5vw + 1rem, 6rem);--space-xl:clamp(4rem, 6vw + 1.5rem, 8rem);--space-xxl:clamp(6rem, 8vw + 2rem, 12rem);--space-xxxl:clamp(8rem, 10vw + 3rem, 16rem);--container-max:87.5rem;--header-height:6.25rem;--container-padding:clamp(1rem, 3vw, 2rem);--radius-sm:.5rem;--radius-md:1rem;--radius-lg:2rem;--radius-pill:100vmax;--shadow-sm:0 4px 10px #00000014;--shadow-md:0 10px 25px #0000001f;--z-content:10;--z-header:100;--z-banner:1000;--z-loading:9999;--header-border:.5rem}.p-song{inline-size:min(100%,68rem);padding-inline:var(--container-padding);padding-block:var(--space-md);--song-ink:color-mix(in srgb, var(--color-primary) 25%, var(--color-base));--song-line:color-mix(in srgb, var(--color-gray) 45%, var(--color-white));margin-inline:auto}.p-song [hidden]{display:none!important}.p-song__intro{text-align:center;font-size:var(--font-base);margin-bottom:var(--space-md)}.p-song__pickup{border-radius:var(--radius-md);padding:var(--space-sm);background:color-mix(in srgb, var(--color-bg) 45%, var(--color-white));margin-bottom:var(--space-md)}.p-song__pickup-header{justify-content:space-between;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);display:flex}.p-song__pickup-header h2{font-size:var(--font-md);letter-spacing:.12em;color:var(--song-ink);margin:0}.p-song button,.p-song select,.p-song input{font:inherit}.p-song button{cursor:pointer}.p-song button:disabled{cursor:default;opacity:.5}.p-song button:focus-visible,.p-song a:focus-visible,.p-song input:focus-visible,.p-song select:focus-visible{outline:2px solid var(--song-ink);outline-offset:3px}.p-song__pickup-header button{border:1px solid var(--color-main);background:var(--color-white);border-radius:var(--radius-pill);color:var(--song-ink);font-size:var(--font-sm2);padding:.4em 1em}.p-song__filters{gap:var(--space-2xs);margin:0 0 var(--space-sm);border:0;flex-wrap:wrap;padding:0;display:flex}.p-song__filters legend{font-size:var(--font-sm2);margin-bottom:var(--space-xs);font-weight:700}.p-song__filters button{border:1px solid var(--song-line);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-base);font-size:var(--font-sm2);padding:.55em 1.3em}.p-song__filters button[aria-pressed=true]{background:var(--color-bg);border-color:var(--color-primary);color:var(--song-ink);font-weight:700}.p-song__search-label{margin-bottom:var(--space-2xs);font-size:var(--font-sm2);display:block}.p-song__search-row{gap:var(--space-xs);display:flex}.p-song__search-row input{border:1px solid var(--song-line);border-radius:var(--radius-sm);background:var(--color-white);flex:1;min-width:0;padding:.8em 1em;font-size:1rem}.p-song__search-button{border:1px solid var(--color-main);background:var(--color-bg);color:var(--song-ink);border-radius:var(--radius-sm);font-size:var(--font-base);padding-inline:1.5em}.p-song__toolbar{justify-content:space-between;gap:var(--space-xs);margin-top:var(--space-xs);font-size:var(--font-sm2);flex-wrap:wrap;align-items:center;display:flex}.p-song__toolbar select{border:1px solid var(--song-line);border-radius:var(--radius-sm);background:var(--color-white);max-width:100%;color:var(--color-base);margin-left:.5em;padding:.6em}.p-song__clear{color:var(--song-ink);text-underline-offset:.2em;background:0 0;border:0;padding:.5em 0;text-decoration:underline}.p-song__summary{justify-content:space-between;gap:var(--space-xs);margin-top:var(--space-sm);font-size:var(--font-sm2);flex-wrap:wrap;display:flex}.p-song__list{gap:var(--space-sm);scroll-margin-top:var(--space-sm);margin:0;padding:0;list-style:none;display:grid}.p-song__item{min-width:0}.p-song-card{height:100%;padding:var(--space-sm);border:1px solid var(--song-line);border-radius:var(--radius-md);background:var(--color-white)}.p-song-card__body{overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;min-width:0;height:100%;display:flex}.p-song-card__date{font-size:var(--font-sm2);color:var(--song-ink)}.p-song-card__caption{font-size:var(--font-sm);letter-spacing:.08em;color:var(--song-ink);font-weight:700;display:block}.p-song-card__caption span{opacity:.6;margin-inline-start:.4em}.p-song-card__title{font-size:var(--font-lg);margin:var(--space-2xs) 0 var(--space-xs);font-weight:800;line-height:1.45}.p-song-card__artist{font-size:var(--font-base);margin:0;font-weight:600}.p-song-card__video{inline-size:100%;font-size:var(--font-sm2);margin:var(--space-sm) 0 var(--space-xs);padding:var(--space-xs);background:color-mix(in srgb, var(--color-bg) 30%, var(--color-white));border-radius:0 var(--radius-sm) var(--radius-sm) 0;line-height:1.8}.p-song-card__labels{margin-bottom:var(--space-xs);flex-wrap:wrap;gap:.4rem;display:flex}.p-song-card__label{border:1px solid hsl(var(--tag-hue), 50%, 80%);border-radius:var(--radius-pill);min-block-size:2rem;font-size:var(--font-sm2);color:hsl(var(--tag-hue), 45%, 28%);background:hsl(var(--tag-hue), 65%, 94%);align-items:center;padding:.3em .8em;font-weight:600;display:inline-flex}.p-song-card__label:hover{background:hsl(var(--tag-hue), 60%, 87%);opacity:1}.p-song-card__details{margin:0 0 var(--space-xs);font-size:var(--font-sm2)}.p-song-card__details div{gap:var(--space-2xs);grid-template-columns:6em minmax(0,1fr);display:grid}.p-song-card__details dt{font-weight:700}.p-song-card__details dd{white-space:pre-line;margin:0}.p-song-card__play{align-items:center;gap:var(--space-xs);border:1px solid var(--color-main);border-radius:var(--radius-pill);background:linear-gradient(120deg, var(--color-bg), var(--color-white));color:var(--song-ink);box-shadow:0 3px 0 color-mix(in srgb, var(--color-main) 65%, var(--color-white));font-size:var(--font-sm2);margin-top:auto;padding:.45em 1.2em .45em .45em;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.p-song-card__play-icon{background:var(--song-ink);block-size:2rem;inline-size:2rem;color:var(--color-white);font-size:var(--font-sm);border-radius:50%;place-items:center;display:grid}.p-song-card__play-arrow{margin-inline-start:var(--space-xs)}.p-song-card__play:hover{box-shadow:0 5px 0 color-mix(in srgb, var(--color-main) 65%, var(--color-white));opacity:1;transform:translateY(-2px)}.p-song-card--pickup{gap:var(--space-sm);background:0 0;border:0;border-radius:0;padding:0;display:grid}.p-song-card__thumbnail{border-radius:var(--radius-sm);background:var(--color-bg);align-self:center;display:block;position:relative;overflow:hidden}.p-song-card__thumbnail img{aspect-ratio:16/9;object-fit:cover;width:100%}.p-song-card__thumbnail span{background:var(--color-white);width:3rem;height:3rem;color:var(--song-ink);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:1rem;right:1rem}.p-song__empty{text-align:center;padding:var(--space-md) var(--space-xs);background:var(--color-clear);border-radius:var(--radius-md)}.p-song__page-count{text-align:center;font-size:var(--font-sm2)}.p-song__toolbar select{font-size:1rem}.p-song__toolbar label{flex-wrap:wrap;align-items:center;gap:.5em;min-width:0;display:flex}.p-song__toolbar select{margin-left:0}.p-song__filters button,.p-song__pickup-header button,.p-song-card__play{min-height:44px}.p-song__pickup-header{flex-wrap:wrap}@media (width>=768px){.p-song__list{grid-template-columns:repeat(2,minmax(0,1fr))}.p-song-card--pickup{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}