:root{color:#f7f4ec;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--app-background:#07111b;--app-background-deep:#040b12;--surface-dark:#0e1c2a;--surface-raised:#142536;--surface-blue:#193149;--card:#f4f0e7;--card-soft:#ebe7de;--card-border:#d7d3c9;--ink:#111c25;--ink-muted:#5f6c73;--text-primary:#f7f4ec;--text-muted:#9aabb8;--accent:#58a6ff;--accent-strong:#2f8df5;--accent-soft:#dcecff;--gold:#c7aa6b;--gold-soft:#efe4c8;--success:#4bb784;--warning:#d5ac4a;--orange:#de8b43;--danger:#d66868;--dark-border:#24384a;--shadow:0 22px 60px #00000047;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#07111b;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--app-background-deep);scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100dvh;color:var(--text-primary);background:radial-gradient(circle at 50% -10%,#58a6ff2e,#0000 34%),radial-gradient(circle at 10% 45%,#c7aa6b14,#0000 32%),linear-gradient(#0a1724 0%,#050c13 100%);margin:0}body,button,input,select,textarea{font-family:inherit}button,input,select,textarea{font-size:inherit}button{-webkit-tap-highlight-color:transparent}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #58a6ff6b}img,svg{max-width:100%;display:block}input,select,textarea{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}a{color:inherit}::selection{color:#07111b;background:#8fc5ff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#07111b}::-webkit-scrollbar-thumb{background:#314a5e;border:2px solid #07111b;border-radius:999px}#root{min-height:100dvh}.app-shell{width:min(100%,460px);min-height:100dvh;color:var(--text-primary);box-shadow:var(--shadow);background:radial-gradient(circle at 85% 4%,#58a6ff29,#0000 25%),linear-gradient(#0d1a27 0%,#08131e 45%,#07111b 100%);margin:0 auto;position:relative;overflow-x:hidden}.app-header{z-index:30;padding:calc(22px + env(safe-area-inset-top)) 20px 18px;-webkit-backdrop-filter:blur(18px);background:linear-gradient(#091520fa,#091520e6);border-bottom:1px solid #6f91aa26;justify-content:space-between;align-items:flex-start;gap:18px;display:flex;position:sticky;top:0}.app-header>div:first-child{min-width:0}.app-header h1{color:var(--text-primary);letter-spacing:-.045em;margin:5px 0 4px;font-size:clamp(25px,7vw,32px);font-weight:850;line-height:1.04}.eyebrow,.card-label{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:10px;font-weight:850;line-height:1.3}.date-label{color:var(--text-muted);margin:0;font-size:13px;line-height:1.45}.profile-button{letter-spacing:-.02em;cursor:pointer;border:1px solid #ffffff29;border-radius:50%;flex:none;place-items:center;width:46px;height:46px;padding:0;font-size:12px;font-weight:900;display:grid;box-shadow:0 8px 24px #2e8df545,inset 0 1px #ffffff73;color:#06101a!important;background:linear-gradient(145deg,#72b7ff,#388be9)!important}.profile-button:hover{transform:translateY(-1px)}.profile-button:active{transform:scale(.96)}.page-content{padding:18px 16px calc(106px + env(safe-area-inset-bottom));gap:14px;display:grid}.page-content h2,.page-content h3{letter-spacing:-.035em}.page-content h2{margin:0;font-size:21px;line-height:1.12}.page-content h3{font-size:16px;line-height:1.2}.muted-text{color:var(--text-muted);margin:6px 0 0;font-size:13px;line-height:1.55}.race-card,.status-card,.readiness-card,.fuel-card{border-radius:22px}.race-card{background:radial-gradient(circle at 90% 5%,#c7aa6b40,#0000 33%),linear-gradient(145deg,#17283a 0%,#102233 56%,#0d1b28 100%);border:1px solid #c7aa6b6b;justify-content:space-between;align-items:center;gap:18px;padding:21px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #0003,inset 0 1px #ffffff0f}.race-card:after{content:"";border:1px solid #58a6ff24;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-85px;right:-55px}.race-card .card-label{color:var(--gold)}.race-card .muted-text{color:#aab8c3}.countdown{color:var(--text-primary);letter-spacing:-.06em;margin:7px 0 4px;font-size:33px;font-weight:900;line-height:1}.distance-badge{z-index:2;background:linear-gradient(145deg,#58a6ff33,#58a6ff0f);border:1px solid #58a6ff75;border-radius:50%;flex:none;place-items:center;width:82px;height:82px;display:grid;position:relative;box-shadow:inset 0 0 0 6px #050e163b,0 12px 28px #00000038}.distance-badge strong{color:#b9dcff;margin-top:7px;font-size:23px;line-height:1}.distance-badge span{color:#9db2c2;letter-spacing:.08em;text-transform:uppercase;margin-top:-13px;font-size:9px;font-weight:800}.status-card{border:1px solid var(--dark-border);background:linear-gradient(145deg,#162737f0,#0f1d2afa);justify-content:space-between;align-items:center;gap:16px;padding:17px 18px;display:flex;box-shadow:0 13px 30px #00000024,inset 0 1px #ffffff09}.status-card h2{color:var(--text-primary);margin-top:4px;font-size:17px}.status-card .muted-text{color:#98a9b5;font-size:12px}.status-dot{background:var(--accent);border:2px solid #b9dcff;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 5px #58a6ff21,0 0 18px #58a6ff7a}.readiness-card{border:1px solid var(--card-border);color:var(--ink);background:linear-gradient(145deg,#f8f4eb,#efebe2);gap:17px;padding:20px;display:grid;box-shadow:0 18px 40px #00000030,inset 0 1px #ffffffbf}.readiness-card h2{color:var(--ink);margin-top:5px}.readiness-card .card-label{color:#346790}.readiness-card .muted-text{color:var(--ink-muted)}.primary-button{cursor:pointer;border-radius:15px;justify-content:center;align-items:center;width:100%;min-height:50px;padding:12px 17px;font-weight:900;line-height:1.1;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 10px 24px #2f8df540,inset 0 1px #ffffff85;color:#07111b!important;background:linear-gradient(145deg,#69b2ff,#398eea)!important;border:0!important}.primary-button:hover{transform:translateY(-1px);box-shadow:0 13px 28px #2f8df54f,inset 0 1px #ffffff8f}.primary-button:active{transform:scale(.985)}.primary-button:disabled{cursor:not-allowed;box-shadow:none;transform:none}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;padding:7px 2px 1px;display:flex}.section-heading h2{color:var(--text-primary);margin-top:4px}.text-button{color:var(--accent);cursor:pointer;background:0 0;border:0;flex:none;padding:7px 0;font-size:12px;font-weight:850}.text-button:hover{color:#8fc5ff}.fuel-card{background:linear-gradient(145deg,#2c2d26f2,#18222afa);border:1px solid #c7aa6b61;grid-template-columns:auto 1fr;align-items:start;gap:14px;padding:18px;display:grid;box-shadow:0 14px 34px #00000026,inset 0 1px #ffffff0a}.fuel-card h2{color:var(--text-primary);margin-top:5px}.fuel-card .card-label{color:var(--gold)}.fuel-card .muted-text{color:#aeb5b2}.fuel-icon{width:41px;height:41px;color:var(--gold);background:#c7aa6b1f;border:1px solid #c7aa6b66;border-radius:13px;place-items:center;font-size:20px;display:grid}.bottom-navigation{z-index:50;width:min(100%,460px);min-height:72px;padding:7px 9px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);background:linear-gradient(#0b1925eb,#060f18fa);border-top:1px solid #7b99b033;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;right:0;transform:translate(-50%);box-shadow:0 -12px 35px #0000003d}.nav-item{color:#7f94a3;cursor:pointer;background:0 0;border:0;border-radius:14px;align-content:center;place-items:center;gap:4px;min-width:0;min-height:55px;padding:5px 2px;font-size:9px;font-weight:750;display:grid;position:relative}.nav-icon{place-items:center;min-width:26px;min-height:24px;font-size:18px;line-height:1;display:grid}.nav-item.active,.nav-item:hover{color:var(--accent)}.nav-item.active{background:#58a6ff1a}.nav-item.active:before{background:var(--accent);content:"";border-radius:999px;width:22px;height:3px;position:absolute;top:2px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #58a6ff9e}.page-content section[style*=border],.page-content article[style*=border]{box-shadow:0 15px 35px #0000002b,inset 0 1px #ffffffc7;border-color:var(--card-border)!important;color:var(--ink)!important;background:linear-gradient(145deg,#f8f4eb,#efebe2)!important}.page-content section[style*=border] h1,.page-content section[style*=border] h2,.page-content section[style*=border] h3,.page-content section[style*=border] strong,.page-content article[style*=border] h1,.page-content article[style*=border] h2,.page-content article[style*=border] h3,.page-content article[style*=border] strong{color:var(--ink)}.page-content section[style*=border] .muted-text,.page-content article[style*=border] .muted-text{color:var(--ink-muted)!important}.page-content section[style*=border] .card-label,.page-content article[style*=border] .card-label{color:#346790}[style*="background: rgb(23, 61, 42)"],[style*="background:#173d2a"],[style*="background: #173d2a"]{background:var(--accent)!important;color:#07111b!important}[style*="color: rgb(23, 61, 42)"],[style*="color:#173d2a"],[style*="color: #173d2a"]{color:#174d78!important}input,select,textarea{width:100%;transition:border-color .15s,box-shadow .15s,background .15s;box-shadow:inset 0 1px 2px #111c250a;color:var(--ink)!important;background:#fbf8f1!important;border:1px solid #c8cfce!important;border-radius:14px!important}input::placeholder,textarea::placeholder{color:#7b8488}input:hover,select:hover,textarea:hover{border-color:#9fb5c3!important}input:focus,select:focus,textarea:focus{box-shadow:0 0 0 4px #58a6ff26,inset 0 1px 2px #111c250a;border-color:var(--accent)!important;background:#fff!important}label{color:var(--ink)}.page-content article{overflow:hidden}.page-content article button:not(.primary-button){border-color:#0000}.page-content article [style*="background: rgb(228, 238, 231)"],.page-content article [style*="background:#e4eee7"],.page-content article [style*="background: #e4eee7"]{background:var(--accent-soft)!important;color:#174d78!important}.page-content [style*="background: rgb(241, 245, 242)"],.page-content [style*="background:#f1f5f2"],.page-content [style*="background: #f1f5f2"]{background:#e9e5dc!important}.page-content [style*="background: rgb(232, 238, 234)"],.page-content [style*="background:#e8eeea"],.page-content [style*="background: #e8eeea"]{background:#d7d5cf!important}.page-content [style*="background: rgb(248, 231, 231)"],.page-content [style*="background:#f8e7e7"],.page-content [style*="background: #f8e7e7"]{background:#f8dfdf!important}.page-content [style*="background: rgb(248, 237, 223)"],.page-content [style*="background:#f8eddf"],.page-content [style*="background: #f8eddf"]{background:#f3e3cf!important}.page-content [style*="background: rgb(245, 241, 220)"],.page-content [style*="background:#f5f1dc"],.page-content [style*="background: #f5f1dc"]{background:#eee4bd!important}.page-content [style*="background: rgb(228, 238, 231)"],.page-content [style*="background:#e4eee7"],.page-content [style*="background: #e4eee7"]{background:#dceee5!important}@media (width>=700px){body{padding:24px 0}.app-shell{border:1px solid #7495ad2b;border-radius:30px;min-height:calc(100dvh - 48px)}.app-header{border-radius:30px 30px 0 0}.bottom-navigation{border-left:1px solid #7b99b029;border-right:1px solid #7b99b029;border-radius:0 0 29px 29px;bottom:24px;overflow:hidden}}@media (width<=370px){.app-header{padding-left:16px;padding-right:16px}.page-content{padding-left:12px;padding-right:12px}.race-card{padding:18px}.distance-badge{width:72px;height:72px}.distance-badge strong{font-size:20px}.nav-item{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}