:root{--bg:#f4f3f0;--surface:#fff;--text:#17171c;--muted:#6b6b75;--line:#e4e2dc;--accent:#3b5bdb;--star:#e0a400;--live:#e03131;--seg-bg:#e6e4df;--seg-on:#fff;--tile:#fff;--tile-border:#00000014;--row-hover:#00000009;--notice-bg:#fff3cd;--notice-text:#6b4e00;--shadow:0 1px 2px #0000000f, 0 2px 8px #0000000a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f0f13;--surface:#1a1a20;--text:#ececf1;--muted:#9898a4;--line:#25252c;--accent:#8ea4ff;--star:#ffd166;--live:#ff6b6b;--seg-bg:#22222a;--seg-on:#3a3a45;--tile:#f2f2f4;--tile-border:transparent;--row-hover:#ffffff0a;--notice-bg:#3a3014;--notice-text:#f3d98b;--shadow:none}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font:16px/1.35 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}a{color:inherit}button{font:inherit;color:inherit}.app{max-width:760px;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);margin:0 auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.accent{color:var(--accent)}.top{z-index:2;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(16px);backdrop-filter:saturate(1.6)blur(16px);padding:calc(env(safe-area-inset-top) + 10px) max(16px, env(safe-area-inset-right)) 10px max(16px, env(safe-area-inset-left));border-bottom:1px solid var(--line);position:sticky;top:0}.top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;margin-top:8px;display:flex}.top-meta{color:var(--muted);font-variant-numeric:tabular-nums;min-width:0;font-size:.9rem;font-weight:600}.top-meta:first-letter{text-transform:uppercase}.segmented{background:var(--seg-bg);border-radius:10px;padding:2px;display:inline-flex}.segmented button{appearance:none;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:6px 12px;font-size:.88rem;font-weight:600}.segmented button[aria-checked=true]{background:var(--seg-on);color:var(--text);box-shadow:0 1px 2px #00000024}.segmented.views{display:flex}.segmented.views button{flex:1;padding:7px 12px;font-size:.95rem}.segmented.small button{padding:4px 8px;font-size:.8rem}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}main{padding:0 max(8px, env(safe-area-inset-right)) 0 max(8px, env(safe-area-inset-left))}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:18px 8px 4px;font-size:.78rem;font-weight:700}.section-title span{color:var(--star)}.list{margin:0;padding:4px 0 0;list-style:none}.row{--row-h:72px;width:100%;height:calc(var(--row-h) + 12px);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:12px;padding:6px 8px;display:grid}div.row{cursor:default}@media (hover:hover){button.row:hover{background:var(--row-hover)}}button.row:active{background:var(--row-hover)}.logo{background:var(--tile);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--tile-border);border-radius:11px;flex:none;place-items:center;display:grid;position:relative}.logo img{object-fit:contain;width:34px;height:34px}.logo-lg{border-radius:13px;width:52px;height:52px}.logo-lg img{width:40px;height:40px}.logo-fallback{color:#333;text-align:center;padding:2px;font-size:.55rem;font-weight:700;line-height:1.1;overflow:hidden}.logo-num{background:var(--text);min-width:18px;height:18px;color:var(--bg);text-align:center;font-variant-numeric:tabular-nums;box-shadow:0 0 0 2px var(--bg);border-radius:9px;padding:0 4px;font-size:.66rem;font-weight:700;line-height:18px;position:absolute;bottom:-5px;right:-5px}.logo-fav{color:var(--star);text-shadow:0 0 2px var(--bg), 0 0 2px var(--bg);font-size:.8rem;position:absolute;top:-6px;left:-6px}.badge{z-index:1;color:#17171c;background:#fffffff0;border-radius:6px;align-items:center;height:22px;padding:0 4px;display:inline-flex;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #0000004d}.badge img{object-fit:contain;width:30px;height:18px}.badge-name{white-space:nowrap;padding-left:2px;font-size:.6rem;font-weight:700}.thumb{aspect-ratio:16/9;border-radius:9px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.thumb>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.thumb-progress{background:#00000073;height:4px;position:absolute;bottom:0;left:0;right:0}.thumb-progress>span{background:var(--live);height:100%;display:block}.thumb-lg .thumb-progress{height:5px}.row-text{flex-direction:column;gap:1px;min-width:0;display:flex}.line-1,.line-title,.line-3{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.line-1{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.line-1 strong{font-weight:700}.line-title{font-size:1rem;font-weight:650;line-height:1.3}.line-3{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.82rem}.next-time{margin-right:3px;font-weight:650}.hint{color:var(--muted);text-align:center;margin:14px 8px 0;font-size:.82rem}.empty{color:var(--muted);text-align:center;padding:48px 0}.notice{background:var(--notice-bg);color:var(--notice-text);border-radius:10px;margin:12px 8px 0;padding:8px 12px;font-size:.85rem}.foot{text-align:center;color:var(--muted);padding:20px 16px 28px;font-size:.78rem}@media (width>=560px){.row{--row-h:99px;grid-template-columns:176px minmax(0,1fr);gap:16px}.line-title{font-size:1.08rem}}.sheet{background:var(--surface);width:100%;max-width:560px;max-height:92dvh;color:var(--text);overscroll-behavior:contain;border:0;border-radius:20px 20px 0 0;margin:auto auto 0;padding:0;overflow:auto}.sheet::backdrop{background:#00000080}.sheet[open]{animation:.22s ease-out sheet-in}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}}@media (width>=600px){.sheet{border-radius:20px;margin:auto}}.sheet-body{padding:0 0 calc(20px + env(safe-area-inset-bottom))}.sheet-cover{position:relative}.sheet-cover .thumb{border-radius:0}.sheet-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:0;border-radius:16px;width:32px;height:32px;font-size:.9rem;position:absolute;top:10px;right:10px}.sheet-channel{align-items:center;gap:12px;margin:-26px 20px 0;display:flex;position:relative}.sheet-channel .logo{box-shadow:0 0 0 3px var(--surface), var(--shadow)}.sheet-channel-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin-top:26px;overflow:hidden}.fav-btn{border:1px solid var(--line);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;margin-top:26px;padding:6px 12px;font-size:.85rem;font-weight:600}.fav-btn.on{background:color-mix(in srgb, var(--star) 22%, transparent);color:var(--text);border-color:#0000}.sheet-title{letter-spacing:-.01em;margin:16px 20px 0;font-size:1.4rem;line-height:1.2}.sheet-sub{color:var(--muted);margin:4px 20px 0;font-weight:600}.sheet-meta{color:var(--muted);font-variant-numeric:tabular-nums;margin:8px 20px 0;font-size:.88rem}.cap{display:inline-block}.cap:first-letter{text-transform:uppercase}.live{color:var(--live);font-weight:700}.sheet-desc{margin:12px 20px 0;line-height:1.5}.sheet-h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:22px 20px 6px;font-size:.78rem}.upcoming{margin:0 20px;padding:0;list-style:none}.upcoming li{border-top:1px solid var(--line);gap:12px;padding:8px 0;font-size:.92rem;display:flex}.up-time{font-variant-numeric:tabular-nums;font-weight:700}.up-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pill{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-size:.88rem;font-weight:600}.pill.primary{background:var(--accent);color:var(--bg);border-color:#0000}.pill.on{background:color-mix(in srgb, var(--accent) 20%, transparent);border-color:#0000}.pill:disabled{opacity:.5;cursor:default}.reminder{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:14px 20px 0;display:flex}.error{color:var(--live);font-size:.85rem}.ok{color:#2f9e44;font-size:.85rem}.link{cursor:pointer;font-size:inherit;color:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.settings-body{padding:20px 20px calc(20px + env(safe-area-inset-bottom))}.settings-body h2{margin:0 0 4px;font-size:1.3rem}.field{color:var(--muted);flex-direction:column;gap:6px;margin-top:12px;font-size:.85rem;font-weight:600;display:flex}.field input{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;padding:10px 12px;font-size:16px}.settings-actions{gap:8px;margin-top:14px;display:flex}.settings-actions.end{justify-content:flex-end;margin-top:20px}