:root{--sport-black: #0a0a0a;--sport-white: #ffffff;--sport-gray-50: #fafafa;--sport-gray-100: #f4f4f4;--sport-gray-200: #e5e5e5;--sport-gray-300: #d4d4d4;--sport-gray-400: #a3a3a3;--sport-gray-500: #737373;--sport-gray-600: #525252;--sport-gray-700: #404040;--sport-gray-800: #262626;--sport-gray-900: #171717;--nba-blue: #006BB6;--nfl-red: #D50A0A;--mlb-blue: #002D72;--nhl-orange: #F74902;--soccer-green: #00A652;--live-red: #dc2626;--win-green: #16a34a;--loss-gray: #737373;--header-height: 56px;--mobile-nav-height: 56px;--max-width: 1400px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace}[data-theme=dark]{--sport-black: #ffffff;--sport-white: #0a0a0a;--sport-gray-50: #171717;--sport-gray-100: #262626;--sport-gray-200: #404040;--sport-gray-300: #525252;--sport-gray-400: #737373;--sport-gray-500: #a3a3a3;--sport-gray-600: #d4d4d4;--sport-gray-700: #e5e5e5;--sport-gray-800: #f4f4f4;--sport-gray-900: #fafafa}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--sport-white);color:var(--sport-black);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.headline-1{font-size:24px;font-weight:700;line-height:1.2;letter-spacing:-.02em}.headline-2{font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.01em}.headline-3{font-size:16px;font-weight:600;line-height:1.4}.body-text{font-size:14px;line-height:1.6;color:var(--sport-gray-600)}.caption{font-size:12px;line-height:1.4;color:var(--sport-gray-500)}.score-text{font-family:var(--font-mono);font-weight:600;font-size:16px}.container-sport{max-width:var(--max-width);margin:0 auto;padding:0 12px}@media (min-width: 768px){.container-sport{padding:0 20px}}.live-indicator{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:var(--live-red);color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;border-radius:4px}.live-indicator:before{content:"";width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.team-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--sport-gray-100);border-radius:4px;font-size:12px;font-weight:500}.score-display{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-weight:600}.score-display .winning{color:var(--sport-black);font-weight:700}.score-display .losing{color:var(--sport-gray-500)}.quick-filter{padding:6px 12px;background:transparent;border:1px solid var(--sport-gray-300);border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.quick-filter:hover{background:var(--sport-gray-50)}.quick-filter.active{background:var(--sport-black);color:var(--sport-white);border-color:var(--sport-black)}.news-card-compact{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:12px;background:var(--sport-white);border:1px solid var(--sport-gray-200);border-radius:8px;cursor:pointer}.news-card-compact:hover{background:var(--sport-gray-50)}.news-card-compact .thumbnail{width:80px;height:60px;object-fit:cover;border-radius:4px}.news-card-compact .content{display:flex;flex-direction:column;gap:4px;min-width:0}.news-card-compact .title{font-size:14px;font-weight:600;line-height:1.3;color:var(--sport-black);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.news-card-compact .meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sport-gray-500)}.scores-ticker{display:flex;gap:16px;padding:8px 0;overflow-x:auto;background:var(--sport-gray-50);border-top:1px solid var(--sport-gray-200);border-bottom:1px solid var(--sport-gray-200)}.scores-ticker::-webkit-scrollbar{height:3px}.scores-ticker::-webkit-scrollbar-thumb{background:var(--sport-gray-400);border-radius:2px}.score-item{display:flex;align-items:center;gap:8px;padding:4px 12px;background:var(--sport-white);border-radius:4px;white-space:nowrap;font-size:13px;border:1px solid var(--sport-gray-200)}.score-item .teams{display:flex;flex-direction:column;gap:2px}.score-item .team-row{display:flex;align-items:center;gap:8px}.score-item .team-name{min-width:40px;font-weight:500}.score-item .score{font-family:var(--font-mono);font-weight:600}.score-item.live{border-color:var(--live-red);background:#fef2f2}@media (max-width: 767px){.news-card-compact{padding:10px}.news-card-compact .thumbnail{width:60px;height:45px}.quick-filter{padding:5px 10px;font-size:12px}}.no-decoration{background:transparent!important;border:none!important;box-shadow:none!important}:focus-visible{outline:2px solid var(--nba-blue);outline-offset:2px}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-color: #1e40af;--secondary-color: #3b82f6;--text-color: #1f2937;--text-color-light: #4b5563;--background-color: #f8fafc;--background-color-dark: #0f172a}.dark{--text-color: #f8fafc;--text-color-light: #cbd5e1;--background-color: #0f172a}.animate-float{animation:float 8s ease-in-out infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-3000{animation-delay:3s}.animation-delay-4000{animation-delay:4s}.animate-fadeIn{animation:fadeIn .4s ease-in-out forwards}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.mobile-content-padding{padding-top:1rem}}.admin-section{@apply bg-white dark:bg-slate-800 rounded-lg shadow-md p-6;}.newsletter-card{@apply bg-white dark:bg-slate-800 rounded-lg shadow-md p-6 hover:shadow-lg transition-shadow;}body{font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.light{color-scheme:light}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient{animation:gradient 15s ease infinite;background-size:200% 200%}@keyframes shine{0%{transform:translate(-100%)}60%,to{transform:translate(500%)}}.animate-shine{animation:shine 4s infinite}@keyframes glow{0%,to{box-shadow:0 0 10px 5px #6366f14d}50%{box-shadow:0 0 20px 10px #6366f180}}.animate-glow{animation:glow 3s ease-in-out infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-rotate{animation:rotate 20s linear infinite}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.dark .scrollbar-thin::-webkit-scrollbar-track{background:#0f172acc}.dark .scrollbar-thin::-webkit-scrollbar-thumb{background:#4f46e580;border-radius:3px}.dark .scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#6366f1b3}.light .scrollbar-thin::-webkit-scrollbar-track{background:#f1f5f9cc}.light .scrollbar-thin::-webkit-scrollbar-thumb{background:#6366f166;border-radius:3px}.light .scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#4f46e599}.dark .prose-invert h1,.dark .prose-invert h2,.dark .prose-invert h3,.dark .prose-invert h4{color:#f1f5f9}.dark .prose-invert strong{color:#e0f2fe}.dark .prose-invert a{color:#818cf8}.dark .prose-invert a:hover{color:#38bdf8}.dark .prose-invert ul>li:before{background-color:#818cf8}.light .prose h1,.light .prose h2,.light .prose h3,.light .prose h4{color:#0f172a}.light .prose strong,.light .prose a{color:#4f46e5}.light .prose a:hover{color:#6366f1}.light .prose ul>li:before{background-color:#4f46e5}.dark .glass{background:#0f172ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(99,102,241,.18)}.light .glass{background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(99,102,241,.12)}.shadow-top{box-shadow:0 -4px 6px -1px #0000001a,0 -2px 4px -1px #0000000f}.shadow-glow{box-shadow:0 0 15px 5px #6366f126}