@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #08080c;--bg-sidebar: #0b0b10;--bg-surface: #0d0d12;--bg-card: #131319;--bg-card-2: #191922;--bg-input: #131319;--bg-hover: rgba(255,255,255,.05);--text: #f5f5f8;--text-muted: #8d8d9c;--text-dim: #54545f;--hot: #ff5f2e;--mag: #ff2e8a;--lime: #c6ff2e;--accent: var(--hot);--accent-2: var(--mag);--accent-grad: linear-gradient(120deg, var(--hot) 0%, var(--mag) 100%);--accent-h: #ff7a4d;--accent-dim: rgba(255,95,46,.14);--accent-glow: rgba(255,46,138,.35);--accent-ring: rgba(255,46,138,.35);--border: rgba(255,255,255,.08);--border-h: rgba(255,255,255,.18);--success: var(--lime);--error: #ff3b5c;--warn: #ffb84d;--win: var(--lime);--loss: #ff3b5c;--radius-sm: 8px;--radius: 12px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--gap: 12px;--ease: cubic-bezier(.4,0,.2,1);--fast: .14s var(--ease);--med: .22s var(--ease);--shadow-sm: 0 1px 2px rgba(0,0,0,.35);--shadow: 0 10px 30px rgba(0,0,0,.4);--shadow-lg: 0 16px 48px rgba(0,0,0,.55);--shadow-glow: 0 8px 28px rgba(255,46,138,.22);--sidebar-w: 250px;--topbar-h: 60px;color-scheme:dark}html{font-size:14px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background var(--med),color var(--med)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-h)}button{cursor:pointer;font:inherit;color:inherit}select,input,textarea{font:inherit}.display{font-family:Archivo Black,Inter,sans-serif}#app{display:flex;min-height:100vh}.app-sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:210;transform:translate(-100%);transition:transform var(--med);overflow-y:auto}.app-sidebar.open{transform:translate(0)}@media(min-width:1024px){.app-sidebar{position:sticky;transform:none}.app-main{margin-left:0}}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px}.sidebar-brand img{height:26px}.sidebar-brand .brand-mark{width:34px;height:34px;border-radius:10px;background:var(--accent-grad);display:flex;align-items:center;justify-content:center;font-family:Archivo Black,sans-serif;font-size:11px;color:#fff;box-shadow:0 6px 20px #ff2e8a59;flex-shrink:0}.sidebar-brand .brand-text{font-weight:800;font-size:14.5px;letter-spacing:-.01em}.sidebar-brand .brand-sub{font-size:10.5px;color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase}.sidebar-nav{flex:1;padding:6px 12px}.sidebar-nav ul{list-style:none}.sidebar-nav li{margin:2px 0}.sidebar-nav a,.sidebar-nav button.nav-link{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:13.2px;font-weight:500;border:none;background:none;width:100%;text-align:left;letter-spacing:.01em;transition:color var(--fast),background var(--fast);position:relative}.sidebar-nav .nav-icon{display:flex;align-items:center;width:18px;flex-shrink:0;color:inherit}.sidebar-nav a:hover,.sidebar-nav button.nav-link:hover{background:var(--bg-hover);color:var(--text)}.sidebar-nav a.active{background:linear-gradient(90deg,color-mix(in srgb,var(--hot) 18%,transparent),color-mix(in srgb,var(--mag) 10%,transparent));color:#fff;font-weight:700}.sidebar-nav a.active .nav-icon{filter:drop-shadow(0 0 6px var(--accent-glow))}.sidebar-nav a.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:var(--accent-grad);box-shadow:0 0 10px var(--mag)}.sidebar-divider{border-top:1px solid var(--border);margin:10px 4px}.sidebar-footer{padding:12px;border-top:1px solid var(--border)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm)}.sidebar-user .avatar{width:30px;height:30px;border-radius:var(--radius-pill);background:var(--accent-grad);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;color:#fff;flex-shrink:0}.sidebar-user .who{min-width:0;flex:1}.sidebar-user .who .email{font-size:11.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user .who .role{font-size:10.5px;color:var(--text-dim)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:205;opacity:0;pointer-events:none;transition:opacity var(--med)}.sidebar-overlay.open{opacity:1;pointer-events:all}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.app-topbar{height:var(--topbar-h);display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg-surface) 82%,transparent);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}.icon-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid transparent;background:none;color:var(--text-muted);transition:color var(--fast),background var(--fast),border-color var(--fast);flex-shrink:0}.icon-btn:hover{color:var(--text);background:var(--bg-hover)}.sidebar-toggle-btn{display:flex}@media(min-width:1024px){.sidebar-toggle-btn{display:none}}.topbar-title{font-size:14px;font-weight:700;letter-spacing:-.01em;flex:1;min-width:0}.page-content{flex:1;padding:24px 28px 60px;max-width:1360px;width:100%;margin:0 auto}@media(max-width:640px){.page-content{padding:16px 14px 48px}}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;background:radial-gradient(720px 420px at 12% -8%,rgba(255,95,46,.18),transparent 60%),radial-gradient(640px 420px at 108% 18%,rgba(255,46,138,.16),transparent 60%),var(--bg)}.auth-card{background:color-mix(in srgb,var(--bg-surface) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:38px 34px;width:100%;max-width:390px;box-shadow:var(--shadow-lg);position:relative;z-index:1}.auth-card .auth-logo{display:flex;justify-content:center;margin-bottom:22px}.auth-card .auth-logo img{height:38px}.auth-card h2{margin-bottom:4px;font-size:20px;font-weight:800;letter-spacing:-.02em;text-align:center}.auth-card .auth-tagline{text-align:center;font-size:12.5px;color:var(--text-muted);margin-bottom:26px}.form-field{margin-bottom:15px}.form-field label{display:block;margin-bottom:6px;font-size:10.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.form-field input,.form-field select{width:100%;padding:10px 13px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);transition:border-color var(--fast),box-shadow var(--fast)}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 3px var(--accent-ring)}.auth-error{background:#ff3b5c1a;border:1px solid rgba(255,59,92,.25);border-radius:var(--radius-sm);color:var(--error);padding:10px 14px;font-size:12.5px;margin-bottom:16px}.auth-link{font-size:12px;color:var(--text-muted);margin-top:16px;text-align:center}.auth-link a{color:var(--accent);cursor:pointer;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:var(--radius-sm);border:none;font-size:13px;font-weight:600;letter-spacing:.01em;transition:filter var(--fast),opacity var(--fast),transform var(--fast),background var(--fast),border-color var(--fast),color var(--fast)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--accent-grad);color:#fff;width:100%;padding:11px;font-size:14px;box-shadow:var(--shadow-glow)}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-sm{padding:5px 12px;font-size:12px}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-muted)}.btn-ghost:hover:not(:disabled){border-color:var(--border-h);color:var(--text);background:var(--bg-hover)}.tabs{display:flex;gap:3px;background:var(--bg-card-2);border:1px solid var(--border);padding:3px;border-radius:var(--radius);margin-bottom:20px;overflow-x:auto;scrollbar-width:none;width:fit-content;max-width:100%}.tabs::-webkit-scrollbar{display:none}.tab-btn{padding:7px 14px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:12.5px;font-weight:600;white-space:nowrap;transition:color var(--fast),background var(--fast);letter-spacing:.01em}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--text);background:var(--bg-card);box-shadow:var(--shadow-sm)}.ff-select{padding:7px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:12.5px;font-weight:500;cursor:pointer;transition:border-color var(--fast)}.ff-select:focus{outline:none;border-color:var(--accent-2)}.ff-select:hover{border-color:var(--border-h)}.controls-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}.controls-row label{font-size:10.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.data-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow-sm)}.data-table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;background:var(--bg-card-2)}.data-table-toolbar h3{font-size:12.5px;font-weight:700;color:var(--text);letter-spacing:.01em}.data-table-search-wrap{position:relative}.data-table-search-wrap svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-dim);pointer-events:none}.data-table-search{padding:6px 12px 6px 30px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text);font-size:12px;width:180px;transition:border-color var(--fast),width var(--fast)}.data-table-search:focus{outline:none;border-color:var(--accent-2);width:220px}.table-scroll-inner{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12.5px}thead th{background:var(--bg-card-2);padding:10px 12px;text-align:left;font-weight:700;font-size:10.5px;color:var(--text-muted);white-space:nowrap;position:sticky;top:0;z-index:1;cursor:pointer;-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);transition:color var(--fast)}thead th:hover{color:var(--text)}thead th.sort-asc:after{content:" ↑";color:var(--accent)}thead th.sort-desc:after{content:" ↓";color:var(--accent)}tbody tr{border-bottom:1px solid var(--border);transition:background var(--fast)}tbody tr:hover{background:var(--bg-hover)}tbody td{padding:9px 12px;font-variant-numeric:tabular-nums}tbody tr:last-child{border-bottom:none}.table-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 14px;border-top:1px solid var(--border);font-size:11.5px;color:var(--text-muted);background:var(--bg-card-2)}.table-pagination .page-info{min-width:90px;text-align:center}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--gap);margin-bottom:26px}.nav-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 14px;text-align:center;cursor:pointer;transition:border-color var(--fast),background var(--fast),transform var(--fast),box-shadow var(--fast);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--text)}.nav-card:hover{border-color:var(--accent-2);transform:translateY(-2px);box-shadow:var(--shadow);color:var(--text)}.nav-card .card-icon-badge{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--accent-dim);color:var(--accent);font-size:19px;line-height:1}.nav-card .card-title{font-weight:700;font-size:13px;letter-spacing:-.005em}.nav-card .card-sub{font-size:11px;color:var(--text-muted)}.matchup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--gap)}.matchup-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:15px 17px;transition:border-color var(--fast),transform var(--fast)}.matchup-card:hover{border-color:var(--border-h);transform:translateY(-1px)}.matchup-card .matchup-label{font-size:10px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em;margin-bottom:11px}.matchup-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.matchup-row .team-name{font-size:13px;font-weight:500;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.matchup-row .team-pts{font-family:Archivo Black,Inter,sans-serif;font-size:15px;font-variant-numeric:tabular-nums;color:var(--text-muted)}.matchup-row.winner .team-name{color:var(--text);font-weight:600}.matchup-row.winner .team-pts{color:var(--win);text-shadow:0 0 16px rgba(198,255,46,.4)}.matchup-row+.matchup-row{border-top:1px solid var(--border);margin-top:4px;padding-top:8px}.league-select-row{display:flex;align-items:center;gap:10px;margin-bottom:22px}.league-select-row label{font-size:10.5px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.section-title{font-size:12.5px;font-weight:800;margin-bottom:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.page-title{font-family:Archivo Black,Inter,sans-serif;font-size:22px;margin-bottom:6px;letter-spacing:-.01em}.page-sub{font-size:13px;color:var(--text-muted);margin-bottom:22px}.loading-msg{padding:36px 20px;color:var(--text-muted);font-size:13px;text-align:center}.error-msg{color:var(--error);font-size:13px;padding:12px 14px;background:#ff3b5c14;border:1px solid rgba(255,59,92,.2);border-radius:var(--radius-sm)}.empty-msg{padding:36px 20px;color:var(--text-muted);font-size:13px;text-align:center}.divider{border:none;border-top:1px solid var(--border);margin:28px 0}.heat-1{background:#ff5f2e12}.heat-2{background:#ff5f2e29}.heat-3{background:#ff5f2e4d}.heat-4{background:#ff2e8a66;color:#fff}.heat-5{background:#ff2e8a9e;color:#fff;font-weight:700}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-family:Archivo Black,Inter,sans-serif;font-size:11px;color:#16161a;background:var(--bg-card-2)}.rank-badge.r1{background:#ffd23c}.rank-badge.r2{background:#c9ccd6}.rank-badge.r3{background:#d98a4c}.rank-badge.rn{background:var(--bg-card-2);color:var(--text-muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:768px){.two-col{grid-template-columns:1fr}}.site-footer{border-top:1px solid var(--border);padding:16px 20px;text-align:center;font-size:11px;color:var(--text-dim);letter-spacing:.02em}.chart-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.diff-added{background:#c6ff2e1f}.diff-removed{background:#ff3b5c1f}.draft-board{overflow-x:auto}.draft-board table{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;width:100%;min-width:640px;table-layout:fixed;border-collapse:separate;border-spacing:0}.draft-board table thead th{font-size:9.5px;padding:7px 6px;background:var(--bg-card-2);overflow-wrap:break-word}.draft-board table thead th:first-child,.draft-board table tbody td:first-child{width:44px}.draft-board table tbody td{padding:6px;font-size:11.5px;overflow-wrap:break-word;text-align:center}.draft-pick-cell{min-width:0}.pick-owned{display:block;font-style:italic;font-size:10px;opacity:.8}.contact-form{max-width:520px}.contact-form .form-field textarea{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);resize:vertical;min-height:110px;transition:border-color var(--fast),box-shadow var(--fast)}.contact-form .form-field textarea:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 0 3px var(--accent-ring)}.trending-frames{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:768px){.trending-frames{grid-template-columns:1fr}}.trending-frames iframe{width:100%;height:600px;border:1px solid var(--border);border-radius:var(--radius-lg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-h);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:var(--radius-pill);font-size:10.5px;font-weight:700}.pill-green{background:#c6ff2e26;color:var(--lime)}.pill-red{background:#ff3b5c26;color:var(--error)}.pill-gray{background:var(--bg-card-2);color:var(--text-muted)}.table-scroll{overflow-x:auto}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-2) 37%,var(--bg-card) 63%);background-size:200% 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--radius-sm)}@media(max-width:480px){.cards-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}