:root{--bg: #0f1117;--bg-card: #1a1d27;--bg-hover: #242836;--border: #2a2e3a;--text: #e4e4e7;--text-muted: #8b8fa3;--text-dim: #5c6078;--accent: #6366f1;--accent-hover: #818cf8;--green: #22c55e;--amber: #f59e0b;--red: #ef4444;--radius: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.page{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-card);border-right:1px solid var(--border);padding:1.5rem 0;position:fixed;top:0;left:0;bottom:0;overflow-y:auto}.sidebar-logo{padding:0 1.5rem 1.5rem;font-size:.85rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);margin-bottom:1rem}.sidebar-nav{list-style:none}.sidebar-nav a{display:block;padding:.5rem 1.5rem;color:var(--text-muted);font-size:.9rem;transition:all .15s}.sidebar-nav a:hover,.sidebar-nav a.active{color:var(--text);background:var(--bg-hover)}.sidebar-nav a.active{border-left:3px solid var(--accent);padding-left:calc(1.5rem - 3px)}.main{margin-left:240px;flex:1;padding:2rem;max-width:1400px}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.page-header p{color:var(--text-muted);font-size:.9rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;transition:border-color .15s}.card:hover{border-color:var(--accent)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.date-picker{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.date-picker button{background:var(--bg-card);border:1px solid var(--border);color:var(--text);padding:.5rem .75rem;border-radius:var(--radius);cursor:pointer;font-size:.85rem;transition:all .15s}.date-picker button:hover{background:var(--bg-hover);border-color:var(--accent)}.date-picker button:disabled{opacity:.3;cursor:not-allowed}.date-picker .current-date{font-weight:600;font-size:1rem;min-width:120px;text-align:center}.filters{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.filter-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);padding:.35rem .75rem;border-radius:100px;cursor:pointer;font-size:.8rem;transition:all .15s}.filter-btn:hover{color:var(--text);border-color:var(--text-muted)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.screenshot-thumb{width:100%;aspect-ratio:9/16;object-fit:cover;object-position:top;border-radius:var(--radius);background:var(--bg);cursor:pointer;transition:opacity .15s}.screenshot-thumb:hover{opacity:.85}.metric{display:flex;flex-direction:column;gap:.15rem}.metric-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:1.1rem;font-weight:600}.metrics-row{display:flex;gap:1.5rem;margin-top:.75rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:100px;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.badge-bookmaker{background:#1e3a5f;color:#60a5fa}.badge-sports_media{background:#3b1f3f;color:#c084fc}.badge-tech{background:#1a3a2a;color:#4ade80}.analysis-content{font-size:.9rem;line-height:1.75;color:var(--text)}.analysis-content p{margin-bottom:1rem}.analysis-content h2{font-size:1.15rem;font-weight:600;margin:2rem 0 .75rem;color:#fff;padding-bottom:.35rem;border-bottom:1px solid var(--border)}.analysis-content h3{font-size:1rem;font-weight:600;margin:1.75rem 0 .5rem;color:#fff}.analysis-content h4{font-size:.9rem;font-weight:600;margin:1.25rem 0 .5rem;color:var(--text)}.analysis-content h2:first-child,.analysis-content h3:first-child,.analysis-content h4:first-child{margin-top:0}.analysis-content strong{color:#fff}.analysis-content ul,.analysis-content ol{margin:.5rem 0 1rem;padding-left:1.5rem}.analysis-content li{margin-bottom:.5rem;padding-left:.25rem}.analysis-content li::marker{color:var(--text-muted)}.analysis-content code{background:var(--bg);padding:.15rem .4rem;border-radius:4px;font-size:.85em}.inline-screenshot{display:inline-block;margin:.75rem .75rem .75rem 0;vertical-align:top}.screenshot-clip{position:relative;width:220px;height:380px;overflow:hidden;border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);transition:border-color .15s}.screenshot-clip:hover{border-color:var(--accent)}.screenshot-clip img{width:100%;display:block}.screenshot-clip-fade{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,var(--bg-card));pointer-events:none}.inline-screenshot figcaption{font-size:.7rem;color:var(--text-muted);text-align:center;margin-top:.35rem}.compare-row{display:flex;gap:1rem;margin:1rem 0;flex-wrap:wrap}.compare-item{text-align:center}.compare-item .screenshot-clip{width:200px;height:340px}.compare-item figcaption{font-size:.7rem;color:var(--text-muted);margin-top:.35rem}.scroll-modal-overlay{position:fixed;inset:0;background:#000000eb;z-index:100;display:flex;flex-direction:column;align-items:center}.scroll-modal-header{width:100%;padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;background:#00000080;flex-shrink:0}.scroll-modal-header span{color:var(--text-muted);font-size:.85rem}.scroll-modal-close{background:none;border:1px solid var(--border);color:var(--text);padding:.35rem .75rem;border-radius:var(--radius);cursor:pointer;font-size:.8rem}.scroll-modal-close:hover{background:var(--bg-hover)}.scroll-modal-body{flex:1;overflow-y:auto;padding:1rem;width:100%}.scroll-modal-body img{display:block;width:400px;max-width:90vw;height:auto;margin:0 auto}.lightbox-overlay{position:fixed;inset:0;background:#000000e6;z-index:100;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox-overlay img{max-width:90vw;max-height:90vh;object-fit:contain}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.comparison-panel{overflow-y:auto;max-height:80vh}.comparison-panel img{width:100%}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.tab{padding:.5rem 1rem;color:var(--text-muted);font-size:.85rem;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;background:none;border-top:none;border-left:none;border-right:none}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th{text-align:left;padding:.5rem .75rem;color:var(--text-muted);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.data-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border)}.data-table tr:hover td{background:var(--bg-hover)}.text-muted{color:var(--text-muted)}.text-dim{color:var(--text-dim)}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.gap-1{gap:.5rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}