: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);grid-template-areas:"sidenav main";gap:8px;max-width:1220px;margin:0 auto;align-items:start}.sidenav{grid-area:sidenav;position:sticky;top:24px;display:flex;flex-direction:column;gap:4px;padding:20px 12px 24px 20px}.main-col{grid-area:main;min-width:0;padding:24px 20px 80px}.app-shell .layout{max-width:none;margin:0;padding:0}.sidenav-cats,.sidenav-library{display:flex;flex-direction:column;gap:4px}.sidenav-mobile-actions,.nav-more,.tabbar{display:none}.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{position:relative;display:flex;flex-wrap:nowrap;align-items:center;gap:2px}.sidenav-cat a{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidenav-cat-actions{position:absolute;right:2px;top:50%;z-index:1;display:flex;flex:0 0 auto;align-items:center;gap:0;padding:2px 2px 2px 16px;transform:translateY(-50%);background:none;pointer-events:auto}.sidenav-cat-actions .sidenav-icon{opacity:0;pointer-events:none}.sidenav-cat-actions:hover,.sidenav-cat-actions:focus-within{background:linear-gradient(to right,transparent,var(--bg) 14px)}.sidenav-cat-actions:hover .sidenav-icon,.sidenav-cat-actions:focus-within .sidenav-icon,.sidenav-cat-actions.is-pending .sidenav-icon{opacity:1;pointer-events:auto}.sidenav-cat-actions.is-pending{background:linear-gradient(to right,transparent,var(--bg) 14px)}.sidenav-undo{min-width:auto;padding:0 8px;font-size:.72rem;font-weight:650;letter-spacing:.02em;color:var(--accent)}.sidenav-undo:hover,.sidenav-undo:focus-visible{color:var(--accent-ink);background:var(--accent)}.sidenav-cat.is-active{background:transparent}.sidenav-cat.is-sortable{cursor:grab}.sidenav-cat.is-dragging{opacity:.45}.sidenav-cat.is-drop-before:before,.sidenav-cat.is-drop-after:after{content:"";position:absolute;left:8px;right:8px;height:2px;background:var(--accent);pointer-events:none;z-index:2}.sidenav-cat.is-drop-before:before{top:-1px}.sidenav-cat.is-drop-after:after{bottom:-1px}.sidenav-icon{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted);min-width:1.75rem;height:1.75rem;padding:0;border-radius:8px;cursor:pointer}.sidenav-icon svg{display:block}.sidenav-icon:hover,.sidenav-icon:focus-visible{color:var(--text);background:color-mix(in srgb,var(--accent) 16%,transparent)}.sidenav .sidenav-icon{padding:0}.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);background:color-mix(in srgb,var(--danger) 16%,transparent)}.sidenav-cat-edit{flex:1 1 6rem;min-width:0;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;grid-template-areas:"topbar" "sidenav" "main";gap:0;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.main-col{display:contents}.topbar{grid-area:topbar;position:sticky;top:0;z-index:26;gap:10px;margin:0;padding:calc(10px + env(safe-area-inset-top,0px)) 14px 10px;background:color-mix(in srgb,var(--bg) 92%,black);border-bottom:1px solid var(--line);flex-wrap:wrap}.sidenav{grid-area:sidenav;position:sticky;top:calc(52px + env(safe-area-inset-top,0px));z-index:24;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 14px;background:color-mix(in srgb,var(--bg) 92%,black);border-bottom:1px solid var(--line)}.sidenav-library,.sidenav-cat>.sidenav-cat-actions,.nav-main,.nav-session{display:none}.sidenav-heading .sidenav-label{display:none}.sidenav-heading{grid-column:2;grid-row:1;padding:0}.sidenav-cats{grid-column:1;grid-row:1;min-width:0;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;gap:6px;padding:0;scrollbar-width:none}.sidenav-cat-edit,.sidenav-mobile-actions,.sidenav-notice{grid-column:1 / -1}.sidenav-cats::-webkit-scrollbar{display:none}.sidenav-cats>a,.sidenav-cat{flex:0 0 auto}.sidenav-cat{flex-wrap:nowrap}.sidenav-cat a{flex:0 0 auto}.sidenav-cat.is-sortable{cursor:default}.sidenav-cat.is-drop-before:before,.sidenav-cat.is-drop-after:after{top:6px;bottom:6px;height:auto;width:2px;left:auto;right:auto}.sidenav-cat.is-drop-before:before{left:-4px}.sidenav-cat.is-drop-after:after{right:-4px}.sidenav-mobile-actions{display:flex}.sidenav-mobile-actions .sidenav-cat-actions{position:static;transform:none;padding:0;background:none;pointer-events:auto}.sidenav-mobile-actions .sidenav-cat-actions .sidenav-icon{opacity:1;pointer-events:auto}.layout{grid-area:main;padding:12px 14px 28px}.app-shell .layout{padding:12px 14px 28px}.brand{font-size:1.25rem}.topbar-search{flex:1 1 100%;order:3;max-width:none;min-width:0}.topbar-end{order:2;margin-left:auto}.nav-more{display:flex;align-items:center;gap:8px;position:relative;margin-left:0}.nav-more-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;display:flex;flex-direction:column;gap:8px;min-width:12rem;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow)}.nav-more-menu .user-meta{margin:0;word-break:break-all}.nav-more-menu a,.nav-more-menu .btn{width:100%;text-align:center}.tabbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:40;gap:4px;padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--bg) 94%,black);border-top:1px solid var(--line)}.tabbar a{display:grid;place-items:center;min-height:44px;padding:6px 4px;border-radius:12px;font-size:.82rem;font-weight:500}.tabbar a.active{background:var(--accent);color:var(--accent-ink);font-weight:600}}.topbar{display:flex;align-items:center;gap:16px;margin-bottom:28px}.brand{font-family:Fraunces,serif;font-size:1.6rem;letter-spacing:-.03em;flex:0 0 auto;display:flex;align-items:center;line-height:1}.topbar-search{position:relative;display:flex;align-items:center;gap:8px;flex:1 1 18rem;min-width:12rem;max-width:42rem}.search-pill{display:flex;align-items:center;gap:4px;width:100%;min-width:0;padding:3px 10px 3px 4px;border-radius:999px;border:1px solid var(--line);background:var(--bg-2)}.search-pill:focus-within{border-color:color-mix(in srgb,var(--accent) 65%,var(--line))}.search-scopes{display:flex;flex:0 0 auto;gap:2px}.search-scopes .chip{padding:4px 10px;font-size:.75rem;border:0;background:transparent;white-space:nowrap;cursor:pointer}.search-scopes .chip.on{background:var(--accent);color:var(--accent-ink)}.topbar-search input{width:100%;min-width:0;border:0;background:transparent;border-radius:0;padding:6px 8px 6px 4px}.topbar-search input:focus{outline:none}.topbar-search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.topbar-search .suggest-list{z-index:32}.suggest-empty{padding:8px 10px;color:var(--muted);font-size:.88rem}.brand span{color:var(--accent)}.nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.nav-session{margin-left:0}.topbar-end{margin-left:auto;display:flex;align-items:center;gap:8px;position:relative}.topbar-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;cursor:pointer}.nav .topbar-icon{padding:0}.topbar-icon svg{display:block}.topbar-icon:hover,.topbar-icon:focus-visible,.topbar-icon.is-open{color:var(--accent-ink);background:var(--accent);border-color:transparent}.queue-inbox{position:relative}.queue-badge{position:absolute;top:-4px;right:-4px;min-width:1.05rem;height:1.05rem;padding:0 4px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:.65rem;font-weight:700;line-height:1.05rem;text-align:center}.topbar-icon.is-open .queue-badge{background:var(--accent-ink);color:var(--accent)}.queue-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:34;width:min(22rem,calc(100vw - 24px));max-height:min(24rem,70vh);overflow:auto;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow)}.queue-panel-title{margin:0 0 8px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.queue-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.queue-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}.queue-item-link{display:flex;flex-direction:column;gap:2px;min-width:0;padding:8px 10px;border-radius:10px;color:inherit;text-decoration:none}.queue-item-link:hover,.queue-item-link:focus-visible{background:color-mix(in srgb,var(--accent) 16%,transparent)}.queue-item-link strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-item-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;align-items:center}.feed-queue-btn{min-width:2.25rem;width:2.25rem;height:2.25rem;padding:0;font-size:1.2rem;font-weight:600;line-height:1}.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:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.panel .share-heading h2{margin:0;flex:1 1 16rem;line-height:1.15;display:flex;align-items:center;min-height:2.35rem}.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:minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.feed-item:last-child{border-bottom:0}.feed-item-link{display:grid;grid-template-columns:92px minmax(0,1fr);gap:16px;align-items:center;min-width:0;color:inherit;text-decoration:none}.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:80px;padding:14px 16px 0;background:linear-gradient(to bottom,#070907 0 56px,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;touch-action:manipulation}.yt-skip-flash{position:absolute;top:50%;z-index:3;width:min(42%,11rem);height:56%;display:flex;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,#070907 48%,transparent);color:#f4f6f2;font-size:1.15rem;font-weight:650;letter-spacing:.02em;pointer-events:none;transform:translateY(-50%);animation:yt-skip-pop .55s ease}.yt-skip-flash.left{left:-6%}.yt-skip-flash.right{right:-6%}@keyframes yt-skip-pop{0%{opacity:0;transform:translateY(-50%) scale(.86)}18%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(1)}}.yt-controls{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 12px 12px}.player.is-max .yt-controls{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.player.is-max .yt-controls.is-on{opacity:1;visibility:visible;pointer-events:auto}.yt-play{border:0;border-radius:999px;padding:6px 12px;background:var(--accent);color:var(--accent-ink);cursor:pointer}.yt-play-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;line-height:0}.yt-play-icon svg{display:block;flex:0 0 auto}.yt-play.ghost{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text)}.yt-scrub{flex:1 1 8rem;min-width:0;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;flex:0 0 auto}.skip-interval{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 0}.skip-touch{display:none}@media (pointer: coarse){.skip-keys{display:none}.skip-touch{display:inline}}.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-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.pack-url{word-break:break-all;margin:10px 0 0}.channel-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.channel-meta{flex:1;min-width:0}.channel-meta .chips{margin-top:8px}.customize-page>.share-heading{margin-bottom:4px}.customize-stack{display:flex;flex-direction:column;gap:14px;margin-top:16px}.customize-section{border:1px solid var(--line);border-radius:14px;padding:16px;background:color-mix(in srgb,var(--bg) 50%,transparent)}.customize-section>h2{margin:0 0 4px;font-size:1.18rem}.customize-section>.muted{margin:0 0 12px;font-size:.88rem}.customize-section h3{margin:16px 0 4px;font-size:.82rem;font-family:inherit;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.customize-section .search-row{margin-bottom:8px;flex-wrap:nowrap}.customize-section .search-row input,.customize-section .search-row .autocomplete{flex:1 1 auto;min-width:0}.customize-section .search-row .btn{flex:0 0 auto}.customize-section .channel-row:last-child{border-bottom:0;padding-bottom:0}.customize-section .error{margin:0 0 8px}.suggest-channels{margin:4px 0 0}.suggest-channels h2{margin-top:8px}.suggest-channels h3{margin-top:16px}.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}.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)}.customize-section .invite-codes .table{margin-top:0}.customize-section .invite-actions{margin:12px 0 0}.error{color:var(--danger)}.user-meta{font-size:.85rem;color:var(--muted)}.panel h2,.panel h3{font-family:Fraunces,serif;margin:18px 0 8px}.admin-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0 8px}.admin-section-head h2{margin:0}.feedback-form{display:flex;flex-direction:column;align-items:stretch;gap:10px;max-width:40rem}.feedback-form label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted)}.feedback-form textarea{width:100%;min-height:8rem;resize:vertical;line-height:1.45}.feedback-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.feedback-list li{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.feedback-list li.unread{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.feedback-list p{margin:8px 0;white-space:pre-wrap}.feedback-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline}.admin-user-search{flex:0 1 16rem;min-width:11rem;max-width:20rem}.admin-user-search input{width:100%;min-width:0;border-radius:999px;padding:6px 12px}.admin-user-search input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.admin-user-search .suggest-list{z-index:12}.hotlist-editor{margin:0}.hotlist-editor h2{margin-top:0}.hotlist-editor .search-row{margin-bottom:10px}.hotlist-section{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--line)}.for-you-header{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap}.panel .for-you-header h3{margin:0;line-height:1;display:flex;align-items:center;align-self:stretch}.for-you-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.for-you-tools .btn{padding:4px 10px;font-size:.8rem}.for-you-header .dvr-days{margin:0}.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]:not(.btn){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-cluster{display:grid;gap:10px}.event-cluster-label{margin:4px 2px 0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.event-match{border:1px solid var(--line);border-radius:14px;padding:12px;background:color-mix(in srgb,var(--bg) 40%,transparent)}.event-match.watched{opacity:.55}.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-game.watched{color:var(--muted);background:color-mix(in srgb,var(--bg-2) 55%,transparent);cursor:pointer}.event-game.unavailable{cursor:help;color:var(--muted)}.event-stage-cover{padding:18px 14px 16px;display:grid;gap:12px;align-content:start}.event-stage-cover p{margin:0}.event-unavailable-tip{max-width:min(280px,calc(100vw - 24px));padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);pointer-events:none;color:var(--muted);font-size:.88rem;line-height:1.35}.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}@media (max-width: 860px){html,body{overflow-x:clip}input,select,textarea{min-width:0;max-width:100%;font-size:16px}.panel{padding:16px}.autocomplete{min-width:0;flex:1 1 12rem}.search-row,.toolbar{align-items:stretch}.search-row input,.search-row .autocomplete{flex:1 1 auto;width:auto}.admin-user-search{flex:1 1 12rem;max-width:none;min-width:0}.feed-item{align-items:start;gap:8px}.feed-item-link{grid-template-columns:1fr;gap:4px}.date-block{font-size:.72rem}.feed-item-actions,.feed-item-actions .btn{margin-top:2px}.channel-row{flex-wrap:wrap;align-items:flex-start}.channel-row .btn,.channel-row .btn.danger,.channel-row .btn.primary{margin-top:4px}.yt-scrub{flex:1 1 100%;order:5}.play-overlay strong{font-size:1.15rem}.table{display:block;overflow-x:auto;white-space:nowrap}.landing-wrap{padding:16px 14px 48px}.landing-top{gap:10px}.landing-top .nav .btn.primary{display:none}.landing-hero{padding:8px 0 18px}.sidenav-icon{min-width:32px;min-height:32px;padding:0}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.event-stage-pill{min-width:0;flex:1 1 8rem}.toolbar .chips,.dvr-days{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sidenav-cat a{overflow:visible;flex:0 0 auto}.nav.nav-main,.nav.nav-session,.sidenav-library{display:none}.sidenav-cat>.sidenav-cat-actions{display:none}.sidenav-mobile-actions{display:flex}.nav-more{display:flex;align-items:center;gap:8px;position:relative;margin-left:0}.tabbar{display:grid}}