.sound-preview-site{min-height:100vh}.sound-preview-main{width:min(100% - 48px,1180px);min-height:calc(100vh - 162px);margin:0 auto;padding-top:18px;padding-bottom:clamp(76px,10vw,132px)}.sound-preview-hero{border-bottom:1px solid var(--ink);grid-template-columns:minmax(0,1fr) minmax(240px,.48fr);align-items:end;gap:20px 8vw;padding:clamp(74px,10vw,142px) 0 clamp(44px,6vw,76px);display:grid}.sound-preview-hero__kicker,.sound-preview-section__eyebrow{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:.66rem;font-weight:650}.sound-preview-hero__kicker{grid-column:1;margin-bottom:-4px}.sound-preview-hero__copy{grid-column:1}.sound-preview-hero h1{font-family:var(--sans);font-size:var(--text-page-title);letter-spacing:-.085em;margin:0;font-weight:650;line-height:.82}.sound-preview-hero__copy>p{max-width:30ch;color:var(--muted);font-family:var(--serif);margin:26px 0 0;font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.7}.sound-preview-hero__status{color:var(--muted);grid-area:2/2;justify-self:start;align-items:center;gap:9px;font-size:.72rem;display:inline-flex}.sound-preview-hero__status-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px color-mix(in oklab, var(--accent) 14%, transparent);border-radius:50%}.sound-preview-section{border-bottom:1px solid var(--hairline);grid-template-columns:minmax(190px,.32fr) minmax(0,1fr);gap:24px clamp(30px,7vw,112px);padding:clamp(54px,8vw,104px) 0;display:grid}.sound-preview-section__intro h2,.sound-preview-bgm h2{letter-spacing:-.055em;margin:14px 0 0;font-size:clamp(1.65rem,3vw,2.55rem);font-weight:600;line-height:1}.sound-preview-section__intro>p:not(.sound-preview-section__eyebrow):not(.sound-preview-status),.sound-preview-bgm p:not(.sound-preview-section__eyebrow){max-width:31ch;color:var(--muted);font-family:var(--serif);margin:18px 0 0;font-size:.94rem;line-height:1.7}.sound-preview-status{border-top:1px solid var(--ink);color:var(--ink);margin:28px 0 0;padding-top:10px;font-size:.72rem;font-weight:600;display:inline-flex}.sound-preview-filter{flex-wrap:wrap;gap:5px;margin-top:30px;display:flex}.sound-preview-filter button{border:1px solid var(--hairline);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:6px 9px;font-size:.68rem;line-height:1.2;transition:color .16s,border-color .16s,background-color .16s}.sound-preview-filter button:hover,.sound-preview-filter button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);background:color-mix(in oklab, var(--ink) 6%, transparent)}.sound-preview-filter button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sound-preview-count{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.06em;margin:10px 0 0;font-size:.66rem}.sound-preview-groups{gap:56px;display:grid}.sound-preview-group{grid-template-columns:136px minmax(0,1fr);gap:26px;display:grid}.sound-preview-group__label{padding-top:4px}.sound-preview-group__index,.sound-preview-source__index{color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:.12em;margin-bottom:17px;font-size:.67rem;display:block}.sound-preview-group h3{letter-spacing:-.025em;margin:0;font-size:.96rem;font-weight:650}.sound-preview-group__label p{color:var(--muted);margin:8px 0 0;font-size:.72rem;line-height:1.55}.sound-preview-grid{border-top:1px solid var(--hairline);border-left:1px solid var(--hairline);grid-template-columns:repeat(4,minmax(110px,1fr));display:grid}.sound-preview-card{border:0;border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);min-height:148px;color:var(--ink);text-align:left;cursor:pointer;transition:color .18s ease, background-color .18s ease, transform .18s var(--ease-out);background:0 0;flex-direction:column;justify-content:space-between;gap:16px;padding:14px;display:flex;position:relative}.sound-preview-card:hover{color:var(--ink);background:color-mix(in oklab, var(--ink) 5%, transparent);transform:translateY(-2px)}.sound-preview-card:focus-visible{z-index:1;outline:2px solid var(--accent);outline-offset:-2px;position:relative}.sound-preview-card[data-audio-playing]{color:var(--accent);background:color-mix(in oklab, var(--accent) 7%, transparent)}.sound-preview-card__meter{height:46px;color:color-mix(in oklab, var(--ink) 34%, var(--accent));align-items:end;gap:4px;display:flex}.sound-preview-card__meter i{opacity:.42;transform-origin:bottom;background:currentColor;width:3px;height:12px;display:block}.sound-preview-card__meter i:nth-child(2){height:25px}.sound-preview-card__meter i:nth-child(3){height:17px}.sound-preview-card__meter i:nth-child(4){height:35px}.sound-preview-card__meter i:nth-child(5){height:22px}.sound-preview-card__meter i:nth-child(6){height:42px}.sound-preview-card__meter i:nth-child(7){height:28px}.sound-preview-card__meter--air i:nth-child(2),.sound-preview-card__meter--air i:nth-child(5){height:10px}.sound-preview-card__meter--air i:nth-child(4),.sound-preview-card__meter--air i:nth-child(6){height:30px}.sound-preview-card__meter--wave i:nth-child(2),.sound-preview-card__meter--wave i:nth-child(6){height:36px}.sound-preview-card[data-audio-playing] .sound-preview-card__meter i{opacity:1;animation:sound-preview-pulse .68s var(--ease-out) infinite alternate;animation-delay:calc(var(--meter-index,0) * 45ms)}@keyframes sound-preview-pulse{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}.sound-preview-card__meta{align-items:baseline;gap:8px;display:flex}.sound-preview-card__meta small,.sound-preview-card__file{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:.62rem}.sound-preview-card__meta strong{font-size:.78rem;font-weight:650;line-height:1.2}.sound-preview-card__tags{color:var(--accent);font-size:.62rem;line-height:1.2}.sound-preview-card__file{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sound-preview-card__icon{opacity:.52;transition:opacity .18s ease, transform .18s var(--ease-out);position:absolute;bottom:14px;right:13px;transform:translate(-2px)}.sound-preview-card:hover .sound-preview-card__icon,.sound-preview-card[data-audio-playing] .sound-preview-card__icon{opacity:1;transform:none}.sound-preview-source-list{margin:0;padding:0;list-style:none;display:grid}.sound-preview-source{border-top:1px solid var(--hairline);grid-template-columns:34px minmax(0,1fr);gap:18px;padding:15px 0 17px;display:grid}.sound-preview-source:last-child{border-bottom:1px solid var(--hairline)}.sound-preview-source__index{margin:3px 0 0}.sound-preview-source__main>a{color:var(--ink);align-items:center;gap:9px;display:inline-flex}.sound-preview-source__main>a:hover{color:var(--accent)}.sound-preview-source__main>a strong{font-size:.94rem;font-weight:650}.sound-preview-source__main>a small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.63rem}.sound-preview-source__main>a .icon{opacity:.58}.sound-preview-source__main p{max-width:63ch;color:var(--muted);font-family:var(--serif);margin:7px 0 0;font-size:.88rem;line-height:1.65}.sound-preview-bgm{grid-template-columns:minmax(190px,.32fr) minmax(0,1fr) minmax(130px,.3fr);align-items:start}.sound-preview-bgm__mark{border:1px solid var(--accent);color:var(--accent);letter-spacing:.12em;place-self:start;padding:5px 8px;font-size:.63rem;font-weight:650}.sound-preview-bgm__rule{border-bottom:1px solid var(--ink);color:var(--muted);letter-spacing:.1em;text-align:right;align-self:end;padding-bottom:3px;font-size:.62rem}@media (prefers-reduced-motion:reduce){.sound-preview-card,.sound-preview-card__icon{transition:none}.sound-preview-card[data-audio-playing] .sound-preview-card__meter i{animation:none}}@media (width<=820px){.sound-preview-main{width:min(100% - 32px,760px)}.sound-preview-hero{grid-template-columns:1fr;gap:24px;padding-top:72px}.sound-preview-hero__status{grid-area:auto/1}.sound-preview-section,.sound-preview-bgm{grid-template-columns:1fr;gap:28px}.sound-preview-section__intro>p:not(.sound-preview-section__eyebrow):not(.sound-preview-status),.sound-preview-bgm p:not(.sound-preview-section__eyebrow){max-width:42ch}.sound-preview-group{grid-template-columns:1fr;gap:18px}.sound-preview-group__index{margin:0 9px 0 0;display:inline-block}.sound-preview-group h3{display:inline}.sound-preview-group__label p{margin-left:27px}.sound-preview-grid{grid-template-columns:repeat(3,minmax(100px,1fr))}.sound-preview-bgm__rule{text-align:left;justify-self:start}}@media (width<=520px){.sound-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sound-preview-card{min-height:136px}}