:root{--bg-color:#121212;--card-bg:#1e1e1e;--text-main:#e0e0e0;--text-dim:#9e9e9e;--border:#333;--accent-bg:#2a2a2a;--accent-border:#444;--primary-green:#4caf50;--accent-green:#81c784;--danger-red:#f44336;--text:var(--text-dim);--text-h:var(--text-main);--bg:var(--bg-color);--code-bg:#2d2d2d;--accent:var(--primary-green);--social-bg:#ffffff0d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-color);color:var(--text-main);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}[data-theme=light]{--bg-color:#f5f5f7;--card-bg:#fff;--text-main:#1d1d1f;--text-dim:#86868b;--border:#d2d2d7;--accent-bg:#f2f2f5;--accent-border:#e2e2e7;--primary-green:#2e7d32;--accent-green:#4caf50;--danger-red:#d32f2f;--code-bg:#f4f3ec;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{background-color:var(--bg-color);min-width:320px;min-height:100vh;margin:0;display:flex}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app-container{background-color:var(--bg-color);max-width:500px;min-height:100vh;margin:0 auto;padding-bottom:120px;position:relative}.page-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px;display:flex}h2{color:var(--text-main);margin:0;font-size:1.5rem}.summary-card{grid-template-columns:1fr 1fr 1fr;gap:10px;padding:20px;display:grid}.summary-item{background:var(--card-bg);text-align:center;border:1px solid var(--border);border-radius:12px;padding:15px 10px}.summary-item label{color:var(--text-dim);margin-bottom:5px;font-size:.75rem;display:block}.summary-item p{color:var(--text-main);margin:0;font-size:1.1rem;font-weight:700}.summary-item.highlight p{color:var(--primary-green)}.chart-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;margin:10px 20px;padding:15px}.chart-card h3{color:var(--text-dim);margin-top:0;margin-bottom:15px;font-size:.9rem}.carousel-section{margin:20px;position:relative}.carousel-item{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;min-height:300px;padding:20px}.carousel-item h4{text-align:left;color:var(--text-dim);margin-top:0;margin-bottom:15px;font-size:.9rem}.dots{justify-content:center;gap:8px;margin-top:15px;display:flex}.dot{background:var(--border);cursor:pointer;border-radius:50%;width:8px;height:8px}.dot.active{background:var(--primary-green);border-radius:4px;width:16px}.bottom-nav{background:var(--card-bg);opacity:.95;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);z-index:100;grid-template-columns:1fr 1fr 1fr;height:70px;display:grid;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;display:flex}.nav-item span{margin-top:4px;font-size:.7rem}.nav-item.active{color:var(--primary-green)}.fab{background:var(--primary-green);z-index:101;cursor:pointer;color:#fff;border:none;border-radius:28px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:90px;right:20px;box-shadow:0 4px 16px #0000004d}.fab:active{transform:scale(.95);box-shadow:0 2px 8px #0003}.modal-overlay{z-index:200;background:#0009;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border-radius:24px 24px 0 0;width:100%;padding:24px;animation:.3s ease-out slideUp}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h3{color:var(--text-main);margin:0}.close-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none}.form-group{margin-bottom:16px}.form-group label{color:var(--text-dim);margin-bottom:6px;font-size:.8rem;display:block}.form-group select,.form-group input{background:var(--accent-bg);border:1px solid var(--accent-border);width:100%;color:var(--text-main);border-radius:8px;padding:12px;font-size:1rem}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.submit-btn{background:var(--primary-green);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;padding:16px;font-weight:700;display:flex}.auth-view{text-align:center;background:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:40px;display:flex}.logo-area{margin-bottom:40px}.logo-area h1{color:var(--primary-green);margin:0;font-size:2.5rem}.logo-area p{color:var(--text-dim)}.auth-actions{flex-direction:column;gap:15px;width:100%;display:flex}.btn{cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px;font-weight:700}.btn.primary{background:var(--primary-green);color:#fff}.btn.secondary{background:var(--border);color:var(--text-main)}.btn.text{color:var(--primary-green);background:0 0;text-decoration:underline}.bet-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;margin:10px 20px;padding:15px}.bet-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.grade-badge{background:var(--accent-bg);color:var(--text-dim);border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.grade-badge.G1{background:var(--danger-red);color:#fff}.grade-badge.G2{color:#fff;background:#2196f3}.grade-badge.G3{background:var(--primary-green);color:#fff}.race-name{text-align:left;color:var(--text-main);flex:1;font-weight:700}.date{color:var(--text-dim);font-size:.75rem}.bet-body{justify-content:space-between;align-items:flex-end;display:flex}.bet-info{text-align:left;color:var(--text-dim);font-size:.85rem}.bet-info span{display:block}.bet-result{font-size:1.1rem;font-weight:700}.bet-result.win{color:var(--primary-green)}.bet-result.loss{color:var(--text-dim)}.filter-tabs{scrollbar-width:none;border-bottom:1px solid var(--border);gap:10px;margin-bottom:10px;padding:0 20px 15px;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-chip{background:var(--card-bg);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;white-space:nowrap;border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.filter-chip.active{background:var(--primary-green);border-color:var(--primary-green);color:#fff}.settings-page{padding-bottom:40px}.settings-list{flex-direction:column;gap:24px;margin-top:20px;padding:0 20px;display:flex}.settings-section h3{color:var(--text-dim);text-align:left;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;padding-left:5px;font-size:.8rem}.settings-item{background:var(--card-bg);border:1px solid var(--border);width:100%;color:var(--text-main);cursor:pointer;border-radius:16px;justify-content:space-between;align-items:center;padding:18px 20px;transition:all .2s;display:flex}.settings-item:active:not(.no-active){background:var(--accent-bg);transform:scale(.98)}.settings-item .item-label{align-items:center;gap:15px;font-size:.95rem;display:flex}.settings-item.logout{border-color:#d32f2f33}.settings-item.logout .item-label{color:var(--danger-red)}.toggle-switch{width:48px;height:26px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--border);border-radius:26px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #0003}input:checked+.toggle-slider{background-color:var(--primary-green)}input:checked+.toggle-slider:before{transform:translate(22px)}.app-info{text-align:center;color:var(--text-dim);opacity:.6;margin-top:50px;font-size:.75rem}.app-info p{margin-bottom:5px}.chart-card,.carousel-item,.summary-item{box-shadow:0 4px 20px #0000001a}.summary-card{padding:20px 20px 10px}.chart-card{margin:10px 20px 20px}.guest-banner{background:var(--accent-bg);color:var(--primary-green);text-align:center;border-bottom:1px solid var(--border);padding:8px;font-size:.75rem;font-weight:500}.guest-upsell{margin-bottom:30px}.upsell-card{background:linear-gradient(135deg, var(--card-bg) 0%, var(--accent-bg) 100%);border:1px dashed var(--primary-green);border-radius:16px;padding:15px}.upsell-card p{color:var(--text-dim);text-align:left;margin-bottom:15px;font-size:.85rem}.register-btn{background:var(--primary-green)!important;color:#fff!important;border:none!important}.confirm-modal{text-align:center;max-width:400px;margin:auto;border-radius:20px!important}.confirm-modal .modal-header{flex-direction:column;gap:15px}.confirm-modal .error-icon{margin-bottom:5px}.confirm-modal .modal-body p{color:var(--text-main);margin-bottom:15px;font-size:.95rem;line-height:1.6}.confirm-modal .emphasis{color:var(--text-main);font-weight:700}.modal-actions{flex-direction:column;gap:10px;margin-top:20px;display:flex}.secondary-text{color:var(--text-dim)!important;font-size:.9rem!important}.empty-state{text-align:center;background:var(--card-bg);border:1px dashed var(--border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin:30px 20px;padding:50px 20px;display:flex}.empty-title{color:var(--text-main);margin-bottom:12px;font-size:1.25rem;font-weight:700}.empty-desc{color:var(--text-dim);margin-bottom:30px;font-size:.9rem;line-height:1.5}.dual-cta{flex-direction:column;gap:15px;width:100%;max-width:250px;margin:0 auto;display:flex}.btn.ghost{color:var(--text-dim);background:0 0;padding:10px;font-size:.85rem;text-decoration:underline}.settings-section.danger-area{margin-top:40px}.settings-item.danger{background:#f443360d;border-color:#f443364d}.settings-item.danger .item-label{color:var(--danger-red)}