.container{max-width:1200px;margin:0 auto;padding:0 1rem}.header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.65rem .9rem;margin:.75rem 1rem;border-radius:16px;background:var(--header-bg);border:1px solid var(--header-border);box-shadow:var(--header-shadow),0 0 24px 8px #bfc3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:.93;transition:background-color .22s ease,box-shadow .22s ease,border-color .22s ease;position:relative;white-space:nowrap}.header>h1{grid-column:1 / 2;margin:0;font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:1;color:inherit;text-align:left}.header-actions{grid-column:3 / 4;display:flex;align-items:center;gap:.5rem;flex:0 0 auto}.notifyBtn{padding:.4rem .8rem;font-size:var(--text-sm);font-weight:var(--font-medium);color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.notifyBtn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026;filter:brightness(1.05)}.notifyBtn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.controls{display:flex;justify-content:flex-end;gap:1rem;margin:1rem 0;padding:0 1rem}.sort-toggle{display:flex;align-items:center;gap:.5rem;background:var(--ui-bg-light);border-radius:8px;padding:.5rem;box-shadow:0 2px 4px #0000000d}.sort-toggle button{padding:.4rem .8rem;border:none;border-radius:6px;background:transparent;color:var(--ui-text);cursor:pointer;font-size:var(--text-sm);transition:all .2s ease}.sort-toggle button.active{background:var(--ui-primary);color:#fff;font-weight:var(--font-medium)}@media(max-width:767px){.header{padding:6px 12px;min-height:44px;margin:.5rem auto}.header h1{font-size:1.125rem;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-actions{gap:.25rem}.notifyBtn{padding:.3rem .6rem;font-size:.75rem}}@media(max-width:520px){.header{padding:.5rem .75rem;margin:.5rem}.header h1{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(min-width:768px)and (max-width:1023px){.events-container,.tabs-container{width:95%;margin-left:auto;margin-right:auto}}@media(max-width:767px){.container,main{padding:0 16px}}.tabs{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem .9rem;margin:.75rem 1rem;border-radius:16px;background:var(--header-bg);border:1px solid var(--header-border);box-shadow:var(--header-shadow),0 0 24px 8px #bfc3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:.93;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none}.tab{padding:.35rem .6rem;font-size:var(--text-sm);cursor:pointer;transition:background .16s ease,transform .12s ease,border-color .16s ease,box-shadow .16s ease;border-radius:18px;opacity:.95;background:linear-gradient(135deg,color-mix(in oklab,var(--ui-bg-light) 95%,transparent),color-mix(in oklab,var(--ui-bg-light) 100%,white 5%));filter:saturate(1.2);color:var(--ui-text-light);font-weight:var(--font-medium);border:.5px solid rgba(30,58,138,.15);box-shadow:inset 0 1px 2px #ffffff4d,0 8px 32px -8px #1e3a8a29,0 2px 8px #1018280a,0 0 24px 8px color-mix(in oklab,var(--ui-bg-light) 50%,transparent);position:relative;white-space:nowrap}.tab:hover,.tab:focus{filter:saturate(1.25) brightness(1.1);transform:translateY(-2px) scale(1.04);box-shadow:inset 0 1px 2px #ffffff4d,0 24px 72px -24px #1e3a8a52,0 10px 30px #1018281f,0 0 48px 20px color-mix(in oklab,var(--ui-bg-light) 60%,transparent);outline:none}.tab:before{content:"";position:absolute;left:0;right:0;top:0;height:50%;border-top-left-radius:inherit;border-top-right-radius:inherit;background:linear-gradient(180deg,#ffffff52,#ffffff14);pointer-events:none;mix-blend-mode:overlay}.tab[aria-selected=true]{background:linear-gradient(135deg,color-mix(in oklab,var(--ui-bg-light) 100%,transparent),color-mix(in oklab,var(--ui-bg-light) 100%,white 15%));box-shadow:inset 0 1px 3px #fff6,0 10px 40px -10px #1e3a8a4d,0 4px 12px #10182814,0 0 32px 12px color-mix(in oklab,var(--ui-bg-light) 60%,transparent);transform:translateY(-1px)}.tab[aria-selected=false]{opacity:.7}@media(min-width:768px)and (max-width:1023px){.tabs{gap:.5rem;padding:.5rem}.tab{padding:.5rem 1rem;font-size:.875rem}}@media(max-width:767px){.tabs{display:flex;overflow-x:auto;overflow-y:hidden;gap:8px;padding:6px 12px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap;min-height:44px;padding:8px 14px;font-size:13px}}.days-navigation{display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:0;max-width:100%;flex-wrap:nowrap}.days-chips{display:flex;gap:.5rem;flex-wrap:nowrap;align-items:center}.chip{position:relative;padding:.35rem .6rem;font-size:var(--text-sm);cursor:pointer;transition:background .16s ease,transform .12s ease,border-color .16s ease,box-shadow .16s ease;border-radius:18px;opacity:.95;background:linear-gradient(135deg,color-mix(in oklab,var(--ui-bg-light) 95%,transparent),color-mix(in oklab,var(--ui-bg-light) 100%,white 5%));filter:saturate(1.2);color:var(--ui-text-light);font-weight:var(--font-medium);border:.5px solid rgba(30,58,138,.15);box-shadow:inset 0 1px 2px #ffffff4d,0 8px 32px -8px #1e3a8a29,0 2px 8px #1018280a,0 0 24px 8px color-mix(in oklab,var(--ui-bg-light) 50%,transparent);background-blend-mode:overlay}.chip:hover,.chip:focus{filter:saturate(1.25) brightness(1.05);transform:translateY(-2px) scale(1.03);box-shadow:inset 0 1px 2px #ffffff4d,0 20px 60px -20px #1e3a8a47,0 8px 28px #1018281f,0 0 40px 16px color-mix(in oklab,var(--ui-bg-light) 50%,transparent)}.chip:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus-ring)}.chip:before{content:"";position:absolute;left:0;right:0;top:0;height:50%;border-top-left-radius:inherit;border-top-right-radius:inherit;background:linear-gradient(180deg,#ffffff52,#ffffff14);pointer-events:none;mix-blend-mode:overlay}.days-select{appearance:none;-webkit-appearance:none;padding:.4rem .6rem;border-radius:8px;border:1px solid transparent;background:#ffffff0a;color:inherit;cursor:pointer;transition:background .16s ease,box-shadow .16s ease}.days-select:hover,.days-select:focus{background:#ffffff12;box-shadow:0 6px 18px #1018280f;outline:none}.chip[aria-selected=true]{background:linear-gradient(135deg,color-mix(in oklab,var(--ui-bg-light) 100%,transparent),color-mix(in oklab,var(--ui-bg-light) 100%,white 10%));box-shadow:inset 0 1px 3px #fff6,0 10px 40px -10px #1e3a8a4d,0 4px 12px #10182814,0 0 32px 12px color-mix(in oklab,var(--ui-bg-light) 60%,transparent);transform:translateY(-1px)}.chip[aria-selected=false]{opacity:.7}@media(max-width:767px){.days-chips{display:none}.days-select{display:block;width:100%;max-width:280px;margin:0 auto}}@media(min-width:768px){.days-select{display:none}.days-chips{display:flex}}@media(min-width:768px)and (max-width:1023px){.days-navigation{gap:.5rem}}.events-container{padding:0 12px;width:100%;max-width:800px;margin:0 auto}.sectionTitle{font-size:1.25rem;font-weight:var(--font-semibold);color:var(--ui-text);margin:1.5rem 0 .75rem .5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.card{display:grid;grid-template-columns:4rem 1fr 12rem;align-items:center;gap:.5rem;width:100%;margin:.5rem auto;padding:.75rem 1rem;border-radius:16px;background:linear-gradient(135deg,color-mix(in oklab,var(--ui-bg) 95%,transparent),color-mix(in oklab,var(--ui-bg) 100%,white 5%));color:var(--ui-text);border:.5px solid rgba(30,58,138,.15);box-shadow:inset 0 1px 2px #ffffff47,0 8px 32px -8px #1e3a8a29,0 2px 8px #1018280a,0 0 20px 6px color-mix(in oklab,var(--ui-bg) 36%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;position:relative}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:50%;border-top-left-radius:inherit;border-top-right-radius:inherit;background:linear-gradient(180deg,#ffffff52,#ffffff0f);pointer-events:none;mix-blend-mode:overlay}.card:hover,.card:focus{filter:saturate(1.18) brightness(1.03);transform:translateY(-3px);box-shadow:inset 0 1px 2px #ffffff52,0 24px 72px -24px #1e3a8a47,0 10px 30px #1018281f,0 0 48px 20px color-mix(in oklab,var(--ui-bg) 60%,transparent)}.card-time{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--ui-text);opacity:.9}.card-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-info .title{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--ui-text);margin:0;overflow:hidden;text-overflow:ellipsis}.card-broadcaster{font-size:var(--text-sm);color:var(--ui-text-secondary);text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.status-badge{display:inline-block;padding:.2rem .5rem;border-radius:12px;font-size:.7rem;font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.5px}.status-live{background-color:#ef4444;color:#fff;animation:pulse 2s infinite}.status-upcoming{background-color:#3b82f6;color:#fff}.status-finished{background-color:#6b7280;color:#fff;opacity:.7}@keyframes pulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}@media(min-width:768px)and (max-width:1023px){.events-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.event-card{padding:.75rem;margin:.25rem}.event-teams{flex-direction:column;gap:.5rem}.event-team{flex-direction:row;justify-content:flex-start;gap:.75rem}.event-time{margin:.5rem 0}}@media(max-width:767px){.events-container{padding:0 8px;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.events-grid{grid-template-columns:1fr;gap:12px}.event-card,article.card{grid-template-columns:2.5rem 1fr 6rem;width:100%;max-width:100%;padding:8px 12px;margin:6px 0;box-sizing:border-box}.card-time{font-size:11px;line-height:1.3;font-weight:600}.card-info{line-height:1.3;min-width:0}.card-info .title{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-broadcaster{font-size:10px;line-height:1.3;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0;min-width:0}}:root{--bg-light: #e6f2ff;--bg-dark: #1e3a8a;--ui-bg-light: #95d9b8;--ui-text-light: #192655;--ui-border-light: #82ffd3;--ui-bg-dark: #0c1632;--ui-text-dark: #bbffcc;--ui-border-dark: #2360c0;--color-border-light: rgba(30, 58, 138, .3);--color-background-light-opacity: .9;--shadow-soft: 0 4px 24px -8px rgba(30, 58, 138, .1);--ui-shadow: 0 4px 24px -8px rgba(30, 58, 138, .08);--ui-shadow-strong: 0 8px 32px -8px rgba(30, 58, 138, .16);--header-shadow: 0 8px 24px rgba(16, 24, 40, .06);--header-shadow-dark: 0 8px 24px rgba(0, 0, 0, .18);--backdrop-blur: blur(12px);--ui-backdrop: blur(8px);--font-system: system-ui, -apple-system, "Inter", "Roboto", "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--radius-corner: 16px;--ui-radius: 16px;--surface-radius: var(--radius-corner);--surface-opacity: .95;--ui-opacity: .95;--bg-color: var(--bg-light);--text-from-bg: var(--bg-dark);--ui-bg: var(--ui-bg-light);--ui-text: var(--ui-text-light);--ui-border: var(--ui-border-light);--surface-shadow: var(--shadow-soft);--surface-blur: var(--backdrop-blur);--header-bg: rgba(230, 242, 255, .6);--header-border: rgba(16, 24, 40, .06);--focus-ring: rgba(30, 58, 138, .12)}html,body,#root{margin:0;padding:0;height:100%}body,#root{background-color:var(--bg-color);min-height:100vh;color:var(--text-from-bg);font-family:var(--font-system);font-size:var(--text-base)}.surface-bar{border-radius:var(--surface-radius);background:color-mix(in oklab,var(--ui-bg) 12%,transparent);border:1.5px solid color-mix(in oklab,var(--ui-border) 60%,#ffffff 20%);box-shadow:0 8px 32px -8px #1e3a8a29,0 2px 8px #1018280a;backdrop-filter:var(--surface-blur);-webkit-backdrop-filter:var(--surface-blur)}.surface-chip{position:relative;border-radius:var(--surface-radius);background-color:var(--ui-bg);color:var(--ui-text);border:2px solid var(--ui-border);box-shadow:0 8px 32px -8px #1e3a8a29,0 2px 8px #1018280a,0 0 12px 3px color-mix(in oklab,var(--ui-bg) 40%,transparent)}.surface-chip:before{content:"";position:absolute;inset:0 0 55%;border-top-left-radius:inherit;border-top-right-radius:inherit;background:linear-gradient(180deg,#ffffff47,#ffffff0f);pointer-events:none;mix-blend-mode:overlay}body.dark .surface-chip{background-color:var(--ui-bg);color:var(--ui-text);border:2px solid var(--ui-border);box-shadow:0 8px 32px -8px #1e3a8a29,0 2px 8px #0003,0 0 12px 3px color-mix(in oklab,var(--ui-border) 45%,transparent)}[data-ui-surface]{background-color:var(--ui-bg-light);color:var(--ui-text-light);border:2px solid var(--ui-border-light);border-radius:var(--ui-radius);backdrop-filter:var(--ui-backdrop);-webkit-backdrop-filter:var(--ui-backdrop);opacity:var(--ui-opacity);box-shadow:var(--ui-shadow);transition:background-color .16s ease,box-shadow .16s ease,transform .12s ease,border-color .16s ease}body.dark [data-ui-surface]{background-color:var(--ui-bg-dark);color:var(--ui-text-dark);border:2px solid var(--ui-border-dark)}[data-ui-surface]:hover{filter:saturate(1.03);box-shadow:0 8px 28px -10px #1e3a8a1f;transform:translateY(-2px)}[data-ui-surface]:focus-visible{outline:none;box-shadow:0 0 0 6px var(--focus-ring)}[data-ui-surface].surface-sm{padding:.4rem .6rem}section{margin:1.5rem 0}button,a.button,.btn{min-height:44px;min-width:44px;padding:10px 16px;font-family:inherit;font-size:1rem;line-height:1.5;border:1px solid transparent;border-radius:8px;background-color:var(--ui-primary);color:#fff;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}button:hover,a.button:hover,.btn:hover{filter:brightness(1.05);transform:translateY(-1px)}button:active,a.button:active,.btn:active{transform:translateY(0)}@media(max-width:767px){section{margin:12px 0}button,a.button,.btn{min-height:44px;min-width:44px;padding:10px 16px}}body.dark{--bg-color: var(--bg-dark);--text-from-bg: var(--bg-light);--ui-bg: var(--ui-bg-dark);--ui-text: var(--ui-text-dark);--ui-border: var(--ui-border-dark);--header-bg: rgba(30, 58, 138, .42);--header-border: rgba(255, 255, 255, .06);--header-shadow: var(--header-shadow-dark);--focus-ring: rgba(230, 242, 255, .12)}body.dark .header .days-chips .chip,body.dark .tabs .tab{background:linear-gradient(135deg,color-mix(in oklab,var(--ui-bg-dark) 95%,transparent),color-mix(in oklab,var(--ui-bg-dark) 100%,#000 5%));filter:saturate(1.2);color:var(--ui-text-dark);border:.5px solid rgba(30,58,138,.15);box-shadow:inset 0 1px 2px #ffffff1f,0 8px 32px -8px #1e3a8a29,0 2px 8px #0003,0 0 24px 8px color-mix(in oklab,var(--ui-bg-dark) 50%,transparent)}body.dark .card{background:linear-gradient(135deg,color-mix(in oklab,var(--ui-bg-dark) 95%,transparent),color-mix(in oklab,var(--ui-bg-dark) 100%,#000 5%));color:var(--ui-text-dark);border:.5px solid rgba(255,255,255,.06);box-shadow:inset 0 1px 2px #ffffff1f,0 8px 32px -8px #1e3a8a29,0 2px 8px #0003,0 0 20px 6px color-mix(in oklab,var(--ui-bg-dark) 36%,transparent)}