:root{--color-background: #ffffff;--color-surface: #f5f5f5;--color-card: #f0f0f0;--color-card-hover: #e8e8e8;--color-live-red: #8B1A1A;--color-live-red-dim: rgba(139, 26, 26, .1);--color-text: #1a1a1a;--color-text-secondary: #555555;--color-text-muted: #888888;--color-border: #dddddd;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 100px;--font-xs: 11px;--font-sm: 12px;--font-base: 14px;--font-md: 16px;--font-lg: 20px;--font-xl: 24px;--transition: .2s ease;--nav-height: 64px;--content-padding: 20px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--color-background);color:var(--color-text);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Helvetica,Segoe UI,Roboto,sans-serif;font-size:var(--font-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button{border:none;background:none;cursor:pointer;color:inherit;font:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes skeleton-pulse{0%{opacity:.3}50%{opacity:.7}to{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-xl);flex-shrink:0;background-color:#fff}.top-bar__tagline{color:#8b1a1a;font-size:var(--font-sm);font-weight:600}.top-bar__logo{height:80px;width:auto;max-width:100%;object-fit:contain}@media(max-width:480px){.top-bar{flex-direction:column;align-items:center;padding:var(--spacing-sm) var(--spacing-md)}.top-bar__tagline{order:2;text-align:center;padding-top:var(--spacing-xs)}.top-bar__logo{order:1;height:auto;max-height:80px;width:90%}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background-color:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--color-border);display:flex;justify-content:center;align-items:center;gap:var(--spacing-2xl);z-index:100}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;-webkit-tap-highlight-color:transparent;min-width:72px;padding:0 var(--spacing-lg)}.bottom-nav__label{font-size:var(--font-xs);color:#888;margin-bottom:2px}.bottom-nav__label--active{color:var(--color-live-red)}.layout{display:flex;flex-direction:column;height:100%;overflow:hidden}.layout__content{flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:var(--nav-height);-webkit-overflow-scrolling:touch}.live-card{display:block;background-color:var(--color-card);border-radius:var(--radius-lg);overflow:hidden;margin:0 var(--content-padding);transition:transform var(--transition);cursor:pointer}.live-card:hover{transform:scale(1.005)}.live-card:active{transform:scale(.985)}.live-card__thumb{position:relative;width:100%;aspect-ratio:16 / 9;background-color:var(--color-surface)}.live-card__img{width:100%;height:100%;object-fit:cover}.live-card__badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);display:flex;align-items:center;background-color:var(--color-live-red);border-radius:var(--radius-sm);padding:4px 10px;gap:6px}.live-card__pulse{width:6px;height:6px;border-radius:50%;background-color:#fff;animation:pulse 1s ease-in-out infinite}.live-card__badge-text{color:#fff;font-size:var(--font-xs);font-weight:700;letter-spacing:.5px}.live-card__viewers{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background-color:#0009;border-radius:var(--radius-pill);padding:3px 8px;color:#fff;font-size:var(--font-xs)}.live-card__info{padding:var(--spacing-lg)}.live-card__title{color:var(--color-text);font-size:var(--font-md);font-weight:600;margin-bottom:var(--spacing-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.live-card__meta{color:var(--color-text-muted);font-size:var(--font-sm)}.empty-live{background-color:var(--color-card);border-radius:var(--radius-lg);margin:0 var(--content-padding);padding:var(--spacing-2xl);text-align:center}.empty-live__icon{color:var(--color-text-muted);font-size:28px;margin-bottom:var(--spacing-md)}.empty-live__title{color:var(--color-text-secondary);font-size:var(--font-md);margin-bottom:var(--spacing-md)}.empty-live__next{color:var(--color-text-muted);font-size:var(--font-base)}.empty-live__time{color:var(--color-live-red);font-weight:600}.skeleton{animation:skeleton-pulse .8s ease-in-out infinite}.skeleton--live{background-color:var(--color-card);border-radius:var(--radius-lg);margin:0 var(--content-padding);overflow:hidden}.skeleton__thumb{width:100%;aspect-ratio:16 / 9;background-color:var(--color-surface)}.skeleton__info{padding:var(--spacing-lg)}.skeleton__line{height:14px;border-radius:4px;background-color:var(--color-border);width:100%}.skeleton__line--short{width:60%;margin-top:8px}.skeleton--past{display:flex;gap:var(--spacing-sm);padding-left:var(--content-padding)}.skeleton__past-thumb{width:150px;height:85px;border-radius:var(--radius-md);background-color:var(--color-surface);flex-shrink:0}.section-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--content-padding);margin-bottom:var(--spacing-md);margin-top:var(--spacing-xl)}.section-header__title{color:var(--color-text-secondary);font-size:var(--font-sm);letter-spacing:.8px;font-weight:600}.section-header__refresh{color:var(--color-text-muted);font-size:16px;padding:var(--spacing-sm);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color var(--transition)}.section-header__refresh:hover{color:var(--color-text-secondary)}.past-card{display:block;flex-shrink:0;scroll-snap-align:start;transition:transform var(--transition)}.past-card:active{transform:scale(.96)}.past-card__thumb{position:relative;border-radius:var(--radius-md);overflow:hidden}.past-card__img{object-fit:cover;border-radius:var(--radius-md)}.past-card__placeholder{background-color:var(--color-surface);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.past-card__play{color:var(--color-text-muted);font-size:20px}.past-card__duration{position:absolute;bottom:4px;right:4px;background-color:#000000bf;border-radius:3px;padding:1px 4px;color:#fff;font-size:var(--font-xs)}.past-card__title{color:var(--color-text-secondary);font-size:var(--font-sm);margin-top:var(--spacing-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.past-card__date{color:var(--color-text-muted);font-size:var(--font-xs);margin-top:var(--spacing-xs)}.past-wide{display:flex;background-color:var(--color-card);border-radius:var(--radius-md);margin:0 var(--content-padding) var(--spacing-sm);overflow:hidden;padding:var(--spacing-md);gap:var(--spacing-md);transition:transform var(--transition),background-color var(--transition)}.past-wide:hover{background-color:var(--color-card-hover)}.past-wide:active{transform:scale(.98)}.past-wide__thumb{width:140px;height:79px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.past-wide__img{width:140px;height:79px;object-fit:cover}.past-wide__placeholder{width:140px;height:79px;background-color:var(--color-surface);display:flex;align-items:center;justify-content:center}.past-wide__info{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.past-wide__title{color:var(--color-text);font-size:var(--font-base);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.past-wide__date{color:var(--color-text-muted);font-size:var(--font-xs);margin-top:4px}.past-wide__watch{align-self:flex-start;margin-top:6px;background-color:var(--color-live-red);border-radius:var(--radius-pill);padding:5px 14px;color:#fff;font-size:var(--font-sm);font-weight:600}.h-scroll{display:flex;overflow-x:auto;gap:var(--spacing-md);padding:0 var(--content-padding);padding-right:var(--spacing-sm);padding-bottom:var(--spacing-xs);scroll-snap-type:x proximity;-ms-overflow-style:none;scrollbar-width:none}.h-scroll::-webkit-scrollbar{display:none}.epaper{background-color:var(--color-background)}.epaper__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg)}.epaper__title{color:var(--color-text);font-size:var(--font-md);font-weight:600}.epaper__date{color:var(--color-text-muted);font-size:var(--font-sm)}.epaper__date-select{background-color:var(--color-card);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 8px;font-size:var(--font-sm);cursor:pointer;outline:none;max-width:200px}.epaper__date-select:focus{border-color:var(--color-live-red)}.epaper-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-2xl)}.epaper-spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-live-red);border-radius:50%;animation:spin .8s linear infinite}.epaper-spinner--small{width:20px;height:20px;border-width:2px}.epaper-loading-text{color:var(--color-text-secondary);font-size:var(--font-base);margin-top:var(--spacing-md)}.epaper-error-icon{color:var(--color-live-red);font-size:48px;font-weight:700;margin-bottom:var(--spacing-md)}.epaper-error-title{color:var(--color-text-secondary);font-size:var(--font-lg);font-weight:600;margin-bottom:var(--spacing-sm)}.epaper-error-sub{color:var(--color-text-muted);font-size:var(--font-base);text-align:center;margin-bottom:var(--spacing-md);max-width:280px;line-height:1.5}.epaper-error-url{color:var(--color-text-muted);font-size:var(--font-xs);text-align:center;margin-bottom:var(--spacing-lg);word-break:break-all;max-width:280px;opacity:.6}.epaper-retry{background-color:var(--color-card);border-radius:var(--radius-pill);padding:var(--spacing-md) var(--spacing-2xl);color:var(--color-live-red);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:opacity var(--transition)}.epaper-retry:hover{opacity:.8}.epaper-page{position:relative}.epaper-page__img{width:100%;height:auto;display:block}.epaper-page-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);background-color:var(--color-card);min-height:300px}.epaper-page-placeholder__text{color:var(--color-text-muted);font-size:var(--font-sm)}.contact{padding:var(--spacing-xl) var(--content-padding)}.contact__title{color:var(--color-text);font-size:var(--font-xl);font-weight:700;margin-bottom:var(--spacing-md)}.contact__intro{color:var(--color-text-secondary);font-size:var(--font-base);line-height:1.6;margin-bottom:var(--spacing-xl)}.contact__card{display:flex;align-items:flex-start;gap:var(--spacing-lg);background-color:var(--color-card);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.contact__icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-live-red-dim);border-radius:var(--radius-sm)}.contact__info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact__label{color:var(--color-text-muted);font-size:var(--font-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.contact__value{color:var(--color-text);font-size:var(--font-base);text-decoration:none;transition:color var(--transition)}.contact__value:hover{color:var(--color-live-red)}.contact__footer{margin-top:var(--spacing-xl);border-top:1px solid var(--color-border);padding-top:var(--spacing-xl)}.contact__footer-text{color:var(--color-text-muted);font-size:var(--font-base);line-height:1.6;text-align:center}.home__tabs{display:flex;border-bottom:.5px solid var(--color-border);padding:0 var(--content-padding);position:sticky;top:0;z-index:10;background-color:var(--color-background)}.home__tab{position:relative;margin-right:var(--spacing-2xl);padding:var(--spacing-lg) 0;color:var(--color-text-muted);font-size:var(--font-md);font-weight:600;cursor:pointer;background:none;border:none;transition:color var(--transition)}.home__tab--active{color:var(--color-text)}.home__tab-indicator{position:absolute;bottom:0;left:0;right:0;height:3px;background-color:var(--color-live-red);border-radius:1.5px}.home__video{padding-bottom:var(--spacing-xl)}.home__error{margin:var(--spacing-md) var(--content-padding);background-color:var(--color-card);border-radius:var(--radius-md);padding:var(--spacing-md)}.home__error-text{color:var(--color-text-secondary);font-size:var(--font-base);text-align:center}.home__error-retry{color:var(--color-live-red);font-weight:600;cursor:pointer;margin-left:4px}.home__schedule-pill{margin:var(--spacing-md) var(--content-padding) 0;background-color:var(--color-card);border-left:3px solid var(--color-live-red);border-radius:var(--radius-sm);padding:var(--spacing-md)}.home__schedule-text{color:var(--color-text-secondary);font-size:var(--font-base)}.home__schedule-time{color:var(--color-live-red);font-weight:600}.home__empty{color:var(--color-text-muted);font-size:var(--font-base);padding:var(--spacing-md) var(--content-padding)}.schedule__top-bar{padding:var(--spacing-xl) var(--content-padding)}.schedule__title{color:var(--color-text);font-size:var(--font-xl);font-weight:700}.schedule__countdown{margin:0 var(--content-padding) var(--spacing-xl);background-color:var(--color-card);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center}.schedule__countdown-label{color:var(--color-text-muted);font-size:var(--font-sm);margin-bottom:var(--spacing-sm);letter-spacing:.5px}.schedule__countdown-value{color:var(--color-live-red);font-size:40px;font-weight:700;letter-spacing:2px;font-variant-numeric:tabular-nums}.schedule__countdown-sub{color:var(--color-text-secondary);font-size:var(--font-base);margin-top:var(--spacing-sm)}.schedule__card{margin:0 var(--content-padding);background-color:var(--color-card);border-radius:var(--radius-lg);overflow:hidden}.schedule__row{display:flex;align-items:center;padding:var(--spacing-lg);gap:var(--spacing-md)}.schedule__row--border{border-bottom:.5px solid var(--color-border)}.schedule__day{background-color:var(--color-surface);border-radius:var(--radius-pill);padding:6px 14px;min-width:72px;text-align:center;color:var(--color-text-secondary);font-size:var(--font-sm);font-weight:500}.schedule__day--active{background-color:var(--color-live-red);color:#fff}.schedule__row-info{flex:1;display:flex;flex-direction:column}.schedule__time{color:var(--color-text);font-size:var(--font-md);font-weight:600}.schedule__label{color:var(--color-text-muted);font-size:var(--font-sm);margin-top:2px}.schedule__occasional{background-color:var(--color-surface);border-radius:var(--radius-sm);padding:2px 6px;color:var(--color-text-muted);font-size:var(--font-xs)}.schedule__tz-note{color:var(--color-text-muted);font-size:var(--font-sm);text-align:center;margin-top:var(--spacing-xl)}.library__top-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) var(--content-padding)}.library__title{color:var(--color-text);font-size:var(--font-xl);font-weight:700}.library__right{display:flex;align-items:center;gap:var(--spacing-md)}.library__count{color:var(--color-text-muted);font-size:var(--font-sm)}.library__refresh{color:var(--color-text-muted);font-size:20px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color var(--transition)}.library__refresh:hover{color:var(--color-text-secondary)}.library__list{padding-top:var(--spacing-md);padding-bottom:var(--spacing-xl)}.library__empty{display:flex;align-items:center;justify-content:center;padding:60px}.library__empty-text{color:var(--color-text-muted);font-size:var(--font-base)}