:root{--bg:#101517;--panel:#182023;--ink:#f1f2ec;--muted:#97a5a6;--line:#2a3438;--accent:#b2d09a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,"Noto Sans JP","Yu Gothic",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.header,main,footer{max-width:1500px;margin:auto;padding-left:5.5%;padding-right:5.5%}.header{height:94px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:23px;letter-spacing:1px;font-weight:800}.brand img{width:43px;height:43px;border-radius:50%;object-fit:cover;border:1px solid #ffffff22}.brand small{display:block;font-size:7px;letter-spacing:2.8px;font-weight:400;color:var(--muted);margin-top:5px}nav{display:flex;gap:35px;align-items:center;font-size:12px;color:#b5c1bd}.channel-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #48524d;border-radius:5px;font-size:11px}.yt-icon{display:grid;place-items:center;font-size:8px;background:#dc4f4f;border-radius:4px;width:20px;height:14px;color:white}nav a:hover{color:white}.channel-banner{margin-top:29px;border-radius:6px;overflow:hidden;background:#f1eee6;border:1px solid #ffffff10}.channel-banner img{width:100%;display:block;aspect-ratio:2560/424;object-fit:contain}.channel-info{display:flex;align-items:center;justify-content:space-between;padding:28px 3px 34px;gap:20px}.channel-identity{display:flex;align-items:center;gap:20px}.channel-identity>img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:4px solid #243236;box-shadow:0 0 0 1px #51635844}.eyebrow{font-size:8px;letter-spacing:2.2px;color:var(--accent);font-weight:600;line-height:1.8;margin:0 0 10px}h1{font-size:31px;letter-spacing:1px;margin:0 0 8px;line-height:1.1}.verified-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);vertical-align:middle;margin-left:12px}.channel-identity a{font-size:11px;color:var(--muted)}.channel-description{font-size:12px;line-height:2;color:var(--muted);margin:0}.featured{position:relative;isolation:isolate;overflow:hidden;border-radius:7px;min-height:490px;display:grid;grid-template-columns:1.15fr 1fr;gap:40px;padding:48px 47px 78px;border:1px solid #628c7333;background:#152b2c}.featured-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%;z-index:-3;opacity:.73}.featured-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0a1a1aec 0%,#0c1c1bb8 44%,#081b1580 100%),linear-gradient(0deg,#0b191ae0,transparent 40%);z-index:-2}.feature-label{display:flex;align-items:center;gap:9px;font-size:8px;letter-spacing:2px;color:#cadcc1}.feature-label>span:first-child{width:5px;height:5px;border-radius:50%;background:var(--accent)}.feature-line{width:45px;height:1px;background:#ffffff40}.featured-kicker{font-size:11px;margin:33px 0 13px;color:#d8e3cf}#featured-title{font-size:clamp(36px,4vw,59px);font-weight:600;letter-spacing:-2px;margin:0;line-height:1.35}#featured-title>span{font-size:8px;letter-spacing:3.5px;color:#a5b7af;display:block;margin-top:10px;font-weight:400}.featured-description{font-size:12px;color:#bfccc4;line-height:2;margin:24px 0 27px}.featured-actions{display:flex;align-items:center;gap:25px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:#d9e9bd;color:#1e352a;border:0;border-radius:4px;padding:16px 22px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.primary:hover{background:#ebf5d5;transform:translateY(-2px)}.primary>span{font-size:10px}.secondary{font-size:10px;color:#d2dfd4;white-space:nowrap}.secondary>span{margin-left:9px}.featured-preview{align-self:center;display:block;width:100%;min-width:0;border:1px solid #ffffff29;border-radius:5px;background:#2433319c;padding:13px;color:white;text-align:left;transform:rotate(2deg);box-shadow:0 18px 55px #0005;backdrop-filter:blur(12px);transition:transform .3s,border-color .3s}.featured-preview:hover{transform:rotate(0);border-color:#c6df9b99}.preview-top{font-size:7px;letter-spacing:1.9px;display:block;margin:3px 0 12px;color:#c0cdc1}.preview-frame{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:3px;background:#122025}.preview-frame img{width:100%;height:100%;object-fit:cover}.preview-frame::after{content:"";position:absolute;inset:0;background:#0e21232a}.preview-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:51px;height:51px;border-radius:50%;border:1px solid #ffffff77;background:#ffffff24;backdrop-filter:blur(5px);z-index:2;font-size:15px}.preview-bottom{display:flex;align-items:center;justify-content:space-between;padding:15px 4px 2px;font-size:15px}.preview-bottom small{display:block;font-size:7px;letter-spacing:1.4px;color:#a8b7b1;margin-top:6px}.preview-bottom>span:last-child{font-size:22px;color:#d7e9bb}.feature-bottom{position:absolute;left:47px;right:47px;bottom:24px;display:flex;justify-content:space-between;border-top:1px solid #ffffff20;padding-top:18px;font-size:7px;letter-spacing:1.7px;color:#b2c1b5}.collections{padding-top:61px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.section-heading h2{font-size:27px;letter-spacing:-.8px;font-weight:500;margin:0}.section-heading h2 span{display:inline-block;vertical-align:middle;font-size:10px;color:var(--accent);border:1px solid #6c805e50;background:#9cb8810d;padding:5px 8px;margin-left:15px;border-radius:3px;letter-spacing:1px}.section-heading>p{font-size:11px;color:var(--muted);margin:0 0 4px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.card{min-width:0}.cover{position:relative;aspect-ratio:16/10;isolation:isolate;overflow:hidden;border-radius:5px;background:linear-gradient(145deg,#648580,#243d3b);border:1px solid #ffffff15}.cover>img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.cover:hover>img{transform:scale(1.055)}.cover-open{position:absolute;inset:0;width:100%;border:0;background:linear-gradient(0deg,#0b1d1d75,transparent 60%);color:white;z-index:2}.playlist-badge{position:absolute;right:9px;bottom:9px;background:#101b1bd9;border:1px solid #ffffff20;backdrop-filter:blur(5px);padding:5px 7px;font-size:8px;border-radius:3px}.cover-play{display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffff27;border:1px solid #ffffff55;border-radius:50%;width:43px;height:43px;font-size:12px;opacity:0;transition:opacity .2s}.cover:hover .cover-play,.cover-open:focus-visible .cover-play{opacity:1}.card-info{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:18px 2px 0}.category{display:block;font-size:8px;color:#adc19d;letter-spacing:1.2px;margin-bottom:10px}.card-info h3{font-size:18px;font-weight:500;margin:0 0 9px}.card-info p{font-size:10px;color:var(--muted);line-height:1.85;margin:0}.external{font-size:18px;color:#b5c6a8;flex-shrink:0;padding:3px;margin-top:16px}.external:hover{color:white}.closing{margin-top:60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.closing>div{display:flex;align-items:center;gap:30px}.closing-mark{font-size:45px;font-weight:800;letter-spacing:-3px;color:#566960}.closing-mark>span{color:var(--accent)}.closing p{font-size:11px;color:#9dac9f}.closing>a{font-size:11px;color:#c6d7bc;white-space:nowrap}.closing>a span{margin-left:22px}footer{padding-top:27px;padding-bottom:30px;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-brand{font-size:12px;font-weight:700;letter-spacing:1px}.footer-brand>span{font-size:7px;font-weight:400;color:#6f8379;margin-left:10px;letter-spacing:1px}footer>span{font-size:7px;color:#6d7e77;letter-spacing:1.5px}footer>a:last-child{font-size:9px;color:#a6b29e}dialog{background:#172126;color:#f1f2ec;border:1px solid #485a54;border-radius:7px;padding:25px;width:min(940px,94vw);max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#060d0fe8;backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{font-size:24px;font-weight:500;margin:4px 0}.dialog-head button{background:transparent;color:#e4ebdf;border:1px solid #a6b6a844;width:40px;height:40px;border-radius:50%}#embed{aspect-ratio:16/9;background:#0c161b}#embed iframe{border:0;width:100%;height:100%}.dialog-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;margin-top:16px}.dialog-foot p{color:var(--muted)}.dialog-foot a{color:#c2dba5;white-space:nowrap}.local-player{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:linear-gradient(#0e1e24cf,#0f1b22e8),url('assets/channel-avatar.jpg') center 55%/cover}.local-play-icon{width:58px;height:58px;border:1px solid #b7d29a77;display:grid;place-items:center;border-radius:50%;color:#c6e2a9;font-size:18px}.local-player h3{font-size:23px;font-weight:500;margin:18px 0 8px}.local-player p{font-size:12px;color:#b0c1b1;margin:0}.local-player .primary{margin-top:22px}.skip{position:absolute;top:-100px;z-index:99}.skip:focus{top:10px;left:15px;padding:15px;background:var(--accent);color:#132313}.nojs{padding:30px}.nojs a{display:block;text-decoration:underline;margin-top:15px}
@media(max-width:1100px){.featured{gap:30px;padding:40px 35px 75px}.feature-bottom{left:35px;right:35px}.featured-actions{gap:15px}.primary{padding:15px 18px;font-size:11px}.secondary{font-size:9px}.grid{gap:17px}.card-info h3{font-size:16px}.card-info p{font-size:9px}.featured-preview{padding:10px}}@media(max-width:850px){.header,main,footer{padding-left:5%;padding-right:5%}.featured{grid-template-columns:1fr 1fr;gap:22px;padding:34px 28px 70px;min-height:440px}.feature-bottom{left:28px;right:28px}.featured-actions{flex-direction:column;align-items:start;gap:18px}#featured-title{font-size:39px}.featured-description{font-size:11px;margin:20px 0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 23px}.card-info h3{font-size:20px}.card-info p{font-size:11px}.cover{aspect-ratio:16/9}.cover-play{opacity:1}.playlist-badge{font-size:9px}.channel-description{font-size:10px}.channel-identity>img{width:72px;height:72px}h1{font-size:28px}}@media(max-width:600px){.header{height:78px}.brand{font-size:19px;gap:9px}.brand img{width:35px;height:35px}.brand small{font-size:6px;letter-spacing:2px}nav{gap:18px;font-size:10px}.channel-link{padding:9px 10px;gap:7px;font-size:9px}.channel-banner{margin-top:20px;border-radius:4px}.channel-info{align-items:start;padding:23px 0 28px}.channel-identity{gap:13px}.channel-identity>img{width:60px;height:60px;border-width:3px}h1{font-size:25px}.channel-info .eyebrow{font-size:6px;margin-bottom:6px;letter-spacing:1.5px}.channel-identity a{font-size:9px}.channel-description{display:none}.featured{grid-template-columns:1fr;padding:28px 26px 67px;gap:28px}.featured-background{object-position:center;opacity:.7}.featured-shade{background:linear-gradient(90deg,#061919e8,#0e2823a3),linear-gradient(0deg,#0a191aea,transparent)}.featured-kicker{margin:27px 0 10px}#featured-title{font-size:43px}.featured-actions{flex-direction:row;align-items:center;gap:19px}.featured-preview{transform:rotate(1deg);max-width:400px;margin:auto}.feature-bottom{left:26px;right:26px;font-size:6px;letter-spacing:1px;bottom:21px}.collections{padding-top:42px}.section-heading h2{font-size:24px}.section-heading>p{font-size:9px;max-width:110px;line-height:1.8}.section-heading .eyebrow{font-size:7px}.grid{gap:28px 16px}.card-info{padding-top:14px;gap:8px}.card-info h3{font-size:17px}.card-info p{font-size:10px}.category{font-size:7px;letter-spacing:.5px;margin-bottom:8px}.external{font-size:16px}.playlist-badge{font-size:7px;right:6px;bottom:6px;padding:4px 5px}.cover-play{width:32px;height:32px;font-size:9px}.closing{margin-top:40px;padding:26px 0;align-items:start}.closing>div{align-items:start;flex-direction:column;gap:3px}.closing-mark{font-size:35px}.closing p{font-size:9px;line-height:1.8;max-width:200px}.closing>a{font-size:9px;margin-top:13px}.closing>a span{margin-left:8px}footer{gap:15px;padding:23px 5% 26px}footer>span{display:none}.footer-brand{font-size:10px}.footer-brand>span{font-size:6px}.dialog-foot{flex-direction:column;align-items:start;gap:3px}.dialog-head h2{font-size:21px}.local-player h3{font-size:18px}.local-play-icon{width:38px;height:38px;font-size:13px}.local-player p{font-size:10px}.local-player .primary{margin-top:15px;padding:12px 17px}dialog{padding:17px}}@media(max-width:370px){.featured{padding:24px 20px 66px}.feature-bottom{left:20px;right:20px}.featured-actions{gap:13px}.primary{font-size:10px;padding:13px}.secondary{font-size:8px}.brand img{display:none}.grid{grid-template-columns:1fr}.cover-play{width:44px;height:44px}.card-info h3{font-size:21px}.playlist-badge{font-size:9px}.local-player h3{font-size:16px;margin:9px 0 5px}.local-player p{font-size:8px}.local-play-icon{width:28px;height:28px;font-size:10px}.local-player .primary{padding:9px 12px;margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Light edition */
:root{--bg:#f4f2eb;--panel:#ffffff;--ink:#253c34;--muted:#737f77;--line:#d6ded1;--accent:#51754c}
.header .brand img{border-color:#d2dbcd}.header nav{color:#47604f}.channel-link{border-color:#c7d3bf;background:#fafbf5}nav a:hover{color:#234433}.channel-banner{border-color:#dce2d4}.channel-identity>img{border-color:#e5eadf;box-shadow:0 0 0 1px #c9d3bf}.verified-dot{background:#719b5d}
.featured{background:linear-gradient(125deg,#e7eddf 0%,#dce7d7 52%,#cbdcca 100%);border-color:#cad7c1;box-shadow:0 14px 40px #4561320a}.featured-shade{background:radial-gradient(ellipse at 85% 15%,#ffffff80,transparent 60%),repeating-linear-gradient(135deg,transparent 0,transparent 50px,#55744906 51px,#55744906 52px);z-index:-2}.feature-label{color:#52754c}.feature-label>span:first-child{background:#60884e}.feature-line{background:#66825e55}.featured-kicker{color:#526e4b}#featured-title>span{color:#738471}.featured-description{color:#60745f}.primary{background:#365a40;color:#f9fff1}.primary:hover{background:#274b34}.secondary{color:#456742}.featured-preview{background:#ffffffb0;border-color:#ffffffd9;color:#2a4433;box-shadow:0 15px 45px #41613b22}.featured-preview:hover{border-color:#71956a}.preview-top{color:#6b7e69}.preview-bottom small{color:#748270}.preview-bottom>span:last-child{color:#5c7a48}.feature-bottom{border-color:#82977840;color:#6c8164}.section-heading h2 span{color:#567147;border-color:#ccd8be;background:#e8eedf}.category{color:#658459}.external{color:#56724d}.external:hover{color:#243c29}.closing-mark{color:#adba9f}.closing p{color:#6a7d66}.closing>a{color:#4c7049}.footer-brand>span{color:#83907f}footer>span{color:#879482}footer>a:last-child{color:#657a60}
dialog{background:#fbfcf6;color:#263f30;border-color:#c1d1b5;box-shadow:0 25px 90px #29402c33}dialog::backdrop{background:#34473980}.dialog-head button{color:#34513b;border-color:#c4d1b8}#embed{background:#e6ecde}.dialog-foot a{color:#4e7043}.local-player{background:radial-gradient(ellipse at top,#edf4e1,#d5e2cd)}.local-play-icon{border-color:#a2b991;color:#4f7844}.local-player p{color:#6d8164}.local-player .primary{background:#365a40;color:#f9fff1}.playlist-badge{color:#fff}.cover-open{color:#fff}.preview-play{color:#fff}