.song-discovery{&{--canvas:#d9edf9;--ink:#173e50;--muted:#3c6278;--primary:#246d87;--line:#91b9d3;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;--sans:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}& *{box-sizing:border-box}& html{scroll-padding-top:116px}&{background:var(--canvas);color:var(--ink);font:16px/1.9 var(--sans);-webkit-font-smoothing:antialiased;margin:0}& a{color:inherit;text-decoration:none}& button,& input{font:inherit}& button{cursor:pointer}& button,& a,& input{-webkit-tap-highlight-color:transparent}& button:focus-visible,& a:focus-visible,& input:focus-visible{outline-offset:4px;outline:3px solid #246d87}& button:disabled{cursor:default}& h1,& h2,& p{margin:0}& h1,& h2{font-weight:500}& ::selection{color:#173e50;background:#a9d9eb}& [hidden]{display:none!important}& .wrap{width:min(1200px,100% - 112px);margin-inline:auto}& .eyebrow{letter-spacing:.18em;color:var(--primary);font:10px/1.5 Arial,sans-serif}& .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}& .skip-link{z-index:99;background:#fff;padding:12px 24px;position:fixed;top:-100px;left:20px}& .skip-link:focus{top:10px}& .site-header{z-index:30;backdrop-filter:blur(20px);background:#f7fdffdc;border-bottom:1px solid #ffffffa0;justify-content:space-between;align-items:center;gap:24px;min-height:104px;padding:20px 48px;display:flex;position:sticky;top:0}& .brand{flex-direction:column;flex-shrink:0;gap:4px;display:flex}& .brand-line{letter-spacing:.11em;align-items:center;gap:9px;font:19px/1.4 Arial,sans-serif;display:flex}& .brand-suffix{letter-spacing:.09em;align-self:flex-end;margin-left:-7px;padding-bottom:2px;font-size:11px}& .brand-caption{letter-spacing:.05em;color:var(--muted);padding-left:32px;font-size:11px}& .brand-mark{border:1px solid #67aabf;border-radius:50%;width:22px;height:22px;position:relative;box-shadow:inset 0 3px 8px #fff,inset 0 -5px 10px #67c1d180}& .brand-mark:after{content:"";border-bottom:1px solid #77b6c5;border-radius:50%;position:absolute;inset:4px}& .desktop-nav{align-items:center;gap:26px;display:flex}& .desktop-nav a{white-space:nowrap;padding:12px 0;font-size:13px}& .desktop-nav a:hover,& .desktop-nav [aria-current]{border-bottom:1px solid var(--primary);color:var(--primary)}& .preview-label{letter-spacing:.15em;color:#4f7181;white-space:nowrap;font:9px/1.5 Arial,sans-serif}& main{background:radial-gradient(at 95% 8%,#b0def566,#0000 50%),linear-gradient(#edf8fc 0,#d9edf9 480px 82%,#bedef3);padding-bottom:0}& .intro{justify-content:space-between;align-items:center;padding:38px 0 39px;display:flex}& .breadcrumb{color:var(--muted);margin-bottom:27px;font-size:11px;display:inline-block}& .breadcrumb span{color:#658b9b;padding:0 12px}& .intro .eyebrow{font-size:11px}& .intro h1{font:500 clamp(34px,4vw,49px)/1.65 var(--serif);letter-spacing:.09em;margin-top:9px}& .intro-copy{color:var(--muted);letter-spacing:.09em;margin-top:6px;font-size:13px}& .intro-note{letter-spacing:.22em;color:#578ba0;align-items:center;gap:24px;margin:30px 30px 0 20px;font:9px/2.3 Arial,sans-serif;display:flex}& .wave-symbol{color:#78b7cf;font:400 80px/1 Georgia,serif}& .listening-layout{grid-template-columns:minmax(0,.88fr) minmax(0,1.3fr);align-items:start;gap:30px;display:grid}& .song-panel,& .player-panel{background:linear-gradient(145deg,#ffffffce,#e5f4fcd9);border:1px solid #ffffffed;border-radius:22px;min-width:0;box-shadow:inset 0 1px #fff,0 18px 44px #417e9912}& .song-panel{grid-area:1/1;padding:26px 24px 23px}& .player-panel{grid-area:1/2;padding:20px;position:sticky;top:126px}& .list-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}& .list-heading h2{font:500 23px/1.6 var(--serif);letter-spacing:.04em}& .list-heading>span{color:var(--muted);white-space:nowrap;font-size:11px}& .search-box{background:#ffffffc9;border:1px solid #a5c7d9;border-radius:11px;align-items:center;gap:11px;min-height:49px;margin-top:22px;padding:0 13px;display:flex}& .search-box:focus-within{border-color:#246d87;box-shadow:0 0 0 2px #246d871a}& .search-box svg{stroke:#577f92;stroke-width:1.5px;flex-shrink:0;width:19px;height:19px}& .search-box input{width:100%;min-width:0;color:var(--ink);background:0 0;border:none;min-height:46px;font-size:12px}& .search-box input::placeholder{color:#507083;opacity:1}& .search-box input:focus-visible{outline:none}& .filters{gap:7px;margin-top:14px;display:flex}& .filters button{color:#42677d;background:#ffffff5c;border:1px solid #0000;border-radius:25px;min-height:40px;padding:6px 16px;font-size:11px}& .filters button[aria-pressed=true]{color:#fff;background:#246d87;border-color:#246d87}& .filters button:hover{border-color:#6b9fb8}& .list-caption{color:var(--muted);letter-spacing:.05em;margin:23px 0 12px;font-size:10px}& .song-list{scrollbar-width:thin;scrollbar-color:#96bfce transparent;max-height:484px;margin:0;padding:0;list-style:none;overflow-y:auto}& .song-list li+li{margin-top:5px}& .song-row{text-align:left;width:100%;min-height:90px;color:var(--ink);background:0 0;border:1px solid #0000;border-bottom-color:#9abfd449;border-radius:11px;grid-template-columns:24px minmax(0,1fr) 30px;align-items:center;gap:11px;padding:15px 12px;transition:background .16s,border-color .16s;display:grid}& .song-row:hover{background:#ffffffa8;border-color:#b2d4e4}& .song-row[aria-pressed=true]{background:linear-gradient(110deg,#e1f2f9,#ffffffdf);border-color:#82b5c9;box-shadow:0 3px 12px #246d8708}& .song-number{color:#547b90;text-align:center;font:10px Arial,sans-serif}& .song-row[aria-pressed=true] .song-number{color:#246d87;font-size:12px}& .song-title{overflow-wrap:anywhere;font-size:13px;font-weight:600;line-height:1.8;display:block}& .song-artist{color:#496e82;margin-top:3px;font-size:11px;line-height:1.6;display:block}& .song-meta{font:10px/1.7 Arial,var(--sans);color:#486e83;flex-wrap:wrap;gap:6px 13px;margin-top:6px;display:flex}& .row-arrow{color:#356e87;border:1px solid #aecddc;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;display:grid}& .song-row[aria-pressed=true] .row-arrow{color:#fff;background:#246d87;border-color:#246d87}& .collection-note{color:#4c7286;margin-top:22px;font-size:10px;line-height:1.9}& .panel-kicker{justify-content:space-between;align-items:center;gap:12px;margin:0 1px 14px;display:flex}& .youtube-label{color:#3e667b;white-space:nowrap;font:11px Arial,sans-serif}& .youtube-label>span{padding-right:5px;font-size:9px}& .player-frame{isolation:isolate;aspect-ratio:16/9;background:#174357;border:6px solid #fff;border-radius:10px;min-height:200px;position:relative;overflow:hidden;box-shadow:0 6px 22px #22506a15}& .player-frame iframe{z-index:2;background:#102d3b;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}& .player-placeholder{isolation:isolate;color:#fff;background:radial-gradient(at 51% 100%,#80c8d3 0,#478a9e 33%,#27536c 69%,#1a3e54 100%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}& .player-placeholder:before{content:"";background:conic-gradient(from 35deg at 47% 0%,transparent 0 18%,#defcff1f 20% 23%,transparent 25% 31%,#defcff19 32% 38%,transparent 39%);z-index:-1;position:absolute;inset:-30%}& .sea-rings{z-index:-1;background:repeating-radial-gradient(#0000 0 22px,#d9ffff22 23px 24px,#0000 25px 46px);border-radius:50%;width:125%;height:100%;position:absolute;top:48%;left:-10%;transform:scaleY(.42)}& .placeholder-eyebrow{letter-spacing:.25em;color:#d7eff6;margin-bottom:22px;font:9px Arial,sans-serif}& .play-entry{color:#fff;letter-spacing:.12em;background:0 0;border:0;flex-direction:column;align-items:center;gap:13px;min-width:150px;padding:8px 18px;font-size:13px;display:flex}& .play-circle{background:#ffffff14;border:1px solid #f3ffffbf;border-radius:50%;place-items:center;width:57px;height:57px;padding-left:3px;font-size:14px;transition:background .2s;display:grid;box-shadow:0 0 28px #e1ffff0e}& .play-entry:hover .play-circle{background:#ffffff35}& .play-entry:focus-visible{outline-color:#fff}& .placeholder-note{color:#e5f6fc;letter-spacing:.05em;margin-top:10px;font-size:10px}& .horizon{background:linear-gradient(90deg,#0000,#d1f3ff8c,#0000);width:50%;height:1px;position:absolute;bottom:18px;left:25%}& .player-info{padding:21px 10px 3px}& .selected-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}& .category{letter-spacing:.08em;color:#316c85;font-size:10px}& .start-badge{font:10px/1.6 Arial,var(--sans);letter-spacing:.05em;color:#3e6c82;border:1px solid #a7cbdc;border-radius:20px;padding:4px 10px}& .player-info h2{font:500 clamp(24px,2.45vw,32px)/1.65 var(--serif);letter-spacing:.04em;overflow-wrap:anywhere;margin-top:11px}& .selected-artist{color:var(--muted);margin-top:1px;font-size:12px}& .stream-details{border-top:1px solid #a4c7db70;margin-top:21px;padding-top:17px}& .stream-details .eyebrow{margin-bottom:6px;font-size:8px}& .stream-details>p:not(.eyebrow):not(.stream-meta){color:#365d73;overflow-wrap:anywhere;font-size:11px;line-height:1.8}& .stream-meta{font:10px/1.8 Arial,var(--sans);color:#4c7186;flex-wrap:wrap;gap:6px 16px;margin-top:8px;display:flex}& .player-links{flex-wrap:wrap;gap:26px;margin-top:14px;display:flex}& .player-links a{border-bottom:1px solid #9bbdcf;justify-content:space-between;align-items:center;gap:14px;min-height:44px;font-size:11px;display:flex}& .player-links a:hover{color:#087e9a;border-color:#087e9a}& .player-help{color:#4c7186;margin-top:12px;font-size:10px;line-height:1.9}& .page-end{color:#3e6c82;justify-content:space-between;align-items:center;gap:24px;padding:43px 0 60px;display:flex}& .page-end p{font:15px/1.8 var(--serif);letter-spacing:.06em}& .page-end a{border-bottom:1px solid #85abc2;align-items:center;gap:23px;min-height:44px;font-size:11px;display:flex}& .empty-state{text-align:center;color:#456d82;padding:36px 8px}& .empty-state>span{color:#78a6ba;font:40px Georgia,serif}& .empty-state p{margin-top:12px;font-size:13px}& .empty-state small{margin-top:8px;font-size:11px;display:block}& .empty-state button{color:var(--primary);background:#fff8;border:1px solid #a5c7d9;border-radius:24px;min-height:44px;margin-top:23px;padding:8px 18px;font-size:12px}& .noscript{padding:20px}& footer{background:#f2f9fc;border-top:1px solid #d8e8ef;padding:32px 0}& .footer-inner{align-items:center;gap:25px;display:flex}& .footer-inner>span{letter-spacing:.12em;font:14px Arial}& .footer-suffix{letter-spacing:.08em;font-size:9px}& .footer-inner p,& .footer-inner a{color:#4d7184;font-size:10px}& .footer-inner a{align-items:center;min-height:44px;margin-left:auto;display:flex}@media (width>=1500px){& .wrap{width:min(1320px,100% - 140px)}& .listening-layout{grid-template-columns:minmax(0,.83fr) minmax(0,1.3fr);gap:38px}& .player-panel{padding:24px}& .song-panel{padding:29px}& .song-row{min-height:98px}}@media (width<=1100px){& .site-header{gap:16px;padding-inline:28px}& .desktop-nav{gap:19px}& .preview-label{display:none}& .wrap{width:calc(100% - 64px)}& .listening-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px}& .song-panel{padding:22px 17px}& .player-panel{padding:16px}& .player-info{padding-inline:4px}& .song-row{gap:7px;padding-inline:8px}& .song-title{font-size:12px}& .list-heading h2{font-size:21px}& .search-box input{font-size:11px}}@media (width<=800px){& html{scroll-padding-top:94px}& .site-header{min-height:78px;padding:15px 24px}& .brand-line{font-size:16px}& .brand-caption{font-size:9px}& .desktop-nav{display:none}& .preview-label{font-size:8px;display:block}& .wrap{width:calc(100% - 40px)}& .intro{padding:24px 0 26px}& .breadcrumb{margin-bottom:19px;font-size:10px}& .intro h1{font-size:34px}& .intro-copy{font-size:12px}& .intro-note{display:none}& .listening-layout{grid-template-columns:1fr;gap:24px}& .player-panel{border-radius:18px;grid-area:1/1;padding:14px;position:static}& .song-panel{border-radius:18px;grid-area:2/1;padding:23px 20px}& .player-info{padding:15px 5px 3px}& .player-info h2{font-size:27px}& .panel-kicker{margin-bottom:10px}& .player-frame{border-width:4px;border-radius:8px}& .placeholder-eyebrow{margin-bottom:10px;font-size:8px}& .play-circle{width:47px;height:47px;font-size:12px}& .play-entry{gap:9px;padding:5px 15px;font-size:12px}& .placeholder-note{margin-top:5px;font-size:9px}& .horizon{bottom:13px}& .stream-details{margin-top:15px;padding-top:13px}& .song-title{font-size:13px}& .song-row{gap:11px;min-height:95px;padding:15px 10px}& .search-box input{font-size:12px}& .song-list{max-height:none;overflow:visible}& .list-heading h2{font-size:24px}& .filters button{min-height:44px;padding-inline:17px}& .page-end{padding:33px 0 42px;display:block}& .page-end a{width:fit-content;margin-top:15px}& .footer-inner{flex-wrap:wrap;gap:8px 16px}& .footer-inner p{width:100%}& .footer-inner a{margin-left:0}& .player-links{gap:23px}& .player-help{font-size:10px}}@media (width<=374px){& .wrap{width:calc(100% - 28px)}& .site-header{padding-inline:16px}& .brand-line{font-size:14px}& .brand-caption{font-size:8px}& .preview-label{font-size:7px}& .intro h1{font-size:30px}& .song-panel{padding-inline:15px}& .player-panel{padding:10px}& .player-info h2{font-size:24px}& .filters button{padding-inline:13px}& .search-box{padding-inline:10px}& .search-box input{font-size:11px}}@media (prefers-reduced-motion:reduce){& *,& :before,& :after{transition:none!important;animation:none!important}& html{scroll-behavior:auto!important}}& .player-frame{width:100%;min-width:0;max-width:100%}}.song-discovery .filters{flex-wrap:wrap;gap:5px}.song-discovery .filters button{padding-inline:12px}.song-discovery .intro-sub{letter-spacing:.04em;margin-top:5px;font-size:11px;display:block}.song-discovery .player-status{color:#3c6278;min-height:2em;margin-top:14px;font-size:11px;line-height:1.8}.song-discovery .playback-controls{flex-wrap:wrap;gap:10px;margin-top:17px;display:flex}.song-discovery .playback-controls button,.song-discovery .retry-load{color:#246d87;background:#fff7;border:1px solid #9abed0;border-radius:22px;min-height:40px;padding:7px 16px;font-size:11px}.song-discovery .retry-load{margin-top:15px}.song-discovery .collection-note a,.song-discovery .song-guide a{border-bottom:1px solid #91b9d3}.song-discovery .song-guide{border-top:1px solid #91b9d360;max-width:800px;margin-top:38px;padding:25px 2px 0}.song-discovery .song-guide h2{font:500 22px/1.8 var(--serif);letter-spacing:.05em}.song-discovery .song-guide p{color:#3c6278;margin-top:12px;font-size:12px;line-height:2.2}.song-discovery .song-row:focus-visible{outline-offset:-3px}@media (width<=800px){.song-discovery .filters{gap:4px}.song-discovery .filters button{padding-inline:10px;font-size:10px}.song-discovery .song-list{overscroll-behavior:contain;max-height:580px;overflow-y:auto}}.song-discovery .player-frame{min-height:212px}@media (width<=800px){.song-discovery .player-frame{min-height:208px}}.song-discovery .list-heading{align-items:flex-start}.song-discovery .list-heading h2 span{display:inline-block}.song-discovery .list-heading>span{padding-top:7px}