:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f5f4;--ink:#18181b;--muted:#5f5f66;--card:#fff;--line:#e4e4e7;--hover:#d4d4d8;--live:#e5484d;--body:system-ui, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121212;--ink:#f4f4f5;--muted:#a1a1aa;--card:#1c1c1e;--line:#2e2e33;--hover:#4a4a52}}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--body);word-break:keep-all;-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.top{text-align:center;max-width:720px;margin:0 auto;padding:56px 20px 32px}.logo{letter-spacing:-.04em;margin:0;font-size:clamp(2.2rem,7vw,3.4rem);font-weight:800}.subtitle{color:var(--muted);margin:6px 0 0;font-size:1.1rem}.intro{text-align:left;margin:24px 0 0;line-height:1.75}.broadcast{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:12px;align-items:center;gap:10px;margin-top:20px;padding:12px 16px;line-height:1.5;text-decoration:none;transition:border-color .15s;display:flex}.broadcast:hover{border-color:var(--hover)}.dot{background:var(--live);width:9px;height:9px;box-shadow:0 0 0 4px color-mix(in srgb, var(--live) 18%, transparent);border-radius:50%;flex:none}.broadcast-go{white-space:nowrap;flex:none;margin-left:auto;font-weight:700}.broadcast-go:after{content:" ↗"}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}main{max-width:1200px;margin:0 auto;padding:8px 20px 72px}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),420px));justify-content:center;gap:24px;margin:0;padding:0;list-style:none;display:grid}.card a{border:1px solid var(--line);background:var(--card);border-radius:16px;flex-direction:column;height:100%;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.card a:hover{border-color:var(--hover);transform:translateY(-2px)}.card img{aspect-ratio:1200/630;object-fit:cover;width:100%;height:auto;display:block}.card-body{flex-direction:column;flex:1;gap:4px;padding:14px 16px 16px;display:flex}.card-name{font-size:1.15rem}.card-tagline{color:var(--muted);line-height:1.5}.card-go{margin-top:8px;font-weight:700}.card-go:after{content:" →"}@media (prefers-reduced-motion:reduce){.card a,.broadcast{transition:none}.card a:hover{transform:none}}