:root{color:#191a18;font-synthesis:none;text-rendering:optimizelegibility;--ink:#191a18;--muted:#71736d;--line:#1c1f1c17;--surface:#ffffffdb;--green:#1f6550;--green-soft:#dce8df;--cream:#f2f1ed;--shadow:0 18px 50px #20231f14, 0 2px 8px #20231f0a;background:#e7e6e1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{background:#e7e6e1}body{background:radial-gradient(circle at 50% -12%,#fffffff0 0,#efeee9d6 34%,#e4e3ddcc 68%),#e7e6e1;min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #1f65503d}.app-shell{background:var(--cream);width:min(100%,510px);min-height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 70px #1d1e1b21}.page-content{min-height:100dvh;padding:max(22px, env(safe-area-inset-top)) 20px calc(112px + env(safe-area-inset-bottom))}.topbar,.detail-header{justify-content:space-between;align-items:center;gap:14px;margin:5px 2px 23px;display:flex}.topbar h1,.detail-header h1{letter-spacing:-.04em;margin:3px 0 0;font-size:clamp(27px,7vw,34px);font-weight:680;line-height:1.08}.eyebrow{color:var(--green);letter-spacing:.17em;margin:0;font-size:10px;font-weight:750}.topbar-actions{gap:8px;display:flex}.icon-button{cursor:pointer;background:#ffffffb8;border:1px solid #ffffffd9;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 5px 20px #1b1e1b12}.icon-button:active{transform:scale(.96)}.spinning svg{animation:.8s linear infinite spin}.section-heading{color:#40433f;justify-content:space-between;align-items:center;margin:0 4px 14px;font-size:13px;display:flex}.section-heading>div{align-items:center;gap:7px;font-weight:650;display:flex}.section-heading p{color:var(--muted);margin:0}.status-dot{background:#3c8a68;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #3c8a681a}.map-card{box-shadow:var(--shadow);background:#e2e5df;border:1px solid #ffffffd1;border-radius:30px;position:relative;overflow:hidden}.parking-map-card{height:min(58vh,510px);min-height:390px}.amap-container,.map-fallback{width:100%;height:100%;position:absolute;inset:0}.amap-logo,.amap-copyright{opacity:.58;transform-origin:0 100%;transform:scale(.82)}.map-gradient{pointer-events:none;background:linear-gradient(#12181500,#121815bd);height:46%;position:absolute;inset:auto 0 0}.location-sheet{z-index:2;color:#fff;text-shadow:0 1px 8px #00000038;flex-direction:column;align-items:flex-start;display:flex;position:absolute;bottom:21px;left:23px;right:23px}.location-kicker{opacity:.74;margin-bottom:5px;font-size:12px}.location-sheet strong{letter-spacing:-.02em;max-width:95%;font-size:20px;line-height:1.32}.location-sheet>span:last-child{opacity:.77;margin-top:7px;font-size:12px}.navigate-button{color:#fff;background:var(--green);border-radius:18px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:54px;margin:14px 0;padding:0 17px;font-weight:680;text-decoration:none;display:flex;box-shadow:0 10px 28px #1f655033}.navigate-button span{text-align:center;flex:1}.quick-stats{background:var(--surface);border:1px solid #ffffffe6;border-radius:23px;grid-template-columns:repeat(3,1fr);display:grid;box-shadow:0 9px 34px #2223200d}.mini-stat{border-right:1px solid var(--line);flex-direction:column;align-items:flex-start;min-width:0;padding:17px 12px 16px;display:flex}.mini-stat:last-child{border-right:0}.mini-stat>span{color:var(--green);margin-bottom:12px}.mini-stat small{color:var(--muted);font-size:11px}.mini-stat strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:4px;font-size:15px;overflow:hidden}.data-footnote,.map-note{color:#888a85;margin:13px 5px 0;font-size:11px;line-height:1.55}.bottom-nav{z-index:20;left:50%;bottom:max(13px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);background:#fdfdfbe0;border:1px solid #ffffffeb;border-radius:25px;grid-template-columns:1fr 1fr;gap:5px;width:min(100% - 32px,466px);height:72px;padding:7px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 15px 50px #1e201d26}.bottom-nav button{color:#777a74;cursor:pointer;background:0 0;border:0;border-radius:19px;justify-content:center;align-items:center;gap:9px;font-weight:630;display:flex}.bottom-nav button.active{color:var(--ink);background:#e7e8e4}.month-card{color:#fff;background:#214f42;border-radius:26px;grid-template-columns:1fr auto 1fr;align-items:center;padding:23px 24px;display:grid;box-shadow:0 16px 40px #214f422e}.month-card p{color:#ffffffa6;margin:0 0 7px;font-size:12px}.month-card strong{letter-spacing:-.04em;font-size:27px;font-weight:650}.month-card small{opacity:.66;letter-spacing:0;font-size:13px;font-weight:500}.month-card>div:last-child{text-align:right}.month-divider{background:#ffffff26;width:1px;height:46px}.list-heading{justify-content:space-between;align-items:baseline;margin:28px 4px 12px;display:flex}.list-heading h2{letter-spacing:-.03em;margin:0;font-size:20px}.list-heading span{color:var(--muted);font-size:12px}.trip-list{background:var(--surface);border:1px solid #ffffffe6;border-radius:25px;overflow:hidden;box-shadow:0 10px 35px #2223200d}.trip-row{text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;grid-template-columns:48px 1fr 20px;align-items:center;gap:14px;width:100%;min-height:104px;padding:16px 13px 16px 15px;display:grid}.trip-row:last-child{border-bottom:0}.trip-row:active{background:#1f655009}.trip-date{background:#ecece8;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:48px;height:54px;display:flex}.trip-date span{font-size:19px;font-weight:680;line-height:1}.trip-date small{color:var(--muted);margin-top:5px;font-size:10px}.trip-main{min-width:0}.trip-route{grid-template-columns:8px minmax(0,auto);align-items:center;gap:4px 8px;font-size:14px;font-weight:620;display:grid}.trip-route span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.route-dot{background:#1f7355;border-radius:50%;width:8px;height:8px;display:inline-block}.route-dot.end{background:#222623}.route-line{background:#bfc2bd;width:1px;height:9px;margin-left:3px}.trip-meta{color:var(--muted);gap:10px;margin-top:8px;font-size:10.5px;display:flex}.trip-meta span+span{position:relative}.trip-meta span+span:before{content:"";background:#a9aba6;border-radius:50%;width:2px;height:2px;position:absolute;top:50%;left:-6px}.trip-arrow{color:#a0a29d}.detail-content{padding-bottom:max(38px, env(safe-area-inset-bottom))}.detail-header{text-align:center;justify-content:space-between}.detail-header h1{letter-spacing:-.02em;font-size:20px}.detail-header .eyebrow{font-size:9px}.header-spacer{width:42px}.trip-map-card{height:390px}.trip-map-caption{z-index:3;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);background:#ffffffdb;border:1px solid #fffc;border-radius:18px;gap:8px;padding:13px 16px;font-size:12px;font-weight:620;display:grid;position:absolute;bottom:15px;left:16px;right:16px;box-shadow:0 8px 28px #1f221e21}.trip-map-caption>div{grid-template-columns:8px 1fr;align-items:center;gap:9px;display:grid}.trip-map-caption span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metrics-card{background:var(--surface);box-shadow:var(--shadow);border:1px solid #ffffffe6;border-radius:28px;margin-top:24px;padding:24px 20px 18px}.card-title{align-items:center;gap:10px;margin-bottom:23px;display:flex}.card-title svg{color:var(--green)}.card-title h2{letter-spacing:-.02em;margin:0;font-size:19px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:25px 18px;display:grid}.metric{min-width:0}.metric span{color:var(--muted);margin-bottom:7px;font-size:12px;display:block}.metric strong{letter-spacing:-.035em;white-space:nowrap;font-size:clamp(20px,5vw,25px);font-weight:620;line-height:1.05;display:block}.energy-note{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:12px;margin-top:24px;padding-top:15px;font-size:11px;display:flex}.empty-card,.setup-card{text-align:center;background:var(--surface);box-shadow:var(--shadow);border:1px solid #ffffffe6;border-radius:28px;margin-top:24px;padding:36px 27px}.empty-card>div{width:62px;height:62px;color:var(--green);background:var(--green-soft);border-radius:21px;place-items:center;margin:0 auto 18px;display:grid}.empty-card h2,.setup-card h2{margin:0 0 9px;font-size:21px}.empty-card p,.setup-card>p{max-width:320px;color:var(--muted);margin:0 auto;font-size:13px;line-height:1.65}.setup-card{margin-top:45px}.setup-illustration{width:96px;height:96px;color:var(--green);background:var(--green-soft);border-radius:35px;place-items:center;margin:0 auto 25px;display:grid;position:relative}.setup-illustration span{border:3px solid var(--green-soft);background:#49a679;border-radius:50%;width:14px;height:14px;position:absolute;top:8px;right:7px}.setup-card .eyebrow{margin-bottom:8px}.setup-steps{text-align:left;grid-template-columns:25px 1fr;align-items:center;gap:10px 12px;max-width:310px;margin:25px auto 0;display:grid}.setup-steps span{width:25px;height:25px;color:var(--green);background:var(--green-soft);border-radius:50%;place-items:center;font-size:11px;font-weight:750;display:grid}.setup-steps p{color:#4e514d;margin:0;font-size:12px}.error-banner{color:#873f36;background:#f5e3df;border-radius:15px;margin:-7px 0 15px;padding:12px 14px;font-size:12px}.page-skeleton{gap:14px;display:grid}.page-skeleton span{background:#e4e4df;border-radius:21px;height:75px;animation:1.5s ease-in-out infinite pulse;display:block}.page-skeleton span:first-child{height:420px}.map-fallback{background-color:#dde2da;background-image:linear-gradient(#ffffff54 1px,#0000 1px),linear-gradient(90deg,#ffffff54 1px,#0000 1px);background-size:44px 44px;overflow:hidden}.fallback-road{background:#c6ccc7;border:5px solid #f5f3ec;border-radius:20px;height:18px;position:absolute;box-shadow:0 0 0 1px #5f696226}.road-one{width:150%;top:28%;left:-25%;transform:rotate(-18deg)}.road-two{width:125%;top:57%;left:-15%;transform:rotate(12deg)}.road-three{width:105%;top:43%;left:24%;transform:rotate(75deg)}.fallback-marker{color:#fff;background:var(--green);border:4px solid #ffffffe6;border-radius:50% 50% 50% 8px;place-items:center;width:50px;height:50px;display:grid;position:absolute;top:calc(40% - 25px);left:calc(50% - 25px);transform:rotate(-45deg);box-shadow:0 8px 22px #1b463847}.fallback-marker svg{transform:rotate(45deg)}.map-fallback-label{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border-radius:15px;flex-direction:column;align-items:center;width:max-content;max-width:82%;padding:11px 15px;display:flex;position:absolute;top:58%;left:50%;transform:translate(-50%);box-shadow:0 7px 25px #282c281f}.map-fallback-label span{font-size:12px;font-weight:680}.map-fallback-label small{color:var(--muted);margin-top:3px;font-size:9px}.map-endpoint{background:#277757;border:4px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 3px 9px #1b221d40}.map-endpoint.end{background:#1e2320}.car-map-marker{background:#1f655033;border:4px solid #fffffff0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 5px 19px #1b433647}.car-map-marker span{background:var(--green);border-radius:50%;width:20px;height:20px;box-shadow:0 0 0 6px #1f65502e}.login-page,.splash{width:min(100%,510px);min-height:100dvh;padding:max(32px, env(safe-area-inset-top)) 22px max(32px, env(safe-area-inset-bottom));background:#efeee9;place-items:center;margin:0 auto;display:grid;overflow:hidden}.login-page{position:relative}.login-glow{filter:blur(18px);background:#357b5b29;border-radius:50%;width:460px;height:460px;position:absolute;top:-220px;left:-190px}.login-card{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffc7;border:1px solid #ffffffeb;border-radius:31px;width:100%;padding:34px 27px 24px;position:relative;box-shadow:0 24px 70px #1f231f1a}.login-icon,.brand-mark{color:#fff;background:var(--green);border-radius:21px;place-items:center;width:60px;height:60px;margin-bottom:25px;display:grid;box-shadow:0 10px 28px #1f655038}.login-card h1{letter-spacing:-.045em;margin:7px 0 10px;font-size:33px}.login-copy{color:var(--muted);margin:0 0 29px;font-size:14px;line-height:1.6}.login-card label{color:#555852;margin:0 0 8px 3px;font-size:12px;font-weight:620;display:block}.login-card input{width:100%;height:55px;color:var(--ink);background:#f6f6f3f2;border:1px solid #1d201c1a;border-radius:17px;padding:0 16px;box-shadow:inset 0 1px 2px #14161406}.primary-button{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:17px;width:100%;height:55px;margin-top:13px;font-weight:680}.primary-button:disabled{opacity:.48;cursor:default}.form-error{color:#a64a3c;margin:9px 3px 0;font-size:12px}.privacy-note{color:#92948e;justify-content:center;align-items:center;gap:5px;margin:17px 0 0;font-size:10px;display:flex}.splash{color:var(--muted);align-content:center;font-size:12px}.splash .brand-mark{margin:0 auto 18px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.55}}@media (width>=680px){body{padding:28px 0}.app-shell,.login-page,.splash{border-radius:34px;min-height:calc(100vh - 56px)}.bottom-nav{bottom:40px}}@media (width<=380px){.page-content{padding-left:15px;padding-right:15px}.parking-map-card{min-height:350px}.mini-stat{padding-left:9px;padding-right:9px}.metric strong{font-size:19px}.trip-row{grid-template-columns:43px 1fr 17px;gap:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}