:root{--bg: #FBF4F6;--panel: #ffffff;--ink: #3A2A30;--muted: #7D6A71;--line: #EED9E1;--accent: #AD5F6A;--accent-soft: #F6E4EA;--surface: #ffffff;--on-accent: #ffffff;--danger: #b91c1c;--transit-bg: #eef2f7;--warn-bg: #fef3c7;--warn-ink: #78350f;--warn-soft: #fffbeb;--danger-soft: #fef2f2;--ok-soft: #f8faf8;--info-soft: #dbeafe;--radius: 10px;font-family:Inter,system-ui,-apple-system,Segoe UI,Noto Sans Thai,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}:root[data-mode=dark]{color-scheme:dark;--danger: #f87171;--transit-bg: color-mix(in srgb, var(--surface) 82%, #6d8fc7);--warn-bg: #3d3014;--warn-ink: #fcd34d;--warn-soft: #2b2414;--danger-soft: #3b1d1d;--ok-soft: #1a2a1f;--info-soft: #1e2a44}[data-mode=dark] .leaflet-bar a{background:var(--surface);color:var(--ink);border-color:var(--line)}[data-mode=dark] .leaflet-control-attribution{background:color-mix(in srgb,var(--panel) 85%,transparent)!important;color:var(--muted)}[data-mode=dark] .leaflet-control-attribution a{color:var(--accent)}[data-mode=dark] .leaflet-container{background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,select{font:inherit;color:inherit}.loading{display:grid;place-items:center;height:100%;color:var(--muted)}.app{--sidebar-w: clamp(560px, 40vw, 800px);display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100%}.sidebar{display:flex;flex-direction:column;gap:14px;padding:16px;overflow-y:auto;background:var(--panel);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px}.brand__logo{display:inline-grid;place-items:center;background:var(--accent);border-radius:8px;overflow:hidden;line-height:0}.brand__logo img{display:block;width:32px;height:32px}.brand__name{font-weight:700;font-size:17px;letter-spacing:-.01em}.brand__provider{margin-left:auto;font-size:11px;padding:3px 8px;border-radius:99px;background:var(--accent-soft);color:var(--accent);font-weight:600}.row{display:flex;gap:8px;align-items:center}.row--tight{gap:4px}input[type=text],input[type=search],input[type=date],input[type=time],input:not([type]),select{border:1px solid var(--line);border-radius:8px;padding:7px 9px;background:var(--surface);min-width:0}input[type=date]{max-width:160px}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn{border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);border-radius:8px;padding:7px 12px;cursor:pointer;font-weight:600;white-space:nowrap}.btn--ghost{background:transparent;color:var(--muted);border-color:transparent;padding:4px 8px;font-weight:500}.btn--ghost:hover{background:var(--bg);color:var(--ink)}.btn--danger:hover{color:var(--danger)}.trip-delete{display:flex;justify-content:center;padding:4px 0 8px}.btn--danger-outline{background:transparent;color:var(--danger);border-color:var(--danger);font-weight:600}.btn--danger-outline:hover{background:var(--danger-soft)}.icon-btn{border:1px solid var(--line);background:var(--surface);border-radius:6px;width:28px;height:28px;cursor:pointer;display:grid;place-items:center;flex:none}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn--danger:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.trip{display:flex;flex-direction:column;gap:8px}.trip__select{flex:1}.trip__name{font-size:20px;font-weight:700;border-color:transparent!important;padding:4px 2px!important}.trip__name:hover{border-color:var(--line)!important}.days{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:10px}.day-tab{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:5px 12px;cursor:pointer}.day-tab.is-active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.day-tab--add{border-style:dashed;color:var(--muted)}.day{display:flex;flex-direction:column;gap:6px}.day__label{flex:1;font-weight:600}.day__date{width:145px}.day__totals{color:var(--muted);font-size:13px}.search{position:relative}.search__input{width:100%;padding:10px 12px!important;font-size:15px}.search__spinner{position:absolute;right:12px;top:12px;width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search__error{color:var(--danger);font-size:12px;margin-top:4px}.search__results{position:absolute;z-index:1000;left:0;right:0;top:calc(100% + 4px);list-style:none;margin:0;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 10px 30px #0000001f;max-height:320px;overflow-y:auto}.search__results li{padding:8px 10px;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.search__results li span{color:var(--muted);font-size:12px}.search__results li.is-active{background:var(--accent-soft)}.stops{display:flex;flex-direction:column}.empty{color:var(--muted);text-align:center;padding:24px 8px}.stop{display:flex;gap:10px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.stop.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.stop__badge{flex:none;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px}.stop__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.stop__name{all:unset;cursor:pointer;font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stop__name:hover{color:var(--accent)}.stop__addr{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stop__fields{display:flex;gap:6px;margin-top:4px}.stop__fields input[type=time]{width:96px;flex:none;padding:4px 6px}.stop__fields input[type=text]{flex:1;padding:4px 8px}.stop__actions{display:flex;flex-direction:column;gap:4px}.leg{display:flex;gap:10px;padding:0 10px}.leg__line{width:26px;flex:none;position:relative}.leg__line:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:2px dotted var(--line)}.leg__body{flex:1;min-width:0;padding:8px 0;display:flex;flex-direction:column;gap:6px}.leg__modes{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.leg__modes::-webkit-scrollbar{display:none}@media (hover: hover){.leg__modes{scrollbar-width:thin;padding-bottom:2px}}.leg__modes .chip{flex:none}.scroll-hint{position:sticky;right:0;z-index:1;flex:none;align-self:stretch;width:36px;margin-left:-36px;display:flex;align-items:center;justify-content:flex-end;padding-right:2px;font-size:22px;font-weight:700;line-height:1;color:var(--accent);cursor:pointer;background:linear-gradient(to right,transparent,var(--panel) 65%)}.scroll-hint--left{left:0;right:auto;margin-left:0;margin-right:-36px;justify-content:flex-start;padding:0 0 0 2px;background:linear-gradient(to left,transparent,var(--panel) 65%)}.app--travel .scroll-hint{background:linear-gradient(to right,transparent,var(--bg) 65%)}.app--travel .scroll-hint--left{background:linear-gradient(to left,transparent,var(--bg) 65%)}.leg__nav{display:flex}.leg__nav .navlinks{margin-left:0;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:3px 8px;font-size:12px;cursor:pointer;white-space:nowrap}.chip:disabled{opacity:.4;cursor:not-allowed}.chip.is-selected{color:#fff;border-color:transparent}.chip--drive.is-selected{background:#0f766e}.chip--motorbike.is-selected{background:#b45309}.chip--bicycle.is-selected{background:#4d7c0f}.chip--walk.is-selected{background:#7c3aed}.chip--transit.is-selected{background:#be123c}.leg__summary{font-size:12px}.muted{color:var(--muted)}.error{color:var(--danger)}.attribution{margin-top:auto;padding-top:12px;font-size:11px;color:var(--muted)}.map-wrap{position:relative;min-height:0}.map{height:100%;width:100%}.map--message{display:grid;place-items:center;color:var(--muted);padding:24px;text-align:center}.pin-wrap{background:none;border:none}.pin{width:30px;height:30px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--accent);border:2px solid #fff;box-shadow:0 2px 6px #00000059;display:grid;place-items:center}.pin span{transform:rotate(45deg);color:#fff;font-weight:700;font-size:12px}.pin--selected{background:var(--ink)}@media (max-width: 800px){.app{grid-template-columns:1fr;grid-template-rows:42vh 1fr}.map-wrap{grid-row:1}.sidebar{grid-row:2;border-right:none;border-top:1px solid var(--line)}}h3{margin:0;font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px}.small{font-size:12px}.grow{flex:1;min-width:0}.row--wrap{flex-wrap:wrap}.warn{color:#b45309;font-size:12px}.tag{display:inline-block;font-style:normal;font-weight:500;font-size:11px;text-transform:capitalize;padding:1px 6px;border-radius:99px;background:var(--bg);color:var(--muted);margin-left:6px}.count{font-size:11px;font-weight:600;padding:0 6px;border-radius:99px;min-width:18px;text-align:center;background:var(--accent-soft);color:var(--accent)}.dot{width:10px;height:10px;border-radius:50%;flex:none}.btn:disabled{opacity:.45;cursor:default}.btn--small{padding:3px 8px;font-size:12px}input[type=number],input[type=datetime-local]{border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:var(--surface);min-width:0}.trip__dates{margin-right:auto}.tabs{display:flex;border-bottom:1px solid var(--line);gap:2px}.tab{flex:1;border:none;background:none;padding:8px 4px;cursor:pointer;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;display:flex;align-items:center;justify-content:center;gap:6px}.tab.is-active{color:var(--ink);border-bottom-color:var(--accent)}.tab{min-width:0}.tab .count{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.budget-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}.budget-row:last-of-type{border-bottom:none}.budget-row__what{flex:1;min-width:0}.budget-row__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.budget-sub{font-size:12px;font-weight:600;color:var(--muted);margin-top:8px}.budget-amount{font-variant-numeric:tabular-nums}.budget-cardtotal{font-size:12px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;align-self:center;padding:0 8px;white-space:nowrap}.money{display:inline-flex;align-items:center;gap:4px;flex:none}.money input.money__amount[type=number]{width:96px;text-align:right;font-variant-numeric:tabular-nums}.money input.money__amount--wide[type=number]{width:140px}.money__cur{font-size:12px;padding:5px 4px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.money__unit{font-size:12px;color:var(--muted)}.budget-rate{display:flex;align-items:center;gap:6px;font-size:13px;padding:4px 0}.budget-rate input.money__amount[type=number]{width:110px;text-align:right;font-variant-numeric:tabular-nums}.budget-other__conv{text-align:right}.booking-cost{flex-wrap:wrap}.booking-cost__toggle{align-self:flex-start;color:var(--accent)}.settings__currency{align-self:flex-start}.budget-total{margin-top:10px}.budget-total__spent{font-family:var(--heading, inherit);font-size:26px;font-weight:800;font-variant-numeric:tabular-nums}.budget-bar{height:10px;border-radius:99px;background:var(--accent-soft);overflow:hidden;margin:6px 0 4px}.budget-bar>div{height:100%;border-radius:99px;background:var(--accent)}.budget-bar--over>div{background:#d97706}.budget-over{color:var(--warn-ink);background:var(--warn-bg);border-radius:8px;padding:4px 8px;font-size:12px;font-weight:600;align-self:flex-start}.budget-cats{display:flex;flex-direction:column;gap:6px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.budget-cat{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(40px,1fr) auto;gap:8px;align-items:center;font-size:13px}.budget-cat__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.budget-cat__bar{height:6px;border-radius:99px;background:var(--accent-soft);overflow:hidden}.budget-cat__bar>span{display:block;height:100%;background:var(--accent);border-radius:99px}.budget-cat__amount{font-variant-numeric:tabular-nums;text-align:right}.budget-other{margin-bottom:8px}.budget-other select{flex:0 1 auto;min-width:0}.budget-other input[type=text]{min-width:0}.checklist__tally{font-size:12px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;align-self:center;padding:0 8px}.checklist__bar{height:6px;border-radius:99px;background:var(--line);overflow:hidden}.checklist__bar>div{height:100%;border-radius:99px;background:#16a34a;transition:width .2s}.checklist__items{list-style:none;margin:0;padding:0}.checklist__item{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--line)}.checklist__item:last-child{border-bottom:none}.checklist__item input[type=checkbox]{flex:none;width:20px;height:20px;margin:0;accent-color:#16a34a;cursor:pointer}.checklist__what{flex:1;min-width:0;display:flex;flex-direction:column}.checklist__who{display:flex;align-items:center;gap:6px;padding:0 6px 2px;font-size:11px;color:#16a34a;font-weight:600;min-width:0}.checklist__who>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checklist__faces{display:inline-flex;flex:none}.checklist__face{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;overflow:hidden;margin-left:-5px;background:#16a34a;color:#fff;font-size:10px;font-weight:700;border:1.5px solid var(--surface)}.checklist__face:first-child{margin-left:0}.checklist__face img{width:100%;height:100%;object-fit:cover}.checklist__text{width:100%;min-width:0;border-color:transparent!important;background:transparent!important;padding:5px 6px}.checklist__text:hover,.checklist__text:focus{border-color:var(--line)!important}.checklist__item.is-done .checklist__text{color:var(--muted);text-decoration:line-through}.checklist__add input{min-width:0}.checklist__reset{align-self:flex-start}.checklist__private{flex:none;font-size:11px;font-weight:600;padding:1px 7px;border-radius:99px;white-space:nowrap;background:var(--accent-soft);color:var(--accent)}.checklist__item input:disabled{opacity:1;cursor:default}.checklist__scope{flex:none;width:auto;padding:5px 6px;font-size:13px}.paid-toggle{flex:none;border:1px dashed var(--line);background:var(--surface);color:var(--muted);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.paid-toggle:hover:not(:disabled){border-color:#16a34a;color:#16a34a}.paid-toggle.is-paid{border-style:solid;border-color:#16a34a;background:#16a34a;color:#fff}.paid-toggle:disabled{cursor:default}.budget-paid{margin:8px 0 4px}.budget-paid__bar{height:6px;border-radius:99px;background:var(--line);overflow:hidden}.budget-paid__bar>div{height:100%;border-radius:99px;background:#16a34a}.budget-paid__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-top:4px;font-size:12px;color:var(--muted)}.budget-paid__row b{color:var(--ink);font-variant-numeric:tabular-nums}.budget-paid__dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--line);vertical-align:middle}.budget-paid__dot--paid{background:#16a34a}.setup,.places,.daypanel,.budget,.checklist{display:flex;flex-direction:column;gap:12px}.card{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:var(--radius);padding:12px}.field{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--muted)}.field input,.field select{color:var(--ink);font-size:13px}.field input[type=number]{width:62px;padding:4px 6px}.field--stack{flex-direction:column;align-items:stretch;flex:1;gap:2px}.check{display:flex;align-items:center;gap:6px;font-size:13px}.seg{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.seg button{flex:1;border:none;background:var(--surface);padding:6px;cursor:pointer}.seg button.is-on{background:var(--ink);color:var(--bg)}.dest{display:flex;gap:4px;align-items:center}.dest input{flex:1;padding:5px 7px}.assign{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:13px}.daymap{list-style:none;margin:0;padding:0;display:grid;gap:4px}.daymap li{display:flex;align-items:center;gap:8px}.daymap__day{flex:1;font-size:13px}.daymap__day em{color:var(--muted);font-style:normal}.daymap select{padding:3px 6px;border-width:2px}.booking{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:8px;background:var(--bg)}.booking input,.booking select{background:var(--surface)}.endpoint{display:flex;flex-direction:column;gap:4px}.endpoint__terminal,.carrier{width:90px}.locfield{display:flex;align-items:center;gap:4px;font-size:12px}.locfield .search{flex:1}.locfield__ok{color:var(--accent);font-weight:600}.locfield__missing{color:var(--muted)}.search{display:flex;flex-direction:column;gap:6px}.search__box{position:relative}.search--compact .search__input{padding:6px 9px!important;font-size:13px}.search--compact .search__spinner{top:8px}.filters{display:flex;flex-wrap:wrap;gap:4px}.chip--on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.wishlist,.clusters{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.wish{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:grab}.wish.is-selected{border-color:var(--accent)}.wish__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.wish select{width:92px;padding:3px 4px;font-size:12px}.clusters li{display:flex;gap:8px;align-items:flex-start}.clusters select{width:130px;padding:3px 4px;font-size:12px}.clusters .dot{margin-top:4px}.card--wish{padding:8px 12px}.card__toggle{all:unset;cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:700}.card__chev{margin-left:auto;color:var(--muted)}.day-tab{border-width:2px}.day-tab small{opacity:.75;font-size:11px}.day-tab.is-active{color:#fff}.day__meta{gap:6px;font-size:13px}.day__meta select{padding:4px 6px}.day__meta input[type=time]{padding:3px 5px}.timeline{display:flex;flex-direction:column;min-height:60px}.addgap{position:relative;display:flex;justify-content:center;align-items:center;height:16px;margin:1px 0}.addgap:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed var(--line);opacity:0;transition:opacity .15s}.addgap__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:22px;height:22px;padding:0 6px;border-radius:99px;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--accent);font-weight:700;line-height:1;opacity:0;transition:opacity .15s}.addgap:hover:before,.addgap:focus-within:before{opacity:1}.addgap:hover .addgap__btn,.addgap__btn:focus-visible{opacity:1}.addgap__btn:hover{background:var(--accent-soft)}@media (hover: none){.addgap__btn{opacity:.6}}.addgap--main{height:auto;margin:8px 0}.addgap--main:before{opacity:1}.addgap--main .addgap__btn{opacity:1;height:30px;padding:0 14px;font-size:13px}.addgap--main .addgap__btn span{font-weight:600}.addgap.is-open{height:auto;margin:8px 0;align-items:flex-start;gap:6px}.addgap.is-open:before{display:none}.addgap__search{flex:1;min-width:0}.timeline .empty.is-drop{outline:2px dashed var(--accent);border-radius:8px}.dropwrap{position:relative}.dropwrap.drop-before:before,.dropwrap.drop-after:after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--accent);border-radius:2px;z-index:2}.dropwrap.drop-before:before{top:-2px}.dropwrap.drop-after:after{bottom:-2px}.stop{cursor:default}.stop__head{display:flex;align-items:baseline;gap:8px;min-width:0}.stop__head .stop__name{flex:1;min-width:0}.stop__time{font-variant-numeric:tabular-nums;font-weight:600;font-size:12px;color:var(--accent);white-space:nowrap}.stop__meta{display:flex;align-items:center;gap:4px;min-width:0}.stop__meta .tag{margin-left:0;flex:none}.stop__hours{font-size:12px;color:var(--muted)}.stop__fields{flex-wrap:wrap}.stop__fields .field input[type=time]{width:92px}.stop__fields input[type=text]{min-width:100px}.anchor{display:flex;gap:10px;padding:10px;border-radius:var(--radius);background:var(--bg);border:1px dashed var(--line)}.anchor.is-selected{border-color:var(--accent);border-style:solid}.anchor--depart,.anchor--arrive{background:var(--transit-bg)}.anchor__icon{width:26px;text-align:center;font-size:18px;flex:none}.anchor__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.anchor .stop__name:disabled{cursor:default;color:inherit}.leg--ride .leg__line:before{border-left-style:solid;border-left-color:#94a3b8}.leg__summary{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.navlink{margin-left:auto;font-size:12px;color:var(--accent);text-decoration:none;font-weight:600;white-space:nowrap}.navlink:hover{text-decoration:underline}.pin--muted{opacity:.55;transform:rotate(-45deg) scale(.8)}.legend{position:absolute;z-index:500;left:12px;bottom:24px;max-width:60%;display:flex;flex-wrap:wrap;gap:4px 10px;padding:8px 10px;font-size:12px;background:color-mix(in srgb,var(--surface) 94%,transparent);border-radius:8px;box-shadow:0 2px 8px #00000026}.legend span{display:inline-flex;align-items:center;gap:4px}.legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.booking .row{flex-wrap:wrap}.booking .row>*{min-width:0}.booking .field--stack{min-width:170px}.booking select{flex:none}.carrier{width:70px}.booking .grow{min-width:110px}.sidebar{overflow-x:hidden}.landing{min-height:100%;display:grid;place-items:center;padding:24px 16px;background:var(--bg)}.landing__card{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;gap:14px;align-items:stretch}.landing h1{font-size:20px;line-height:1.3;margin:0;letter-spacing:-.01em}.landing__points{margin:0;padding-left:18px;color:var(--muted);display:grid;gap:4px}.brand--big .brand__logo{border-radius:10px}.brand--big .brand__logo img{width:44px;height:44px}.brand--big .brand__name{font-size:22px}.gbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:40px;padding:0 12px;border-radius:20px;cursor:pointer;background:#fff;color:#1f1f1f;border:1px solid #747775;font-family:Roboto,Segoe UI,system-ui,sans-serif;font-weight:500;font-size:14px;letter-spacing:.25px}.gbtn:hover:not(:disabled){background:#f8faff;box-shadow:0 1px 2px #3c40434d}.gbtn:disabled{opacity:.5;cursor:not-allowed}.gbtn--compact{height:32px;padding:0 10px;gap:8px;font-size:13px;border-radius:16px}.linklike{all:unset;cursor:pointer;color:var(--accent);font-weight:600;text-align:center;font-size:13px}.linklike:hover{text-decoration:underline}.brand .brand__provider{margin-left:0}.brand__name{margin-right:auto}.nav-account{display:flex;align-items:center;gap:8px}.brand__tools{flex-basis:100%;display:flex;align-items:center;justify-content:flex-end;gap:8px}.sync{font-size:11px;color:var(--muted);white-space:nowrap}.sync--offline,.sync--error{color:#b45309}.account{position:relative}.account__btn{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);padding:0;overflow:hidden;cursor:pointer;background:var(--accent);color:var(--on-accent);font-weight:700;display:grid;place-items:center}.account__btn img{width:100%;height:100%;object-fit:cover}.account__menu{position:absolute;right:0;top:calc(100% + 6px);z-index:2000;min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px;box-shadow:0 10px 30px #0000001f;display:flex;flex-direction:column;gap:8px}.account__who{display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere}.banner{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 10px;font-size:13px;border-radius:8px;background:var(--bg);color:var(--muted)}.banner--info{background:var(--accent-soft);color:var(--ink)}.notice{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:13px;background:var(--warn-bg);color:var(--warn-ink)}.notice span{flex:1}.modal{border:none;border-radius:16px;padding:24px;width:min(400px,calc(100% - 32px));box-shadow:0 20px 60px #00000040}.modal[open]{display:flex;flex-direction:column;gap:12px}.modal::backdrop{background:#1c232173}.modal h2{margin:0;font-size:18px}.modal p{margin:0}.card{padding:0;gap:0}.card__head{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:12px;cursor:pointer;border-radius:var(--radius)}.card__head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.card__head h3{flex:1}.card__chev{color:var(--muted);transition:transform .15s}.card--closed .card__chev{transform:rotate(-90deg)}.card__body{border:0;margin:0;padding:0 12px 12px;min-width:0;display:flex;flex-direction:column;gap:8px}.card__body:disabled input,.card__body:disabled select{background:var(--bg);color:var(--ink);opacity:1}.card__body:disabled .btn--ghost{display:none}.card--wish .card__head{padding:10px 12px}.app{position:relative}.map-toggle{position:absolute;top:120px;left:var(--sidebar-w);z-index:1100;writing-mode:vertical-rl;border:1px solid var(--line);border-left:none;background:var(--surface);border-radius:0 10px 10px 0;padding:12px 7px;font-size:13px;cursor:pointer;white-space:nowrap;box-shadow:2px 2px 8px #0000001f}.map-toggle.is-on{color:var(--accent)}.map-toggle:hover{background:var(--accent-soft)}.app--map-closed .map-toggle{left:calc(50% + var(--sidebar-w) / 2)}@media (max-width: 800px){.map-toggle{top:38vh;left:auto;right:12px;transform:translateY(-100%);writing-mode:horizontal-tb;border:1px solid var(--line);border-bottom:none;border-radius:10px 10px 0 0;padding:6px 12px;box-shadow:0 -2px 8px #0000001f}.map-wrap .leaflet-bottom.leaflet-right{top:0;bottom:auto}.map-wrap .leaflet-bottom.leaflet-right .leaflet-control{margin-bottom:0}.map-wrap .leaflet-top.leaflet-left{top:16px}.app--map-closed .map-toggle{top:0;left:auto;right:12px;transform:none;border:1px solid var(--line);border-top:none;border-radius:0 0 10px 10px}.app--map-closed .sidebar{grid-row:1;padding-top:40px;border-top:none}}.app--map-closed{grid-template-columns:1fr}.app--map-closed .map-wrap{display:none}.app--map-closed .sidebar{max-width:var(--sidebar-w);width:100%;margin:0 auto;border-right:none}.trip__name--ro{margin:0;font-size:20px;font-weight:700;padding:4px 2px}.day__label--ro{margin:0;font-size:16px;flex:1}.ro-badge{font-size:12px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--warn-bg);color:var(--warn-ink)}.chip--ro{cursor:default}.btn--share{color:var(--accent);font-weight:600}.maps-link{display:inline-grid;place-items:center;width:28px;height:28px;flex:none;border-radius:6px;color:var(--accent);text-decoration:none}.maps-link:hover{background:var(--accent-soft)}.navlinks{margin-left:auto;display:inline-flex;align-items:center;gap:6px}.navlink--primary{background:var(--accent);color:var(--on-accent)!important;padding:4px 10px;border-radius:99px;text-decoration:none!important}.navlink--primary:hover{filter:brightness(.92)}.navlink--alt{color:var(--muted)!important;font-weight:500;font-size:11px}.stop{padding:8px 10px;align-items:flex-start}.stop__head{align-items:center}.stop__more{border:none;background:none;cursor:pointer;width:28px;height:28px;flex:none;color:var(--muted);border-radius:6px;transform:rotate(-90deg);transition:transform .15s}.stop.is-open .stop__more{transform:none}.stop__more:hover{background:var(--bg)}.stop__note{font-size:12px;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.stop__details{display:flex;flex-direction:column;gap:6px;margin-top:4px}.stop__details .stop__meta{flex-wrap:wrap}.stop__details .stop__addr{white-space:normal}.stop__actions{flex-direction:row;flex-wrap:wrap;gap:6px;align-items:center}.anchor .stop__actions{flex-direction:column}.modal--wide{width:min(560px,calc(100% - 24px));max-height:calc(100% - 24px)}.modal__head{display:flex;align-items:center;gap:8px}.modal__head h2{flex:1;overflow-wrap:anywhere}.share-add{display:flex;gap:6px;flex-wrap:wrap}.share-add input{flex:1 1 200px;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.share-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;max-height:40vh;overflow-y:auto}.share-list li{display:flex;align-items:center;gap:10px;padding:6px 4px;border-radius:8px}.share-list li.is-pending{opacity:.8}.share-avatar{width:32px;height:32px;border-radius:50%;flex:none;overflow:hidden;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:700}.share-avatar img{width:100%;height:100%;object-fit:cover}.share-who{flex:1;min-width:0;display:flex;flex-direction:column;overflow-wrap:anywhere}.share-role{font-size:12px;color:var(--muted);white-space:nowrap}.share-list select{padding:4px 6px;font-size:12px}.share-public{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:8px}.share-public p{margin:0}.share-link{display:flex;gap:6px}.share-link input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px}@media (max-width: 800px){:root{font-size:15px}.app{height:100dvh;grid-template-rows:38vh 1fr}.app--map-closed{grid-template-rows:1fr}.sidebar{padding:12px;gap:12px}.brand{flex-wrap:wrap}.brand__name{font-size:16px}.icon-btn,.maps-link,.stop__more{width:36px;height:36px}.btn,.chip,.day-tab,.tab{min-height:36px}.chip{padding:6px 10px}.days{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.days::-webkit-scrollbar{display:none}.day-tab{flex:none}.tabs{position:sticky;top:-12px;z-index:5;background:var(--panel)}input,select{font-size:16px}.stop__fields input[type=text]{flex-basis:100%}.leg{padding:0 4px}.leg__summary{font-size:13px}.navlink--primary{padding:7px 12px}.legend{max-width:calc(100% - 24px);bottom:12px}.wish{flex-wrap:wrap}}.autocomplete input{width:100%}.booking .autocomplete.carrier{width:160px;flex:none}.booking .autocomplete.carrier input{width:100%}.airport{display:flex;flex-direction:column;gap:3px}.airport__status{color:var(--accent);font-weight:600}.airport__status--missing{color:var(--muted);font-weight:400}.booking__route{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:2px 2px 0;letter-spacing:.02em}.booking__arrow{color:var(--accent)}.side{display:flex;flex-direction:column;gap:6px;padding:8px 10px 10px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px}.side--arr{border-left-color:#1d4ed8}.side__title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.side__when{align-items:flex-end}.booking .side__terminal{flex:0 1 120px;min-width:100px}.day__heading{margin:0;flex:1;min-width:0;display:flex;align-items:center;gap:6px;font-size:15px;flex-wrap:wrap}.day__prefix{font-weight:700;white-space:nowrap}.day__sep{color:var(--muted)}.day__heading .day__label{flex:1 1 160px;min-width:120px;font-size:14px}.day-tab__title{display:inline-block;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.day__hide{color:var(--muted);font-size:13px}.hidden-past{all:unset;cursor:pointer;text-align:center;font-size:12px;color:var(--muted);padding:6px;border:1px dashed var(--line);border-radius:8px;margin-bottom:6px}.hidden-past:hover{color:var(--ink);border-color:var(--muted)}.badge{font-size:11px;font-weight:700;padding:1px 7px;border-radius:99px;white-space:nowrap}.badge--manual{background:var(--warn-bg);color:var(--warn-ink)}.checkin{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid var(--line);background:var(--surface);cursor:pointer;color:var(--muted);font-weight:700;font-size:12px;display:grid;place-items:center;padding:0}.checkin:hover{border-color:#16a34a;color:#16a34a}.checkin.is-done{width:auto;border-radius:99px;padding:0 8px;background:#16a34a;border-color:#16a34a;color:#fff}.checkin--big{width:100%;height:auto;min-height:44px;border-radius:10px;margin-top:6px;font-size:15px;background:#16a34a;border-color:#16a34a;color:#fff}.checkin--big:hover{background:#15803d;color:#fff}.checkin--big.is-done{background:var(--surface);color:#166534;border-color:#86efac;padding:0}.stop.is-visited{background:var(--ok-soft)}.stop.is-visited .stop__name{color:var(--muted);text-decoration:line-through;text-decoration-color:#86efac}.stop.is-visited .stop__badge{background:#16a34a}.stop__status{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#1d4ed8}.spares{display:flex;flex-direction:column;gap:6px;margin-top:4px;padding-top:8px;border-top:1px dashed var(--line)}.spares__title{font-size:12px;font-weight:700}.spare{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.spare .thumb{width:36px;height:36px;border-radius:8px}.spare__main{flex:1;min-width:0}.spare__name{font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spare__sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spare__swap{flex:none;background:#1d4ed8;border-color:#1d4ed8;color:#fff;font-weight:700}.spare__swap:hover{background:#1e40af;border-color:#1e40af}.app--travel .spare__swap{min-height:36px;padding:0 12px;font-size:13px}.spares__add{align-self:flex-start}.stop__spare-hint{display:block;margin-top:4px;padding:0;border:0;background:none;color:#1d4ed8;font-size:12px;font-weight:600;cursor:pointer;text-align:left}.daynav{display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.daynav__btn{display:inline-flex;align-items:baseline;gap:4px}.daynav__btn small{opacity:.7;font-size:11px}.daynav__btn--next{margin-left:auto}.chip--custom{border-style:dashed}.chip--custom.chip--on{border-style:solid;background:#92400e;border-color:#92400e}.leg__manual{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}.leg--manual .leg__line:before{border-left-color:#f59e0b;border-left-style:dashed}.override{display:flex;flex-wrap:wrap;gap:8px 14px;padding:8px;background:var(--warn-soft);border-radius:8px}.override select{padding:3px 4px;font-size:12px}.modes{flex:none}.modes button{padding:4px 10px;font-size:12px;font-weight:600;white-space:nowrap}.banner--travel{background:var(--ink);color:var(--bg);font-weight:600}.app--travel .sidebar{background:var(--bg)}.app--travel .stop{padding:12px;border:2px solid var(--line);border-radius:14px;cursor:default;box-shadow:0 1px 3px #0000000f}.app--travel .stop__name{font-size:17px;color:var(--ink)}.app--travel .stop__badge{width:32px;height:32px;font-size:14px}.app--travel .stop.is-next{border-color:#1d4ed8;box-shadow:0 0 0 3px var(--info-soft);background:var(--surface)}.app--travel .stop.is-visited{opacity:.7;border-style:dashed}.app--travel .stop.is-visited .checkin--big{min-height:36px;font-size:13px}.app--travel .stop__time{font-size:14px;color:var(--ink)}.app--travel .anchor{border:2px solid var(--line);border-radius:14px;background:var(--surface)}.app--travel .leg__body{padding:10px 0}.app--travel .leg__summary{font-size:14px;font-weight:600;color:var(--ink);gap:8px}.app--travel .navlinks{margin-left:0;width:100%;flex-wrap:wrap}.app--travel .navlink--primary{flex:1;text-align:center;font-size:15px;padding:11px 14px;border-radius:12px}.app--travel .day-tab{background:var(--surface)}@media (max-width: 800px){.checkin:not(.checkin--big){width:36px;height:36px}.booking .autocomplete.carrier{width:100%;flex:1 1 140px}.modes button{padding:6px 8px}}@media print{.app{display:block;height:auto}.map-wrap,.tabs,.search,.filters,.navlinks,.leg__modes,.stop__more,.checkin,.icon-btn,.btn,.modes,.map-toggle,.nav-account,.banner,.card--wish,.hidden-past,.day__hide{display:none!important}.sidebar{overflow:visible;border:none}.stop,.anchor{break-inside:avoid}}.override .field input[type=number]{width:56px}.override .field input[aria-label^=Distance]{width:84px}.brand{flex-wrap:wrap;row-gap:6px}.brand__name{white-space:nowrap}.autocomplete .search__results{min-width:260px}.booking__route{min-width:0;overflow:hidden;white-space:nowrap}.booking__route>span:not(.booking__arrow){overflow:hidden;text-overflow:ellipsis;min-width:0}.app--travel .stop__head{flex-wrap:wrap;row-gap:2px}.app--travel .stop__head .stop__name{white-space:normal;flex-basis:60%}.card__bar{display:flex;align-items:center;gap:4px;padding-right:8px}.card__bar .card__head{flex:1;min-width:0;width:auto}.row--top{align-items:flex-start}.placefield{display:flex;flex-direction:column;gap:3px}.placefield .row{gap:4px}.placefield__status{display:flex;align-items:center;gap:8px;color:var(--muted)}.placefield__status--missing{color:#b45309}.btn.is-on{background:var(--ink);color:var(--bg)}.pickcard{position:absolute;z-index:600;left:12px;right:12px;bottom:24px;max-width:420px;background:var(--surface);border-radius:12px;padding:10px 12px;box-shadow:0 8px 30px #0003;display:flex;flex-direction:column;gap:6px}.pickcard__head{display:flex;align-items:center;gap:6px}.pickcard__name{flex:1;min-width:0;font-size:15px}.pickcard__addr{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pickbanner{position:absolute;z-index:600;top:12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 8px 6px 14px;border-radius:99px;background:#4c1d95;color:#fff;font-weight:600;font-size:13px;box-shadow:0 4px 16px #00000040;white-space:nowrap;max-width:calc(100% - 24px)}.pickbanner .btn--ghost{color:#ddd6fe}.pickbanner .btn--ghost:hover{background:#ffffff1f;color:#fff}.anchor__time{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-top:2px}.anchor__time input{padding:3px 5px;font-size:13px;color:var(--ink)}@media (max-width: 800px){.pickcard{bottom:12px}}.card__head h3{flex:0 1 auto;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.card__head .card__chev{margin-left:auto}.reorder-item{position:relative}.reorder-item>*{transition:transform .15s,box-shadow .15s}.reorder-item.is-holding>*{transform:scale(.985);transition:transform .6s ease-in}.reorder-item.is-dragging{z-index:20;pointer-events:none}.reorder-item.is-dragging>*{background:var(--surface);box-shadow:0 12px 32px #0000002e;transform:scale(1.01)}.reorder-item.drop-before:before,.reorder-item.drop-after:after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--accent);border-radius:2px}.reorder-item.drop-before:before{top:-8px}.reorder-item.drop-after:after{bottom:-8px}.setup.is-reordering,.setup.is-reordering *,.places.is-reordering,.places.is-reordering *,.timeline.is-reordering,.timeline.is-reordering *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.stop__badge{cursor:grab}.stop__badge,.stop__name{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.day-tab.is-drop-target{outline:3px solid var(--accent);outline-offset:2px;transform:scale(1.06)}.settings{position:relative;flex:none}.settings__btn{height:32px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-size:13px;font-weight:600;line-height:1;display:inline-flex;align-items:center;gap:5px;padding:0 12px 0 10px;white-space:nowrap}.settings__btn>span[aria-hidden]{font-size:16px}.settings__btn:hover,.settings__btn[aria-expanded=true]{background:var(--accent-soft);border-color:transparent}.settings__menu{position:fixed;z-index:2000;overflow-y:auto;overscroll-behavior:contain;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px;box-shadow:0 10px 30px #0000001f;display:flex;flex-direction:column;gap:12px}.settings__group{display:flex;flex-direction:column;gap:6px}.settings__label{font-size:12px;font-weight:700;color:var(--muted)}.landing .brand .settings{margin-left:auto}.time-input{width:92px;flex:none;font-variant-numeric:tabular-nums}.time-input.is-bad{border-color:var(--danger)!important;background:var(--danger-soft)!important}.anchor__time .time-input,.stop__fields .time-input{padding:3px 6px;font-size:13px}.day__meta .time-input{padding:3px 6px}.datetime-input{display:flex;gap:4px;min-width:0}.datetime-input input[type=date]{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:var(--surface)}.datetime-input .time-input{width:96px}.stay-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.btn--retry{color:var(--accent);font-weight:600}.leg__manual--toggle{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;padding:2px 6px 2px 2px;border-radius:6px}.leg__manual--toggle:hover{background:var(--warn-soft)}.leg__manual--toggle:focus-visible{outline:2px solid var(--accent)}.leg__chev{color:var(--muted);transform:rotate(-90deg);transition:transform .15s;display:inline-block}.leg__chev.is-open{transform:none}.themes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.theme-opt{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:5px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);min-width:0}.theme-opt:hover{border-color:var(--muted)}.theme-opt:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.theme-opt.is-on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.theme-opt__swatches{display:flex;gap:3px}.theme-opt__swatches i{width:14px;height:14px;border-radius:50%;display:block;box-shadow:inset 0 0 0 1px #00000014}.theme-opt__name{font-size:12px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}.themes .theme-opt:first-child:nth-last-child(8){grid-column:1 / -1}:root{--accent-2: color-mix(in srgb, var(--accent) 62%, #fff);--shadow: 0 1px 2px rgba(80, 30, 45, .06), 0 6px 18px rgba(80, 30, 45, .07);--shadow-sm: 0 1px 2px rgba(80, 30, 45, .08);--heading: "Nunito", "Inter", system-ui, "Noto Sans Thai", sans-serif}:root[data-mode=dark]{--accent-2: color-mix(in srgb, var(--accent) 70%, #fff);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 18px rgba(0, 0, 0, .35);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45)}.brand__name,.trip__name,.day__label,.card__head h3,.modal h2{font-family:var(--heading);font-weight:800;letter-spacing:-.01em}.brand__name{font-size:18px}.trip__name,.trip__name--ro{font-size:22px}.sidebar{--panel: var(--bg);position:relative;isolation:isolate}.sidebar:before{content:"";position:absolute;z-index:-1;top:-6px;right:0;width:340px;height:138px;pointer-events:none;background:var(--accent);opacity:.12;-webkit-mask:url(/swoosh.svg) no-repeat right -24px center / contain;mask:url(/swoosh.svg) no-repeat right -24px center / contain}.card,.stop{border-color:transparent;border-radius:14px;box-shadow:var(--shadow);background:var(--surface)}.stop{padding:10px 12px}.stop.is-selected{border-color:transparent;box-shadow:0 0 0 2px var(--accent),var(--shadow)}.card__head{border-radius:14px}.chip{border-color:transparent;box-shadow:var(--shadow-sm)}.chip--custom{border-color:var(--line);box-shadow:none}.day-tab{border-color:transparent;box-shadow:var(--shadow-sm)}.day-tab--add{border-color:var(--line);box-shadow:none}.days{border-bottom:0}.day-tab.is-active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--on-accent);border-color:transparent}.navlink--primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 30%,transparent);padding:5px 12px}.stop__badge{--pin: var(--accent);background:var(--surface);color:var(--pin);border:3px solid var(--pin);font-family:var(--heading);font-weight:800}.stop.is-selected .stop__badge{background:var(--pin);color:#fff}.stop.is-visited .stop__badge{--pin: #16a34a;background:#16a34a;color:#fff}.leg__line:before{border-left:2.5px dashed var(--accent);opacity:.45}.leg__icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;line-height:1;background:var(--bg);border:1.5px solid color-mix(in srgb,var(--accent) 55%,transparent)}.pin{--pin: var(--accent);width:28px;height:28px;border-radius:50%;transform:none;background:var(--surface);border:3.5px solid var(--pin);box-shadow:0 0 0 5px color-mix(in srgb,var(--pin) 20%,transparent),0 2px 6px #0000004d}.pin span{transform:none;color:var(--pin);font-family:var(--heading);font-weight:800}.pin--selected{background:var(--pin);box-shadow:0 0 0 6px color-mix(in srgb,var(--pin) 30%,transparent),0 2px 8px #00000059}.pin--selected span{color:#fff}.pin--muted{transform:scale(.8)}.topbar,.topbar__banner,.budget__side,.budget__main,.daypanel__rail,.daypanel__main{display:contents}.showmap,.daypanel__glance,.day-tab__sub{display:none}.budget .card--rates,.daypanel .card--wish{order:1}@media (min-width: 801px){.app--map-closed .sidebar{max-width:none;margin:0;gap:16px;padding:18px max(20px,calc((100% - 1400px)/2)) 24px}.app--map-closed .map-toggle{display:none}.app--map-closed .showmap{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border-radius:99px;cursor:pointer;border:1px solid var(--accent);background:var(--surface);color:var(--accent);font-size:13px;font-weight:600;white-space:nowrap}.app--map-closed .showmap:hover{background:var(--accent-soft)}.app--map-closed .topbar{display:grid;column-gap:10px;row-gap:12px;align-items:center;grid-template-columns:auto auto minmax(0,1fr) auto auto;grid-template-areas:"logo name . modes tools" "tname tname tname pick pick" "banner banner banner banner banner" "tabs tabs tabs meta meta"}.app--map-closed .topbar>.brand,.app--map-closed .topbar>.trip{display:contents}.app--map-closed .brand__logo{grid-area:logo}.app--map-closed .brand__name{grid-area:name}.app--map-closed .modes{grid-area:modes}.app--map-closed .brand__tools{grid-area:tools;flex-basis:auto}.app--map-closed .trip__name{grid-area:tname;font-size:24px}.app--map-closed .trip__pick{grid-area:pick;min-width:320px}.app--map-closed .topbar__banner{grid-area:banner;display:block}.app--map-closed .topbar__banner:empty{display:none}.app--map-closed .topbar>.tabs{grid-area:tabs;align-self:stretch}.app--map-closed .tab{flex:0 0 auto;padding:8px 18px}.app--map-closed .trip__meta{grid-area:meta;align-self:stretch;justify-content:flex-end;flex-wrap:nowrap;border-bottom:1px solid var(--line);margin-left:-10px;padding-left:10px}.app--map-closed .trip__meta>*{white-space:nowrap}.app--map-closed .trip__meta .trip__dates{margin-right:8px}.app--map-closed .setup,.app--map-closed .places{display:block;columns:2;column-gap:16px}.app--map-closed .setup>*,.app--map-closed .places>*{break-inside:avoid;margin-bottom:16px}.app--map-closed .budget{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px;align-items:start}.app--map-closed .budget__side{display:flex;flex-direction:column;gap:16px;position:sticky;top:0}.app--map-closed .budget__main{display:flex;flex-direction:column;gap:16px}.app--map-closed .daypanel{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:start}.app--map-closed .daypanel__rail{display:flex;flex-direction:column;gap:12px;position:sticky;top:0}.app--map-closed .daypanel__main{display:flex;flex-direction:column;gap:12px}.app--map-closed .days{flex-direction:column;flex-wrap:nowrap;overflow:visible;gap:4px;padding:8px;background:var(--surface);border-radius:14px;box-shadow:var(--shadow)}.app--map-closed .days .scroll-hint{display:none}.app--map-closed .day-tab{text-align:left;border-radius:10px;padding:8px 10px;border-left-width:4px}.app--map-closed .day-tab small{font-size:12px}.app--map-closed .day-tab__title{max-width:none;display:inline}.app--map-closed .day-tab__sub{display:block;opacity:.75}.app--map-closed .daypanel .card--wish{order:0}}@media (min-width: 1100px){.app--map-closed .topbar{grid-template-columns:auto auto minmax(0,1fr) minmax(240px,340px) auto auto;grid-template-areas:"logo name tname pick modes tools" "banner banner banner banner banner banner" "tabs tabs tabs tabs meta meta"}.app--map-closed .trip__pick{min-width:0}.app--map-closed .budget{grid-template-columns:minmax(300px,380px) minmax(0,1fr)}.app--map-closed .daypanel{grid-template-columns:260px minmax(0,1fr) 300px}.app--map-closed .daypanel__glance{display:flex;flex-direction:column;gap:12px;position:sticky;top:0}}.glance{display:flex;flex-direction:column;gap:6px;padding:12px 14px}.glance h3{display:flex;align-items:center;gap:6px}.glance__row{display:flex;align-items:baseline;gap:8px;font-size:13px;padding:4px 0;border-bottom:1px solid var(--line)}.glance__row:last-child{border-bottom:0}.glance__row>:first-child{flex:1;min-width:0}.glance__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.glance__total{margin-left:auto;font-size:12px;color:var(--accent)}.thumb{flex:none;width:44px;height:44px;border-radius:10px;overflow:hidden;background:var(--accent-soft);display:block}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.stop .thumb{width:40px;height:40px;align-self:center}.about__desc{width:100%;resize:vertical;min-height:48px;font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:var(--surface)}.tagfield{display:flex;flex-direction:column;gap:4px}.tagfield__label{font-size:12px;color:var(--muted)}.tagfield__box{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:36px;padding:4px 6px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.tagfield__box input{flex:1;min-width:120px;border:0;outline:0;background:transparent;padding:3px 2px;font:inherit;font-size:13px;color:var(--ink)}.tagfield__box:focus-within{border-color:var(--accent)}.tagchip{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 10px;border-radius:99px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:600}.tagchip button{border:0;background:none;color:inherit;cursor:pointer;font-size:11px;padding:2px 4px;border-radius:99px}.tagchip button:hover{background:#00000014}.tagfield__suggest{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.tripslist{height:100%;overflow-y:auto;background:var(--bg);color:var(--ink);display:flex;flex-direction:column;gap:18px;padding:16px max(16px,calc((100% - 1200px)/2)) 40px}.tripslist__top{display:flex;align-items:center;gap:8px}.tripslist__tools{margin-left:auto;display:flex;align-items:center;gap:8px}.tripslist__head{display:flex;align-items:center;gap:8px}.tripslist__head h1{margin:0 auto 0 0;font:800 26px var(--heading, inherit)}.tripslist__group{display:flex;flex-direction:column;gap:10px}.tripslist__group h2{margin:0;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.tripslist__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.tripcard{display:flex;flex-direction:column;text-align:left;padding:0;border:0;cursor:pointer;overflow:hidden;background:var(--surface);color:var(--ink);border-radius:16px;box-shadow:var(--shadow);font:inherit;transition:transform .12s ease,box-shadow .12s ease}.tripcard:hover{transform:translateY(-2px);box-shadow:0 2px 4px #501e2d14,0 12px 28px #501e2d1f}.tripcard:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.tripcard--past{opacity:.85}.tripcard__cover{position:relative;height:128px}.cover__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.tripcard__when,.tripcard__shared{position:absolute;top:10px;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:700;background:#ffffffeb;color:#3a2a30;box-shadow:0 1px 3px #00000026}.tripcard__when{left:10px}.tripcard--now .tripcard__when{background:var(--accent);color:var(--on-accent, #fff)}.tripcard__shared{right:10px}.tripcard__body{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px}.tripcard__body h3{margin:0;font:800 18px var(--heading, inherit)}.tripcard__dates{font-size:13px;color:var(--muted)}.tripcard__desc{margin:0;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tripcard__areas{display:flex;flex-wrap:wrap;gap:4px}.tripcard__areas .tagchip{padding:2px 9px;font-size:12px}.tagchip--city{background:var(--bg);color:var(--ink);font-weight:500}.tripcard__stats{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--muted);margin-top:2px}.trip__all{flex:none;padding-left:4px;padding-right:8px}.coverfield{display:flex;flex-direction:column;gap:4px}.coverfield__row{display:flex;gap:12px;align-items:center}.coverfield__preview{position:relative;flex:none;width:160px;height:90px;border-radius:10px;overflow:hidden}.coverfield__side{display:flex;flex-direction:column;gap:6px;min-width:0}.public__about{display:flex;flex-direction:column;gap:14px;background:var(--surface);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.public__cover{position:relative;height:200px}.public__intro{display:flex;flex-direction:column;gap:8px;padding:0 18px 16px}.public__intro h1{margin:0;font:800 26px var(--heading, inherit)}.public__intro p{margin:0;line-height:1.5}.public__days{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;align-items:start}.public__day{padding:12px 14px}.public__day h2{margin:0 0 6px;display:flex;align-items:center;gap:8px;font:800 17px var(--heading, inherit)}.public__stops{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.public__stops li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.public__stops li:last-child{border-bottom:0}.public__n{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid;display:grid;place-items:center;font-size:12px;font-weight:700}.public__place{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.public__place b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 900px){.public__about{flex-direction:row}.public__cover{flex:0 0 42%;height:auto;min-height:220px}.public__intro{padding:18px 18px 18px 0;justify-content:center}}@font-face{font-family:FC Vision;src:url(/fonts/FCVision-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:FC Vision;src:url(/fonts/FCVision-Medium.otf) format("opentype");font-weight:500;font-display:swap}@font-face{font-family:FC Vision;src:url(/fonts/FCVision-SemiBold.otf) format("opentype");font-weight:600;font-display:swap}@font-face{font-family:FC Vision;src:url(/fonts/FCVision-Bold.otf) format("opentype");font-weight:700 900;font-display:swap}:root{font-family:FC Vision,Inter,system-ui,-apple-system,Segoe UI,Noto Sans Thai,sans-serif;--heading: "FC Vision", "Nunito", "Inter", system-ui, "Noto Sans Thai", sans-serif;--shadow: 0 1px 2px rgba(30, 60, 90, .06), 0 8px 22px -10px rgba(30, 60, 90, .3);--shadow-sm: 0 1px 2px rgba(30, 60, 90, .1)}.brand__name,.trip__name,.day__label,.card__head h3,.modal h2{font-weight:600;letter-spacing:-.005em}.card,.stop{border-radius:18px}.day-tab{border-radius:99px}.sheet-grip,.tab__icon{display:none}@media (max-width: 800px){.app,.app--map-closed{display:block;height:100dvh;overflow:hidden;--tabbar-h: calc(62px + env(safe-area-inset-bottom)) ;--sheet-h: 48dvh}.app--sheet-peek{--sheet-h: 148px}.app--sheet-full{--sheet-h: calc(100dvh - var(--tabbar-h) - 70px - env(safe-area-inset-top))}.map-wrap,.app--map-closed .map-wrap{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.map-toggle,.showmap{display:none!important}.sidebar,.app--map-closed .sidebar{position:fixed;z-index:10;left:0;right:0;bottom:var(--tabbar-h);height:var(--sheet-h);max-width:none;margin:0;padding:0 14px 16px;gap:12px;border:0;border-radius:24px 24px 0 0;box-shadow:0 -10px 40px -12px #14325059;transition:height .3s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain}.sidebar.is-dragging{transition:none}.sidebar:before{display:none}.sheet-grip{display:grid;place-items:center;position:sticky;top:0;z-index:6;flex:none;width:calc(100% + 28px);height:26px;margin:0 -14px -8px;padding:0;border:0;background:var(--panel);cursor:grab;touch-action:none}.sheet-grip i{display:block;width:40px;height:4px;border-radius:2px;background:color-mix(in srgb,var(--muted) 45%,transparent)}.brand{position:fixed;z-index:30;top:calc(10px + env(safe-area-inset-top));left:10px;right:10px;flex-wrap:nowrap;gap:6px;padding:5px 6px;border-radius:24px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 6px 20px -8px #1e3c5a73}.brand__name,.settings__btn-label{display:none}.brand__logo{flex:none;border-radius:50%}.brand .gbtn{white-space:nowrap}.brand__logo img{width:34px;height:34px}.brand__tools{flex-basis:auto;margin-left:auto;gap:4px}.map-wrap .leaflet-top.leaflet-left,.map-wrap .leaflet-bottom.leaflet-right{top:calc(62px + env(safe-area-inset-top))}.pickbanner{top:calc(66px + env(safe-area-inset-top))}.legend,.pickcard{bottom:min(calc(var(--tabbar-h) + var(--sheet-h) + 12px),calc(100dvh - 220px));transition:bottom .3s}.tabs{position:fixed;z-index:20;left:0;right:0;top:auto;bottom:0;height:var(--tabbar-h);gap:0;padding:4px 6px env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);border-bottom:0;box-shadow:0 -4px 16px -10px #1432504d}.tab{position:relative;flex:1;flex-direction:column;gap:2px;min-height:0;padding:4px 2px;border-bottom:0;font-size:12px;font-weight:500;color:var(--muted)}.tab.is-active{color:var(--accent)}.tab__icon{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tab .count{position:absolute;top:0;left:calc(50% + 6px);max-width:70px;font-size:10px}.days{gap:8px;padding:2px 0 4px}.day-tab{display:inline-flex;align-items:center;gap:4px;height:36px;padding:0 14px;white-space:nowrap}.stop .thumb{width:52px;height:52px;border-radius:14px}.stop__head{flex-wrap:wrap;row-gap:0}.stop__head .stop__name{flex:1 0 100%;white-space:normal;text-align:left}.stop__head .stop__time{margin-right:auto}.trip__name,.trip__name--ro{font-size:20px}}.trip__head{display:flex;align-items:center;gap:12px;min-width:0}.trip__tile{position:relative;flex:none;width:52px;height:52px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}.trip__titles{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.trip__titles .trip__name{width:100%}.trip__titles .trip__dates{padding-left:2px}.app--map-closed .trip__head{grid-area:tname}.btn--share{border-radius:99px;background:var(--accent-soft);padding:6px 14px}.day__totals{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px}.day__totals span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.day__meta .btn--ghost{margin-left:auto;height:32px;padding:0 12px;border-radius:16px;background:var(--accent-soft);color:var(--accent);font-weight:600}.day__meta .btn--ghost:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 18%,var(--surface))}.stop{border-color:var(--line);border-radius:20px}.stop__badge{background:var(--pin);color:#fff;border:0;box-shadow:0 0 0 3px var(--surface),0 2px 6px color-mix(in srgb,var(--pin) 35%,transparent)}.stop__line{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;font-size:12px;color:var(--muted)}.stop__cat{color:#d6454a;text-transform:capitalize;font-weight:500}.stop__cat:before{content:"●";font-size:8px;margin-right:4px;vertical-align:2px}[data-mode=dark] .stop__cat{color:#f87171}.addgap--main{margin:10px 0 4px}.addgap--main:before{display:none}.addgap--main .addgap__btn{width:100%;height:46px;border-radius:16px;font-size:14px;background:transparent;border:1.5px dashed color-mix(in srgb,var(--accent) 45%,var(--line))}.addgap--main .addgap__btn:hover{background:var(--accent-soft)}.app--travel .checkin--big{border-radius:22px}.app--travel .stop.is-next{border-color:transparent;color:var(--on-accent);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#7cc4ff));box-shadow:0 14px 30px -14px color-mix(in srgb,var(--accent) 80%,transparent)}.app--travel .stop.is-next :is(.stop__name,.stop__time,.stop__status,.stop__line,.stop__cat,.muted,.stop__spare-hint,.stop__more){color:inherit}.app--travel .stop.is-next .stop__status{opacity:.85}.app--travel .stop.is-next .stop__badge{background:var(--surface);color:var(--pin);box-shadow:none}.app--travel .stop.is-next .checkin--big{background:var(--surface);border-color:var(--surface);color:var(--accent);font-weight:700}.app--travel .stop.is-next .maps-link{background:var(--surface);border-radius:50%}.app--travel .stop.is-next .warn,.anchor.anchor--depart .warn,.anchor.anchor--arrive .warn{color:var(--warn-ink);background:var(--warn-bg);border-radius:8px;padding:2px 8px}.travel-progress{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm)}.travel-progress__text{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;font-size:13px}.travel-progress__text span{color:var(--muted)}.travel-progress__bar{height:6px;border-radius:99px;background:var(--line);overflow:hidden}.travel-progress__bar>div{height:100%;border-radius:99px;background:#16a34a;transition:width .3s}.anchor.anchor--depart,.anchor.anchor--arrive{border:0;border-radius:18px;padding:12px 14px;color:var(--on-accent);background:linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#7cc4ff));box-shadow:0 10px 24px -14px color-mix(in srgb,var(--accent) 80%,transparent)}.anchor.anchor--depart.is-selected,.anchor.anchor--arrive.is-selected{box-shadow:0 0 0 3px var(--accent-soft),0 10px 24px -14px var(--accent)}.anchor:is(.anchor--depart,.anchor--arrive) :is(.stop__name,.stop__time,.muted,.small){color:inherit}.anchor:is(.anchor--depart,.anchor--arrive) .stop__name{font-size:16px;font-weight:700}.anchor:is(.anchor--depart,.anchor--arrive) .muted{opacity:.85}.anchor:is(.anchor--depart,.anchor--arrive) .anchor__icon{font-size:24px}.anchor:is(.anchor--depart,.anchor--arrive) :is(.maps-link,.icon-btn){background:var(--surface);color:var(--accent);border-radius:50%}.budget-hero{position:relative;overflow:hidden;margin-top:10px;padding:14px 16px;border-radius:18px;color:var(--on-accent);background:linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#7cc4ff))}.budget-hero:after{content:"💰";position:absolute;right:12px;top:8px;font-size:38px;opacity:.9;pointer-events:none}.budget-hero .budget-total{margin-top:0}.budget-hero .muted{color:inherit;opacity:.85}.budget-hero .budget-bar{background:color-mix(in srgb,var(--on-accent) 25%,transparent)}.budget-hero .budget-bar>div{background:var(--on-accent)}.budget-hero .budget-bar--over>div{background:#fbbf24}.map-daybadge{position:absolute;z-index:500;left:50%;bottom:24px;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:99px;pointer-events:none;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 6px 20px -8px #1e3c5a73;font-size:13px;font-weight:600;white-space:nowrap}.map-daybadge i{width:10px;height:10px;border-radius:50%}@media (min-width: 801px){.sidebar{background:linear-gradient(180deg,var(--accent-soft) 0,var(--panel) 280px)}.tabs{border-bottom:0;gap:8px;padding:2px 0;flex-wrap:wrap}.tab,.app--map-closed .tab{flex:none;height:38px;padding:0 16px;border-radius:99px;gap:7px;font-weight:500;border:1px solid var(--line);background:var(--surface);color:var(--muted);box-shadow:var(--shadow-sm)}.tab:hover{color:var(--ink)}.tab.is-active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tab.is-active .count{background:color-mix(in srgb,var(--bg) 22%,transparent);color:var(--bg)}.tab__icon{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.stop .thumb{width:64px;height:64px;border-radius:16px}}@media (max-width: 800px){.map-daybadge{bottom:calc(var(--tabbar-h) + var(--sheet-h) + 12px);transition:bottom .3s}.tabs{background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.trip__tile{width:44px;height:44px;border-radius:14px}}.day-tab__date{display:inline-block;margin-left:3px;padding-left:7px;line-height:1.1;border-left:1.5px solid color-mix(in srgb,currentColor 40%,transparent)}@media (max-width: 800px){.brand .gbtn{flex:none;width:36px;height:36px;padding:0;gap:0;border-radius:50%}.brand .gbtn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.brand .modes{min-width:0}}@media (max-width: 360px){.brand__logo{display:none}}.legend{flex-wrap:nowrap;align-items:center;gap:6px;padding:5px 8px;border-radius:99px;max-width:calc(100% - 24px);overflow-x:auto;scrollbar-width:none}.legend::-webkit-scrollbar{display:none}.legend__pin{--pin: var(--accent);flex:none;width:22px;height:22px;border-radius:50%;justify-content:center;background:var(--pin);color:#fff;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.legend__pin--wish{--pin: #94a3b8;font-size:12px}.legend__item{flex:none;max-width:120px}.legend__label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stop.is-open .thumb{align-self:flex-start}.welcome{--sky: linear-gradient(180deg, #3d9bf0 0%, #7cc6fa 42%, #fbe3cf 100%);--sky-ink: #1c2733;position:relative;isolation:isolate;overflow:hidden;min-height:100dvh;display:flex;flex-direction:column;padding:calc(14px + env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:var(--sky);color:#fff}[data-mode=dark] .welcome{--sky: linear-gradient(180deg, #123a63 0%, #1f5f92 45%, #5b4a52 100%);--sky-ink: #1c2733}.welcome__cloud{position:absolute;z-index:-1;background:#fff;border-radius:999px;opacity:.8;pointer-events:none}.welcome__cloud--a{width:120px;height:44px;left:-34px;top:96px}.welcome__cloud--b{width:140px;height:48px;right:-46px;top:34%;opacity:.55}[data-mode=dark] .welcome__cloud{opacity:.12}.welcome__top{display:flex;align-items:center;gap:8px}.welcome__logo{display:inline-grid;place-items:center;flex:none;border-radius:12px;overflow:hidden;background:var(--accent);box-shadow:0 0 0 2px #ffffffd9;line-height:0}.welcome__logo img{width:34px;height:34px;display:block}.welcome__name{font-family:var(--heading);font-size:20px;font-weight:600;margin-right:auto;text-shadow:0 1px 10px rgba(20,80,140,.3)}.welcome__top .settings__btn{background:#ffffff8c;border-color:#fffc;color:var(--sky-ink);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.welcome__body{flex:1;width:min(440px,100%);margin:0 auto;padding-top:28px;display:flex;flex-direction:column;gap:22px}.welcome__intro{text-align:center;display:grid;gap:10px}.welcome__title{margin:0;white-space:pre-line;text-wrap:balance;font-family:var(--heading);font-size:clamp(34px,9vw,44px);line-height:1.1;font-weight:600;letter-spacing:-.02em;text-shadow:0 2px 18px rgba(20,80,140,.3)}.welcome__sub{margin:0;font-size:15px;opacity:.95;text-shadow:0 1px 8px rgba(20,80,140,.3)}.welcome__art{position:relative;padding:16px 18px}.welcome__map{height:124px;border-radius:24px;overflow:hidden;border:3px solid rgba(255,255,255,.8);box-shadow:0 20px 40px -18px #0a3c6e8c}.welcome__map svg{display:block;width:100%;height:100%}.welcome__map text{font-family:var(--heading)}.welcome__badge{position:absolute;z-index:1;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:16px;background:#fff;color:var(--sky-ink);font-size:13px;white-space:nowrap;box-shadow:0 8px 20px -8px #0a3c6e80}.welcome__badge--route{right:0;bottom:0}.welcome__points{list-style:none;margin:0;padding:0 6px;display:grid;gap:8px;font-size:14px}.welcome__points li{display:flex;align-items:center;gap:10px;text-shadow:0 1px 8px rgba(20,80,140,.35)}.welcome__points li:before{content:"✓";flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#ffffffeb;color:#2b7fc4;font-size:12px;font-weight:700;text-shadow:none}.welcome__actions{margin-top:auto;display:grid;gap:10px}.welcome .gbtn{width:100%;height:50px;border-radius:25px;border-color:transparent;font-size:15px;box-shadow:0 12px 26px -12px #0a3c6e99}.welcome__guest{font:inherit;font-size:14px;min-height:46px;padding:8px 16px;border-radius:23px;cursor:pointer;line-height:1.3;background:#ffffff8c;color:var(--sky-ink);border:1px solid rgba(255,255,255,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.welcome__guest:hover{background:#ffffffbf}.welcome .gbtn:focus-visible,.welcome__guest:focus-visible{outline:3px solid #fff;outline-offset:2px}.welcome__note{margin:0;padding:8px 12px;border-radius:12px;background:#fffc;color:var(--sky-ink);font-size:12.5px;text-align:center}.welcome .notice{border-radius:14px}@media (min-width: 900px){.welcome__top{width:min(1080px,100%);margin:0 auto}.welcome__body{width:min(1080px,100%);padding-top:0;margin:auto;column-gap:64px;row-gap:24px;display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);align-content:center;grid-template-areas:"intro art" "points art" "actions art"}.welcome__intro{grid-area:intro;text-align:left}.welcome__title{font-size:56px}.welcome__points{grid-area:points;padding:0}.welcome__actions{grid-area:actions;margin-top:8px}.welcome__art{grid-area:art;align-self:center;padding:22px 26px}.welcome__map{height:340px;border-radius:32px}.welcome__badge{height:40px;padding:0 16px;border-radius:20px;font-size:15px}.welcome__cloud--a{width:220px;height:70px;left:-70px;top:12%}.welcome__cloud--b{width:240px;height:76px;right:-80px;top:16%}}@media (prefers-reduced-motion: no-preference){.welcome__cloud--a{animation:welcome-drift 26s ease-in-out infinite alternate}.welcome__cloud--b{animation:welcome-drift 32s ease-in-out infinite alternate-reverse}}@keyframes welcome-drift{to{transform:translate(28px)}}@media (min-width: 600px) and (max-width: 899px){.welcome__body{justify-content:center;gap:26px}.welcome__actions{margin-top:6px}.welcome__map{height:200px}}@media (max-width: 599px){.welcome__cloud--b{display:none}}@media (max-width: 420px){.welcome__cloud--a{top:100px;height:32px;width:92px}}.welcome__bird{position:absolute;z-index:-1;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 4px 10px rgba(20,80,140,.25))}.welcome__bird--1{width:58px;left:74%;top:9%;rotate:-6deg}.welcome__bird--2{width:38px;left:69%;top:15%;rotate:-4deg;opacity:.85}.welcome__bird--3{width:26px;left:79%;top:5%;rotate:-10deg;opacity:.7}@media (max-width: 899px){.welcome__bird--1{width:48px;left:auto;right:16%;top:8%}.welcome__bird--2{width:32px;left:auto;right:26%;top:12.5%}.welcome__bird--3{width:22px;left:auto;right:9%;top:6%}}.welcome__flock{display:contents}@media (max-width: 599px){.welcome__flock{display:block;position:relative;flex:1 1 auto;min-height:0}.welcome__actions{margin-top:0}.welcome__bird--1{width:40px;right:34px;top:34%}.welcome__bird--2{width:27px;right:92px;top:52%}.welcome__bird--3{width:19px;right:22px;top:18%}}@media (max-width: 599px) and (max-height: 739px){.welcome__bird{display:none}}[data-mode=dark] .welcome__bird{opacity:.5}@media (prefers-reduced-motion: no-preference){.welcome__bird{animation:welcome-glide 7s ease-in-out infinite alternate}.welcome__bird--2{animation-delay:-2.5s}.welcome__bird--3{animation-delay:-5s}}@keyframes welcome-glide{to{translate:6px -5px}}.admin{height:100%;overflow-y:auto;background:var(--bg);color:var(--ink);display:flex;flex-direction:column;gap:14px;padding:16px max(16px,calc((100% - 1200px)/2)) 40px}.admin__tabs{max-width:320px}.admin__list{display:flex;flex-direction:column;gap:10px}.admin__list>p{margin:0}.admin__search{width:100%;max-width:420px}.admin__table{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.admin__row{display:grid;gap:4px 12px;align-items:center;padding:10px 14px;border:none;border-top:1px solid var(--line);background:none;color:inherit;font:inherit;text-align:left;min-width:0}.admin__row>*{min-width:0;overflow-wrap:anywhere}.admin__table--users .admin__row{grid-template-columns:minmax(200px,2fr) 1fr 1fr 1.2fr 1.4fr}.admin__table--trips .admin__row{grid-template-columns:minmax(180px,2fr) 1.3fr 1.6fr .6fr 1fr}.admin__row:first-child{border-top:none}.admin__row--head{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;background:var(--bg)}button.admin__row{cursor:pointer}button.admin__row:hover{background:var(--accent-soft)}.admin__who{display:flex;align-items:center;gap:10px}.admin__who>span:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;min-width:0}.admin__email{flex-basis:100%}.admin__avatar{flex:none;width:32px;height:32px;border-radius:50%;overflow:hidden;display:inline-grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:700}.admin__avatar img{width:100%;height:100%;object-fit:cover}.admin__features{display:flex;flex-wrap:wrap;gap:4px}.admin__feature{background:var(--accent-soft);color:var(--accent);margin-left:4px}.admin__features .admin__feature{margin-left:0}.admin__admin{background:var(--ink);color:var(--bg)}.admin__owner{text-align:left;font-weight:500}.admin__pager{display:flex;align-items:center;gap:10px;justify-content:center}.admin__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#1c232173;display:flex;justify-content:flex-end}.admin__panel{width:min(560px,100%);height:100%;overflow-y:auto;background:var(--surface);color:var(--ink);padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:-10px 0 40px #0003}.admin__panel h2{margin:0;font-size:18px}.admin__panel h3{margin:8px 0 0;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.admin__panel p{margin:0}.admin__facts{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0}.admin__facts dt{color:var(--muted)}.admin__facts dd{margin:0;overflow-wrap:anywhere}.admin__toggles{display:flex;flex-direction:column;gap:8px}.admin__toggle{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);cursor:pointer}.admin__toggle input{margin-top:3px;width:18px;height:18px;accent-color:var(--accent)}.admin__toggle>span{display:flex;flex-direction:column;gap:2px}.admin__panel .admin__row{grid-template-columns:1fr}.admin__panel .admin__row--head{display:none}.admin__row>[data-label]:before{content:none}.admin__panel .admin__row>[data-label]:before{content:attr(data-label) ": ";color:var(--muted)}@media (max-width: 800px){.admin{padding-bottom:calc(var(--tabbar-h, 60px) + 24px + env(safe-area-inset-bottom))}.admin__table--users .admin__row,.admin__table--trips .admin__row{grid-template-columns:1fr}.admin__row--head{display:none}.admin__row>[data-label]:before{content:attr(data-label) ": ";color:var(--muted)}.admin__features:empty{display:none}.admin__panel{width:100%;height:auto;max-height:92%;margin-top:auto;border-radius:16px 16px 0 0}.admin__scrim{align-items:flex-end}}