:root{--bg: #0b0f17;--surface: #121826;--surface-2: #1a2233;--border: #283246;--text: #e7ecf3;--text-dim: #93a0b4;--accent: #2dd4bf;--accent-2: #5eead4;--on-accent: #04120f;--on-danger: #ffffff;--pos: #34d399;--neg: #f87171;--danger: #ef4444;--pos-bg: rgba(52, 211, 153, .12);--neg-bg: rgba(248, 113, 113, .12);--accent-bg: rgba(45, 212, 191, .12);--ok-bg: rgba(52, 211, 153, .1);--err-bg: rgba(248, 113, 113, .1);--scrim: rgba(4, 7, 12, .6);--radius: 14px;--radius-sm: 9px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--mono);background:var(--surface-2);padding:.1em .35em;border-radius:5px;font-size:.9em}.text-dim{color:var(--text-dim)}.small{font-size:.82rem}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.pos{color:var(--pos)}.neg{color:var(--neg)}.zero,.neutral{color:var(--text)}.accent{color:var(--accent)}.center-screen{min-height:60vh;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 14px;font:inherit;font-weight:550;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s;color:var(--text);background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--on-accent)}.btn--primary:hover:not(:disabled){background:var(--accent-2)}.btn--ghost{background:transparent;border-color:var(--border)}.btn--ghost:hover:not(:disabled){background:var(--surface-2)}.btn--danger{background:var(--danger);color:var(--on-danger)}.btn--lg{padding:12px 20px;font-size:1.02rem}.btn.small{padding:4px 9px;font-size:.8rem}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-dim);cursor:pointer}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--text);letter-spacing:-.02em}.brand,.brand:hover{text-decoration:none}.brand :first-child{color:var(--accent)}.brand--lg{font-size:1.15rem}.beta-badge{font-size:.58rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent);border-radius:999px;padding:1px 6px;line-height:1.4}.beta-note{display:inline-flex;align-items:center;gap:7px;max-width:52ch;margin:4px auto 0;padding:9px 16px;font-size:.88rem;color:var(--text);background:var(--accent-bg);border:1px solid var(--accent);border-radius:var(--radius)}.beta-note svg{color:var(--accent);flex:0 0 auto}.notice{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);margin:10px 0;font-size:.9rem}.notice--ok{background:var(--ok-bg);color:var(--pos)}.notice--err{background:var(--err-bg);color:var(--neg)}.config-banner{background:var(--err-bg);color:var(--neg);text-align:center;padding:8px 12px;font-size:.85rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.spinner{width:22px;height:22px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;display:inline-block;animation:spin .7s linear infinite}.spinner--sm{width:15px;height:15px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.6s}}.app-root{min-height:100%;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.header-actions{display:flex;align-items:center;gap:10px}.app-main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:20px}.account{position:relative}.account-btn{max-width:240px}.account-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.account-menu{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);min-width:200px;padding:6px;display:flex;flex-direction:column}.account-menu button,.account-menu a{display:flex;align-items:center;gap:9px;padding:9px 10px;background:transparent;border:none;color:var(--text);font:inherit;text-align:left;border-radius:7px;cursor:pointer;text-decoration:none}.account-menu button:hover,.account-menu a:hover{background:var(--surface-2);text-decoration:none}.dashboard{display:flex;flex-direction:column;gap:16px;min-width:0}.filters{display:flex;flex-direction:column;gap:12px}.filter-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.filter-row--dates{justify-content:space-between}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:.75rem;color:var(--text-dim)}.field input,.field select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:8px 10px;font:inherit;min-height:38px}.field input:focus,.field select:focus,.btn:focus-visible,.chip:focus-visible,.th-btn:focus-visible,.dropzone:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field--search{position:relative;flex:1;min-width:180px}.field--search .field-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-dim)}.field--search input{width:100%;padding-left:32px}.reset-btn{margin-left:auto}.preset-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;color:var(--text-dim);padding:6px 13px;font:inherit;font-size:.83rem;cursor:pointer}.chip--active{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);font-weight:600}.date-fields{display:flex;gap:10px}.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.stat-card{padding:14px;display:flex;flex-direction:column;gap:4px}.stat-head{display:flex;align-items:center;justify-content:space-between}.stat-label{font-size:.78rem;color:var(--text-dim)}.stat-icon{color:var(--text-dim)}.stat-value{font-size:1.4rem;font-weight:650}.stat-sub{font-size:.74rem}.chart-card{padding:16px 12px 8px 8px}.chart-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 8px 8px}.chart-final{font-size:1.1rem;font-weight:650}.chart-wrap{height:320px}.chart-empty{height:200px;display:flex;align-items:center;justify-content:center}.chart-tooltip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 10px;box-shadow:var(--shadow)}.breakdown-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;min-width:0}.breakdown-title{font-size:.95rem;margin-bottom:10px}.breakdown{padding:14px 14px 4px;min-width:0}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.data-table{width:100%;border-collapse:collapse;font-size:.86rem}.data-table th,.data-table td{padding:7px 8px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table th{position:sticky;top:0;background:var(--surface)}.data-table .num{text-align:right}.data-table .lbl{text-align:left;max-width:220px;overflow:hidden;text-overflow:ellipsis}.th-btn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;color:var(--text-dim);font:inherit;font-weight:600;font-size:.78rem;cursor:pointer;padding:2px}.th-btn:hover{color:var(--text)}.num .th-btn{flex-direction:row-reverse}.data-table tbody tr:hover{background:var(--surface-2)}.breakdown--wide{grid-column:1 / -1}.breakdown--wide .data-table .lbl{max-width:640px}.empty-cell{text-align:center;padding:18px}.empty-state{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;max-width:460px;margin:0 auto}.drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;visibility:hidden}.drawer-root--open{pointer-events:auto;visibility:visible}.drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim);opacity:0;transition:opacity .2s}.drawer-root--open .drawer-scrim{opacity:1}.drawer{position:absolute;top:0;right:0;height:100%;width:min(420px,92vw);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow);transform:translate(100%);transition:transform .25s ease;display:flex;flex-direction:column;outline:none}.drawer-root--open .drawer{transform:translate(0)}@media (prefers-reduced-motion: reduce){.drawer,.drawer-scrim{transition:none}}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.drawer-body{padding:16px;overflow-y:auto}.dropzone{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:28px 16px;border:1.5px dashed var(--border);border-radius:var(--radius);color:var(--text-dim);cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone--active{border-color:var(--accent);background:var(--accent-bg);color:var(--text)}.dropzone p{margin:0}.upload-history{margin-top:18px}.upload-history h3{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-dim);margin-bottom:8px}.upload-history ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.upload-history li{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 10px;background:var(--surface-2);border-radius:var(--radius-sm)}.hist-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.hist-name{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-del{flex:0 0 auto;width:30px;height:30px;color:var(--text-dim)}.hist-del:hover:not(:disabled){color:var(--neg);background:var(--err-bg)}.dash-toolbar{display:flex;justify-content:flex-end}.share-modal{max-width:460px}.share-preview-wrap{margin:12px 0;min-height:120px;display:flex;align-items:center;justify-content:center}.share-loading{display:flex;align-items:center;gap:10px}.share-preview{width:100%;max-width:360px;aspect-ratio:1 / 1;border-radius:var(--radius);border:1px solid var(--border);display:block}.share-actions{display:flex;flex-wrap:wrap;gap:10px}.share-actions .btn{flex:1;justify-content:center;min-width:120px}.share-hint{margin-top:10px}.share-card{box-sizing:border-box;padding:64px;background:var(--bg);color:var(--text);font-family:var(--font);display:flex;flex-direction:column;gap:26px;overflow:hidden}.share-card .mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.share-card .pos{color:var(--pos)}.share-card .neg{color:var(--neg)}.sc-head{display:flex;align-items:center;justify-content:space-between}.sc-brand{display:inline-flex;align-items:center;gap:14px;font-weight:700;font-size:42px;letter-spacing:-.02em}.sc-brand svg{color:var(--accent)}.sc-beta{font-size:22px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-bg);border:2px solid var(--accent);border-radius:999px;padding:2px 14px}.sc-period{font-size:30px;color:var(--text-dim)}.sc-hero{margin-top:8px}.sc-hero-label{font-size:34px;color:var(--text-dim)}.sc-hero-value{font-size:132px;font-weight:700;line-height:1.02;letter-spacing:-.02em}.sc-substats{display:flex;gap:28px}.sc-stat{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px 24px}.sc-stat-label{font-size:24px;color:var(--text-dim)}.sc-stat-value{font-size:46px;font-weight:650;margin-top:4px}.sc-chart{margin:4px 0}.sc-sports-title{font-size:28px;color:var(--text-dim);margin-bottom:8px}.sc-sport-row{display:flex;align-items:center;justify-content:space-between;font-size:38px;font-weight:550;padding:12px 0;border-bottom:1px solid var(--border)}.sc-sport-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:640px}.sc-footer{margin-top:auto;padding-top:24px;border-top:1px solid var(--border);text-align:center;font-size:30px;color:var(--text-dim)}.feedback-fab{position:fixed;right:18px;bottom:18px;z-index:30;display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:550;font-size:.85rem;cursor:pointer;box-shadow:var(--shadow);transition:border-color .15s,color .15s}.feedback-fab:hover{border-color:var(--accent);color:var(--accent)}.feedback-fab svg{color:var(--accent)}.feedback-modal{max-width:480px}.feedback-head{display:flex;align-items:center;justify-content:space-between}.feedback-form{display:flex;flex-direction:column;gap:6px;margin-top:10px}.feedback-form>p{margin:0 0 6px}.feedback-form label{font-size:.78rem;color:var(--text-dim);margin-top:6px}.feedback-form select,.feedback-form input,.feedback-form textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:9px 11px;font:inherit}.feedback-form textarea{resize:vertical;min-height:80px}.feedback-form select:focus,.feedback-form input:focus,.feedback-form textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.feedback-form .modal-actions{margin-top:12px}@media (max-width: 560px){.feedback-fab-label{display:none}}.modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--scrim)}.modal{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;max-width:440px;width:100%}.modal-body{margin:10px 0 18px;font-size:.92rem}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:12px}.auth-card h1{font-size:1.5rem}.auth-form{display:flex;flex-direction:column;gap:10px;margin-top:6px}.auth-form label{font-size:.8rem;color:var(--text-dim)}.auth-form input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:11px 12px;font:inherit}.auth-form .btn{justify-content:center}.label-row{display:flex;align-items:baseline;justify-content:space-between}.linklike{background:none;border:none;color:var(--accent);font:inherit;font-size:.82rem;cursor:pointer;padding:0}.linklike:hover{text-decoration:underline}.auth-divider{display:flex;align-items:center;text-align:center;color:var(--text-dim);font-size:.8rem;gap:10px;margin:2px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-switch{margin-top:14px}.landing{max-width:1080px;margin:0 auto;padding:20px;min-height:100%;display:flex;flex-direction:column}.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:8px 0 28px}.landing-hero{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;padding:40px 0}.landing-hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;max-width:14ch}.hero-kicker{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.lead{max-width:60ch;font-size:1.08rem}.vision{width:100%;margin-top:44px;padding:26px 24px;border:1px dashed var(--border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;gap:10px}.vision h2{display:inline-flex;align-items:center;gap:9px;font-size:1.25rem}.vision h2 svg{color:var(--accent)}.vision p{max-width:58ch;margin:0}.soon-badge{font-size:.6rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent);border-radius:999px;padding:3px 10px}.cta-row{margin-top:6px}.feature-cards{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left;width:100%}.feature-cards .card{display:flex;flex-direction:column;gap:8px}.feature-cards svg{color:var(--accent)}.feature-cards h3{font-size:1.02rem}.feature-cards p{margin:0;font-size:.9rem}.landing-foot{text-align:center;padding:30px 0 10px;border-top:1px solid var(--border);margin-top:30px}.app-foot{max-width:1180px;width:100%;margin:0 auto;padding:18px 20px 28px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;border-top:1px solid var(--border)}.app-foot-links{white-space:nowrap}.settings{max-width:720px}.settings h1{margin-bottom:12px}.settings-section,.danger-zone{margin-bottom:16px}.settings-section h2,.danger-zone h2{font-size:1.05rem;margin-bottom:10px}.settings-section .btn{margin-top:12px}.danger-zone{border-color:var(--neg)}.danger-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--border)}.danger-row:first-of-type{border-top:none;padding-top:2px}.danger-row p{margin:4px 0 0}.danger-row .btn{flex:0 0 auto}@media (max-width: 560px){.danger-row{flex-direction:column;align-items:stretch}}.legal{max-width:1080px;margin:0 auto;padding:20px;min-height:100%;display:flex;flex-direction:column}.legal-nav{display:flex;align-items:center;justify-content:space-between;padding:8px 0 20px}.legal-body{flex:1;max-width:740px;margin:0 auto;width:100%;line-height:1.65}.legal-body h1{font-size:2rem;margin-bottom:4px}.legal-body h2{font-size:1.15rem;margin:28px 0 8px}.legal-body p,.legal-body li{color:var(--text)}.legal-body ul{padding-left:22px;display:flex;flex-direction:column;gap:6px}.legal-foot{text-align:center;padding:28px 0 10px;margin-top:36px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.foot-links{margin-bottom:4px}@media (max-width: 900px){.stat-grid{grid-template-columns:repeat(3,1fr)}.breakdown-grid,.feature-cards{grid-template-columns:1fr}}@media (max-width: 560px){.stat-grid{grid-template-columns:repeat(2,1fr)}.stat-card{min-width:0}.stat-value{font-size:1.2rem}.filter-row--dates{flex-direction:column;align-items:stretch}.account-email{display:none}.app-main{padding:14px}.data-table{font-size:.82rem}.data-table th,.data-table td{padding:7px 9px}.data-table .lbl,.breakdown--wide .data-table .lbl{position:sticky;left:0;max-width:44vw;background:var(--surface);box-shadow:1px 0 0 var(--border)}.data-table tbody tr:hover .lbl{background:var(--surface-2)}}