:root{--theme-bg: #10140f;--bg: var(--theme-bg);--accent: #c6e87a;--accent-ink: #14200d;--bg-2: color-mix(in srgb, var(--bg) 88%, white);--card: color-mix(in srgb, var(--bg) 82%, white);--line: color-mix(in srgb, var(--accent) 16%, transparent);--text: color-mix(in srgb, white 92%, var(--accent));--muted: color-mix(in srgb, var(--text) 58%, var(--bg));--accent-2: color-mix(in srgb, var(--accent) 70%, var(--bg));--danger: #e07a6a;--shadow: 0 18px 50px rgba(0, 0, 0, .35);color-scheme:dark}html[data-appearance=light]{--bg: color-mix(in srgb, var(--theme-bg) 12%, #f4f2ea);--bg-2: color-mix(in srgb, var(--theme-bg) 8%, #fffcf6);--card: color-mix(in srgb, var(--theme-bg) 6%, #ffffff);--line: color-mix(in srgb, var(--accent) 28%, #d4d0c4);--text: #161c14;--muted: color-mix(in srgb, #161c14 58%, var(--bg));--accent-2: color-mix(in srgb, var(--accent) 55%, var(--bg));--shadow: 0 18px 50px rgba(22, 28, 20, .1);color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:Outfit,sans-serif;background:radial-gradient(1200px 500px at 10% -10%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 50%),repeating-linear-gradient(-18deg,transparent,transparent 18px,color-mix(in srgb,var(--accent) 5%,transparent) 18px,color-mix(in srgb,var(--accent) 5%,transparent) 19px),var(--bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.layout{max-width:980px;margin:0 auto;padding:24px 20px 80px;min-width:0}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:8px;max-width:1220px;margin:0 auto;align-items:start}.sidenav{position:sticky;top:24px;display:flex;flex-direction:column;gap:4px;padding:20px 12px 24px 20px}.sidenav-label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0 12px 8px}.sidenav-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px 8px 0}.sidenav-heading .sidenav-label{padding:0 4px 0 12px}.sidenav-label-gap{padding-top:22px}.sidenav a{padding:10px 12px;border-radius:12px;color:var(--text)}.sidenav a.active{background:var(--accent);color:var(--accent-ink);font-weight:600}.sidenav-cat{display:flex;flex-wrap:wrap;align-items:center;border-radius:12px}.sidenav-cat a{flex:1 1 6rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidenav-cat-actions{display:flex;flex-wrap:wrap;gap:4px;padding:0 8px 6px 4px}.sidenav-cat.is-active{background:color-mix(in srgb,var(--accent) 12%,transparent)}.sidenav-icon{border:1px solid var(--line);background:transparent;color:var(--muted);font-size:.72rem;padding:2px 7px;border-radius:999px;cursor:pointer}.sidenav-icon:hover,.sidenav-icon:focus-visible{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.sidenav-add{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;padding:0;border:none;background:var(--accent);color:var(--accent-ink);font-size:1.2rem;font-weight:600;line-height:1}.sidenav-add:hover,.sidenav-add:focus-visible{background:var(--accent-2);color:var(--accent-ink);border:none}.sidenav-icon.danger:hover,.sidenav-icon.danger:focus-visible{color:var(--danger);border-color:#e07a6a80}.sidenav-cat-edit{padding:2px 8px 4px}.sidenav-cat-edit input{width:100%;min-width:0;padding:8px 10px}.sidenav-notice{margin:4px 12px 0;font-size:.78rem;color:var(--danger)}@media (max-width: 860px){.app-shell{grid-template-columns:1fr}.sidenav{position:static;flex-direction:row;flex-wrap:wrap;padding:16px 20px 0}}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.brand{font-family:Fraunces,serif;font-size:1.6rem;letter-spacing:-.03em}.brand span{color:var(--accent)}.nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.nav a,.nav button,.btn{border:1px solid var(--line);background:var(--card);color:var(--text);padding:8px 12px;border-radius:999px;cursor:pointer}.nav a.active,.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600}.btn.danger{border-color:#e07a6a80;color:var(--danger)}.share-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.share-heading h2{margin:0;flex:1 1 16rem}.panel{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:20px}.feed-item{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.feed-item:last-child{border-bottom:0}.date-block{color:var(--accent);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.thumb{width:148px;height:84px;object-fit:cover;border-radius:10px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);text-align:center}.login-card h1{font-family:Fraunces,serif;font-size:3rem;margin:0 0 8px}.landing-wrap{width:min(1040px,100%);margin:0 auto;padding:24px 20px 80px}.landing-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.landing-hero{text-align:center;padding:20px 8px 28px}.landing-hero h1{font-family:Fraunces,serif;font-size:clamp(2.6rem,7vw,4.2rem);letter-spacing:-.03em;margin:0 0 10px}.landing-hero h1 span{color:var(--accent)}.landing-hero .lede{max-width:36rem;margin:0 auto 22px;font-size:1.12rem;line-height:1.45;color:var(--muted)}.landing-cta{margin:16px 0 0}.landing-cta .btn.primary{padding:12px 22px;font-size:1.02rem}.landing-signin{display:flex;flex-direction:column;align-items:center;width:min(22rem,100%);margin:4px auto 0;gap:12px}.landing-signin .btn{display:inline-flex;align-items:center;justify-content:center;width:100%}.landing-signin .error,.landing-signin .muted{margin:0;width:100%}.landing-signin .invite-field,.landing-signin .email-field{text-align:center}.landing-or{display:flex;align-items:center;gap:10px;width:100%;margin:0;color:var(--muted);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.landing-or:before,.landing-or:after{content:"";flex:1;height:1px;background:var(--line)}.landing-end{margin-top:28px;text-align:center}.landing-end h2{margin-top:0}.infographic{position:relative;background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:24px 20px 28px}.infographic-kicker{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;text-align:center}.infographic-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.infographic h2{font-family:Fraunces,serif;text-align:center;margin:28px 0 16px}.infographic-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:8px}.compare-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:color-mix(in srgb,var(--bg) 55%,transparent)}.compare-card strong{display:block;margin:10px 0 6px}.compare-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.4}.compare-label{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.compare-yt{border-color:color-mix(in srgb,var(--danger) 35%,var(--line))}.compare-thumb{display:grid;place-items:center;gap:2px;height:92px;border-radius:12px;background:radial-gradient(circle at 30% 40%,color-mix(in srgb,var(--danger) 40%,transparent),transparent 55%),linear-gradient(135deg,#3a2420,#1a1210);color:#f3d2cc;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.compare-score{font-family:Fraunces,serif;font-size:1.8rem;letter-spacing:.04em;color:#ffe8e4}.compare-feed{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;min-height:92px;padding:8px 4px}.infographic-steps,.infographic-features{list-style:none;margin:0;padding:0;display:grid;gap:16px}.infographic-steps{position:relative;grid-template-columns:repeat(3,minmax(0,1fr))}.infographic-steps:before{content:"";position:absolute;top:22px;left:16%;right:16%;height:2px;background:color-mix(in srgb,var(--accent) 55%,transparent);pointer-events:none}.infographic-step,.infographic-feature{position:relative;z-index:1;padding:8px 4px 4px}.infographic-num{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 12px;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-family:Fraunces,serif;font-size:1.25rem;font-weight:700}.infographic-step h3,.infographic-feature h3{font-family:Fraunces,serif;font-size:1.15rem;margin:0 0 8px;text-align:center}.infographic-step p,.infographic-feature p{margin:0 0 12px;color:var(--muted);font-size:.92rem;line-height:1.4;text-align:center}.infographic-features{grid-template-columns:repeat(3,minmax(0,1fr))}.infographic-feature{border:1px solid var(--line);border-radius:16px;padding:14px;background:color-mix(in srgb,var(--bg) 45%,transparent)}.infographic-mock{border:1px dashed var(--line);border-radius:14px;padding:12px;background:color-mix(in srgb,var(--bg) 60%,transparent)}.mock-search{display:flex;gap:8px;align-items:center}.mock-search-field{flex:1;min-width:0;padding:8px 10px;border-radius:12px;border:1px solid var(--line);background:var(--bg-2);font-size:.88rem}.mock-paste{margin-top:8px;font-size:.8rem}.mock-watch{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center}.mock-watch strong{display:block;font-size:.88rem}.mock-bracket{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mock-round{display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:10px;border:1px solid var(--line);background:color-mix(in srgb,var(--accent) 16%,transparent)}.mock-round.next{background:color-mix(in srgb,var(--accent) 8%,transparent)}.mock-round.locked{opacity:.55}.mock-match{font-size:.78rem;font-weight:600}.infographic-feature .skip-interval{margin:0 0 10px;justify-content:center}@media (max-width: 800px){.infographic-compare,.infographic-steps,.infographic-features{grid-template-columns:1fr}.infographic-steps:before{display:none}.landing-top{flex-wrap:wrap}}.player{position:relative;width:100%;aspect-ratio:16 / 9;background:#070907;border-radius:16px;overflow:hidden;border:1px solid var(--line)}.player.is-max:not(:fullscreen){position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;width:100vw;height:100vh;max-width:none;aspect-ratio:auto;border-radius:0;border:0}.player:fullscreen,.player:-webkit-full-screen{width:100%;height:100%;aspect-ratio:auto;border-radius:0;border:0;background:#070907}.player iframe,.play-overlay,.player-yt{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.player-yt iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;border:0}.yt-title-bar{position:absolute;top:0;left:0;right:0;z-index:3;height:60px;padding:14px 16px 0;background:linear-gradient(to bottom,#070907 0 46px,transparent);color:#f4f6f2;font-size:.92rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.yt-title-bar.is-on{opacity:1;visibility:visible}.yt-click-catcher{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;cursor:pointer}.yt-controls{position:absolute;left:0;right:0;bottom:0;z-index:4;display:grid;grid-template-columns:auto 1fr auto auto auto;gap:10px;align-items:center;padding:10px 12px 12px}.yt-play{border:0;border-radius:999px;padding:6px 12px;background:var(--accent);color:var(--accent-ink);cursor:pointer}.yt-play.ghost{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text)}.yt-scrub{width:100%;height:18px;accent-color:var(--accent);cursor:pointer}.yt-scrub::-webkit-slider-thumb{cursor:context-menu}.yt-scrub::-moz-range-thumb{cursor:context-menu}.yt-share-menu{position:absolute;z-index:9;transform:translate(-12px,-108%);background:var(--card);border:1px solid var(--line);border-radius:12px;padding:4px;box-shadow:var(--shadow);min-width:188px}.yt-share-menu button{width:100%;text-align:left;background:transparent;border:0;color:var(--text);padding:8px 10px;border-radius:8px;cursor:pointer}.yt-share-menu button:hover,.yt-share-menu button:focus-visible{background:var(--accent);color:var(--accent-ink)}.yt-time{font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--muted);white-space:nowrap}.skip-interval{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 0}.player+.skip-interval,.yt-controls+.skip-interval{margin-top:10px}.skip-interval .chips{margin:0}.play-overlay{z-index:5;display:grid;place-items:center;background:radial-gradient(circle at center,color-mix(in srgb,var(--accent) 22%,var(--bg)),var(--bg) 72%);cursor:pointer;border:0;color:inherit}.play-overlay strong{font-family:Fraunces,serif;font-size:1.4rem}.search-row,.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.toolbar .chips{margin:0}.autocomplete{position:relative;flex:1;min-width:220px}.autocomplete input{width:100%}.suggest-list{position:absolute;z-index:8;left:0;right:0;top:calc(100% + 4px);margin:0;padding:6px;list-style:none;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;max-height:260px;overflow:auto;box-shadow:var(--shadow)}.suggest-list button{width:100%;text-align:left;border:0;background:transparent;color:inherit;padding:8px 10px;border-radius:8px;cursor:pointer}.suggest-list button.active,.suggest-list button:hover{background:var(--accent);color:var(--accent-ink)}input,select{background:var(--bg-2);border:1px solid var(--line);color:var(--text);padding:10px 12px;border-radius:12px;min-width:180px}input[type=checkbox]{min-width:18px;width:18px;height:18px;padding:0;accent-color:var(--accent);cursor:pointer}.check-list{display:flex;flex-direction:column;gap:8px;margin:8px 0 12px}.check-row{display:flex;align-items:center;gap:10px;cursor:pointer}.pack-share{margin:20px 0 8px;padding:16px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--accent) 8%,transparent)}.pack-share h2{margin-top:0}.pack-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.pack-url{word-break:break-all}.channel-row .pack-check{flex:0 0 auto}.channel-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.suggest-channels{margin:20px 0 8px}.suggest-channels h2{margin-top:8px}.suggest-channels .channel-row:last-child{border-bottom:0}.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#2a3528}.chips{display:flex;gap:6px;flex-wrap:wrap}.find-focus{margin:12px 0 8px}.channel-topics{margin-top:8px}.channel-topics-status{margin-top:8px;font-size:.8rem}.chip.inferred{border-style:dashed}.appearance-toggle{display:flex;gap:8px;margin:8px 0}.chip{font-size:.8rem;padding:4px 8px;border-radius:999px;border:1px solid var(--line)}.chip.on{background:var(--accent);color:var(--accent-ink)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}.error{color:var(--danger)}.user-meta{font-size:.85rem;color:var(--muted)}.panel h2,.panel h3{font-family:Fraunces,serif;margin:18px 0 8px}.hotlist-editor{border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px;background:color-mix(in srgb,var(--accent) 8%,transparent)}.hotlist-editor h2{margin-top:0}.hotlist-section{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--line)}.for-you-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px 16px;flex-wrap:wrap}.for-you-header h3{margin:18px 0 8px}.dvr-days{margin:12px 0 8px;justify-content:flex-end}.dvr-days .chip.has-items{box-shadow:0 0 0 2px var(--accent)}.theme-sports{margin:12px 0 8px}.theme-sports .chip{cursor:pointer;background:transparent;color:inherit}.theme-sports .chip.on{background:var(--accent);color:var(--accent-ink)}.theme-sports .chip:disabled{cursor:default;opacity:1}.theme-search{margin:4px 0 16px}.suggest-meta{color:var(--muted)}.suggest-list button.active .suggest-meta,.suggest-list button:hover .suggest-meta{color:inherit;opacity:.8}.theme-sport-block h3{margin:20px 0 0}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:16px 0 24px}.theme-swatch{display:flex;flex-direction:column;gap:10px;text-align:left;background:var(--swatch-bg, var(--card));color:#f3f6ee;border:1px solid color-mix(in srgb,var(--swatch-accent, var(--accent)) 35%,transparent);border-radius:14px;padding:12px;cursor:pointer}.theme-swatch.selected{outline:2px solid var(--accent);outline-offset:2px}.theme-swatch-bar{display:block;height:10px;border-radius:999px;background:var(--swatch-accent, var(--accent))}.theme-custom{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.theme-custom label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted)}.theme-custom input[type=color]{min-width:64px;width:72px;height:40px;padding:4px;cursor:pointer}.ad-slot{margin:16px 0;padding:12px;border:1px dashed var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg) 70%,transparent);min-height:90px}.ad-slot-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.ad-slot-placeholder{margin:0;font-size:.9rem}.ad-slot .adsbygoogle{min-height:90px}.site-footer{margin-top:28px;font-size:.85rem;color:var(--muted)}.site-footer a{color:var(--muted)}.panel a[href^=http]{color:var(--accent)}.event-panel{overflow:hidden}.event-stage-nav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 18px}.event-stage-pill{display:flex;flex-direction:column;gap:2px;min-width:120px;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 55%,transparent);color:var(--text)}.event-stage-pill.current{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600}.event-stage-pill.open{background:color-mix(in srgb,var(--accent) 22%,transparent)}.event-stage-pill.next{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.event-stage-pill.locked{opacity:.55}.event-stage-kicker{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:inherit;opacity:.72}.event-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:14px;overflow-x:auto;align-items:stretch;padding-bottom:6px}.event-board.stacked{grid-auto-flow:row;grid-auto-columns:minmax(0,1fr)}.event-round{margin-top:0;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--bg) 55%,transparent);min-width:0;display:flex;flex-direction:column}.event-round.current .event-stage-head{background:var(--accent);color:var(--accent-ink)}.event-round.next .event-stage-head{background:color-mix(in srgb,var(--accent) 16%,transparent)}.event-stage-head{position:sticky;top:0;padding:12px 14px 10px;border-bottom:1px solid var(--line);border-radius:16px 16px 0 0;background:color-mix(in srgb,var(--card) 92%,var(--bg))}.event-stage-head h3{font-family:Fraunces,serif;margin:2px 0 4px;font-size:1.15rem}.event-stage-head .muted{margin:0;font-size:.82rem}.event-matches{display:grid;gap:10px;padding:12px}.event-match{border:1px solid var(--line);border-radius:14px;padding:12px;background:color-mix(in srgb,var(--bg) 40%,transparent)}.event-match-title{font-weight:600;margin-bottom:4px}.event-match-blurb{font-size:.88rem;color:var(--muted);line-height:1.35;margin:2px 0 0}.event-games{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.event-game{min-width:88px;border:1px solid var(--line);background:var(--bg-2);color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer}.event-game.playable{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600}.event-stage-cover{padding:18px 14px 16px;display:grid;gap:12px;align-content:start}.event-stage-cover p{margin:0}.event-placeholder{margin-top:16px;padding:16px;border:1px dashed var(--line);border-radius:14px}.invite-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;font-size:.95rem}.invite-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px}.invite-field{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%;margin:0;font-size:.85rem;color:var(--muted);text-align:left}.invite-field input{width:100%;min-width:0;letter-spacing:.12em;text-transform:uppercase;text-align:center}.invite-grant{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0 16px}.invite-grant label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted)}.invite-grant input[type=number]{min-width:7rem;width:7rem}.email-field{display:flex;flex-direction:column;align-items:stretch;gap:6px;width:100%;margin:0;font-size:.85rem;color:var(--muted);text-align:left}.email-field input{width:100%;min-width:0;letter-spacing:normal;text-transform:none}.magic-sign-in{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;margin:0}