:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--bg-color:#121212;--card-bg:#1e1e1e;--text-main:#e0e0e0;--text-dim:#9e9e9e;--primary-green:#4caf50;--accent-green:#81c784;--danger-red:#f44336;--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}*{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:80px;position:relative}.page-header{border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:20px;display:flex}h2{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 #333;border-radius:12px;padding:15px 10px}.summary-item label{color:var(--text-dim);margin-bottom:5px;font-size:.75rem;display:block}.summary-item p{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 #333;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 #333;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{cursor:pointer;background:#444;border-radius:50%;width:8px;height:8px}.dot.active{background:var(--primary-green);border-radius:4px;width:16px}.bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#1e1e1ee6;border-top:1px solid #333;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;border:none;border-radius:30px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:fixed;bottom:35px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.modal-overlay{z-index:200;background:#000c;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{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{color:#fff;background:#2a2a2a;border:1px solid #444;border-radius:8px;width:100%;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;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{color:#fff;background:#333}.btn.text{color:var(--primary-green);background:0 0;text-decoration:underline}.bet-card{background:var(--card-bg);border:1px solid #333;border-radius:16px;margin:10px 20px;padding:15px}.bet-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.grade-badge{background:#444;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.grade-badge.G1{color:#fff;background:#f44336}.grade-badge.G2{color:#fff;background:#2196f3}.grade-badge.G3{color:#fff;background:#4caf50}.race-name{text-align:left;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)}