:root{--bg:oklch(97.4% .013 83);--bg-grid:oklch(91% .018 78);--surface:oklch(99.5% .006 83);--panel:oklch(95.5% .018 80);--ink:oklch(28% .035 158);--ink-soft:oklch(42% .028 156);--muted:oklch(53% .022 150);--faint:oklch(53% .02 140);--line:oklch(90% .014 80);--line-2:oklch(84% .018 78);--clay:oklch(60.5% .132 47);--clay-deep:oklch(51.5% .13 44);--clay-tint:oklch(93% .04 60);--pine:oklch(47% .072 162);--pine-tint:oklch(92% .03 162);--amber:oklch(66% .13 66);--amber-bg:oklch(94% .05 80);--red:oklch(56% .16 32);--red-bg:oklch(93% .05 35);--green:oklch(55% .09 160);--green-bg:oklch(93% .04 160);--violet:oklch(55% .13 300);--violet-bg:oklch(95% .035 320);--display:"Spectral", Georgia, serif;--sans:"Hanken Grotesk", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--r:4px;--r-lg:8px;--shadow-sm:0 1px 2px oklch(30% .03 150/.05);--shadow:0 2px 6px oklch(30% .03 150/.07), 0 1px 2px oklch(30% .03 150/.05);--shadow-lg:0 30px 60px oklch(28% .05 150/.14), 0 8px 18px oklch(28% .05 150/.08);--color-primary:var(--clay);--color-primary-bg:var(--clay-tint);--color-danger:var(--red);--color-danger-bg:var(--red-bg);--color-warning:var(--amber);--color-warning-bg:var(--amber-bg);--color-success:var(--green);--color-success-bg:var(--green-bg);--color-text:var(--ink-soft);--color-text-muted:var(--muted);--color-text-strong:var(--ink);--color-border:var(--line);--color-bg:var(--bg);--color-surface:var(--surface);--font-sans:var(--sans);--font-mono:var(--mono);--radius-sm:4px;--radius-md:4px;--radius-lg:8px;--header-height:56px;--panel-width:432px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:14px;line-height:1.5}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4,h5,h6{color:var(--ink);font-weight:600;line-height:1.25}p{margin:0}a{color:inherit;text-decoration:none}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}:focus-visible{outline:2px solid var(--clay);outline-offset:2px}.mono{font-family:var(--mono)}#root{flex-direction:column;height:100%;display:flex}body:has(.scroll-root){height:auto}:is(html:has(.scroll-root),body:has(.scroll-root)){overflow:visible}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--faint)}.grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(var(--bg-grid) 1px, transparent 1px), linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80% at 50% 35%,#000 30%,#0000 78%);mask-image:radial-gradient(80% 80% at 50% 35%,#000 30%,#0000 78%)}.btn{border-radius:var(--r);color:inherit;white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;gap:9px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .14s,border-color .14s,color .14s,transform .1s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--clay);color:#fff}.btn-primary:hover{background:var(--clay-deep)}.btn-ghost{color:var(--ink);font-family:var(--mono);font-size:13px}.btn-ghost:hover{color:var(--clay)}.btn-outline{background:var(--surface);border:1px solid var(--line-2);color:var(--ink)}.btn-outline:hover{border-color:var(--clay);color:var(--clay)}.btn-lg{padding:14px 24px;font-size:15px}.btn .arr{font-family:var(--mono)}.nav{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:oklch(98.6% .006 83/.85);align-items:center;gap:30px;padding:16px clamp(20px,5vw,56px);display:flex;position:sticky;top:0}.brand{font-family:var(--display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:24px;font-weight:700;display:flex}.brand .mark{flex:none;width:24px;height:24px;position:relative}.brand .mark:before{content:"";border:2px solid var(--clay);border-radius:3px;position:absolute;inset:0;transform:rotate(45deg)}.brand .mark:after{content:"";background:var(--clay);border-radius:1px;position:absolute;inset:7px}.nav-links{gap:28px;margin-left:10px;display:flex}.nav-links a{font-family:var(--mono);letter-spacing:.02em;color:var(--muted);font-size:12.5px}.nav-links a:hover{color:var(--clay)}.nav-right{align-items:center;gap:14px;margin-left:auto;display:flex}.scroll-root{background:var(--bg)}.hero{padding:clamp(44px,7vw,96px) clamp(20px,5vw,56px) clamp(36px,5vw,64px);position:relative;overflow:hidden}.hero-grid{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(32px,5vw,64px);max-width:1280px;margin:0 auto;display:grid;position:relative}.kicker{font-family:var(--mono);letter-spacing:.05em;color:var(--clay);align-items:center;gap:10px;margin-bottom:24px;font-size:12px;display:flex}.kicker:before{content:"";background:var(--clay);width:26px;height:1px}.hero h1{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(40px,5.4vw,66px);font-weight:600;line-height:1.04}.hero h1 em{color:var(--clay);font-style:italic}.hero p.lead{color:var(--ink-soft);max-width:32em;margin:26px 0 0;font-size:clamp(16px,1.4vw,19px)}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.trust-pills{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.trust-pills .tp{color:var(--ink-soft);border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);align-items:center;gap:8px;padding:8px 13px;font-size:13.5px;font-weight:500;display:inline-flex}.trust-pills .tp svg{color:var(--pine)}.readout{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden}.readout-head{border-bottom:1px solid var(--line);font-family:var(--mono);color:var(--muted);align-items:center;gap:10px;padding:12px 16px;font-size:11.5px;display:flex}.readout-head .live{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 3px var(--green-bg);border-radius:50%}.readout-head .id{color:var(--faint);margin-left:auto}.readout-map{aspect-ratio:5/4.2;background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), var(--panel);background-size:28px 28px;position:relative}.readout-map svg{position:absolute;inset:0}.wire-line{fill:none;stroke:var(--clay);stroke-width:1.6px}.wire-node{fill:var(--surface);stroke:var(--clay);stroke-width:1.6px}.wire-node.pass{stroke-dasharray:2 2}.wire-num{fill:var(--ink);font-family:var(--mono);text-anchor:middle;font-size:7px}.wire-coord{fill:var(--faint);font-family:var(--mono);font-size:6px}.readout-foot{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.readout-foot .cell{border-right:1px solid var(--line);padding:12px 14px}.readout-foot .cell:last-child{border-right:none}.readout-foot .k{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-size:9.5px}.readout-foot .v{font-family:var(--display);margin-top:3px;font-size:18px;font-weight:600}.section{padding:clamp(52px,7vw,92px) clamp(20px,5vw,56px);position:relative}.section-inner{z-index:1;max-width:1280px;margin:0 auto;position:relative}.section.bordered{border-top:1px solid var(--line)}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.sec-idx{font-family:var(--mono);color:var(--clay);font-size:12px}.sec-head h2{font-family:var(--display);letter-spacing:-.015em;max-width:16em;margin-top:12px;font-size:clamp(26px,3.2vw,40px);font-weight:600;line-height:1.06}.sec-head .sh-r{font-family:var(--mono);color:var(--muted);max-width:22em;font-size:12.5px}.features{border-top:1px solid var(--line-2);margin-top:46px}.feature{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr 1.3fr;align-items:start;gap:24px;padding:30px 8px;transition:background .14s;display:grid}.feature:hover{background:var(--panel)}.feature .fi{font-family:var(--mono);color:var(--clay);font-size:13px}.feature h3{font-family:var(--display);letter-spacing:-.01em;align-items:center;gap:12px;font-size:22px;font-weight:600;display:flex}.feature h3 svg{color:var(--clay)}.feature p{color:var(--ink-soft);font-size:15.5px}.steps{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:46px;display:grid}.step{background:var(--bg);padding:28px}.step .num{font-family:var(--mono);color:var(--clay);font-size:12px}.step h3{font-family:var(--display);letter-spacing:-.01em;margin:14px 0 8px;font-size:20px;font-weight:600}.step p{color:var(--ink-soft);font-size:15px}.spectable{border:1px solid var(--line-2);border-radius:var(--r-lg);margin-top:40px;overflow:hidden}.spectable .row{border-bottom:1px solid var(--line);grid-template-columns:50px 1.6fr 1fr 1fr 1fr 1fr;align-items:center;height:48px;padding:0 18px;font-size:14px;display:grid}.spectable .row.head{background:var(--panel);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);height:42px;font-size:10.5px}.spectable .row:last-child{border-bottom:none}.spectable .row:hover:not(.head){background:var(--clay-tint)}.spectable .idx{font-family:var(--mono);color:var(--clay);font-size:12px}.spectable .nm{font-weight:600;font-family:var(--display)}.spectable .nm small{color:var(--faint);font-weight:400;font-family:var(--sans);margin-left:8px}.spectable .snum{font-family:var(--mono);color:var(--ink-soft);font-size:13px}.spectable .load{align-items:center;gap:8px;display:inline-flex}.spectable .bar{background:var(--line);border-radius:2px;width:54px;height:5px;overflow:hidden}.spectable .bar i{height:100%;display:block}.load-easy{color:var(--green)}.bar .fe{background:var(--green)}.load-full{color:var(--amber)}.bar .ff{background:var(--amber)}.load-tight{color:var(--red)}.bar .ft{background:var(--red)}.collab{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(32px,5vw,56px);display:grid}.collab h2{font-family:var(--display);letter-spacing:-.018em;font-size:clamp(26px,3.2vw,40px);font-weight:600;line-height:1.08}.collab .sec-idx{margin-bottom:10px;display:block}.collab p{color:var(--ink-soft);max-width:32em;margin-top:14px;font-size:16.5px}.avatars{margin-top:24px;display:flex}.avatars span{border:3px solid var(--bg);color:#fff;width:42px;height:42px;font-size:14px;font-weight:700;font-family:var(--sans);border-radius:50%;place-items:center;margin-left:-12px;display:grid}.avatars span:first-child{margin-left:0}.note-line{color:var(--ink-soft);border-left:2px solid var(--clay);font-size:14px;font-family:var(--sans);padding:4px 0 4px 12px}.note-meta{font-family:var(--mono);color:var(--faint);margin-bottom:4px;font-size:11px}.ctaband{background:var(--ink);color:oklch(96% .01 150);position:relative;overflow:hidden}.ctaband .grid-bg{background-image:linear-gradient(oklch(100% 0 0/.05) 1px,#0000 1px),linear-gradient(90deg,oklch(100% 0 0/.05) 1px,#0000 1px);-webkit-mask-image:none;mask-image:none}.ctaband .section-inner{text-align:center}.ctaband h2{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(30px,4.2vw,52px);font-weight:600;line-height:1.02}.ctaband p{color:oklch(82% .02 150);max-width:34em;margin:16px auto 0;font-size:17px}.ctaband .hero-cta{justify-content:center}.ctaband .btn-outline{color:#fff;background:0 0;border-color:oklch(100% 0 0/.25)}.ctaband .btn-outline:hover{color:#fff;border-color:#fff}footer.foot{border-top:1px solid var(--line);font-family:var(--mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:20px;padding:30px clamp(20px,5vw,56px);font-size:12px;display:flex}footer.foot .foot-links{gap:22px;margin-left:auto;display:flex}footer.foot a:hover{color:var(--clay)}.auth{background:var(--bg);place-items:center;min-height:100vh;padding:40px 20px;display:grid;position:relative}.auth-card{z-index:1;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);width:100%;max-width:440px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.auth-card .ac-top{border-bottom:1px solid var(--line);font-family:var(--mono);color:var(--muted);align-items:center;gap:10px;padding:14px 18px;font-size:11px;display:flex}.auth-card .ac-top .live{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 3px var(--green-bg);border-radius:50%}.auth-card .ac-top .id{color:var(--faint);margin-left:auto}.auth-card .ac-body{padding:clamp(28px,4vw,44px)}.auth-card .ac-logo{font-family:var(--display);letter-spacing:.14em;text-transform:uppercase;text-align:center;font-size:30px;font-weight:700}.auth-card .ac-sub{text-align:center;color:var(--ink-soft);margin:14px 0 32px;font-size:15.5px}.auth-btns{flex-direction:column;gap:10px;display:flex}.gbtn{border-radius:var(--r);color:inherit;background:0 0;border:none;justify-content:center;align-items:center;gap:12px;padding:14px;font-size:15px;font-weight:600;display:flex}.gbtn-google{background:var(--surface);border:1px solid var(--line-2)}.gbtn-google:hover{border-color:var(--clay)}.gbtn-guest{background:var(--clay);color:#fff}.gbtn-guest:hover{background:var(--clay-deep)}.auth-fine{text-align:center;color:var(--muted);font-size:13px;line-height:1.6;font-family:var(--mono);margin-top:24px}.auth-back{z-index:2;font-family:var(--mono);color:var(--muted);background:0 0;border:none;align-items:center;gap:7px;font-size:12px;display:inline-flex;position:absolute;top:24px;left:24px}.auth-back:hover{color:var(--clay)}.dash-wrap{width:100%;max-width:1180px;margin:0 auto;padding:clamp(28px,4vw,48px) clamp(20px,4vw,40px) 80px}.dash-bar{border-bottom:1px solid var(--line-2);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:4px;padding-bottom:24px;display:flex}.dash-bar .db-l .k{font-family:var(--mono);color:var(--clay);font-size:12px}.dash-bar .db-l h2{font-family:var(--display);letter-spacing:-.02em;margin-top:8px;font-size:clamp(26px,3.4vw,38px);font-weight:600}.dash-bar .db-l p{color:var(--muted);margin-top:6px;font-size:14.5px}.routes-head{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--faint);grid-template-columns:96px 1.7fr 1fr 1fr 150px;align-items:center;gap:16px;margin-top:34px;padding:14px 18px;font-size:10.5px;display:grid}.route-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);grid-template-columns:96px 1.7fr 1fr 1fr 150px;align-items:center;gap:16px;padding:16px 18px;transition:border-color .14s,box-shadow .14s;display:grid}.route-row+.route-row{margin-top:10px}.route-row:hover{border-color:var(--line-2);box-shadow:var(--shadow)}.route-thumb{border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), var(--panel);background-size:14px 14px;width:96px;height:60px;position:relative;overflow:hidden}.route-thumb svg{position:absolute;inset:0}.route-thumb .tl{fill:none;stroke:var(--clay);stroke-width:1.4px}.route-thumb .tc{fill:var(--surface);stroke:var(--clay);stroke-width:1.4px}.route-meta{min-width:0}.route-meta h4{font-family:var(--display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:19px;font-weight:600;display:flex}.route-meta h4 .ttl{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.route-meta .tag{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--clay);border:1px solid var(--clay);border-radius:3px;flex:none;padding:2px 6px;font-size:10px}.route-meta .sub{font-family:var(--mono);color:var(--muted);margin-top:6px;font-size:12px}.route-col .k{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--faint);font-size:10px}.route-col .v{font-family:var(--display);margin-top:3px;font-size:18px;font-weight:600}.route-col .mini-avatars{margin-top:4px;display:flex}.route-col .mini-avatars span,.route-col .mini-avatars img{border:2px solid var(--surface);color:#fff;width:24px;height:24px;font-size:9px;font-weight:700;font-family:var(--sans);border-radius:50%;place-items:center;margin-left:-7px;display:grid}.route-col .mini-avatars span:first-child,.route-col .mini-avatars img:first-child{margin-left:0}.route-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.icon-btn{border-radius:var(--r);width:36px;height:36px;color:var(--muted);background:0 0;border:1px solid #0000;place-items:center;transition:background .14s,color .14s,border-color .14s;display:grid}.icon-btn:hover{background:var(--panel);color:var(--ink);border-color:var(--line)}.icon-btn.danger:hover{color:var(--red);background:var(--red-bg)}.icon-btn.star.on{color:var(--clay)}.dash-empty{text-align:center;color:var(--muted);font-size:14px;font-family:var(--mono);padding:60px 0}.acct{border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);white-space:nowrap;color:var(--ink);align-items:center;gap:9px;padding:6px 12px 6px 6px;font-size:13.5px;font-weight:600;display:flex}.acct:hover{border-color:var(--clay)}.acct .av{background:var(--clay);color:#fff;width:26px;height:26px;font-size:11px;font-weight:700;font-family:var(--mono);border-radius:3px;flex:none;place-items:center;display:grid;overflow:hidden}.acct .av img{object-fit:cover;width:100%;height:100%}.app-shell{background:var(--bg);flex-direction:column;height:100%;display:flex;overflow:hidden}.app-header{min-height:var(--header-height);background:var(--surface);border-bottom:1px solid var(--line-2);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:9px clamp(14px,2vw,20px);display:flex}.app-title{font-family:var(--display);color:var(--ink);white-space:nowrap;letter-spacing:-.01em;font-size:20px;font-weight:700}.app-header-toolbar{flex-shrink:0;align-items:center;gap:9px;display:flex}.planner-title{flex-direction:column;min-width:0;line-height:1.2;display:flex}.planner-title .t{font-family:var(--display);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600;overflow:hidden}.planner-title .s{font-family:var(--mono);color:var(--faint);font-size:11px}.pt-back{border-radius:var(--r);width:36px;height:36px;color:var(--ink-soft);border:1px solid var(--line);background:var(--surface);flex:none;place-items:center;display:grid}.pt-back:hover{border-color:var(--clay);color:var(--clay)}.date-field{border:1px solid var(--line-2);border-radius:var(--r);font-family:var(--mono);color:var(--ink-soft);background:var(--surface);align-items:center;gap:9px;padding:6px 11px;font-size:13px;display:flex}.date-field .lbl{letter-spacing:.05em;text-transform:uppercase;color:var(--faint);font-size:9.5px}.date-field input{font-family:var(--mono);color:var(--ink-soft);background:0 0;border:none;outline:none;padding:0;font-size:13px}.chip-btn{border:1px solid var(--line-2);border-radius:var(--r);color:var(--ink-soft);background:var(--surface);align-items:center;gap:8px;padding:8px 14px;font-size:13.5px;font-weight:600;display:inline-flex}.chip-btn:hover{border-color:var(--clay);color:var(--clay)}.chip-btn.fav{color:var(--clay);border-color:var(--clay);background:var(--clay-tint)}.error-banner{background:var(--red-bg);border-bottom:1px solid var(--red);color:var(--red);font-family:var(--mono);z-index:9;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:9px clamp(14px,2vw,20px);font-size:12.5px;display:flex}.error-banner__message{flex:1;min-width:0}.error-banner__dismiss{color:inherit;border-radius:var(--r);background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:18px;line-height:1;transition:background .15s}.error-banner__dismiss:hover{background:oklch(0% 0 0/.06)}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}.left-panel{width:var(--panel-width);background:var(--bg);flex-direction:column;flex-shrink:0;gap:0;display:flex;position:relative;overflow:hidden auto}.panel-section{border-bottom:1px solid var(--line);padding:0}.panel-section:last-child{border-bottom:none}.left-panel-wrapper{border-right:1px solid var(--line-2);flex-direction:row;flex-shrink:0;display:flex;position:relative}.panel-resize-handle{cursor:col-resize;z-index:20;background:0 0;flex-shrink:0;width:5px;height:100%;transition:background .15s;position:absolute;top:0;right:0}.panel-resize-handle:hover,.panel-resize-handle--dragging{background:var(--clay);opacity:.35}.map-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.side-head{border-bottom:1px solid var(--line);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--faint);justify-content:space-between;align-items:center;padding:12px 18px;font-size:10.5px;display:flex}.side-head .add{color:var(--clay);background:0 0;border:none;align-items:center;gap:6px;display:inline-flex}.side-head .add:hover{color:var(--clay-deep)}.stop{border-bottom:1px solid var(--line);background:var(--bg);padding:14px 18px;position:relative}.stop:hover{background:var(--surface)}.stop.editing{box-shadow:inset 3px 0 0 var(--green)}.stop-clickable{cursor:pointer}.stop-clickable:focus-visible{outline:2px solid var(--clay);outline-offset:-2px}.stop-extra-strip{background:var(--clay);opacity:.4;z-index:1;pointer-events:none;border-radius:3px;width:4px;transition:opacity .15s,width .15s;position:absolute;top:8px;bottom:8px;right:5px}.stop-clickable:hover .stop-extra-strip{opacity:.85;width:5px}.stop.extra-open .stop-extra-strip{opacity:1;width:5px;box-shadow:-2px 0 8px oklch(60.5% .132 47/.35)}.stop.extra-open{background:var(--surface);box-shadow:inset 3px 0 0 var(--clay)}.stop-details-hint{letter-spacing:.03em}.stop-row{align-items:center;gap:12px;display:flex}.grip{color:var(--faint);cursor:grab;touch-action:none;flex:none;place-items:center;display:grid}.pin{border-radius:var(--r);background:var(--clay);color:#fff;width:26px;height:26px;font-family:var(--mono);cursor:pointer;border:none;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid}.stop.passthrough .pin{background:var(--surface);color:var(--clay);border:1px dashed var(--clay)}.stop.daytrip .pin{background:var(--violet)}.stop .name{flex:1;min-width:0}.stop .name .n{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;display:block;overflow:hidden}.stop.passthrough .name .n,.stop.daytrip .name .n{color:var(--ink-soft)}.stop .name .r{font-family:var(--mono);color:var(--faint);white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.nights{border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);flex:none;align-items:center;display:flex;overflow:hidden}.nstep{width:26px;height:28px;color:var(--ink-soft);background:var(--surface);border:none;place-items:center;display:grid}.nstep:hover:not(:disabled){background:var(--clay);color:#fff}.nstep:disabled{color:var(--faint);cursor:default}.nval{text-align:center;width:34px;font-family:var(--mono);padding:2px 0;font-size:14px;font-weight:600;line-height:1.1}.nval small{color:var(--faint);letter-spacing:.04em;margin-top:-2px;font-size:9px;display:block}.xbtn{color:var(--faint);border-radius:var(--r);background:0 0;border:none;flex:none;place-items:center;width:24px;height:24px;display:grid}.xbtn:hover{color:var(--red);background:var(--red-bg)}.stop-sub{margin-top:11px;margin-left:38px}.stop-note{color:var(--ink-soft);font-size:13px;font-family:var(--mono);border-left:2px solid var(--clay);padding:2px 0 2px 12px}.stop-note-input{width:100%;font-family:var(--mono);border-radius:var(--r);border:1px solid var(--line-2);color:var(--ink-soft);background:var(--surface);resize:none;outline:none;padding:6px 10px;font-size:13px}.stop-note-input:focus-visible{outline:2px solid var(--clay);outline-offset:1px;border-color:var(--clay)}.trip-notes{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);margin:10px 16px 4px;padding:10px 12px}.trip-notes__head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.trip-notes__title{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:11px}.tn-mode{font-family:var(--mono);color:var(--clay-deep);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:11px}.tn-mode:hover{background:var(--clay-tint)}.trip-notes__empty{font-family:var(--mono);color:var(--faint);font-size:12px}.trip-notes__toolbar{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:6px;display:flex}.tn-tool{font-family:var(--mono);color:var(--ink-soft);background:var(--surface);border:1px solid var(--line-2);cursor:pointer;border-radius:5px;padding:3px 7px;font-size:11.5px;line-height:1.1}.tn-tool:hover{border-color:var(--clay);color:var(--clay)}.tn-sep{background:var(--line);align-self:stretch;width:1px;margin:0 2px}.trip-notes__textarea{width:100%;font-family:var(--mono);border-radius:var(--r);border:1px solid var(--line-2);color:var(--ink-soft);background:var(--surface);resize:vertical;outline:none;padding:8px 10px;font-size:13px;line-height:1.5}.trip-notes__textarea:focus{border-color:var(--clay)}.trip-notes__textarea:focus-visible{outline:2px solid var(--clay);outline-offset:1px}.trip-notes__preview{border-top:1px dashed var(--line);margin-top:8px;padding-top:6px}.trip-notes__preview-label{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin-bottom:4px;font-size:10px}.trip-notes__rendered{color:var(--ink);word-break:break-word;font-size:13.5px;line-height:1.55}.trip-notes__rendered p{margin:0 0 8px}.trip-notes__rendered p:last-child{margin-bottom:0}.trip-notes__rendered h3{font-family:var(--display);margin:4px 0 6px;font-size:16px}.trip-notes__rendered h4{font-family:var(--display);margin:4px 0 5px;font-size:14px}.trip-notes__rendered ul,.trip-notes__rendered ol{margin:0 0 8px;padding-left:20px}.trip-notes__rendered li{margin:2px 0}.trip-notes__rendered a{color:var(--clay);text-decoration:underline}.trip-notes__rendered a:hover{color:var(--clay-deep)}.stop-addnote{font-family:var(--mono);color:var(--faint);background:0 0;border:none;padding:0;font-size:11px;display:inline-block}.stop-addnote:hover{color:var(--clay)}.stop .tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tag-b{font-family:var(--mono);border:1px solid var(--line-2);color:var(--muted);background:var(--surface);border-radius:3px;padding:3px 9px;font-size:10.5px}.tag-b.on{background:var(--clay-tint);border-color:var(--clay);color:var(--clay-deep)}.tag-b.on.violet{background:var(--violet-bg);border-color:var(--violet);color:var(--violet)}.stop-indent{box-shadow:inset 2px 0 0 var(--clay-tint)}.seg{align-items:center;gap:12px;padding:8px 18px 8px 56px;display:flex;position:relative}.seg .rail{background:var(--line-2);flex:none;width:1px;height:14px}.seg .leg{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:12px}.seg .bar{background:var(--line);border-radius:2px;flex:none;width:50px;height:4px;overflow:hidden}.seg .bar i{background:var(--muted);width:45%;height:100%;display:block}.seg.easy .bar i{background:var(--green);width:45%}.seg.full .bar i{background:var(--amber);width:72%}.seg.tight .bar i{background:var(--red);width:100%}.seg.daytrip .bar i{background:var(--violet);width:60%}.seg .flag{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:3px;margin-left:auto;padding:2px 7px;font-size:9.5px}.seg.tight .flag{background:var(--red-bg);color:var(--red)}.seg .flag.ferry{background:var(--clay-tint);color:var(--clay)}.seg .flag.pass{background:var(--panel);color:var(--muted)}.seg .flag.daytrip{background:var(--violet-bg);color:var(--violet)}.seg .total{font-family:var(--mono);color:var(--faint);white-space:nowrap;font-size:10px}.seg-insert{border-radius:var(--r);background:var(--clay);color:#fff;opacity:0;border:none;place-items:center;width:22px;height:22px;transition:opacity .15s;display:grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.seg:hover .seg-insert{opacity:1}.planner-stats{border-top:1px solid var(--line-2);background:var(--surface);flex-wrap:wrap;flex:none;align-items:stretch;display:flex}.planner-stats .stat{border-right:1px solid var(--line);padding:10px clamp(14px,2vw,20px)}.planner-stats .stat.clickable{cursor:pointer}.planner-stats .stat.clickable:hover{background:var(--panel)}.planner-stats .stat .k{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--faint);white-space:nowrap;font-size:9.5px}.planner-stats .stat .v{font-family:var(--display);white-space:nowrap;color:var(--ink);align-items:center;gap:6px;margin-top:3px;font-size:19px;font-weight:600;display:flex}.planner-stats .stat .v small{font-family:var(--mono);color:var(--muted);font-size:.62em;font-weight:400}.planner-map,.map-canvas-wrap{flex:1;min-height:0;position:relative;overflow:hidden}.maplibregl-map{font-family:var(--sans)!important}.rmark{background:var(--clay);color:#fff;width:27px;height:27px;font-family:var(--mono);cursor:pointer;border:2px solid #fff;border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid;box-shadow:0 1px 4px oklch(20% .05 60/.5)}.rmark.pass{color:var(--clay);border-color:var(--clay);background:#fff}.rmark.daytrip{background:var(--violet)}.rmark.start{background:var(--ink)}.map-overlay{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow);background:oklch(100% 0 0/.95);width:248px;position:absolute;top:14px;left:14px;overflow:hidden}.map-overlay .mo-h{border-bottom:1px solid var(--line);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;padding:10px 14px;font-size:10.5px;display:flex}.map-overlay .mo-h .live{background:var(--green);border-radius:50%;width:6px;height:6px}.map-overlay .mo-b{padding:12px 14px}.map-overlay .mo-t{font-family:var(--display);font-size:16px;font-weight:600}.map-overlay .mo-row{gap:18px;margin-top:12px;display:flex}.map-overlay .mo-row .k{font-family:var(--mono);text-transform:uppercase;color:var(--faint);font-size:9px}.map-overlay .mo-row .v{font-family:var(--display);white-space:nowrap;margin-top:2px;font-size:15px;font-weight:600}.detail-drawer{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-right:1px solid var(--line-2);border-top-right-radius:var(--r-lg);border-bottom-right-radius:var(--r-lg);width:320px;max-width:86vw;height:100%;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;visibility:hidden;background:oklch(100% 0 0/.98);flex-direction:column;transition:transform .22s cubic-bezier(.2,.8,.3,1),opacity .22s,visibility 0s linear .22s;display:flex;position:absolute;top:0;left:100%;transform:translate(-100%)}.detail-drawer.open{opacity:1;pointer-events:auto;visibility:visible;transition:transform .24s cubic-bezier(.2,.8,.3,1),opacity .18s,visibility;transform:translate(0)}.detail-drawer .db-head{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:9px;padding:12px 14px;display:flex}.detail-drawer .db-pin{border-radius:var(--r);background:var(--clay);color:#fff;width:22px;height:22px;font-family:var(--mono);flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}.detail-drawer .db-title{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.detail-drawer .db-head .x{color:var(--faint);cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1}.detail-drawer .db-head .x:hover{color:var(--ink)}.detail-drawer .db-body{flex-direction:column;flex:1;gap:12px;min-height:0;padding:12px 14px;display:flex;overflow-y:auto}.detail-drawer .db-section{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:10px}.detail-drawer .db-label{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin-bottom:4px;font-size:9.5px}.detail-drawer .db-text{font-family:var(--mono);color:var(--ink-soft);white-space:pre-wrap;font-size:12px;line-height:1.5}.cmt-list{flex-direction:column;gap:12px;display:flex}.cmt-empty{font-family:var(--mono);color:var(--faint);font-size:11.5px}.cmt{align-items:flex-start;gap:8px;display:flex}.cmt-replies{border-left:2px solid var(--line);flex-direction:column;gap:10px;margin-top:10px;padding-left:14px;display:flex}.cmt-main{flex:1;min-width:0}.cmt-meta{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.cmt-author{font-family:var(--display);color:var(--ink);font-size:12.5px;font-weight:600}.cmt-time{font-family:var(--mono);color:var(--faint);font-size:9.5px}.cmt-body{font-family:var(--mono);color:var(--ink-soft);white-space:pre-wrap;word-break:break-word;margin-top:2px;font-size:12px;line-height:1.5}.cmt-actions{gap:10px;margin-top:3px;display:flex}.cmt-action{font-family:var(--mono);color:var(--faint);cursor:pointer;background:0 0;border:none;padding:0;font-size:10px}.cmt-action:hover{color:var(--clay)}.cmt-action.danger:hover{color:var(--red)}.cmt-compose{flex-direction:column;gap:6px;margin-top:12px;display:flex}.cmt-compose.reply{margin-top:8px}.cmt-compose-row{justify-content:flex-end;gap:8px;display:flex}.cmt-send{font-family:var(--mono);border-radius:var(--r);background:var(--clay);color:#fff;cursor:pointer;border:none;padding:5px 12px;font-size:11px}.cmt-send:disabled{background:var(--line-2);cursor:default}.cmt-cancel{font-family:var(--mono);border-radius:var(--r);border:1px solid var(--line-2);background:var(--surface);color:var(--muted);cursor:pointer;padding:5px 10px;font-size:11px}.bench-panel{border-top:1px solid var(--line);background:var(--bg)}.bench-header{cursor:pointer;width:100%;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--faint);background:0 0;border:none;justify-content:space-between;align-items:center;padding:11px 18px;font-size:10.5px;display:flex}.bench-header:hover{color:var(--muted)}.bench-header-title{align-items:center;gap:8px;display:inline-flex}.bench-count{font-family:var(--mono);color:var(--muted);background:var(--surface);border:1px solid var(--line-2);border-radius:10px;padding:1px 7px;font-size:10px;font-weight:700}.bench-chevron{color:var(--faint);font-size:10px}.bench-list{flex-direction:column;gap:10px;max-height:320px;padding:0 14px 12px;display:flex;overflow-y:auto}.bench-entry{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:10px 12px}.bench-entry-head{align-items:flex-start;gap:8px;display:flex}.bench-name{font-family:var(--display);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.bench-meta{font-family:var(--mono);color:var(--muted);align-items:center;gap:6px;margin-top:3px;font-size:10.5px;display:flex}.bench-restore{font-family:var(--mono);border-radius:var(--r);border:1px solid var(--clay);background:var(--clay-tint);color:var(--clay-deep);cursor:pointer;flex:none;padding:5px 10px;font-size:11px}.bench-restore:hover{background:var(--clay);color:#fff}.bench-entry-actions{gap:14px;margin-top:8px;display:flex}.bench-link{font-family:var(--mono);color:var(--faint);cursor:pointer;background:0 0;border:none;padding:0;font-size:10.5px}.bench-link:hover{color:var(--clay)}.bench-link.danger:hover{color:var(--red)}.bench-thread{border-top:1px dashed var(--line);margin-top:10px;padding-top:10px}@media (width<=768px){.detail-drawer{border-radius:0;width:100%;max-width:100%;left:0}}.map-loading-indicator{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r);font-family:var(--mono);color:var(--ink-soft);box-shadow:var(--shadow);pointer-events:none;z-index:5;align-items:center;gap:8px;padding:7px 12px;font-size:12px;animation:.15s ease-out map-loading-in;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.map-loading-indicator:after{content:"Updating route…"}@keyframes map-loading-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.spinner{border:2px solid var(--line);border-top-color:var(--clay);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:oklch(20% .03 150/.4);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);width:100%;max-width:560px;max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.modal-head{border-bottom:1px solid var(--line);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;padding:14px 18px;font-size:11.5px;display:flex}.modal-head .live{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 3px var(--green-bg);border-radius:50%}.modal-head .x{color:var(--faint);background:0 0;border:none;margin-left:auto;font-size:20px;line-height:1}.modal-head .x:hover{color:var(--ink)}.modal-body{padding:18px 20px;overflow-y:auto}@media (width<=980px){.hero-grid{grid-template-columns:1fr}.feature{grid-template-columns:40px 1fr}.feature p{grid-column:2}.steps{grid-template-columns:1fr}.spectable .row{grid-template-columns:40px 1.4fr 1fr 1fr}.spectable .row>:nth-child(5),.spectable .row>:nth-child(6),.nav-links,.routes-head{display:none}.route-row{grid-template-columns:80px 1fr}.route-col,.route-actions{display:none}.collab{grid-template-columns:1fr}}@media (width<=768px){.app-body{flex-direction:column;overflow-y:auto}.left-panel-wrapper{border-right:none;width:100%}.left-panel{border-bottom:1px solid var(--line-2);overflow-y:visible;width:100%!important}.map-area{flex:none;height:50vh;min-height:300px}.panel-resize-handle{display:none}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.flex-center{justify-content:center;align-items:center;display:flex}.text-muted{color:var(--muted)}.text-danger{color:var(--red)}.text-success{color:var(--green)}.text-warning{color:var(--amber)}.text-primary{color:var(--clay)}