:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1c2925;background:#f5f3ed;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}.app-shell,.auth-shell,.centered-message{width:min(100%,620px);margin:0 auto;padding:18px 16px 112px}.auth-shell,.centered-message{min-height:100vh;display:grid;place-items:center;padding-bottom:18px}.card{background:#fff;border:1px solid #dedbd1;border-radius:20px;padding:22px;box-shadow:0 8px 28px #1e2d260f}.auth-card{width:100%}.page-card,.hero-card{margin-top:16px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:58px}.brand-button{border:0;background:transparent;display:grid;padding:0;text-align:left;color:inherit}.eyebrow,.step{margin:0 0 5px;color:#63736d;font-size:.78rem;font-weight:800;letter-spacing:.065em;text-transform:uppercase}h1{margin:5px 0 12px;font-size:clamp(1.6rem,7vw,2.25rem);line-height:1.12;letter-spacing:-.025em}h2{margin:0 0 10px;font-size:1.05rem}p{line-height:1.5}small{line-height:1.35}form{display:grid;gap:18px;margin-top:24px}.field{display:grid;gap:8px;min-width:0;font-weight:750}.field input,.field select{width:100%;min-height:52px;padding:12px 14px;border:1px solid #bfc7c2;border-radius:12px;color:#16221e;background:#fff}.field input:focus,.field select:focus{outline:3px solid #d9e8df;border-color:#275e4c}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary-button,.secondary-button{width:100%;min-height:54px;border-radius:13px;padding:13px 17px;font-weight:850}.primary-button{border:0;background:#18372e;color:#fff}.primary-button.dominant{min-height:62px;font-size:1.07rem}.primary-button:disabled{opacity:.52}.secondary-button{border:1px solid #9eada7;background:#fff;color:#214e40}.secondary-button.full{margin-top:12px}.text-button,.back-button{border:0;background:transparent;color:#245a49;min-height:44px;font-weight:780}.text-button.full{width:100%;margin-top:8px}.back-button{padding:0;margin-bottom:10px}.button-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px;margin-top:10px}.error-message{margin:0;color:#9b2f27;font-weight:750}.helper,.route-updated{color:#65736e;font-size:.9rem}.staging-indicator{position:fixed;z-index:20;right:8px;bottom:calc(72px + env(safe-area-inset-bottom));display:grid;gap:1px;max-width:150px;padding:5px 8px;border:1px solid #c9c6bc;border-radius:8px;background:#fffffff0;color:#52615b;box-shadow:0 3px 10px #1e2d2614;font-size:.62rem;line-height:1.2;text-align:right}.staging-indicator strong{font-size:.68rem}.staging-indicator small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice{display:grid;gap:3px;margin:9px 0;padding:12px 14px;border-radius:12px;background:#e7f1eb;font-size:.91rem}.notice.warning{background:#fff0d6;color:#5a4217}.notice button{justify-self:start;border:0;padding:4px 0;background:transparent;color:#245a49;font-weight:800}.sync-ok{margin:7px 0;color:#496158;font-size:.86rem}.amount-block{display:grid;gap:4px;margin:24px 0}.amount-block span,.amount-block small{color:#62716c}.amount-block strong{font-size:clamp(2rem,10vw,2.7rem);line-height:1.05;letter-spacing:-.035em}.economic-result{display:grid;gap:4px;margin:-8px 0 24px;padding:15px;border-radius:13px;background:#edf3ef}.economic-result span{color:#52655e;font-size:.9rem}.economic-result strong{font-size:1.4rem}.summary-list{display:grid;gap:0;margin:22px 0}.summary-list>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:12px 0;border-bottom:1px solid #e8e5dd}.summary-list dt{color:#60706a}.summary-list dd{margin:0;text-align:right;font-weight:800}.summary-list.compact{margin-bottom:16px}.list-section{margin-top:27px}.empty-state{color:#697772}.record-row,.history-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:70px;padding:14px 4px;border:0;border-bottom:1px solid #dedbd1;background:transparent;text-align:left;color:inherit}.record-row:disabled{cursor:default}.record-row span,.history-row span{display:grid;gap:3px}.record-row small,.history-row small{color:#6a7772}.history-row>span:last-child{justify-items:end;flex:none}.category-grid,.toggle-field{border:0;padding:0;margin:0}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.category-grid legend,.toggle-field legend{margin-bottom:9px;font-weight:800}.category{min-height:50px;border:1px solid #bfc7c2;border-radius:12px;background:#fff;color:#263b34;font-weight:720}.category.selected{border:2px solid #275e4c;background:#e8f2ec}.toggle-field>div{display:flex;flex-wrap:wrap;gap:8px}.toggle-field button{flex:1;min-width:88px;min-height:48px;padding:9px;border:1px solid #bfc7c2;border-radius:11px;background:#fff;color:#30453e;font-weight:720}.toggle-field button.selected{border:2px solid #275e4c;background:#e8f2ec}.money-input{display:flex;align-items:center;border:1px solid #bfc7c2;border-radius:12px;overflow:hidden;background:#fff}.money-input>span{padding-left:14px;color:#607169}.money-input input{border:0;font-size:1.25rem}details{border-top:1px solid #e5e2da;padding-top:14px}details summary{color:#245a49;font-weight:800;cursor:pointer}details .field{margin-top:16px}.result-pill,.dev-badge{display:inline-flex;border-radius:999px;padding:7px 10px;font-size:.82rem;font-weight:850}.result-pill.good{background:#dcefe3;color:#1f6140}.result-pill.tight{background:#fff0c9;color:#76560d}.result-pill.loss{background:#f8ded9;color:#8b3028}.dev-badge{display:flex;margin-top:12px;border-radius:10px;background:#fff0d6;color:#624919;line-height:1.35}.route-map{position:relative;height:190px;margin:22px 0 4px;overflow:hidden;border:1px solid #cbd2ce;border-radius:15px;background:#e7ece8}.route-map.interactive{height:clamp(350px,calc(100dvh - 360px),580px);margin-top:18px}.route-explorer h1{margin-bottom:0;font-size:clamp(1.45rem,6vw,2.1rem)}.route-explorer .helper{margin-bottom:0}.explore-route-button{margin-top:12px}.map-visual,.map-tiles{position:absolute;inset:0;overflow:hidden}.route-map.interactive .map-visual{cursor:grab;touch-action:none;overscroll-behavior:contain}.route-map.interactive .map-visual:active{cursor:grabbing}.map-tile{position:absolute;width:256px;height:256px;max-width:none;-webkit-user-select:none;user-select:none}.map-route-overlay{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none}.map-road,.map-road-halo{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.map-road-halo{stroke:#ffffffeb;stroke-width:7}.map-road{stroke:#17654f;stroke-width:4}.route-map circle{fill:#fff;stroke:#17654f;stroke-width:4;vector-effect:non-scaling-stroke}.route-map .destination-dot{fill:#245d4a}.map-label{position:absolute;z-index:2;padding:3px 6px;border-radius:6px;background:#ffffffe0;font-size:.72rem;font-weight:800}.map-status{position:absolute;z-index:3;left:8px;right:8px;top:8px;padding:7px 9px;border-radius:8px;background:#fff8e5f0;color:#624919;font-size:.7rem;line-height:1.3}.map-attribution{position:absolute;z-index:4;right:4px;bottom:3px;padding:2px 4px;border-radius:3px;background:#ffffffe0;color:#40534c;font-size:.56rem;text-decoration:none}.map-zoom-controls{position:absolute;z-index:5;top:10px;right:10px;display:grid;gap:6px}.map-zoom-controls button,.map-fit-button{min-width:46px;min-height:46px;border:1px solid #b9c3bd;border-radius:10px;background:#fffffff5;color:#1f5846;box-shadow:0 3px 12px #1f362d29;font-weight:850}.map-zoom-controls button{padding:0;font-size:1.5rem;line-height:1}.map-fit-button{position:absolute;z-index:5;left:10px;bottom:10px;padding:8px 12px;font-size:.78rem}.route-map.interactive .map-status{right:66px}.route-map.interactive .map-attribution{bottom:3px}.bottom-nav{position:fixed;z-index:10;left:50%;bottom:0;translate:-50%;width:min(100%,620px);display:grid;grid-template-columns:repeat(3,1fr);padding:8px max(12px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));border-top:1px solid #d9d7d0;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav button{min-height:52px;border:0;border-radius:10px;background:transparent;color:#60706a;font-size:.85rem;font-weight:750}.bottom-nav button.selected{color:#173d30;background:#eaf1ed}@media(min-width:700px){.app-shell{padding-top:30px}.card{padding:30px}.bottom-nav{bottom:14px;border:1px solid #d9d7d0;border-radius:16px;padding:7px;box-shadow:0 10px 30px #1e2d261a}.staging-indicator{right:14px;bottom:14px}.route-map.interactive{height:clamp(400px,calc(100dvh - 390px),600px)}}@media(min-width:1100px){.app-shell,.bottom-nav{width:720px;max-width:720px}.card{padding:34px}}@media(max-width:360px){.field-pair,.button-row{grid-template-columns:1fr}}