*{box-sizing:border-box}body{margin:0;background:#f6f5ef;color:#253c34;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.5}header{padding:21px 4%;border-bottom:1px solid #d9dfd5;display:flex;justify-content:space-between;align-items:center}.brand{font-size:12px;letter-spacing:2px;font-weight:750;text-decoration:none;color:inherit}.brand span{color:#ad613e;margin:0 9px}.trip-date{font-size:11px;letter-spacing:1.5px;color:#637368}main{max-width:1500px;margin:auto;padding:32px 4%}.intro{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#8e533a;margin:0 0 10px}h1{font-size:clamp(34px,4vw,54px);font-family:Georgia,serif;font-weight:400;line-height:1.06;letter-spacing:-1.5px;margin:0 0 12px}h1 em{font-weight:400;color:#617d58}.intro p:last-child{margin:0;color:#657169}.trip-switch{display:flex;flex-direction:column;gap:8px;max-width:380px}.trip-switch>span{font-size:11px;color:#66736a}label{display:block;font-size:12px;font-weight:600}input,select,button{font:inherit}input,select{border:1px solid #bdc9be;background:#fffef9;border-radius:7px;padding:10px;color:#263b32;max-width:100%;min-width:0}button,.primary-link{cursor:pointer;border:1px solid #b9c6bb;background:#fffef9;color:#2b4437;border-radius:7px;padding:9px 13px;font-size:12px;font-weight:600}button:hover{background:#e9eee4}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c58149;outline-offset:2px}a{color:#3a6348}#status{padding:9px 12px;background:#e9eee4;border-radius:6px;font-size:12px;min-height:36px;margin-bottom:18px}#status.error{background:#f6ded0;color:#743920}.summary{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cdd6ca;border-bottom:1px solid #cdd6ca;margin-bottom:26px;padding:18px 0;gap:20px}.summary>div{display:flex;flex-direction:column}.summary span{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#6d796d}.summary strong{font-family:Georgia,serif;font-weight:400;font-size:28px;letter-spacing:-.6px;margin:4px 0}.summary small{font-size:11px;color:#667467}.workspace{display:grid;grid-template-columns:minmax(300px,370px) minmax(0,1fr);gap:28px;align-items:start}.section{border-bottom:1px solid #d9dfd5;padding:0 0 23px;margin:0 0 23px}h2{font-size:16px;margin:0 0 12px;font-weight:650}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.section-title h2{margin:0 0 13px}.muted{color:#637265;font-size:12px}.stop-card{display:grid;grid-template-columns:1fr auto;gap:7px 10px;padding:14px 0;border-bottom:1px solid #e1e5dc}.stop-card:last-child{border-bottom:0}.stop-info{border:0;padding:0;text-align:left;background:transparent!important;font-size:14px}.stop-card p{font-size:12px;color:#637265;margin:4px 0}.tag{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#915939;margin-bottom:4px}.stop-card.selected .tag{color:#285e3a}.stop-card .add{align-self:center;white-space:nowrap}.search-row{display:flex;gap:7px;margin-top:7px}.search-row input{width:100%}#search-form{margin-top:16px}.search-result{padding:11px 0;border-bottom:1px solid #ddd}.search-result p{font-size:12px;margin:4px 0}#detail{background:#e9eee3;padding:16px;border-radius:8px}.distance-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.distance-pair small,.distance-pair strong{display:block}.distance-pair small{font-size:11px;color:#637265}.distance-pair strong{font-size:17px;margin:3px 0}.text-button{border:0;background:none;padding:0;color:#6b786a;font-size:11px}ol{list-style:none;padding:0;margin:0 0 17px}.route-row{position:relative;border-left:1px solid #c4cdbf;padding:7px 0 16px 17px;margin-left:4px}.route-row:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#67865b;left:-4px;top:14px}.route-row.fuel:before{background:#b37537}.route-row b{font-size:12px;font-weight:650}.route-controls{display:flex;gap:7px;align-items:center;margin-top:6px}.route-controls input{width:68px;padding:5px}.route-controls label{font-size:10px}.route-controls button{padding:4px 8px}.primary,.primary-link{background:#2f513d;color:#fff;border-color:#2f513d;display:block;text-align:center;text-decoration:none;width:100%}.primary:hover,.primary-link:hover{background:#243f30}.map-shell{position:sticky;top:16px;border:1px solid #cfd7cb;border-radius:10px;overflow:hidden;background:#fffef9}.map-heading{padding:12px 15px;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;gap:8px}.map-heading button{font-size:10px;padding:6px 9px}#map{height:clamp(360px,57vh,670px);width:100%;background:#e8ecdf}.map-loading{padding:30px;color:#60725e}.map-legend{display:flex;flex-wrap:wrap;gap:20px;padding:13px 17px;font-size:10px}.map-legend span{display:flex;align-items:center;gap:7px}.line{width:20px;border-top:3px solid #386b48}.dot{width:8px;height:8px;border-radius:50%;background:#6f8171;display:inline-block}.gas{background:#b37537}.fine{font-size:10px;color:#677364;line-height:1.6}.map-note{padding:0 17px 13px;margin:0}#map-error{padding:16px;background:#f8dfd2;color:#703821;margin:0}.fuel-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.fuel-fields label{font-size:11px}.fuel-fields input{display:block;width:100%;margin-top:4px}.range{font-size:12px;color:#375a3f;padding:10px 0}.fuel-row{padding:9px 0;border-bottom:1px solid #dce2d5;font-size:12px}.fuel-row small{display:block;color:#667466}.fuel-row.warn{color:#8b452c}.trip-note{margin:25px 0 0;padding:20px 0;border-top:1px solid #d8dfd2}.trip-note>p:nth-child(2){font:22px/1.4 Georgia,serif;margin:8px 0 15px}.trip-note small{color:#6b7667;font-size:11px}footer{padding:25px 0 5px;color:#7a8375;font-size:10px;letter-spacing:.5px}footer span{margin:0 9px}.pin{background:#637b60;color:#fff;border:2px solid #fff;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:12px;font-weight:bold;box-shadow:0 2px 6px #0003}.pin.fuel{background:#b37537}.pin.endpoint{background:#253f31}.pin.selected{background:#2f6541}.pending .summary strong{opacity:.45}@media(min-width:1000px){.map-column{position:sticky;top:16px}}@media(max-width:760px){main{padding:22px 18px}.intro{align-items:start;flex-direction:column}.trip-switch{width:100%;max-width:100%}.workspace{grid-template-columns:1fr;gap:22px}.map-column{grid-row:1}.trip-note{display:none}.summary{grid-template-columns:1fr 1fr;gap:18px}.summary strong{font-size:26px}#map{height:360px}.map-heading{font-size:12px}header{padding:17px 18px}.trip-date{font-size:9px}.brand{font-size:10px}.fuel-fields{grid-template-columns:1fr 1fr}input,select{font-size:16px}}
/* Dragon fall run: asphalt, warm paper, and copper road accents. */
body{background:#f1eee7;color:#292f2c}header{background:#222b27;color:#f6f0e3;border-bottom:3px solid #b95d32}.brand span,.trip-date{color:#dda47e}.intro{position:relative;padding:12px 0 22px;border-bottom:1px solid #d0c7bb}.eyebrow{color:#a4502c}h1{font-family:system-ui,sans-serif;font-weight:780;font-size:clamp(32px,3.8vw,54px);letter-spacing:-2px}h1 em{font-style:normal;color:#a7502e;font-weight:780}.intro:after{content:"";position:absolute;width:125px;height:7px;bottom:-4px;left:0;background:repeating-linear-gradient(90deg,#b8653b 0 22px,transparent 22px 30px)}.summary{grid-template-columns:repeat(5,minmax(0,1fr))}.summary strong{font-family:system-ui,sans-serif;font-weight:650;font-size:26px}.summary span{color:#786955}.section-title h2{font-size:17px}.primary,.primary-link{background:#a9502d;border-color:#a9502d}.primary:hover,.primary-link:hover{background:#843e24}.tag{color:#a4502c}.map-shell{border-color:#c7bcae}.map-heading{background:#27342d;color:#f5eee2}.map-heading button{background:transparent;color:#f5eee2;border-color:#768577}.line{border-color:#c36535}.fuel-section summary{cursor:pointer;position:relative;list-style:none;padding-right:30px}.fuel-section summary::-webkit-details-marker{display:none}.fuel-section summary:after{content:'＋';position:absolute;right:3px;top:0;font-size:21px;color:#a7502e}.fuel-section[open] summary:after{content:'−'}.fuel-section summary h2{margin-bottom:3px}.vehicle{font-size:12px;color:#a7502e;font-weight:600}.fuel-content{padding-top:14px}.suggestion{display:block;width:100%;text-align:left;margin-top:5px;padding:11px;background:#fffaf0}.suggestion small,.suggestion span{display:block;font-size:10px;margin-top:3px}.suggestion span{color:#a4502c}.layers{display:flex;gap:9px 14px;align-items:center;flex-wrap:wrap;padding:12px 15px;border-bottom:1px solid #d9d1c6;background:#f6f2e9}.layers>strong{font-size:12px}.layers label{display:flex;gap:5px;align-items:center;font-size:11px}.layers input{accent-color:#a9502d}.layers button{font-size:10px;padding:5px 8px}.layers p{width:100%;font-size:10px;color:#706a60;margin:0}.pin.layer{border-radius:7px;background:#675282}.pin.layer.restaurant{background:#a64637}.pin.layer.gas_station{background:#b37537}.fuel-count-warning{color:#a4502c}@media(max-width:760px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary>div:last-child{grid-column:1/-1}.intro h1{font-size:37px}} 
.card-info{grid-column:1/-1;font-size:11px;color:#625b50;border-top:1px dashed #d9d1c6;padding-top:8px}.card-info small{display:block;font-size:10px;margin-top:3px}.details-link{grid-column:1/-1;justify-self:start;background:none;border:0;padding:3px 0;color:#a4502c;font-size:11px;text-decoration:underline;text-underline-offset:3px}.route-place{padding:0;border:0;background:none;font-size:12px;text-align:left;text-decoration:underline;text-underline-offset:3px}#place-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(510px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;border:0;border-left:1px solid #bcb1a1;padding:0 26px 24px;background:#f6f2e9;color:#292f2c;box-shadow:-12px 0 50px #0003;overflow-y:auto}#place-dialog::backdrop{background:#17241c80}.flyout-header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;background:#f6f2e9;z-index:1;border-bottom:1px solid #d9d1c6;margin-bottom:22px}.flyout-header .eyebrow{margin:0}#place-title{font-size:27px;line-height:1.2;margin-bottom:14px}.place-meta{font-size:13px;color:#a4502c}.place-photo{margin:20px 0}.place-photo img{display:block;width:100%;max-height:265px;object-fit:cover;border-radius:9px}.place-photo figcaption{font-size:10px;margin-top:6px}.place-links{display:flex;flex-wrap:wrap;gap:12px;padding:12px 0}.place-links a{font-size:12px;font-weight:650}.hours{list-style:none;margin:0;padding:0;font-size:13px}.hours li{padding:7px 0;border-bottom:1px solid #dfd7ca}#place-dialog h3{margin-top:25px;font-size:15px}.place-credit{border-top:1px solid #d9d1c6;margin-top:28px;padding-top:14px}body:has(#place-dialog[open]){overflow:hidden}#place-dialog button:focus-visible{outline:3px solid #b96536;outline-offset:3px}

.more-layers{width:100%;font-size:11px}.more-layers summary{cursor:pointer;color:#a4502c;font-weight:650}.more-layers>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;padding:12px 0 4px}.pin.layer.park,.pin.layer.hiking_area{background:#3e7955}.pin.layer.historical_landmark,.pin.layer.tourist_attraction{background:#966339}.pin.layer.aquarium,.pin.layer.zoo{background:#337f88}.pin.layer.cafe{background:#885344}

.locations-section>summary{cursor:pointer;position:relative;list-style:none;padding-right:28px}.locations-section>summary::-webkit-details-marker{display:none}.locations-section>summary h2{font-size:16px;line-height:1.4;margin:0}.locations-section>summary:after{content:"＋";position:absolute;right:3px;top:0;font-size:21px;color:#a7502e}.locations-section[open]>summary:after{content:"−"}.locations-section>summary:focus-visible{outline:3px solid #b96536;outline-offset:3px}

.summary{grid-template-columns:repeat(3,minmax(0,1fr))}#arrival-time{color:#a4502c;font-size:23px}.departure-fields{background:#e9e7dc;border-radius:8px;padding:12px;margin:5px 0 16px}.departure-fields input{width:100%;margin:6px 0}.departure-fields small{font-size:11px;color:#675e50}.departure-fields p{margin-bottom:0}.stop-clock{font-size:10px;color:#96532e;margin:4px 0;line-height:1.6}@media(min-width:1300px){.summary{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:760px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary>div:last-child{grid-column:auto}}