:root{color:#1c1c1e;--top:45px;background:#f5f5f7;font-family:system-ui,-apple-system,Apple SD Gothic Neo,sans-serif}*{box-sizing:border-box}body{margin:0}.top{height:var(--top);background:#fff;border-bottom:1px solid #e3e3e8;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.left{align-items:center;gap:10px;display:flex}.brand{color:inherit;font-weight:700;text-decoration:none}html,body{overscroll-behavior:none;height:100%;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex}.top,.tabbar{flex:none}main{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.page{box-sizing:border-box;max-width:560px;min-height:100%;margin:0 auto;padding:16px}:is(.page:has(.trip-screen),.page:has(.profile-screen),.page:has(.explore)){height:100%}h1{margin:0;font-size:22px}h2{margin:0 0 8px;font-size:16px}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.row>label{flex:1}.center{text-align:center;padding-top:48px}.muted{color:#6e6e73;font-size:14px}.error{color:#c62828;font-size:14px}.list>*{min-width:0}.list{grid-template-columns:minmax(0,1fr);gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.card{color:inherit;background:#fff;border:1px solid #e3e3e8;border-radius:10px;padding:12px;text-decoration:none;display:block}.card .muted{display:block}.body{white-space:pre-wrap;margin:8px 0 0}.body a{color:#1565c0;overflow-wrap:anywhere}.day{margin-top:24px}.form{gap:12px;margin-top:12px;display:grid}label{gap:4px;font-size:14px;display:grid}input,select,textarea{width:100%;font:inherit;background:#fff;border:1px solid #c7c7cc;border-radius:8px;padding:10px;font-size:16px}button,a.button,a.chip,a.primary{font:inherit;color:inherit;cursor:pointer;background:#fff;border:1px solid #c7c7cc;border-radius:8px;padding:8px 12px;font-size:14px;text-decoration:none}.primary,a.primary{color:#fff;background:#1c1c1e;border-color:#1c1c1e}button:disabled{opacity:.5}.actions{flex-shrink:0;gap:6px;display:flex}.grow{flex:1}.label{margin-bottom:4px;font-size:14px;display:block}.dot{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.map{background:#e9e9ee;border:1px solid #e3e3e8;border-radius:10px;height:280px;margin-top:12px;overflow:hidden}.picker{position:relative}.picker .map{margin-top:0}.picker .pin{pointer-events:none;width:28px;height:37px;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.photos{margin-top:10px}.grid{grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 8px;padding:0;list-style:none;display:grid}.grid li{aspect-ratio:1;position:relative}.grid img{object-fit:cover;background:#e9e9ee;border-radius:8px;width:100%;height:100%;display:block}.grid .remove{color:#fff;background:#0009;border:none;border-radius:50%;width:26px;height:26px;padding:0;font-size:16px;line-height:1;position:absolute;top:4px;right:4px}.time{color:#6e6e73;font-variant-numeric:tabular-nums;margin-right:6px;font-weight:400}.search{margin-bottom:8px}.search .row button{flex-shrink:0}.results{border:1px solid #e3e3e8;border-radius:8px;margin:6px 0 0;padding:0;list-style:none;overflow:hidden}.results li+li{border-top:1px solid #e3e3e8}.results button{text-align:left;border:none;border-radius:0;width:100%;padding:10px;display:block}.results .muted{font-size:13px;display:block}.check{color:#6e6e73;align-items:center;gap:6px;margin-top:6px;display:flex}.check input{width:auto;padding:0}.check+.muted{margin:4px 0 0}.group{color:#6e6e73;margin-top:10px;font-size:13px;font-weight:600;display:block}.chips{scrollbar-width:none;gap:6px;margin-top:12px;display:flex;overflow-x:auto}.chips+.map{margin-top:8px}.chip{border-radius:999px;flex-shrink:0;align-items:center;display:inline-flex}.chip.on{color:#fff;background:#1c1c1e;border-color:#1c1c1e}.tabs{border-bottom:1px solid #e5e5ea;margin:4px 0 16px;display:flex}.tab{color:#8e8e93;text-align:center;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:10px 0;font-size:15px;font-weight:600;text-decoration:none}.tab.on{color:#1c1c1e;border-bottom-color:#1c1c1e}.tabs+.search{margin-bottom:20px}.map-pin{cursor:pointer;line-height:0}.map-pin text{font-family:system-ui,-apple-system,sans-serif}.order{color:#fff;text-align:center;vertical-align:1px;border-radius:50%;width:20px;height:20px;margin-right:6px;font-size:12px;line-height:20px;display:inline-block}.map-pin svg{transform-origin:50% 100%}.map-pin.active{z-index:1}.map-pin.active svg{transform:scale(1.3)}.map-pin.dim svg{opacity:.55}.map-open{color:#1565c0;border:none;padding:2px 0;font-weight:600}.map-group{max-height:180px;margin:0;padding:0;list-style:none;overflow-y:auto}.map-group li{align-items:center;padding:2px 0;display:flex}.map-group .order{flex:none}.map-group .map-open{text-align:left}.profile{align-items:center;gap:12px;display:flex}.avatar{object-fit:cover;background:#e9e9ee;border-radius:50%;flex-shrink:0;width:56px;height:56px}.page:has(.wide){max-width:768px}.trip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px;margin:16px 0 0;padding:0;list-style:none;display:grid}@media (width>=1016px){.page:has(.wide){max-width:1016px}.trip-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.trip-grid a{color:inherit;text-decoration:none;display:block;position:relative}.trip-grid strong,.trip-grid .muted{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.trip-grid strong{margin-top:4px;font-size:13px}.trip-grid .muted{font-size:12px}.thumb{aspect-ratio:1;object-fit:cover;background:#e9e9ee;border-radius:8px;width:100%;display:block}.thumb.banner{aspect-ratio:auto;box-sizing:border-box;border:1px solid #e3e3e8;border-radius:10px;height:min(280px,32dvh)}.thumb.empty{color:#6e6e73;place-items:center;font-size:12px;display:grid}.pinned{filter:drop-shadow(0 1px 2px #0000008c);width:20px;height:20px;position:absolute;top:15px;left:15px}.pinned span{background:#fff;width:100%;height:100%;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.credit{left:50%;bottom:calc(10px + var(--tabbar,0px) + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#6e6e73;white-space:nowrap;pointer-events:none;background:#ffffffd9;border-radius:999px;margin:0;padding:4px 10px;font-size:11px;position:fixed;transform:translate(-50%);box-shadow:0 1px 4px #0000001f}.wide{padding-bottom:48px}.author{color:#6e6e73;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;text-decoration:none;display:inline-flex}.author .avatar{width:28px;height:28px}.crumb{color:#6e6e73;margin-bottom:8px;font-size:14px;text-decoration:none;display:block}.title-link{color:inherit;text-decoration:none}.gallery{scroll-snap-type:x mandatory;scrollbar-width:none;gap:6px;max-width:100%;margin:12px 0 0;padding:0;list-style:none;display:flex;overflow-x:auto}.gallery li{scroll-snap-align:start;flex:none}.gallery button{background:0 0;border:none;border-radius:10px;padding:0;display:block}.gallery img{object-fit:cover;background:#e9e9ee;border-radius:10px;max-width:78vw;height:200px;display:block}.gallery li:only-child{flex:1}.gallery li:only-child button{width:100%}.gallery li:only-child img{width:100%;max-width:none;height:auto;max-height:420px}.lightbox{z-index:20;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.lightbox .frame{--stage:min(56dvh, 480px);background:#1c1c1e;border-radius:14px;width:min(100%,640px);padding:12px 12px 10px;position:relative;box-shadow:0 12px 40px #0006}.lightbox .stage{height:var(--stage);justify-content:center;align-items:center;display:flex}.lightbox img{max-width:100%;max-height:var(--stage);object-fit:contain;border-radius:8px}.lightbox .counter{color:#fff;text-align:center;margin-top:8px;font-size:13px;display:block}.lightbox button{color:#fff;background:#00000080;border:none;border-radius:50%;width:36px;height:36px;padding:0;font-size:22px;line-height:1;position:absolute}.lightbox .close{top:18px;right:18px}.lightbox .prev,.lightbox .next{top:calc(12px + var(--stage) / 2 - 18px)}.lightbox .prev{left:18px}.lightbox .next{right:18px}.lightbox button:disabled{opacity:.25}.pager{align-items:stretch;margin-top:24px}.pager a{flex:1;min-width:0}.pager a:last-child{text-align:right}.pager strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.map .maplibregl-popup-content{font:inherit;border-radius:12px;padding:8px 12px;font-size:14px;box-shadow:0 2px 8px #0000002e}.stats{color:#6e6e73;gap:16px;margin:12px 0 0;font-size:14px;display:flex}.stats a{color:inherit;text-decoration:none}.stats strong{color:#1c1c1e}.notice{background:#fff8e1;border-radius:10px;margin:12px 0 0;padding:10px 12px;font-size:14px}.actions[hidden]{display:none}.locked-card{opacity:.6}.user{justify-content:space-between;align-items:center;gap:8px;display:flex}.user-link{min-width:0;color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.user-link .avatar{width:40px;height:40px}.user-link strong,.user-link .muted{display:block}.post .author{color:#1c1c1e;margin-bottom:8px;font-weight:600}.post-body{color:inherit;text-decoration:none;display:block}.post-body strong{margin-top:10px;display:block}.feed{gap:12px}.clamp{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.bell{position:relative}.bell>button{background:0 0;border:none;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid}.bell .count{color:#fff;text-align:center;pointer-events:none;background:#e53935;border-radius:999px;min-width:16px;padding:0 4px;font-size:11px;font-weight:700;line-height:16px;position:absolute;top:-2px;left:18px}.bell .panel{z-index:10;background:#fff;border:1px solid #e3e3e8;border-radius:12px;width:min(340px,100vw - 32px);max-height:70vh;padding:12px;position:absolute;top:40px;left:-8px;overflow-y:auto;box-shadow:0 6px 24px #00000024}.bell .panel .list{margin:8px 0 0}.bell .panel .card{padding:8px}.tabbar{padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-top:1px solid #e3e3e8;grid-template-columns:repeat(5,1fr);display:grid}.tabbar a{color:#8e8e93;justify-items:center;gap:2px;height:56px;padding-top:7px;font-size:11px;text-decoration:none;display:grid}.tabbar a.on{color:#1c1c1e;font-weight:600}body:has(.tabbar){--tabbar:56px}body:has(.tabbar) .wide{padding-bottom:40px}body:has(.tabbar) .explore{padding-bottom:0}.explore .map{height:100%;min-height:280px;margin-top:0}.page:has(.explore){padding-bottom:16px}.trip-screen{flex-direction:column;height:100%;display:flex}.page:has(.trip-screen){padding-bottom:0}.trip-top{flex:none}.trip-screen{--map-full:min(280px, 32dvh);--map-min:min(240px, calc((min(100vw, 768px) - 48px) / 3));--scroll:0px;--shrink:min(var(--scroll), max(0px, calc(var(--map-full) - var(--map-min))))}.trip-head{border-bottom:1px solid #e3e3e8;flex:none;padding:8px 0}.trip-head .map{height:calc(var(--map-full) - var(--shrink));margin-top:0}.trip-head .map+.chips{margin-top:8px}.trip-head .chips:first-child{margin-top:0}.trip-scroll{overscroll-behavior:contain;overflow-anchor:none;flex:1;min-height:0;overflow-y:auto}.trip-spacer{height:var(--shrink)}.trip-days{padding-bottom:24px}.trip-days .day:first-child{margin-top:14px}.card.tap{cursor:pointer}.photo-add{align-items:center;gap:10px;display:flex}.photo-add button{flex-shrink:0}.methods{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.methods button{border-radius:999px;font-size:13px}.methods button.on{color:#fff;background:#1c1c1e;border-color:#1c1c1e}.method-note{margin:0 0 8px;font-size:13px}.form>.grid{margin:0}.trip-title{align-items:center;gap:2px;min-width:0;display:flex}.trip-title h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.more{background:0 0;border:none;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid}.more svg{fill:#6e6e73}.menu-box{flex-shrink:0;position:relative}.menu{z-index:10;background:#fff;border:1px solid #e3e3e8;border-radius:12px;min-width:150px;padding:6px;display:grid;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 6px 24px #00000024}.menu.right{min-width:190px;left:auto;right:0}.menu>.muted{padding:6px 10px}.menu button{text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px;display:flex}.menu button:hover{background:#f5f5f7}.menu .danger{color:#d32f2f;font-weight:600}.place-edit .form{margin-top:16px}.place-edit .map{height:min(420px,50dvh)}.place-edit textarea{min-height:160px}.place-edit .form>.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.profile-screen{flex-direction:column;height:100%;display:flex}.page:has(.profile-screen){padding-bottom:0}body:has(.tabbar) .profile-screen{padding-bottom:0}.profile-top{border-bottom:1px solid #e3e3e8;flex:none;padding-bottom:12px}.profile-cards{overscroll-behavior:contain;flex:1;min-height:0;padding-bottom:48px;overflow-y:auto}.profile-cards .trip-grid{margin-top:12px}.trip-top .author{gap:6px;margin-bottom:6px;font-size:12px}.trip-top .author .avatar{width:16px;height:16px}.trip-top>.muted{margin:6px 0 0;font-size:13px}.top>button{padding:4px 9px;font-size:12px}.top .brand{font-size:15px}.bell>button{width:28px;height:28px}.bell .panel{top:34px}.bell .count{left:15px}.trip-top>.muted{margin-top:2px;font-size:10px}.lock-row{margin-top:6px}.lock-row button{flex-shrink:0}.lock-badge{color:#fff;pointer-events:none;background:#1c1c1ed1;border-radius:999px;padding:3px 9px;font-size:12px;position:absolute;top:10px;left:10px}.picker.locked .map{cursor:default}input[type=date],input[type=time]{appearance:none;text-align:left;min-width:0;max-width:100%;min-height:44px;display:block}input[type=date]::-webkit-date-and-time-value{text-align:left}input[type=time]::-webkit-date-and-time-value{text-align:left}.picker.locked .maplibregl-ctrl-top-right{display:none}.photo-add .muted{font-size:12px}.trip-top h1{font-size:20px}.trip-days .card{font-size:13px}.trip-days .card .order{width:17px;height:17px;margin-right:5px;font-size:10px;line-height:17px}.trip-days .card .actions button{padding:5px 9px;font-size:11px}.trip-days .card .body{margin-top:6px}body:has(.trip-head .maplibregl-pseudo-fullscreen) .top{display:none}body:has(.trip-head .maplibregl-pseudo-fullscreen) .tabbar{display:none}.trip-screen:has(.maplibregl-pseudo-fullscreen) .trip-top{display:none}.trip-screen:has(.maplibregl-pseudo-fullscreen) .chips{display:none}body:has(.trip-head .maplibregl-pseudo-fullscreen) .page{max-width:none;padding:0}.trip-screen:has(.maplibregl-pseudo-fullscreen) .trip-head{border:none;flex:1;min-height:0;padding:0}.trip-screen:has(.maplibregl-pseudo-fullscreen) .trip-scroll{visibility:hidden;flex:none;height:0;overflow:hidden}.trip-head .map.maplibregl-pseudo-fullscreen{z-index:auto;border:none;border-radius:0;margin:0;width:100%!important;height:100%!important;position:relative!important;top:auto!important;left:auto!important}.lightbox .frame{touch-action:pan-y pinch-zoom}.explore{height:100%}.pull-badge{z-index:50;color:#9a9aa0;opacity:0;pointer-events:none;background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:fixed;top:-44px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}.pull-badge.ready{color:#1c1c1e}.pull-badge.spin svg{animation:.7s linear infinite pull-spin}@keyframes pull-spin{to{transform:rotate(360deg)}}.search .error{white-space:pre-line}.hint{color:#6e6e73;background:0 0;border:none;align-items:center;gap:5px;margin-top:6px;padding:2px 0;font-size:13px;display:inline-flex}.hint .info{border:1px solid;border-radius:50%;place-items:center;width:15px;height:15px;font-size:10px;font-style:normal;font-weight:600;line-height:1;display:inline-grid}.notes{color:#48484d;background:#ececf0;border-radius:8px;margin:4px 0 0;padding:10px 12px 10px 28px;font-size:13px;line-height:1.5}.guide{z-index:60;background:#0009;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.guide .sheet{background:#fff;border-radius:12px;gap:10px;max-width:min(480px,100%);max-height:100%;padding:12px;display:grid;overflow-y:auto}.guide img{border-radius:8px;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 120px);margin:0 auto;display:block}.leave{color:#8e8e93;background:0 0;border:none;margin:32px auto 8px;padding:4px 8px;font-size:13px;text-decoration:underline;display:block}.leave-sheet{width:min(420px,100%);padding:16px}.leave-sheet .danger{color:#fff;background:#d32f2f;border-color:#d32f2f}.leave-sheet .danger:disabled{opacity:.4}.form>.section{margin:12px 0}.actions{align-items:center}.actions .menu.right,.menu.place-menu{min-width:110px}.explore{position:relative}.explore-chips{z-index:2;margin:0;position:absolute;top:10px;left:10px}.explore-chips .chip{gap:5px;box-shadow:0 1px 4px #0003}.explore-note{z-index:2;text-align:center;background:#fffffff0;border-radius:8px;margin:0;padding:8px 10px;font-size:13px;position:absolute;bottom:36px;left:10px;right:10px}.map-card{justify-items:start;gap:2px;display:grid}.map-card .map-open{text-align:left}.map-card span{color:#6e6e73;font-size:12px}.covered{background-position:50%;background-repeat:no-repeat;background-size:cover}.covered .muted,.covered .author,.covered .crumb{color:#3a3a3c}.cover-preview{object-fit:cover;border-radius:10px;width:100%;height:140px;margin-bottom:8px;display:block}