@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@400;500;600;700;800;900&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#172c2b;--paper:#f7f7ef;--lime:#e3ef92;--muted:#697773;--line:#d9ded0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #438e81;outline-offset:5px}.header{max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:30px 46px}.brand{display:flex;gap:13px;align-items:center;font-size:17px;font-weight:900;line-height:1.2;letter-spacing:1px}.brand-icon{font-size:36px;background:var(--ink);color:var(--lime);width:54px;height:57px;border-radius:13px;display:grid;place-items:center;position:relative}.brand-icon span{position:absolute;right:4px;top:2px;font-size:19px}.brand-caption{display:block;font-size:7px;letter-spacing:1.5px;margin-top:7px}.header nav{display:flex;gap:32px;font-size:12px;font-weight:700}.header nav span{margin-left:10px}.hero{max-width:1188px;margin:25px auto 65px;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:0 22px;align-items:center}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px}.dot{display:inline-block;background:#719071;width:7px;height:7px;border-radius:50%;margin-right:10px}h1{font-size:clamp(44px,5.8vw,78px);line-height:1.35;letter-spacing:-3px;margin:25px 0}.fun{position:relative;z-index:0}.fun:after{content:'';position:absolute;bottom:6px;left:0;right:-8px;height:22px;background:var(--lime);z-index:-1;transform:rotate(-3deg)}.intro{font-size:14px;line-height:2.1;color:#52635d}.primary{display:inline-flex;align-items:center;gap:40px;padding:17px 24px;background:var(--ink);color:white;border:0;border-radius:6px;font-size:13px;font-weight:700;margin-top:22px}.primary span{color:var(--lime);font-size:21px}.hero-note{display:flex;gap:20px;margin-top:25px;font-size:10px;color:var(--muted)}.hero-note span:before{content:'✓';margin-right:7px}.cabinet{background:#e0e6dc;border:1px solid #b8c3b4;border-radius:20px;padding:17px;transform:rotate(2deg);box-shadow:11px 15px 0 #e9eddf}.cabinet-heading{display:flex;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:2px;padding:5px 3px 16px}.cabinet-window{height:322px;background:#f4f4df;border-radius:11px;position:relative;overflow:hidden;border:1px solid #bdc7b6;display:grid;place-items:center}.hero-birds{width:255px;height:255px;object-fit:contain;border-radius:50%;position:relative;z-index:1;mix-blend-mode:multiply}.orbit{position:absolute;border:1px solid #d5dbc1;width:400px;height:210px;border-radius:50%;transform:rotate(-30deg)}.orbit.two{transform:rotate(36deg)}.deco-star{position:absolute;top:22px;left:28px;font-size:50px;color:#739886}.label-sticker{position:absolute;right:17px;top:25px;background:var(--lime);padding:10px 13px;transform:rotate(10deg);font-size:11px;line-height:1.4;font-weight:900;z-index:2}.tiny-note{position:absolute;bottom:10px;font:9px monospace;color:#7c846b}.cabinet-bottom{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;padding:16px 6px}.cabinet-bottom i{display:inline-block;width:7px;height:7px;background:#608862;border-radius:50%;margin-right:8px}.cabinet-bottom a{border-radius:50%;border:1px solid #9ead9c;width:34px;height:34px;text-align:center;font-size:20px}.drawer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #b8c3b4;padding:15px 3px 2px;font-size:7px;letter-spacing:1px}.handle{width:90px;height:10px;border:2px solid #a5b3a2;border-radius:9px}.ribbon{display:flex;justify-content:center;align-items:center;gap:44px;background:var(--lime);padding:14px 20px;font-size:10px;letter-spacing:2px;overflow:hidden;white-space:nowrap}.ribbon b{font-size:22px}.collection{max-width:1232px;padding:64px 44px 70px;margin:auto}.section-top{display:flex;align-items:flex-end;justify-content:space-between}.section-top h2{font-size:30px;margin:10px 0 0;letter-spacing:-1px}.collection-note{font-size:11px;color:var(--muted)}.controls{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:30px 0}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{border:1px solid var(--line);border-radius:30px;padding:9px 14px;background:transparent;font-size:11px;color:var(--ink)}.filters button.selected{background:var(--ink);color:white;border-color:var(--ink)}.search{display:flex;border-bottom:1px solid #9ea99e;align-items:center;gap:10px;width:190px}.search span{font-size:24px}.search input{width:100%;border:0;background:transparent;font-size:12px;padding:10px 0;color:var(--ink);min-width:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.app-card{border:1px solid var(--line);background:#fffefa;border-radius:13px;overflow:hidden;transition:transform .2s}.app-card:hover{transform:translateY(-4px)}.card-art{height:220px;position:relative;overflow:hidden}.bird-art{background:#edf0d8;display:grid;place-items:center}.bird-art img{height:182px;width:182px;object-fit:contain;mix-blend-mode:multiply;margin-top:17px;border-radius:30px}.pill{position:absolute;left:15px;top:15px;z-index:2;font-size:9px;border-radius:20px;background:#fffdf4cc;padding:4px 10px}.favorite{position:absolute;right:12px;top:12px;z-index:2;background:#fffdf4;border:0;border-radius:50%;height:35px;width:35px;font-size:21px;color:var(--ink)}.favorite[aria-pressed=true]{background:var(--ink);color:var(--lime)}.art-caption{position:absolute;bottom:10px;font-size:7px;letter-spacing:1.4px}.card-body{padding:21px}.category{font-size:8px;letter-spacing:2px;color:var(--muted);display:flex;justify-content:space-between;margin:0}.card-body h3{font-size:19px;margin:10px 0}.card-body>p:not(.category){font-size:11px;line-height:2;color:var(--muted)}.tags{display:flex;gap:6px;margin:20px 0}.tags span{font-size:9px;border:1px solid #e4e7db;border-radius:3px;padding:2px 6px}.card-link{display:flex;width:100%;border:0;border-top:1px solid var(--line);background:transparent;padding:16px 0 0;text-align:left;justify-content:space-between;font-size:12px;font-weight:700;color:var(--ink)}.work-art{background:#dce9e7}.speech{position:absolute;background:#fffef8;box-shadow:4px 5px 0 #adc9c1;border:1px solid #a5bdb6;border-radius:17px}.speech.large{left:35px;top:62px;transform:rotate(-6deg);font-size:25px;font-weight:900;line-height:1.4;padding:15px 24px}.speech.large span{position:absolute;color:#8cac74;right:-24px;top:-20px;font-size:44px}.speech.small{right:22px;bottom:22px;padding:12px;font:9px monospace;transform:rotate(6deg)}.speech.small b{font-size:17px;margin-left:10px}.next-card{border:1px dashed #b9c4ad;background:#eff0e5;border-radius:13px;padding:33px 27px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.next-symbol{font-size:64px;line-height:1;color:#8fa181}.next-card h3{font-size:23px;line-height:1.6;margin:10px 0}.next-card>p:not(.eyebrow){font-size:11px;color:var(--muted)}.next-foot{font-size:8px;letter-spacing:1px;margin-top:23px}.about{background:var(--ink);color:var(--paper);padding:65px max(44px,calc((100vw - 1144px)/2));display:grid;grid-template-columns:1fr 1fr;gap:45px}.about .eyebrow{color:var(--lime)}.about h2{font-size:32px;line-height:1.6}.about p:not(.eyebrow){font-size:13px;line-height:2.2;color:#c7d3ce}.about-stamps{display:flex;gap:40px;margin-top:28px}.about-stamps span{color:var(--lime);font:11px monospace}.about-stamps b{display:block;color:var(--paper);font:12px 'Noto Sans JP',sans-serif;margin-top:7px}.notes{max-width:1232px;margin:0 auto;padding:35px 44px;color:var(--muted)}.notes h2{font-size:12px}.notes p{font-size:10px;line-height:2}footer{border-top:1px solid var(--line);max-width:1144px;margin:auto;padding:25px 0;display:flex;align-items:center;gap:15px}footer>span{font-size:11px;font-weight:900;letter-spacing:1px}footer small{font-size:9px;color:var(--muted)}footer a{margin-left:auto;font-size:10px}dialog{border:1px solid var(--line);border-radius:15px;background:var(--paper);padding:35px;max-width:480px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#172c2b99}dialog h2{font-size:20px}dialog p{font-size:13px}.close{position:absolute;right:12px;top:7px;border:0;background:none;font-size:28px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}#empty{text-align:center;padding:40px}#reset{border:1px solid var(--ink);border-radius:20px;background:transparent;padding:8px 18px}
@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.next-card{grid-column:1/-1;min-height:230px}.hero{gap:25px}.cabinet-window{height:280px}.hero-birds{width:225px;height:225px}.controls{align-items:flex-start;flex-direction:column}.search{width:100%}footer{margin:0 30px}.header{padding:25px}.about{padding:45px 30px}.hero-copy .eyebrow{font-size:8px}}
@media(max-width:600px){.header{padding:20px}.brand{font-size:13px;gap:9px}.brand-icon{width:43px;height:46px;font-size:28px}.brand-caption{font-size:5px;letter-spacing:1px}.header nav a:first-child{font-size:10px}.header nav a:last-child{display:none}.hero{grid-template-columns:1fr;margin:15px auto 35px;padding:0 25px;gap:34px}h1{font-size:53px;margin:20px 0}.intro{font-size:13px}.primary{padding:14px 23px}.hero-note{font-size:9px}.cabinet{margin:0 6px}.cabinet-window{height:260px}.ribbon{gap:24px;justify-content:flex-start;padding:11px 20px;font-size:8px}.ribbon span:last-child{display:none}.collection{padding:40px 20px}.section-top h2{font-size:25px}.collection-note{display:none}.filters{gap:6px}.filters button{padding:8px 11px;font-size:10px}.controls{margin:23px 0}.cards{grid-template-columns:1fr;gap:20px}.card-art{height:245px}.bird-art img{width:210px;height:210px}.card-body{padding:24px}.card-body h3{font-size:21px}.card-body>p:not(.category){font-size:13px}.card-link{font-size:14px;min-height:49px}.speech.large{left:18%;font-size:30px}.speech.small{right:15%;bottom:27px}.next-card{padding:28px;min-height:270px}.about{grid-template-columns:1fr;padding:38px 25px;gap:5px}.about h2{font-size:29px}.notes{padding:25px}.notes p{font-size:11px}footer{margin:0 25px;flex-wrap:wrap;gap:5px 12px}footer a{margin-left:0;width:100%;margin-top:12px}.desktop{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-card{transition:none}}
/* PCを主画面とするレイアウト */
@media(min-width:1000px){
 .header{max-width:1440px;padding:32px 64px}
 .header nav{font-size:14px;gap:40px}
 .hero{max-width:1312px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;margin:40px auto 80px;padding:0 32px}
 h1{font-size:clamp(56px,5.2vw,76px);letter-spacing:-2px}
 .fun{white-space:nowrap}
 .intro{font-size:16px}
 .hero-note{font-size:12px}
 .cabinet-window{height:360px}
 .hero-birds{width:290px;height:290px}
 .collection{max-width:1440px;padding:64px 64px 80px}
 .section-top h2{font-size:36px}
 .collection-note{font-size:14px}
 .controls{margin:32px 0;gap:28px}
 .filters button{font-size:13px;padding:10px 20px}
 .search{width:280px}
 .search input{font-size:14px}
 .cards{gap:28px}
 .card-art{height:250px}
 .bird-art img{width:210px;height:210px}
 .card-body{padding:26px}
 .card-body h3{font-size:23px}
 .card-body>p:not(.category){font-size:14px}
 .category,.pill,.tags span{font-size:11px}
 .tags{flex-wrap:wrap}
 .card-link{font-size:14px}
 .about{padding:64px max(64px,calc((100vw - 1312px)/2));gap:64px}
 .about p:not(.eyebrow){font-size:15px}
 .notes{max-width:1440px;padding:36px 64px}
 .notes p{font-size:12px}
 footer{max-width:1312px;margin:0 auto;padding:28px 32px}
}
@media(min-width:601px) and (max-width:999px){
 .hero{grid-template-columns:1fr;max-width:760px;padding:0 40px;gap:36px}
 h1{font-size:64px;letter-spacing:-2px}
 .fun{white-space:nowrap}
 .cabinet{max-width:520px;width:100%;justify-self:center}
}
.channel-section{max-width:1440px;margin:auto;padding:64px}.channel-heading{display:flex;justify-content:space-between;align-items:center;gap:32px}.channel-heading h2{font-size:36px;line-height:1.5;margin:12px 0}.channel-heading .primary{flex-shrink:0}.channel-intro{max-width:900px;font-size:15px;color:var(--muted);line-height:2}.video-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:32px}.video-links a{display:flex;flex-direction:column;min-height:190px;padding:28px;background:var(--ink);color:var(--paper);border-radius:13px}.video-links a:nth-child(2){background:#dce9e7;color:var(--ink)}.video-links a:nth-child(3){background:var(--lime);color:var(--ink)}.video-kind{font-size:11px;letter-spacing:2px}.video-links h3{font-size:23px;margin:20px 0}.video-links a>span:last-child{font-size:12px;margin-top:auto}.channel-note{font-size:12px;color:var(--muted);margin-top:24px}@media(max-width:999px){.channel-section{padding:40px 25px}.channel-heading{align-items:flex-start;flex-direction:column;gap:0}.channel-heading h2{font-size:30px}.video-links{grid-template-columns:1fr}.channel-intro{font-size:14px}.header nav{gap:16px}}
.channel-banner{display:block;max-width:1312px;margin:8px auto 24px;overflow:hidden;border-radius:12px}.channel-banner img{width:100%;display:block;aspect-ratio:6/1;object-fit:cover}.hero h1{font-size:clamp(40px,4.1vw,59px);line-height:1.45;letter-spacing:-2px}.music-feature{background:var(--ink);color:var(--paper);padding:24px;border-radius:18px;box-shadow:12px 12px 0 var(--lime)}.music-feature>a{display:block;position:relative}.music-feature>a img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:8px}.feature-play{position:absolute;bottom:14px;left:14px;background:var(--lime);color:var(--ink);font-size:11px;font-weight:800;padding:9px 14px;border-radius:4px}.feature-caption{display:flex;justify-content:space-between;align-items:center;gap:12px}.feature-caption h2{font-size:25px}.feature-caption>span{font-size:10px;color:var(--lime)}.feature-mini{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature-mini img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px}.feature-mini span{display:block;font-size:12px;margin-top:5px}.video-links .music-card{padding:0;background:#fffefa;color:var(--ink);overflow:hidden;border:1px solid var(--line);transition:transform .2s}.music-card:hover{transform:translateY(-4px)}.music-art{position:relative;aspect-ratio:16/9;overflow:hidden}.music-art img{width:100%;height:100%;object-fit:cover;display:block}.play-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#172c2bcc;color:white;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;padding-left:3px}.duration{position:absolute;bottom:10px;right:10px;background:#172c2be6;color:white;font-size:11px;padding:2px 7px;border-radius:4px}.music-info{padding:24px}.music-info h3{margin:12px 0;font-size:22px}.music-info>span:last-child{font-size:13px;font-weight:700}.channel-section{border-bottom:1px solid var(--line)}@media(max-width:999px){.channel-banner{margin:0 25px 24px}.channel-banner img{aspect-ratio:4/1}.hero h1{font-size:48px}.music-feature{width:100%;max-width:600px;justify-self:center}}@media(max-width:600px){.hero h1{font-size:36px}.music-feature{padding:16px}.feature-caption{align-items:flex-start;flex-direction:column;gap:0;margin-bottom:18px}.feature-caption h2{margin-bottom:5px}.feature-mini span{font-size:10px}}
.equal-entry{display:flex;gap:16px;flex-wrap:wrap}.equal-entry .primary{justify-content:space-between;min-width:190px;gap:24px}.music-feature{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;background:transparent;color:var(--ink);padding:0;box-shadow:none}.music-feature>.eyebrow{grid-column:1/-1}.music-feature>a:first-of-type{grid-column:1}.music-feature>a:first-of-type img{aspect-ratio:1/1}.feature-caption{grid-column:1;display:block}.feature-caption h2{font-size:20px;margin:12px 0 4px}.feature-caption>span{color:var(--muted)}.music-feature .storage-feature{grid-column:2;grid-row:2/4;display:flex;flex-direction:column;background:#e9eddb;border:1px solid var(--line);border-radius:8px;overflow:hidden}.storage-feature img{width:100%;aspect-ratio:1/1;object-fit:contain;mix-blend-mode:multiply}.storage-feature>span{display:flex;flex-direction:column;padding:15px}.storage-feature b{font-size:8px;letter-spacing:1px}.storage-feature strong{font-size:20px;margin:6px 0}.storage-feature small{font-size:12px}.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(36px,3.7vw,53px)}@media(max-width:999px){.hero{grid-template-columns:1fr}.music-feature{max-width:650px}.equal-entry .primary{flex:1}.hero h1{font-size:48px}}@media(max-width:600px){.hero h1{font-size:36px}.equal-entry{gap:10px}.equal-entry .primary{min-width:0;font-size:12px;padding:14px;gap:8px}.feature-caption h2,.storage-feature strong{font-size:17px}.storage-feature b{font-size:7px}}
.music-feature>a:first-of-type img,.storage-feature img{aspect-ratio:16/9}.music-feature>a:first-of-type{border:1px solid var(--line);border-radius:8px 8px 0 0;overflow:hidden}.feature-caption{border:1px solid var(--line);border-top:0;margin:0;padding:16px;background:#fffefa;border-radius:0 0 8px 8px}.feature-caption h2{margin:0 0 6px}.music-feature .storage-feature{background:#fffefa}.storage-feature>span{padding:16px}.skip-link{position:absolute;left:16px;top:-80px;padding:12px 20px;background:var(--ink);color:white;z-index:100}.skip-link:focus{top:16px}footer{flex-wrap:wrap}footer a{margin-left:12px}.channel-intro{max-width:1050px}.notes{overflow-wrap:anywhere}
/* ROCK & ROLL / final visual direction */
:root{--ink:#f2ead7;--paper:#121212;--lime:#f7d34b;--muted:#b6ad9e;--line:#48433b}body{background-color:#121212;background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,#ffffff03 3px,#ffffff03 4px)}.header{max-width:1440px;border-bottom:2px solid #f7d34b;padding-top:24px;padding-bottom:24px}.brand{font-size:20px;letter-spacing:1.8px}.brand-icon{background:#d9312c;color:#f7d34b;border-radius:2px;transform:rotate(-5deg)}.brand-caption{color:#f7d34b}.header nav{font-size:13px;text-transform:uppercase}.header nav a{border-bottom:2px solid transparent;padding:8px 0}.header nav a:hover{border-color:#d9312c}.channel-banner{margin-top:28px;border-radius:0;border:1px solid #65584b;box-shadow:7px 7px 0 #d9312c}.channel-banner img{filter:contrast(1.1) saturate(.9)}.hero{margin-top:48px;margin-bottom:64px}.hero h1{font-weight:900;line-height:1.35;letter-spacing:-2px;transform:rotate(-1deg);text-shadow:3px 3px 0 #4a2d22}.eyebrow{color:#f7d34b;letter-spacing:2.5px}.dot{background:#d9312c;box-shadow:0 0 0 4px #d9312c33}.fun:after{background:#d9312c;height:13px;bottom:3px}.intro{color:#d8cdbb;font-size:15px}.primary{background:#d9312c;color:#fff6df;border:2px solid #e3553d;border-radius:0;box-shadow:4px 4px 0 #000;font-weight:900}.primary:hover{background:#f7d34b;color:#171717;border-color:#f7d34b}.primary span{color:inherit}.equal-entry .primary:nth-child(2){background:#f7d34b;color:#171717;border-color:#ffe47d}.hero-note{color:#b6ad9e}.music-feature>a:first-of-type{border:2px solid #f7d34b;border-radius:0}.music-feature>a:first-of-type img{border-radius:0}.feature-play{background:#d9312c;color:#fff6df;border-radius:0;font-weight:900}.feature-caption{background:#211e1a;border:2px solid #f7d34b;border-top:0;border-radius:0}.music-feature .storage-feature{border:2px solid #f7d34b;background:#211e1a;border-radius:0}.storage-feature img{background:#e7dfc5;mix-blend-mode:normal}.storage-feature b{color:#f7d34b}.ribbon{background:#d9312c;color:#fff6df;border-top:2px solid #f7d34b;border-bottom:2px solid #f7d34b;font-weight:800;transform:rotate(-.5deg)}.channel-heading h2,.section-top h2{font-weight:900;font-size:38px;letter-spacing:-1px}.channel-section{border-bottom:2px solid #f7d34b}.video-links{gap:28px}.video-links .music-card{background:#211e1a;color:#f2ead7;border:1px solid #65584b;border-radius:0;box-shadow:5px 5px 0 #000}.music-art img{filter:contrast(1.05)}.play-mark{background:#d9312ce6;color:#fff6df;border:2px solid #f7d34b}.duration{background:#121212;color:#f7d34b;border-radius:0}.music-info{border-top:3px solid #d9312c}.video-kind{color:#f7d34b;font-weight:800}.music-info>span:last-child{color:#e36a4e}.filters button{border-radius:0;border-color:#65584b;color:#f2ead7;font-weight:700}.filters button.selected{background:#f7d34b;color:#121212;border-color:#f7d34b}.search{border-color:#f7d34b}.search input{color:#f2ead7}.app-card{background:#211e1a;color:#f2ead7;border-radius:0;border:1px solid #65584b;box-shadow:5px 5px 0 #000}.bird-art{background:#e6ddc3}.work-art{background:#842922}.speech{background:#f2ead7;color:#171717;box-shadow:4px 5px 0 #f7d34b;border-color:#171717}.speech.large span{color:#f7d34b}.favorite{background:#121212;color:#f7d34b;border-radius:0}.favorite[aria-pressed=true]{background:#d9312c;color:white}.pill{background:#121212;color:#f7d34b;border-radius:0}.art-caption{color:#171717}.category{color:#f7d34b}.card-body>p:not(.category){color:#c8bcaa}.tags span{border-color:#65584b;border-radius:0}.card-link{color:#f7d34b}.next-card{background:#171614;border:2px dashed #65584b;border-radius:0}.next-symbol{color:#d9312c}.next-foot{color:#f7d34b}.about{background:#d9312c;color:#fff6df;border-top:2px solid #f7d34b;border-bottom:2px solid #f7d34b}.about p:not(.eyebrow){color:#fff0dc}.about-stamps b{color:#fff6df}.notes{color:#b6ad9e}.notes h2{color:#f2ead7}footer{color:#f2ead7;border-top:1px solid #65584b}dialog{background:#211e1a;color:#f2ead7;border:2px solid #f7d34b;border-radius:0}dialog::backdrop{background:#000c}.close{color:#f2ead7}#reset{border-radius:0;color:#f2ead7}.skip-link{background:#f7d34b;color:#121212}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#f7d34b}@media(max-width:999px){.header{margin:0 20px}.channel-heading h2,.section-top h2{font-size:30px}.brand{font-size:16px}}@media(max-width:600px){.brand{font-size:12px}.header nav{gap:10px}.header nav a{font-size:10px!important}.hero h1{font-size:35px}.section-top h2{font-size:28px}}
.video-links a.music-card:nth-child(n){background:#211e1a;color:#f2ead7}.video-links a.music-card:nth-child(n) h3{color:#f2ead7}
.support-section{max-width:1440px;margin:0 auto;padding:72px 64px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:64px;align-items:center}.support-copy h2{font-size:36px;line-height:1.5;letter-spacing:-1px;margin:15px 0 24px}.support-copy>p:not(.eyebrow){font-size:15px;line-height:2;color:#d8cdbb;max-width:720px}.support-copy .support-thanks{color:#f7d34b!important}.support-desk{border:2px solid #f7d34b;background:#211e1a;padding:32px;box-shadow:8px 8px 0 #d9312c;position:relative}.support-symbol{position:absolute;right:24px;top:12px;font-size:48px;color:#d9312c}.support-desk h3{font-size:30px;line-height:1.5;margin:16px 0}.support-desk>p:not(.eyebrow){font-size:14px;color:#d8cdbb}.support-pending{display:block;width:100%;margin:24px 0 12px;border:1px solid #786b52;background:#3a3327;color:#e7d5a7;padding:15px;font-size:14px;cursor:default}.support-desk small{display:block;font-size:11px;color:#b6ad9e;line-height:1.8}.support-desk .primary{display:flex;justify-content:space-between;margin:24px 0 12px;width:100%}@media(max-width:999px){.support-section{padding:48px 30px;gap:32px;grid-template-columns:1fr}.support-copy h2{font-size:30px}.support-desk{max-width:600px;width:100%}}@media(max-width:600px){.support-section{padding:40px 25px}.support-copy h2{font-size:26px}.support-desk{padding:24px}}
.brand-custom{display:flex;flex-direction:column;gap:0;align-items:center}.brand-custom img{display:block;width:260px;height:130px;object-fit:cover;object-position:center;border-radius:4px}.brand-custom .brand-caption{font-size:8px;letter-spacing:2px;margin-top:8px}.header:has(.brand-custom){padding-top:12px;padding-bottom:16px}@media(max-width:999px){.brand-custom img{width:200px;height:100px}.header nav{flex-wrap:wrap;justify-content:flex-end}}@media(max-width:600px){.brand-custom img{width:145px;height:78px}.brand-custom .brand-caption{font-size:5px;letter-spacing:1px}.header:has(.brand-custom){gap:16px;padding-left:0;padding-right:0}.header nav{max-width:130px;gap:5px 12px}}
.header{flex-wrap:wrap}.language-links{display:flex;justify-content:flex-end;gap:18px;width:100%;font-size:12px;margin-top:12px}.language-links a{color:#f7d34b;border-bottom:1px solid #65584b;padding:4px}.localized-hero{max-width:1312px;margin:40px auto 60px;padding:0 32px}.localized-hero h1{font-size:clamp(38px,5vw,65px);letter-spacing:0}.localized-hero>p:not(.eyebrow){max-width:900px;color:#d8cdbb;font-size:18px;line-height:1.9}.localized-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:30px}html[lang=hi] body{font-family:'Noto Sans Devanagari','Nirmala UI','Mangal','Noto Sans JP',sans-serif}html[lang=hi] h1,html[lang=hi] h2{letter-spacing:0}html[lang=hi] .primary{line-height:1.8}@media(max-width:600px){.localized-apps{grid-template-columns:1fr}.language-links{justify-content:center}.localized-hero{padding:0 25px}.localized-hero>p:not(.eyebrow){font-size:16px}}
/* ロゴと副題を同じ幅に揃える */
.brand-custom{width:360px;flex:0 0 360px}.brand-custom img{width:100%;height:180px;object-fit:cover}.brand-custom .brand-caption{display:block;width:100%;white-space:nowrap;text-align:center;font-size:15px;letter-spacing:.3px;line-height:1.5;margin-top:8px;font-weight:800}@media(max-width:999px){.brand-custom{width:300px;flex-basis:300px}.brand-custom img{width:100%;height:150px}.brand-custom .brand-caption{font-size:12.5px;letter-spacing:.2px}}@media(max-width:600px){.header:has(.brand-custom){justify-content:center}.brand-custom{width:min(100%,330px);flex:0 1 330px}.brand-custom img{width:100%;height:165px}.brand-custom .brand-caption{font-size:clamp(10px,3.6vw,13.5px);letter-spacing:0}.header nav{max-width:none;justify-content:center;width:100%;gap:20px}}
.brand-custom .brand-caption{font-size:18px;letter-spacing:.35px}@media(max-width:999px){.brand-custom .brand-caption{font-size:15px;letter-spacing:.2px}}@media(max-width:600px){.brand-custom .brand-caption{font-size:clamp(10px,4.1vw,16.5px);letter-spacing:0}}
/* ロゴ右側に副題を横一列で表示 */
.header:has(.brand-custom){display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.brand-custom{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;gap:32px;flex:none}.brand-custom img{width:300px;height:150px;flex:0 0 300px;object-fit:cover}.brand-custom .brand-caption{width:auto;flex:1;margin:0;text-align:left;white-space:nowrap;font-size:clamp(20px,2.65vw,38px);letter-spacing:-.5px;line-height:1.2;font-weight:900}.header:has(.brand-custom) nav{display:flex;justify-content:flex-end;max-width:none;width:100%;gap:32px}.header:has(.brand-custom) .language-links{margin-top:0}@media(max-width:999px){.brand-custom{gap:18px;width:100%}.brand-custom img{width:210px;height:105px;flex-basis:210px}.brand-custom .brand-caption{font-size:clamp(12px,2.55vw,25px);letter-spacing:-.4px}}@media(max-width:600px){.header:has(.brand-custom){gap:10px}.brand-custom{gap:8px;width:100%}.brand-custom img{width:105px;height:65px;flex-basis:105px}.brand-custom .brand-caption{font-size:clamp(8px,2.45vw,14px);letter-spacing:-.2px}.header:has(.brand-custom) nav{justify-content:center;gap:20px}}
html[lang="hi"] body{font-family:"Noto Sans Devanagari","Noto Sans",system-ui,sans-serif;line-height:1.7}
html[lang="en"] .speech.large,html[lang="hi"] .speech.large{font-size:clamp(24px,2.7vw,38px)}
.language-links a[aria-current="page"]{color:#ffd26a;text-decoration:underline;text-underline-offset:5px}
.donation-reward{margin:24px 0;padding:20px 24px;border:1px solid #c79646;border-radius:8px;background:#251b13}
.donation-reward h3{margin:0 0 12px;color:#ffd26a;font-size:clamp(20px,2vw,27px);line-height:1.5}
.donation-reward .reward-status{font-size:14px;color:#c9b9a6;margin-bottom:0}
.download-page{max-width:850px;margin:70px auto;padding:24px}.download-page h1{font-size:clamp(26px,4vw,44px);line-height:1.5}.download-page p{line-height:1.8}.download-languages{display:flex;gap:12px;margin:24px 0}.download-page button{padding:12px 18px;background:#31231a;color:#fff;border:1px solid #c79646;border-radius:6px;cursor:pointer}#download-tracks>div{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #624a31;padding:18px 0}
.header nav,.hero-note,.tags,footer{flex-wrap:wrap}
.header nav a,.language-links a{min-height:36px;display:inline-flex;align-items:center}
html[lang="en"] h1,html[lang="hi"] h1{letter-spacing:0}
html[lang="hi"] .hero h1{font-size:clamp(34px,4.6vw,64px);line-height:1.5}
html[lang="hi"] .filters button{font-size:12px}
.speech.large{max-width:calc(100% - 65px)}
@media(max-width:600px){.controls{align-items:stretch}.filters{width:100%}.search{width:100%}.brand-custom .brand-caption{font-size:clamp(7px,2.2vw,13px)}footer{padding-left:20px;padding-right:20px;gap:12px}footer a{margin-left:0}.about-stamps{flex-wrap:wrap;gap:22px}.support-copy h2{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-card{transition:none}.app-card:hover{transform:none}}
.music-catalog-count{font-size:14px;color:#ffd26a;margin:22px 0}.music-info h3{overflow-wrap:anywhere}
.music-segment-nav{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 32px}.music-segment-nav a{display:inline-flex;align-items:center;padding:9px 17px;border:1px solid #98794b;border-radius:30px;font-size:14px;color:#ffd26a}.music-segment-nav a:hover{background:#30251e}.music-segment{margin:36px 0 48px;scroll-margin-top:25px}.music-segment-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #624a31;margin-bottom:20px;padding-bottom:12px}.music-segment-heading h3{font-size:24px;margin:0;color:#fff0d5}.music-segment-heading>span{font-size:13px;color:#c9b9a6}.music-segment .video-links{margin-top:0}
.release-section{margin:40px 0 48px;padding:26px;border:1px solid #98794b;border-radius:12px;background:#1a1511}.release-section>h3{margin:8px 0;font-size:30px;color:#ffd26a}.release-section>p{font-size:14px}.release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}.release-card{min-width:0;background:#100e0c;border:1px solid #493626;border-radius:8px;overflow:hidden}.release-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.release-card h4{font-size:20px;margin:16px;overflow-wrap:anywhere}.release-services{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 20px}.release-services a{padding:8px 10px;border:1px solid #624a31;border-radius:5px;font-size:12px;min-height:38px}.release-services a:hover{background:#30251e}.release-services .release-all{width:100%;color:#ffd26a}.release-note{color:#bbaa96}@media(max-width:600px){.release-grid{grid-template-columns:1fr}.release-section{padding:18px}}
.music-release-pair{min-width:0;border:1px solid #493626;border-radius:10px;background:#15110e;overflow:hidden}.music-release-pair>.music-card{border:0;border-radius:0;display:block;height:auto}.paired-stores{padding:16px;border-top:1px solid #624a31}.paired-stores>p{font-size:12px;letter-spacing:1px;color:#ffd26a;margin:0 0 12px}.paired-cover{display:flex;gap:12px;align-items:center;margin-bottom:14px;font-size:13px;overflow-wrap:anywhere}.paired-cover img{width:58px;height:58px;object-fit:cover;border-radius:4px}.paired-store-links{display:flex;gap:8px;flex-wrap:wrap}.paired-store-links a{padding:7px 9px;border:1px solid #624a31;border-radius:4px;font-size:11px;min-height:34px}.paired-store-links a:hover{background:#30251e}.release-grid:has(.release-card:only-child){grid-template-columns:minmax(0,340px)}
.portal-hero{max-width:1200px;margin:38px auto 60px;padding:0 28px}.portal-hero>h1{font-size:clamp(24px,3vw,38px);letter-spacing:0;line-height:1.6;margin:10px 0 30px}.portal-entries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.portal-entry{min-width:0;border:1px solid #997741;border-radius:12px;overflow:hidden;background:#17110d;display:flex;flex-direction:column;box-shadow:0 12px 28px #0005}.portal-entry:hover{border-color:#ffd26a}.portal-art{height:270px;position:relative;background:#211810;overflow:hidden}.portal-art>img{width:100%;height:100%;object-fit:cover;display:block}.gadget-entrance .portal-art{display:grid;place-items:center;background:radial-gradient(circle,#594127,#191410 75%)}.gadget-entrance .portal-art>img{width:250px;height:250px;object-fit:contain;mix-blend-mode:normal}.portal-number{position:absolute;left:18px;top:18px;background:#100b08e8;color:#ffd26a;border:1px solid #98794b;border-radius:5px;padding:7px 12px;font-size:12px;letter-spacing:2px}.portal-copy{padding:26px;flex:1;display:flex;flex-direction:column}.portal-copy h2{font-size:clamp(25px,3vw,36px);line-height:1.5;margin:0;color:#ffe8b2}.portal-copy p{font-size:15px;margin:12px 0 24px;color:#d7c8b5}.portal-action{display:block;border-top:1px solid #624a31;padding-top:18px;color:#ffd26a;font-weight:700;margin-top:auto}@media(max-width:600px){.portal-hero{padding:0 18px}.portal-entries{gap:12px}.portal-art{height:150px}.gadget-entrance .portal-art>img{width:140px;height:140px}.portal-copy{padding:15px}.portal-copy h2{font-size:20px}.portal-copy p{font-size:12px}.portal-action{font-size:12px}.portal-number{font-size:9px;left:8px;top:8px;padding:5px 7px;letter-spacing:1px}}@media(max-width:380px){.portal-copy h2{font-size:17px}.portal-copy{padding:12px}.portal-entries{gap:8px}}
.site-faq{max-width:1144px;margin:40px auto;padding:28px}.site-faq h2{font-size:28px;color:#ffe8b2}.site-faq details{border-bottom:1px solid #624a31;padding:18px 0}.site-faq summary{cursor:pointer;font-weight:700;font-size:16px;line-height:1.7}.site-faq details p{font-size:14px;line-height:1.9;color:#d7c8b5;max-width:900px}

/* Listening and app guides */
.explore-guide{padding:36px clamp(20px,5vw,80px);background:#161616;color:#f5f0df;border-bottom:1px solid #514635}.explore-guide h2{font-size:clamp(22px,2vw,30px);margin:0 0 22px}.explore-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.explore-guide h3{font-size:19px;margin:0 0 10px}.explore-guide a{color:#f2cd77;text-underline-offset:4px}.explore-guide p,.genre-intro,.listening-intro{line-height:1.8}.explore-guide nav{display:flex;gap:24px;flex-wrap:wrap;margin-top:22px}.genre-intro{margin:8px 0 20px;max-width:75ch}.listening-intro{max-width:85ch;margin:24px 0}@media(max-width:700px){.explore-guide-grid{grid-template-columns:1fr;gap:18px}}

.legal-policy h3{font-size:18px;margin:26px 0 8px}.legal-policy p{max-width:90ch;line-height:1.9}.policy-date{font-size:13px;opacity:.8}.support-legal-summary{font-size:14px;line-height:1.8;text-align:left}.legal-policy{scroll-margin-top:24px}
/* Entrance wordmarks */
.portal-copy .portal-wordmark{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(26px,3.2vw,43px);font-weight:900;line-height:1.12;letter-spacing:.035em;text-transform:uppercase;transform:skew(-4deg);transform-origin:left center;margin:0 0 14px;text-shadow:2px 2px 0 #000}
.portal-wordmark span{display:block}.music-entrance .portal-wordmark span:last-child{color:#ffd16c}.gadget-entrance .portal-wordmark span:last-child{color:#ffd16c}
.portal-copy .portal-label{font-size:13px;font-weight:700;letter-spacing:.08em;margin:0 0 4px;color:#e8ddcb}
@media(max-width:600px){.portal-copy .portal-wordmark{font-size:clamp(16px,4.1vw,25px);letter-spacing:.015em;margin-bottom:10px}.portal-copy .portal-label{font-size:11px}}

.fishing-art{background:#f5eddf}.fishing-art img{width:100%;height:100%;object-fit:contain}.fishing-art .pill,.fishing-art .favorite{z-index:1}