@font-face{font-family:Cindra;src:local('Inter'),local('Arial')}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:#101113;color:#f4f2ed;font-family:Cindra,Arial,sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:2px solid #ff9a60;outline-offset:4px}a{color:inherit;text-decoration:none}button{border:0;color:inherit;background:transparent}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h2{font-size:34px;margin-bottom:13px}h3{font-size:23px;margin-bottom:12px}p{margin-bottom:16px}em{font-style:normal;color:#ff762b}[hidden]{display:none!important}.muted{color:#a6a8aa}.small{font-size:12px;line-height:1.6}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.19em;color:#aaaeb0;margin-bottom:14px}.orange{color:#ff762b}.wordmark{display:flex;align-items:center;gap:10px;font-weight:900;font-size:21px;letter-spacing:.16em}.wordmark img{border-radius:9px}.edition{font-size:9px;font-weight:700;letter-spacing:.16em;color:#8a8e91}.auth-shell{min-height:100svh;display:grid;grid-template-columns:1.2fr 1fr}.auth-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:44px 52px;background:linear-gradient(90deg,#10111322,#10111311),url('/terrain.svg') center/cover;min-height:760px;overflow:hidden}.auth-art .edition{margin-left:16px}.auth-heading{z-index:1;padding:90px 0 110px;max-width:540px}.auth-heading h1{font-size:clamp(64px,6.5vw,105px);line-height:.98;margin:0 0 28px;letter-spacing:-.07em}.auth-heading>p:not(.eyebrow){color:#acb0b2;font-size:16px}.road-tag{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:800;letter-spacing:.15em;margin-top:40px}.signal{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff762b;box-shadow:0 0 0 5px #ff762b15}.art-footer{font-size:9px;color:#8a8e91;letter-spacing:.22em}.auth-panel{padding:90px max(40px,7vw);display:flex;flex-direction:column;justify-content:center;max-width:640px}.auth-panel h2{font-size:36px}.mobile-brand{display:none}.segmented{background:#1d1f22;padding:4px;display:flex;gap:4px;border:1px solid #2c2e31;border-radius:13px;margin:16px 0 24px}.segmented button{flex:1;border-radius:9px;padding:11px;font-size:13px;color:#a8aaac}.segmented .selected{background:#343638;color:#fff}label{display:block;font-size:12px;font-weight:600;margin-bottom:16px;color:#d0d2d3}input,select,textarea{width:100%;border:1px solid #343639;border-radius:10px;background:#191b1d;color:#f4f2ed;min-height:48px;padding:12px;margin-top:7px;outline:none}input:focus,select:focus,textarea:focus{border-color:#ff762b;box-shadow:0 0 0 3px #ff762b15}textarea{resize:vertical;min-height:90px}input::placeholder,textarea::placeholder{color:#72777b}button.primary,.primary{background:#ff762b;color:#151210;border-radius:11px;padding:14px 20px;font-weight:800;display:inline-flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px}.primary:hover{background:#ff8d4c}.secondary{padding:12px 17px;min-height:46px;border:1px solid #3b3e40;border-radius:11px;background:#202225;font-weight:650;font-size:13px}.secondary:hover{border-color:#767b80}.wide{width:100%}.text-button{font-size:12px;color:#c9cdcf;padding:10px 0;text-align:left;text-decoration:underline;text-underline-offset:4px}.privacy-intro{margin-top:22px}.form-error{font-size:13px;color:#ffb28f;min-height:0}.topbar{height:84px;padding:0 5vw;border-bottom:1px solid #292c2e;display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:auto}.top-right{display:flex;align-items:center;gap:25px}.avatar{width:36px;height:36px;border-radius:50%;border:1px solid #65412f;background:#322319;color:#ff9c64;font-weight:800}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);display:flex;width:min(700px,100%);border:1px solid #343637;border-bottom:0;border-radius:18px 18px 0 0;background:#17191bf2;backdrop-filter:blur(16px);z-index:10;padding:8px 6px max(10px,env(safe-area-inset-bottom))}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;font-size:10px;letter-spacing:.02em;color:#898e92;min-height:50px}.nav-icon{font-family:Arial,sans-serif;font-size:25px;line-height:30px}.bottom-nav .active{color:#ff8a48}.bottom-nav .active:after{content:'';height:3px;width:14px;border-radius:4px;background:#ff762b;margin-top:3px}main{max-width:1200px;margin:auto;padding:32px 36px 125px}.page-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.page-intro h1{font-size:34px;margin:0 0 8px}.page-intro .eyebrow{margin-bottom:9px}.page-intro p{margin-bottom:0}.pill{padding:6px 10px;border:1px solid #34383a;border-radius:99px;font-size:10px;white-space:nowrap;color:#b2b6b9}.hero{position:relative;min-height:305px;border:1px solid #34383a;border-radius:20px;overflow:hidden;background:url('/terrain.svg') center/cover;margin-bottom:22px;padding:34px}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#151719f5 0%,#151719bb 40%,#15171900 100%)}.hero-content{position:relative;max-width:480px}.hero h2{font-size:50px;line-height:1.02;margin:12px 0 20px}.hero p{color:#aaafb3;font-size:14px;max-width:320px}.hero .eyebrow{color:#ff9a62}.hero .primary{font-size:12px;min-width:190px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #303335;border-radius:14px;margin:22px 0 30px;background:#17191b}.stat{padding:19px 25px}.stat+.stat{border-left:1px solid #303335}.stat-value{font-size:28px;font-weight:700;letter-spacing:-.05em;line-height:1.3}.stat-value small{font-size:12px;color:#a2a7ab;font-weight:400;letter-spacing:0}.stat-label{font-size:10px;color:#8d9498;margin-top:3px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:7px 0 16px;gap:12px}.section-heading h3{font-size:19px;margin:0}.section-heading button{font-size:11px;color:#ff9658}.card{border:1px solid #303436;border-radius:16px;padding:23px;background:#191b1d;margin-bottom:14px;overflow:hidden}.card h3{font-size:23px}.card p{font-size:13px}.card .eyebrow{font-size:9px}.bike-art{width:145px;height:82px;color:#8b9398;flex-shrink:0}.bike-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.bike-number{font-size:10px;color:#ff975b;letter-spacing:.12em}.card-footer{border-top:1px solid #303436;margin-top:18px;padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#adb2b5}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.metric-label{font-size:9px;letter-spacing:.1em;color:#888f94}.metric-value{font-size:17px;font-weight:650;margin-top:5px}.empty{padding:25px;border:1px dashed #3c4246;border-radius:14px;color:#a4aaae;margin-bottom:14px}.empty h3{font-size:20px;color:#dce0e2}.empty p{font-size:13px}.empty button{font-size:12px;color:#ff9456;padding:8px 0;font-weight:700}.plan-card{display:flex;flex-direction:column;gap:4px}.plan-card h3{margin-bottom:6px}.plan-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.plan-meta span{font-size:10px;color:#aeb4b8;border:1px solid #3a4043;padding:4px 7px;border-radius:5px}.plan-card .muted{margin-bottom:8px}.plan-card .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.danger{color:#ffb296}.notes{white-space:pre-wrap}.banner{border:1px solid #594331;border-radius:12px;background:#2d241c;padding:15px 18px;font-size:12px;color:#e8bc97;margin-bottom:22px}.banner.neutral{background:#1b2023;border-color:#364047;color:#b2c1cb}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.choice-grid .card{min-height:240px;display:flex;flex-direction:column;justify-content:space-between}.choice-number{font-size:50px;font-weight:800;color:#44494c;letter-spacing:-.07em}.choice-grid h3{font-size:25px}.choice-grid .text-button{color:#ff9456}.recorder{padding:30px;text-align:center;max-width:620px;margin:auto;border:1px solid #353a3e;background:radial-gradient(circle at 50% 30%,#39302655,transparent 55%),#17191b;border-radius:22px}.recorder h2{font-size:30px}.recorder .big-distance{font-size:84px;letter-spacing:-.07em;font-weight:750;line-height:1.1;margin:40px 0 8px}.recorder .big-distance small{font-size:20px;color:#899298;letter-spacing:0}.timer{font-family:monospace;font-size:24px;color:#b6bdc1;margin-bottom:24px}.recorder select{text-align:left}.record-status{display:inline-flex;gap:9px;align-items:center;color:#ff9a60;font-size:11px}.recorder .primary{justify-content:center}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.divider{height:1px;background:#34393c;margin:24px 0}.route-code{word-break:break-all;padding:14px;border:1px solid #45413a;background:#24201b;border-radius:8px;font-family:monospace;margin:12px 0}dialog{border:1px solid #42474b;border-radius:20px;background:#181b1d;color:#f4f2ed;padding:24px;max-width:520px;width:calc(100% - 28px);max-height:90svh;box-shadow:0 40px 100px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:28px;margin:8px 0 18px}dialog p{font-size:13px;color:#afb6ba}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dialog-head .eyebrow{margin:0}.close{font-size:29px;color:#9aa3aa;width:38px;height:38px}#toast{position:fixed;left:50%;top:20px;transform:translateX(-50%);padding:12px 20px;border:1px solid #6c4e37;background:#29221d;color:#ffe1c7;border-radius:11px;z-index:100;max-width:92%;font-size:13px;box-shadow:0 12px 30px #0005;display:none}body.light{background:#eeece6;color:#202426;color-scheme:light}body.light .topbar{border-color:#ccc8be}body.light .card,body.light .stat-row,body.light .recorder{background:#faf8f3;border-color:#d3cfc7}body.light .bottom-nav{background:#f8f5efee;border-color:#c9c4ba}body.light .muted,body.light .stat-label{color:#626b70}body.light .metric-value{color:#202426}body.light .card-footer,body.light .stat+.stat{border-color:#d8d1c7}body.light .hero{color:#f4f2ed}body.light .empty h3{color:#30383d}body.light input,body.light select,body.light textarea{background:#fff;color:#222;border-color:#aaa}body.light label{color:#45515a}body.light dialog{background:#f7f4ed;color:#222}body.light dialog p{color:#555}body.light .secondary{background:#dedad1;color:#263039;border-color:#aaa}body.light .plan-meta span{color:#525d64;border-color:#bbb}@media(min-width:1000px){main{padding-top:38px}.hero{min-height:330px}.hero h2{font-size:58px}}@media(max-width:760px){.auth-shell{display:block}.auth-art{display:none}.mobile-brand{display:flex;margin-bottom:50px}.auth-panel{padding:35px 27px 45px;min-height:100svh;max-width:none;background:radial-gradient(ellipse at 100% 0%,#66371c22,transparent 45%),#101113}.auth-panel h2{font-size:36px}.topbar{height:72px;padding:0 22px;padding-top:env(safe-area-inset-top)}.topbar .wordmark{font-size:19px}.top-right .edition{display:none}main{padding:25px 20px 120px}.page-intro{margin-bottom:22px}.page-intro h1{font-size:28px}.page-intro .muted{font-size:12px}.page-intro .pill{font-size:8px}.hero{padding:25px;min-height:300px;background-position:59% center}.hero:before{background:linear-gradient(90deg,#151719ee,#15171955)}.hero h2{font-size:43px}.hero-content{max-width:280px}.hero p{max-width:220px;font-size:12px}.hero .eyebrow{font-size:9px}.stat{padding:17px 12px}.stat-value{font-size:25px}.stat-value small{font-size:9px}.stat-label{font-size:9px}.columns{grid-template-columns:1fr;gap:8px}.card{padding:21px}.choice-grid{grid-template-columns:1fr}.choice-grid .card{min-height:200px}.recorder{padding:24px 20px}.recorder .big-distance{font-size:72px}.bike-art{width:122px}.page-intro .secondary{font-size:11px;padding:10px}.topbar .wordmark img{width:29px;height:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}