:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:Inter Fallback;src:local("Arial");size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}:root{--bg-primary: #0a0a0a;--bg-secondary: #151515;--bg-tertiary: #1f1f1f;--bg-card: #181818;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #707070;--border-color: #2a2a2a;--accent: #6366f1;--accent-light: #818cf8;--accent-glow: rgba(99, 102, 241, .15);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;max-width:100vw}body{font-family:Inter,Inter Fallback,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100vw;position:relative}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden;max-width:100vw;position:relative}.header{padding:var(--space-lg) var(--space-md);background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom:1px solid var(--border-color);overflow-x:hidden;max-width:100%;box-sizing:border-box}.header-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);max-width:600px;margin:0 auto}.header-brand{display:flex;align-items:center;gap:var(--space-md)}.logo{width:48px;height:48px;background:linear-gradient(135deg,var(--accent) 0%,#8b5cf6 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--accent-glow);flex-shrink:0}.logo-text{font-size:.875rem;font-weight:700;color:#fff;letter-spacing:-.02em}.header-title h1{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.header-subtitle{font-size:.75rem;color:var(--text-muted);display:block;margin-top:2px}.refresh-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px var(--accent-glow)}.refresh-btn:hover{background:var(--accent-light);transform:scale(1.05)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.refresh-icon{font-size:1.25rem;line-height:1;display:block}.refresh-btn.loading .refresh-icon{animation:spin 1s linear infinite}.header-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-sm);font-size:.8125rem;color:var(--text-muted)}.date-filter{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md);justify-content:center;background:var(--bg-primary);position:sticky;top:0;z-index:100}.date-filter button{display:flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid var(--border-color);border-radius:100px;background:var(--bg-secondary);color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.date-filter button:hover{border-color:var(--text-muted);color:var(--text-secondary);background:var(--bg-tertiary)}.date-filter button.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px var(--accent-glow)}.filter-count{font-size:.75rem;opacity:.8;background:#ffffff1a;padding:2px 6px;border-radius:10px}.date-filter button.active .filter-count{background:#fff3}.main{flex:1;padding:var(--space-md);padding-bottom:var(--space-xl);min-height:50vh;contain:layout;overflow-x:hidden;max-width:100%;box-sizing:border-box}.loading,.error,.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);color:var(--text-secondary);text-align:center;min-height:200px}.error button{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-weight:500;cursor:pointer;transition:background .2s ease}.error button:hover{background:var(--accent-light)}.timeline{max-width:600px;margin:0 auto;overflow-x:hidden;width:100%;box-sizing:border-box}.time-group{margin-bottom:var(--space-lg)}.time-label{display:flex;align-items:center;gap:.75rem;margin-bottom:var(--space-md);color:var(--text-secondary);font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.time-label:after{content:"";flex:1;height:1px;background:var(--border-color)}.time-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;flex-shrink:0;box-shadow:0 0 8px var(--accent-glow)}.event-card{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-sm);text-decoration:none;color:var(--text-primary);transition:all .2s ease;max-width:100%;box-sizing:border-box;overflow-x:hidden}.event-card:hover{background:var(--bg-tertiary);border-color:var(--text-muted);transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.event-icon{width:44px;height:44px;background:var(--bg-tertiary);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0;transition:all .2s ease}.event-card:hover .event-icon{color:var(--accent-light);background:var(--accent-glow)}.event-content{flex:1;min-width:0}.event-title{font-weight:600;font-size:.9375rem;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm);font-size:.8125rem;color:var(--text-muted)}.event-date{color:var(--accent-light);font-weight:500}.event-time{font-weight:600;color:var(--text-secondary)}.event-arena{display:flex;align-items:center;gap:6px}.event-opponent{font-weight:400;color:var(--accent-light)}.event-time-unconfirmed{font-style:italic;opacity:.7}.footer{padding:var(--space-lg) var(--space-md);text-align:center;font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border-color);background:var(--bg-secondary);overflow-x:hidden;max-width:100%;box-sizing:border-box}.footer-content{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-sm)}.footer-arenas{font-size:.6875rem;opacity:.7}.footer-made{font-size:.625rem;opacity:.5;margin-top:var(--space-xs)}.rss-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--border-color);border-radius:100px;color:#f97316;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.rss-link:hover{background:#f973161a;border-color:#f97316}.footer-links{display:flex;align-items:center;gap:var(--space-sm)}.github-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:var(--text-muted);transition:all .2s ease}.github-link:hover{color:var(--text-primary);background:#ffffff1a}.info-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:var(--text-muted);transition:all .2s ease}.info-link:hover{color:var(--text-primary);background:#ffffff1a}.rss-main{max-width:600px;margin:0 auto}.rss-intro{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-xl);line-height:1.6}.rss-updated{margin-top:var(--space-sm);font-size:.8125rem;color:var(--text-muted)}.rss-feeds{display:flex;flex-direction:column;gap:var(--space-md)}.rss-feed-card{display:flex;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all .2s ease}.rss-feed-card:hover{border-color:var(--text-muted);background:var(--bg-tertiary)}.rss-feed-icon{width:48px;height:48px;background:#f9731626;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#f97316;flex-shrink:0}.rss-feed-content{flex:1;min-width:0}.rss-feed-content h2{font-size:1rem;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.rss-feed-content p{font-size:.8125rem;color:var(--text-muted);margin-bottom:var(--space-sm)}.rss-feed-url{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.rss-feed-url input{flex:1;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem;font-family:monospace;min-width:0}.rss-feed-url input:focus{outline:none;border-color:var(--accent)}.rss-feed-url button{padding:8px 16px;background:var(--accent);border:none;border-radius:var(--radius-sm);color:#fff;font-size:.8125rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s ease}.rss-feed-url button:hover{background:var(--accent-light)}.rss-feed-url button.copied{background:#10b981}.rss-view-link{display:inline-block;font-size:.75rem;color:#f97316;text-decoration:none;transition:opacity .2s ease}.rss-view-link:hover{opacity:.8;text-decoration:underline}.feed-type-section{margin-bottom:var(--space-xl)}.feed-type-header{display:flex;gap:var(--space-md);align-items:flex-start;margin-bottom:var(--space-lg)}.feed-type-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feed-type-header h2{font-size:1.25rem;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.feed-type-description{font-size:.875rem;color:var(--text-muted);margin:0}.rss-feed-content h3{font-size:1rem;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.rss-help{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color)}.rss-help h3{font-size:.9375rem;font-weight:600;margin-bottom:var(--space-md);color:var(--text-primary)}.rss-help ol{padding-left:var(--space-lg);color:var(--text-secondary);font-size:.875rem;line-height:1.8}.help-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-md)}.help-section{padding:var(--space-md);background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.help-section h4{font-size:.9375rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--text-primary)}.help-section ol{padding-left:var(--space-lg);color:var(--text-secondary);font-size:.8125rem;line-height:1.8;margin:0}@media(max-width:768px){.help-sections{grid-template-columns:1fr}.feed-type-header{flex-direction:column}}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-secondary);text-decoration:none;font-size:1.25rem;transition:all .2s ease}.back-btn:hover{border-color:var(--text-muted);color:var(--text-primary);background:var(--bg-tertiary)}.back-link{color:var(--text-muted);text-decoration:none;transition:color .2s ease}.back-link:hover{color:var(--text-secondary)}@media(max-width:480px){.header{padding:var(--space-md)}.logo{width:40px;height:40px}.logo-text{font-size:.75rem}.header-title h1{font-size:1.1rem}.header-meta{flex-direction:column;gap:2px}.date-filter{justify-content:flex-start;padding:var(--space-sm) var(--space-md)}.date-filter button{padding:6px 10px;font-size:.8125rem}.event-card{gap:var(--space-sm);padding:var(--space-sm)}.event-icon{width:38px;height:38px}.event-title{font-size:.875rem}.event-meta{font-size:.75rem}.footer-content{flex-direction:column;gap:var(--space-sm)}}@media(max-width:360px){.header-brand{gap:var(--space-sm)}.logo{width:36px;height:36px}.header-title h1{font-size:1rem}.header-subtitle{display:none}}.status-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-md);max-width:100%;box-sizing:border-box;overflow-x:hidden}.status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.manual-update-btn{background:transparent;border:1px solid var(--border-color);border-radius:6px;padding:.375rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease;opacity:.6;width:28px;height:28px;flex-shrink:0}.manual-update-btn:hover:not(:disabled){opacity:1;background:var(--bg-tertiary);border-color:var(--accent);color:var(--accent)}.manual-update-btn:active:not(:disabled){transform:scale(.95)}.manual-update-btn:disabled{opacity:.4;cursor:not-allowed}.manual-update-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.update-message{padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.8125rem;margin-bottom:var(--space-sm);margin-top:calc(var(--space-sm) * -1)}.update-message.success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#10b981}.update-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.status-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:100px;font-size:.8125rem;font-weight:500}.status-badge.success{background:#10b98126;color:#10b981}.status-badge.error{background:#ef444426;color:#ef4444}.status-badge.warning{background:#f59e0b26;color:#f59e0b}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.status-info{display:flex;flex-direction:column;gap:.5rem}.status-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.status-label{color:var(--text-muted)}.status-value{color:var(--text-secondary);font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:var(--space-md);max-width:100%;box-sizing:border-box}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);text-align:center}.stat-number{font-size:1.75rem;font-weight:700;color:var(--accent);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.changes-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-md);max-width:100%;box-sizing:border-box;overflow-x:hidden}.section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.change-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:.5rem;font-size:.875rem}.change-item:last-child{margin-bottom:0}.change-icon{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.75rem;font-weight:600}.change-icon.added{background:#10b98126;color:#10b981}.change-icon.updated{background:#6366f126;color:var(--accent)}.change-icon.removed{background:#ef444426;color:#ef4444}.change-content{flex:1;min-width:0}.change-title{font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.change-meta{font-size:.8125rem;color:var(--text-muted)}.errors-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);max-width:100%;box-sizing:border-box;overflow-x:hidden}.error-item{padding:.75rem;background:#ef44441a;border-left:3px solid #ef4444;border-radius:6px;margin-bottom:.5rem;font-size:.875rem}.error-item:last-child{margin-bottom:0}.error-title{font-weight:600;color:#ef4444;margin-bottom:.25rem}.error-message{color:var(--text-secondary);font-family:monospace;font-size:.8125rem}.empty-state{padding:var(--space-md);text-align:center;color:var(--text-secondary);font-size:.875rem}.empty-state.success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-sm);color:#10b981}.errors-timestamp{font-size:.75rem;color:var(--text-muted);margin-bottom:var(--space-md)}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}