.trip-page{min-height:100dvh;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px));background:var(--bg);color:var(--text)}.tp-bar{z-index:6;pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:12px;left:0;right:0}.tp-bar>*{pointer-events:auto}.tp-bar .brand{background:var(--scrim);color:#f3f0e8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;min-height:48px;padding:0 14px 0 9px;font-size:22px}.tp-bar .brand svg{width:28px;height:28px}.tp-watching{--live:#ff4d8d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0d12db;min-height:36px}.tp-bar-acts{display:none}.tp-main{padding-top:0}.tp-stage{margin-inline:calc(-1 * max(16px, env(safe-area-inset-left,0px)));scroll-margin-top:0;display:grid;position:relative}.tp-map-col{display:grid;position:relative}.tp-map{border-radius:0 0 28px 28px;height:min(62svh,580px);min-height:380px}.tp-map .trip-map-bar{bottom:16px}.tp-map .map-progress{top:auto;bottom:76px}.tp-map-tools{top:72px;right:max(12px, env(safe-area-inset-right,0px));z-index:4;position:absolute}.tp-stop{z-index:3;margin:-22px 10px 0;position:relative}.tp-stop:empty{display:none}.tp-side{padding-inline:max(16px, env(safe-area-inset-left,0px));align-content:start;gap:12px;min-width:0;display:grid}.tp-head{gap:10px;padding-top:20px;display:grid}.tp-head h1{overflow-wrap:anywhere;font-size:clamp(46px,13vw,72px);line-height:.88}.tp-facts{flex-wrap:wrap;gap:4px 12px;margin:0;display:flex}.tp-side-label{padding-top:10px}.tp-latest{display:none}.viewer-look{position:relative}.look-toggle{background:var(--scrim);color:#f3f0e8;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:0 10px 0 14px;font-size:14px;font-weight:700;display:inline-flex}.look-toggle-k{color:#f3f0e8ad;font-weight:600}:root[data-theme=light] :is(.trip-map,.look-toggle){--focus:var(--a)}:root[data-theme=light] .tp-watching{background:#0e0d12db}@media (width<=1023px){:root[data-theme=light] .tp-bar .brand{--focus:var(--a)}}.look-pop{background:var(--surface);border:1px solid var(--line-strong);width:min(340px,100vw - 32px);box-shadow:var(--shadow-2);border-radius:18px;gap:10px;padding:16px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.vpick{margin-inline:calc(-1 * max(16px, env(safe-area-inset-left,0px)));padding:4px max(16px, env(safe-area-inset-left,0px)) 12px;scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;scroll-padding-inline:16px;display:flex;position:relative;overflow-x:auto}.vpick::-webkit-scrollbar{display:none}.vpick-card{border:1px solid var(--line);background:var(--surface);width:262px;color:var(--text);text-align:left;cursor:pointer;scroll-snap-align:start;-webkit-tap-highlight-color:transparent;border-radius:18px;flex:none;align-content:start;gap:7px;padding:12px 14px;transition:border-color .18s;display:grid}.vpick-card[aria-checked=true]{border:2px solid var(--select);padding:11px 13px}.vpick-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.vpick-meta{color:var(--muted);font-size:12px;font-weight:700}.vpick-name{font-size:27px;line-height:.92}.vpick-stops{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.vpick-votes{align-items:center;gap:8px;min-height:24px;display:flex}.vpick-bar{background:var(--raised);border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.vpick-bar span{background:var(--muted);border-radius:3px;transition:width .4s;position:absolute;inset:0 auto 0 0}.vpick-bar.is-lead span{background:var(--lead)}.vpick-n{text-align:right;min-width:1ch;font-size:13px}@media (hover:hover) and (pointer:fine){.vpick-card:hover{border-color:var(--line-strong)}.vpick-card[aria-checked=true]:hover{border-color:var(--select)}}.stop-panel{background:var(--surface);border:1px solid var(--line);border-radius:24px;align-content:start;display:grid;overflow:hidden;box-shadow:0 -12px 32px -18px #000000b3}.sp-photo{aspect-ratio:16/9;background:var(--raised-2);border-radius:14px;margin:10px 10px 0;position:relative;overflow:hidden}.sp-photo img{object-fit:cover;width:100%;height:100%}.sp-photo figcaption{color:#fff;background:linear-gradient(#0000,#000000b3);padding:18px 10px 6px;font-size:11px;line-height:1.3;position:absolute;bottom:0;left:0;right:0}.sp-photo figcaption a{color:inherit;font-weight:600}.sp-body{gap:8px;padding:14px 16px 18px;display:grid}.sp-title{font-size:clamp(38px,10vw,48px);line-height:.88}.sp-local{font-family:var(--body);color:var(--muted);text-transform:none;font-size:20px;font-weight:600;font-stretch:100%}.sp-leg-title{align-items:center;gap:10px;font-size:clamp(30px,8vw,38px);display:flex}.sp-leg-title .ico{color:var(--icon)}.sp-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:14px;display:flex}.sp-meta b{color:var(--text)}.sp-note{font-size:15px;line-height:1.5}.sp-arrive{color:var(--muted);align-items:center;gap:6px;display:flex}.tp-grid{align-items:start;gap:44px;margin-top:40px;display:grid}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.plan{gap:12px;display:grid}.days{margin:0;padding:0;list-style:none;display:grid}.day{border-bottom:1px solid var(--line);grid-template-columns:76px 1fr;gap:12px;padding:11px 0;display:grid}.day:last-child{border-bottom:0}.day-date{line-height:1.25}.day-date b{color:var(--text);font-size:14px;display:block}.day-main{gap:4px;min-width:0;display:grid}.day-travel{color:var(--muted);align-items:center;gap:6px;display:inline-flex}.day-line{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.day-stop{color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:16px;font-weight:800}.hol{border:1px solid color-mix(in srgb, var(--text) 40%, transparent);white-space:nowrap;border-radius:6px;align-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}@media (hover:hover) and (pointer:fine){button.day-stop:hover{text-underline-offset:3px;text-decoration:underline}}.compare{gap:12px;display:grid}.table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow-x:auto}.compare table{border-collapse:collapse;width:100%;font-size:14px}.compare th,.compare td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 14px}.compare .n{text-align:right}.compare thead th{color:var(--muted);font-size:11px;font-weight:700}.compare tbody tr:last-child>*{border-bottom:0}.compare tbody th{white-space:normal;align-items:center;gap:8px;display:flex}.compare td.stat{font-size:14px}.compare tr[aria-current=true]{background:color-mix(in srgb, var(--accent) 7%, transparent)}.compare .wide{display:none}@media (width>=640px){.compare .wide{display:table-cell}}.link-btn{color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:700}@media (hover:hover) and (pointer:fine){.link-btn:hover{text-underline-offset:3px;text-decoration:underline}}.decided{border-color:color-mix(in srgb, var(--accent) 40%, var(--line));gap:8px;padding:22px;display:grid}.decided-name{font-size:clamp(44px,11vw,64px)}.results-card{gap:12px;padding:20px;scroll-margin-top:16px;display:grid}.res-top{justify-content:space-between}.res-title{font-size:clamp(34px,8vw,42px)}.live-dot{color:var(--muted);font-size:12px;font-weight:800}.live-dot.is-live{color:var(--live)}.bars{gap:12px;margin:4px 0 0;padding:0;list-style:none;display:grid}.bars li{grid-template-columns:minmax(0,1fr) auto 28px;grid-template-areas:"label avas n""bar bar n";align-items:center;gap:6px 10px;display:grid}.bar-label{text-overflow:ellipsis;white-space:nowrap;grid-area:label;font-size:14px;font-weight:700;overflow:hidden}.bars .avas{grid-area:avas}.bars .ava{border-color:var(--surface)}.bar{background:var(--raised);border-radius:4px;grid-area:bar;height:8px;display:block;position:relative;overflow:hidden}.bar span{border-radius:inherit;background:var(--muted);transition:width .4s;position:absolute;inset:0 auto 0 0}.bars li.lead .bar span{background:var(--lead)}.bars li.lead .bar-label{color:var(--accent-ink)}.bars li.any .bar span{background:var(--raised-2)}.bar-n{text-align:right;grid-area:n;font-size:18px}.who{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.who-list{gap:6px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.who-n{background:var(--raised);border-radius:999px;place-items:center;min-width:24px;height:22px;padding:0 6px;font-size:12px;display:inline-grid}.waiting{background:var(--raised);border-radius:12px;padding:10px 12px}.notes{border-top:1px solid var(--line);gap:8px;margin:0;padding:12px 0 0;font-size:15px;list-style:none;display:grid}.credits{margin-top:28px}.vote-routes{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.vote-grid{gap:8px;display:grid}.vote-names{gap:16px;display:grid}.vote-mine{font-size:17px}.vote-sheet .sheet-head h2{font-size:40px}.tp-dock{z-index:20;padding:10px max(16px, env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));background:var(--bar);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.tp-dock .btn{flex:none;min-height:52px;padding-inline:22px}.tp-dock .tp-dock-reel{width:52px;margin-left:auto;padding:0}.tp-dock .tp-dock-reel svg{width:20px;height:20px}.latest{white-space:nowrap;flex:auto;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.latest .muted{text-overflow:ellipsis;overflow:hidden}@media (width>=1024px){.trip-page{padding-bottom:0}.tp-bar{background:var(--bar);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:72px;padding-block:10px;position:sticky;top:0}.tp-bar .brand{color:var(--text);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0;font-size:26px}.tp-watching{--live:inherit;background:color-mix(in srgb, var(--live) 16%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;margin-left:auto}.tp-bar-acts{align-items:center;gap:8px;display:flex}.tp-bar-acts .btn-primary{min-height:42px;padding:8px 18px;font-size:14px}.tp-dock{display:none}.tp-stage{grid-template-columns:minmax(0,1fr) 380px;gap:20px;height:calc(100svh - 112px);min-height:600px;max-height:860px;margin:16px 0 0}.tp-map{border-radius:22px;height:100%;min-height:0}.tp-map .map-progress{top:14px;bottom:auto;right:190px}.tp-map-tools{top:14px;right:14px}.tp-stop{border-radius:24px;width:340px;max-height:calc(100% - 140px);margin:0;position:absolute;bottom:84px;left:16px;overflow:auto}.tp-side{scrollbar-width:thin;flex-direction:column;gap:10px;padding:0;display:flex;overflow-y:auto}.tp-head{padding-top:2px}.tp-head h1{font-size:52px}.vpick{scroll-snap-type:none;flex-direction:column;margin:0;padding:0;overflow:visible}.vpick-card{width:auto}.tp-latest{background:var(--surface);border-radius:14px;margin-top:auto;padding:12px 14px;display:block}.tp-grid{grid-template-columns:minmax(0,1fr) 420px;gap:48px;margin-top:56px}.tp-results{position:sticky;top:92px}.day{grid-template-columns:96px 1fr}}:root[data-theme=light] .decided{border-color:var(--line-strong)}:root[data-theme=light] .vpick-bar:not(.is-lead) span,:root[data-theme=light] .bars li:not(.lead,.any) .bar span{background:#8a8794}@media (width>=1024px){:root[data-theme=light] .tp-watching{background:#fbdde6}}
