:root{--ink:#f3f4f5;--muted:#abb2ba;--paper:#0d0f12;--panel:#15191e;--line:#3a424d;--silver:#d1d7dd;--accent:#a8d4e4;font-family:'Noto Sans JP',system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;line-height:1.75;font-weight:500;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font-size:1rem}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.65}a,button,summary{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2{line-height:1.5}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip-link{position:fixed;top:-100px;left:20px;background:var(--ink);color:var(--paper);padding:12px;z-index:30}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;min-height:80px;padding:15px max(5vw,24px);border-bottom:1px solid var(--line);background:rgba(13,15,18,.98)}.wordmark{display:flex;align-items:center;gap:12px;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:1.25rem;font-weight:800;line-height:1;letter-spacing:.055em;white-space:nowrap}.wordmark-music{color:var(--ink)}.wordmark-channels{color:var(--silver)}.mark{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--silver);font-size:1.75rem;font-weight:800}.site-header nav{display:flex;flex-wrap:wrap;align-items:center;gap:28px;font-size:1rem;font-weight:700}.site-header nav a:not(.nav-register){padding:10px 0}.site-header nav a:hover{color:var(--accent)}.site-header nav .nav-register{padding:8px 22px;border:1px solid var(--silver);background:var(--ink);color:var(--paper);font-size:.875rem;font-weight:700}.site-header nav .nav-register:hover{background:var(--accent)}.menu-toggle{display:none;border:1px solid var(--silver);background:var(--panel);min-height:46px;width:48px;padding:11px 10px;align-content:center;gap:5px}.menu-toggle span{display:block;height:3px;width:26px;background:var(--ink)}
main{width:min(1180px,calc(100% - 80px));margin:auto;padding:34px 0 64px}.intro{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);column-gap:32px;align-items:center;padding:4px 0 24px;border-bottom:1px solid var(--line);margin-bottom:30px}.overline{font-family:'Barlow Condensed',Arial,sans-serif;font-size:.875rem;letter-spacing:.14em;line-height:1.5;font-weight:700;color:var(--muted);margin-bottom:10px}.intro-copy .overline{font-family:'Noto Sans JP',sans-serif;font-size:.875rem;letter-spacing:.12em;color:var(--silver)}.intro h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(3.75rem,7.3vw,6.25rem);font-weight:800;line-height:.88;letter-spacing:-.018em;margin:24px 0}.title-music,.title-channels{display:block;white-space:normal;overflow-wrap:anywhere}.title-music{margin-bottom:12px;color:var(--ink)}.title-channels{color:var(--silver)}.title-stop{color:var(--accent)}.intro-note{font-size:1rem;line-height:1.85;color:var(--silver);margin-top:22px}.cover-art{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:12px;align-items:center;width:100%;max-width:530px;justify-self:end}.cover-photo{background:#181c22;border:1px solid var(--line);min-width:0}.cover-photo img{width:100%;height:auto;object-fit:cover;filter:none}.cover-photo figcaption{font-family:'Barlow Condensed',Arial,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.1em;line-height:1.4;color:var(--silver);padding:7px 9px}.cover-band{grid-row:1/3;align-self:center}.cover-band img{aspect-ratio:3/2}.cover-solo img{aspect-ratio:3/4}.cover-duo img{aspect-ratio:1}.image-note{grid-column:1/-1;text-align:right;font-size:.8125rem;line-height:1.7;color:var(--muted);margin-top:18px}
.premiere-panel{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--silver);padding:22px 26px;margin-bottom:42px}.premiere-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.on-air-label{display:block;color:var(--accent);font-size:.875rem;margin-bottom:5px}.premiere-heading h2{font-size:1.375rem;font-weight:700}.premiere-refresh{border:1px solid #65707e;background:transparent;padding:7px 20px;min-height:44px;font-size:.875rem;flex-shrink:0}.premiere-refresh:hover{border-color:var(--ink);background:#242c35}.premiere-status{font-size:1rem;color:#e1e5e9;line-height:1.8}.premiere-updated{font-size:.8125rem;color:var(--muted);line-height:1.7;margin-top:10px;min-height:1.7em}.premiere-grid:not(:empty){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px;margin-top:20px}.premiere-card{display:block;min-height:140px;padding:18px;border:1px solid #5b6777;background:#11161b;transition:background .15s,border-color .15s}.premiere-card:hover{border-color:var(--accent);background:#1b252e}.premiere-now{display:inline-block;border:1px solid #a96669;background:#40262b;color:#ffb8ba;padding:3px 10px;font-size:.875rem;margin-bottom:12px}.premiere-card strong{display:block;font-size:1.125rem;line-height:1.7;overflow-wrap:anywhere}.premiere-card p{font-size:.875rem;color:var(--accent);margin-top:12px}
.directory-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid var(--silver);padding-bottom:17px;margin-bottom:26px}.directory-heading .overline{color:var(--accent);margin-bottom:6px}.directory-heading h2{font-size:1.75rem;font-weight:700}.sort-note{font-size:.875rem;color:var(--muted)}.directory-layout{display:grid;grid-template-columns:174px minmax(0,1fr);gap:42px}.kana-sidebar{position:sticky;top:112px;align-self:start}.sidebar-label{font-size:.875rem;font-weight:700;color:var(--silver);margin-bottom:12px}#kana-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:20px}.kana-link,.kana-inactive{display:block;min-height:44px;padding:8px 10px;text-align:center;border:1px solid var(--line);font-size:.875rem}.kana-link{background:#151a20}.kana-link:hover{border-color:var(--silver);background:var(--silver);color:var(--paper)}.kana-inactive{color:#818b97;border-color:#222931;background:#11151a}.registration-link{display:block;border-bottom:1px solid #65707e;color:var(--accent);padding:10px 0;font-size:.875rem;font-weight:700}.sidebar-note{font-size:.8125rem;line-height:1.8;color:var(--muted);margin-top:12px}.column-labels{display:grid;grid-template-columns:minmax(0,1fr) 65px 65px 106px;gap:12px;padding:0 16px 12px;font-family:Arial,sans-serif;font-size:.875rem;font-weight:700;color:var(--muted)}.column-labels span:nth-child(n+2){text-align:center}.channel-group{scroll-margin-top:112px;margin-bottom:24px}.channel-group h3{font-size:.875rem;font-weight:700;color:var(--silver);border-top:1px solid var(--line);padding:11px 0 10px}.channel-group ul{margin:0;padding:0;list-style:none;display:grid;gap:4px}.channel-row{display:grid;grid-template-columns:minmax(0,1fr) 65px 65px 106px;align-items:center;gap:12px;padding:6px 16px;min-height:62px;background:#171c22;border-left:2px solid transparent;transition:background .15s,border-color .15s}.channel-row:hover{background:#242d36;border-left-color:var(--accent)}.channel-name{font-size:1rem;font-weight:700;line-height:1.7;overflow-wrap:anywhere}.channel-external{display:grid;place-items:center;overflow-wrap:anywhere;min-height:44px;border:1px solid #586473;font-family:Arial,sans-serif;font-size:.875rem;font-weight:700;color:var(--silver)}.channel-external:hover{background:var(--silver);color:var(--paper);border-color:var(--silver)}.channel-external:last-child{border-color:#809aa8;color:#c5e0eb}.channel-external:last-child:hover{background:var(--accent);color:var(--paper);border-color:var(--accent)}.channel-missing{text-align:center;color:var(--muted)}.plain-button{border:1px solid var(--silver);background:transparent;padding:9px 18px;min-height:44px;font-size:.875rem;margin-top:16px}#directory-status{font-size:1rem;color:var(--muted);margin-bottom:16px}#directory-status:empty{display:none}
.join-strip{display:flex;align-items:center;justify-content:space-between;gap:26px;border-top:1px solid var(--silver);border-bottom:1px solid var(--line);padding:28px 0;margin-top:28px}.join-strip .overline{color:var(--accent)}.join-strip h2{font-size:1.5rem;font-weight:700;margin-bottom:9px}.join-strip p:not(.overline){font-size:1rem;color:var(--muted)}.join-button{display:inline-block;flex-shrink:0;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:12px 22px;font-size:.875rem;font-weight:700}.join-button:hover{background:var(--accent);border-color:var(--accent)}.registration-details{border-bottom:1px solid var(--line);margin-top:10px;padding:18px 0;color:var(--muted)}.registration-details summary{min-height:30px;cursor:pointer;font-size:.875rem;font-weight:700;color:var(--silver)}.registration-details div{max-width:900px;display:grid;gap:12px;padding-top:16px;font-size:1rem}.registration-details a{color:var(--accent);text-decoration:underline}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px max(5vw,24px);border-top:1px solid var(--line);background:#080a0d;color:var(--muted);font-size:.875rem}.footer-wordmark{font-family:'Barlow Condensed',Arial,sans-serif;font-size:1.375rem;font-weight:800;letter-spacing:.07em;color:var(--silver)}footer p{margin-top:8px}footer a:hover{color:var(--accent);text-decoration:underline}.home-link{font-size:.875rem}
@media(max-width:1000px){.site-header nav{gap:20px;font-size:.875rem}.directory-layout{grid-template-columns:150px minmax(0,1fr);gap:26px}.intro{column-gap:20px}.intro h1{font-size:clamp(3.75rem,7.3vw,5rem)}.cover-art{grid-template-columns:minmax(0,1fr) 80px;gap:9px}.cover-photo figcaption{padding:6px;letter-spacing:.02em}}
@media(max-width:760px){html{scroll-padding-top:100px}.site-header{min-height:76px;padding:14px 18px;gap:12px}.wordmark{font-size:1.125rem}.mark{width:38px;height:38px;font-size:1.5rem}.menu-toggle{display:grid}.site-header nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:4px;padding-top:10px;font-size:1rem}.site-header.menu-open nav{display:flex}.site-header nav a:not(.nav-register){padding:9px 0}.site-header nav .nav-register{text-align:center;padding:11px 18px;margin-bottom:6px}main{width:calc(100% - 36px);padding:24px 0 44px}.intro{grid-template-columns:1fr;column-gap:0;padding-bottom:18px;margin-bottom:24px}.intro h1{font-size:clamp(2.8rem,10vw,4rem);line-height:1;letter-spacing:-.025em;margin:14px 0}.title-music,.title-channels{display:inline-block}.title-music{margin-right:8px;margin-bottom:3px}.intro-note{font-size:1rem;margin-top:12px}.intro-note br{display:none}.cover-art{max-width:500px;justify-self:center;grid-template-columns:minmax(0,1fr) 70px;gap:9px;margin-top:22px}.cover-photo figcaption{font-size:.75rem;letter-spacing:0;padding:5px}.image-note{text-align:left;margin-top:12px}.premiere-panel{padding:19px 17px;margin-bottom:32px}.premiere-heading{gap:10px}.premiere-heading h2{font-size:1.25rem}.premiere-refresh{padding:7px 12px}.directory-heading{display:block;padding-bottom:14px;margin-bottom:22px}.directory-heading h2{font-size:1.625rem}.sort-note{display:block;margin-top:8px}.directory-layout{display:block}.kana-sidebar{position:static;margin-bottom:22px}.sidebar-label{margin-bottom:10px}#kana-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:0}.kana-link,.kana-inactive{min-width:52px;padding:7px 10px}.registration-link,.sidebar-note{display:none}.column-labels,.channel-row{grid-template-columns:minmax(0,1fr) 44px 44px 83px;gap:7px;padding-left:10px;padding-right:10px}.channel-row{min-height:62px}.channel-external{font-size:.875rem;min-height:42px}.column-labels{padding-bottom:10px}.join-strip{display:block;padding:24px 0}.join-strip h2{font-size:1.25rem}.join-button{margin-top:20px}footer{display:block;padding:24px 18px}.home-link{display:inline-block;margin-top:16px}}
@media(max-width:380px){.intro h1{font-size:2.6rem}.cover-art{grid-template-columns:minmax(0,1fr) 64px;gap:7px}.premiere-panel{padding:18px 14px}.premiere-heading h2{font-size:1.125rem}.premiere-refresh{padding:7px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.join-buttons{display:flex;flex-wrap:wrap;gap:12px;flex-shrink:0}.join-buttons .join-button{margin:0;min-height:46px;font-size:1rem}.site-header nav .event-register,.join-buttons .event-register{background:transparent;color:var(--accent);border-color:var(--accent)}.site-header nav .event-register:hover,.join-buttons .event-register:hover{background:var(--accent);color:var(--paper)}
@media(max-width:760px){.join-buttons{margin-top:20px}.join-buttons .join-button{flex:1;text-align:center;padding:12px 14px}.site-header nav .event-register{margin-bottom:6px}}
.back-to-top{position:fixed;right:20px;bottom:20px;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:56px;height:56px;border:1px solid var(--silver);border-radius:50%;background:var(--panel);color:var(--ink);box-shadow:0 4px 16px #0006;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:.875rem;font-weight:800;line-height:1;letter-spacing:.08em}.back-to-top-arrow{font-size:1.375rem;line-height:1}.back-to-top:hover{border-color:var(--accent);background:var(--accent);color:var(--paper)}.channel-footer{padding-bottom:100px}