:root{--ink: #5b2333;--paper: #f4ebdd;--accent: #f5d76e;--rose: #e6b8c1;--muted: #7a5560;--faint: #9a8087;--border: #dfcfbd;--border-strong: #c9b8a5;--chip: #ebd9c8;--chip2: #ebe0d0;--white: #ffffff;--ok: #1e9c6b;--radius-input: 16px;--radius-card: 18px;--radius-panel: 24px;--shadow-pill: 0 4px 12px rgba(0, 0, 0, .15);--shadow-disc: 0 12px 30px rgba(0, 0, 0, .2);--font: "Bricolage Grotesque", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ink);font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased}button{font-family:var(--font)}.app{max-width:430px;margin:0 auto;min-height:100dvh;background:var(--paper);position:relative;overflow:clip}.screen{min-height:100dvh;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 16px) 22px calc(env(safe-area-inset-bottom,0px) + 24px);box-sizing:border-box;gap:20px}.brand{font-weight:800;font-size:20px;letter-spacing:-.02em}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--rose);text-transform:uppercase}.h-hero{margin:6px 0 0;font-size:46px;line-height:.98;font-weight:800;letter-spacing:-.035em;text-wrap:pretty}.h-title{margin:6px 0 0;font-size:30px;line-height:1.05;font-weight:800;letter-spacing:-.03em;text-wrap:pretty}.h-zone{margin:0;font-weight:800;font-size:22px;letter-spacing:-.02em;line-height:1}.muted{color:var(--muted)}.tiny{font-size:12px;color:var(--muted)}.screenhead{display:flex;align-items:center;gap:10px}.btn-round{width:36px;height:36px;border-radius:50%;background:var(--chip2);border:none;display:flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;flex:none;padding:0}.btn-round.shadow,.pill-btn.shadow{background:var(--paper);box-shadow:var(--shadow-pill)}.brand-sm{font-weight:800;font-size:18px;letter-spacing:-.02em}.pill-city{font-size:12px;font-weight:700;background:var(--paper);color:var(--ink);padding:6px 10px;border-radius:999px}.field{display:flex;flex-direction:column;gap:8px}.field>label{font-size:13px;font-weight:600;color:var(--muted)}.inputbox{height:54px;border-radius:var(--radius-input);background:var(--white);border:1.5px solid var(--border);display:flex;align-items:center;padding:0 6px 0 16px;font-size:17px;gap:8px}.inputbox:focus-within{border-color:var(--ink)}.inputbox.ok{border-color:var(--ok)}.in-ico{display:flex;flex:none;color:var(--faint)}.in-ico.ok{color:var(--ok)}.in-clear{width:36px;height:36px;border-radius:50%;border:none;background:var(--chip2);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;margin-right:4px;padding:0}.place{position:relative}.place .suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;box-shadow:0 10px 30px #5b233324}.inputbox input{flex:1;min-width:0;border:none;outline:none;background:transparent;font:inherit;color:var(--ink)}.inputbox input::placeholder{color:#b9a6ab}.pill-btn{display:flex;align-items:center;gap:6px;height:42px;padding:0 14px;border-radius:999px;background:var(--chip);font-size:13px;font-weight:700;color:var(--ink);border:none;cursor:pointer;white-space:nowrap;flex:none}.suggest{display:flex;flex-direction:column;border:1.5px solid var(--border);border-radius:14px;overflow:hidden;background:var(--white)}.suggest button{display:flex;gap:10px;align-items:center;padding:11px 14px;border:none;border-bottom:1px solid #f0e6d8;background:var(--white);cursor:pointer;text-align:left;font-size:14px;color:var(--ink);width:100%}.suggest button.hi{background:var(--chip2)}.suggest button:last-child{border-bottom:none}.suggest .s-ico{flex:none;display:flex;color:var(--muted)}.suggest .s-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.suggest .s-kind{flex:none;font-size:11px;color:var(--muted)}.mode-switch{display:flex;background:var(--chip);border-radius:999px;padding:4px;gap:4px}.mode-opt{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:40px;border-radius:999px;border:none;background:transparent;color:var(--ink);font-weight:700;font-size:13px;cursor:pointer}.mode-opt.on{background:var(--ink);color:var(--paper)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;height:56px;border-radius:999px;border:none;font-weight:700;font-size:17px;cursor:pointer;text-decoration:none;width:100%}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-accent{background:var(--accent);color:var(--ink)}.btn-ghost{background:transparent;border:1.5px solid var(--border-strong);color:var(--ink)}.btn:focus-visible,.btn-round:focus-visible,.pill-btn:focus-visible,.chip:focus-visible,.zone-tab:focus-visible,.barcard:focus-visible,.mode-opt:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.btn-46{height:46px;font-size:14px;border-radius:12px}.disc{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;flex:none}.disc.num{width:26px;height:26px;font-size:12px;background:var(--ink);color:var(--paper)}.disc.num.midway{background:var(--accent);color:var(--ink)}.disc.num.lg{width:32px;height:32px;font-size:14px}.disc.dashed{width:30px;height:30px;border:2px dashed #c98a9a;background:transparent}.person-pill{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow-pill)}.person-pill .pp-name{font-weight:800;font-size:14px;line-height:1.1}.person-pill .pp-sub{font-size:11px;color:var(--muted);line-height:1.1}.person-pill.dark{background:var(--ink);color:var(--paper)}.person-pill.dark .pp-sub{color:var(--rose)}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:8px 13px;border-radius:999px;border:1.5px solid var(--border);background:transparent;color:var(--ink);font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.barcards{display:flex;flex-direction:column;gap:8px}.barcard{border-radius:var(--radius-card);background:var(--white);border:1.5px solid var(--border);padding:12px 14px;display:flex;flex-direction:column;gap:8px;cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--ink)}.barcard.picked{border:2px solid var(--ink)}.barc-head{display:flex;gap:12px;align-items:center}.barc-main{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.barc-titlerow{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.barc-name{font-weight:800;font-size:15px;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barc-price{font-size:13px;font-weight:700;color:var(--muted)}.barc-sub{font-size:12px;color:var(--muted)}.barc-tags{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:11px;font-weight:700;background:var(--chip2);padding:3px 8px;border-radius:999px;white-space:nowrap}.barc-check{flex:none;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--border);color:#fff;display:flex;align-items:center;justify-content:center}.barc-check.on{background:var(--ink);border-color:var(--ink)}.barc-times{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px}.barc-times .worst .muted{color:var(--ink);font-weight:700}.barc-why{font-size:12px;color:var(--muted);font-style:italic}.people-row .p-btn{display:block;min-width:0;text-align:left;background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer}.journey{margin:0}.journey.dark{border-top-color:var(--ink)}.journey-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border);font-size:12px}.journey-mode{color:var(--muted);display:flex}.journey-row:last-child{border-bottom:none}.journey-name{font-weight:700;font-size:13px}.journey-legs{display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden}.journey-leg{display:inline-flex;align-items:center;gap:3px;color:var(--ink);white-space:nowrap}.journey-arrow{color:var(--rose)}.journey-total{font-weight:800;font-size:13px;letter-spacing:-.02em;white-space:nowrap}.jdisc{width:16px;height:16px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:9px;color:#fff;flex:none}.mapscreen{padding:0;gap:0}.map-area,.map-area .zonemap{position:absolute;top:0;right:0;bottom:0;left:0}.map-topbar{position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);left:16px;right:16px;z-index:20;display:flex;align-items:center;gap:8px}.ellipsis{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-title .muted{flex:none}.map-title{flex:1;min-width:0;white-space:nowrap;font-weight:800;font-size:15px;letter-spacing:-.02em;background:var(--paper);border-radius:999px;height:36px;display:flex;align-items:center;padding:0 14px;box-shadow:var(--shadow-pill)}.sheet{position:relative;z-index:10;margin-top:auto;background:var(--paper);border-radius:var(--radius-panel) var(--radius-panel) 0 0;box-shadow:0 -8px 30px #0000002e;padding:8px 22px calc(env(safe-area-inset-bottom,0px) + 18px);display:flex;flex-direction:column;gap:12px;max-height:66dvh;touch-action:pan-y}.sheet-handle{width:40px;height:5px;flex:none;border-radius:3px;background:var(--border);margin:0 auto 2px;border:none;cursor:pointer}.sheet-scroll{overflow-y:auto;min-height:0;display:flex;flex-direction:column;gap:12px;scrollbar-width:none;padding-bottom:4px}.sheet-scroll::-webkit-scrollbar,.drawer-list::-webkit-scrollbar{display:none}.drawer-list{scrollbar-width:none}.zone-head{display:flex;align-items:center;gap:10px}.zone-head .z-title{font-weight:800;font-size:20px;letter-spacing:-.02em;line-height:1}.zone-head .z-sub{font-size:12px;color:var(--muted);margin-top:3px}.linklike{font-size:12px;font-weight:700;color:var(--ink);text-decoration:underline;background:none;border:none;cursor:pointer;padding:0;flex:none}.zone-tabs{display:grid;gap:4px;padding:4px;border-radius:999px;background:var(--chip)}.zone-tab{display:flex;align-items:center;gap:8px;min-width:0;height:44px;padding:0 10px;border-radius:999px;border:none;background:transparent;cursor:pointer;font:inherit;color:var(--ink);text-align:left;overflow:visible}.zone-tab .disc.num{width:22px;height:22px;font-size:11px;position:relative}.zone-tab .zt-txt{display:flex;flex-direction:column;min-width:0;line-height:1.15}.zone-tab .zt-name{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.zone-tab .zt-sub{font-size:11px;color:var(--faint);white-space:nowrap}.zone-tabs.short .zone-tab{height:40px;padding:0 8px 0 6px;gap:6px;justify-content:center}.zone-tabs.short .zt-name{font-size:12px}.zone-tab.on{background:var(--white);box-shadow:0 1px 4px #5b23332e}.zone-tab.on .zt-name{color:var(--ink)}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--paper);display:flex;flex-direction:column;gap:14px;padding:calc(env(safe-area-inset-top,0px) + 16px) 0 calc(env(safe-area-inset-bottom,0px) + 18px);animation:sheet-up .25s ease-out;max-width:430px;margin:0 auto}@keyframes sheet-up{0%{transform:translateY(24px);opacity:.6}to{transform:translateY(0);opacity:1}}.drawer .drawer-inner{padding:0 22px}.drawer-list{flex:1;min-height:0;overflow-y:auto;padding:0 22px;display:flex;flex-direction:column;gap:8px}.drawer{touch-action:pan-y}.drawer-close{align-self:center;width:44px;height:30px;border:none;background:var(--chip2);color:var(--ink);border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:-4px 0 -6px;padding:0}.drawer-head{padding-bottom:6px}.share-quote{font-size:14px;line-height:1.4;color:var(--rose)}.share-quote strong{color:var(--paper)}.share-btn{height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;border:none;cursor:pointer;color:var(--ink);text-decoration:none}.share-btn.wa{background:var(--accent)}.share-btn.dim{background:#ffffff1f;color:var(--paper)}.share-alt{text-align:center;font-size:12px;color:var(--faint)}.share-alt button{color:var(--paper);text-decoration:underline;background:none;border:none;cursor:pointer;font:inherit;font-size:12px}.linkpanel{flex:none;border-radius:var(--radius-panel);background:var(--ink);color:var(--paper);padding:18px;display:flex;flex-direction:column;gap:12px}.lp-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--rose)}.lp-url{display:flex;align-items:center;gap:10px;height:48px;border-radius:12px;background:#ffffff14;padding:0 14px;border:none;color:var(--paper);cursor:pointer;font:inherit;text-align:left}.lp-txt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:14px ui-monospace,Menlo,monospace}.lp-copy{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--accent);flex:none}.landing{position:relative;min-height:100dvh;background:linear-gradient(var(--ink) 0 50%,var(--paper) 50% 100%);color:var(--paper);display:flex;flex-direction:column;overflow:hidden}.landing .l-copy{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 16px) 22px 24px;pointer-events:none}.landing .l-copy>*{pointer-events:auto}.landing .toprow{display:flex;justify-content:space-between;align-items:center}.landing .hero-zone{margin-top:22px}.landing .l-lead,.landing .l-steps{display:none}.landing .cta-zone{margin-top:auto;display:flex;flex-direction:column;gap:10px;color:var(--ink)}.landing .l-note{color:var(--faint);margin:-2px 0 0}.landing .l-art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.landing .disc-bar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:136px;height:136px;border-radius:50%;background:var(--accent);box-shadow:var(--shadow-disc);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink);font-weight:800;line-height:1;text-align:center}.landing .disc-bar .db-label{font-size:12px;letter-spacing:.08em}.landing .disc-bar .db-time{font-size:32px;letter-spacing:-.03em;margin-top:4px}.landing .disc-bar .db-sub{font-size:11px;font-weight:600;margin-top:4px}.landing .float-pill{position:absolute}.landing .float-pill.nw{left:24px;top:36%}.landing .float-pill.ne{right:24px;top:32%}.landing .float-pill.sw{left:24px;top:61.5%}.landing .float-pill.se{right:24px;top:65%}.landing .eyebrow.south{position:absolute;left:0;right:0;top:72%;text-align:center;color:var(--ink)}.spacer{flex:1}.center{text-align:center}.row{display:flex;align-items:center;gap:10px}.grow{flex:1;min-width:0}.loading-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 0}.errbox{background:#f7e3e3;border:1.5px solid #d8a7a7;color:#7a2c2c;border-radius:12px;padding:10px 14px;font-size:13px}.countline{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.countline strong{color:var(--ink)}.sechead{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.zonemap{width:100%;height:100%;background:#ede8e0;opacity:0;transition:opacity .4s ease}.zonemap.ready,.zonemap.zonemap-off,iframe.zonemap{opacity:1}.zonemap-inner{width:100%;height:100%}.zonemap.zonemap-off{display:flex;align-items:center;justify-content:center;padding:24px 40px 40dvh;text-align:center;font-size:13px;color:var(--muted);background:#efe6d8}.zonemap .maplibregl-ctrl-bottom-right,.zonemap .maplibregl-ctrl-bottom-left{opacity:.55}.zm-zone{width:34px;height:34px;border-radius:50%;background:#fff;color:var(--ink);border:2px solid var(--ink);box-shadow:0 3px 10px #5b233338;display:flex;align-items:center;justify-content:center;font-family:var(--font);font-weight:800;font-size:15px;cursor:pointer;padding:0;transition:transform .15s ease}.zm-zone.midway{background:var(--accent)}.zm-zone.sel{transform:scale(1.2);box-shadow:0 0 0 6px #5b233324,0 4px 14px #5b23334d;z-index:5}.zm-person{width:26px;height:26px;border-radius:50%;color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 8px #00000038;font-family:var(--font)}.beerloader{display:flex;align-items:center;gap:12px}.beerloader .glass{position:relative;width:26px;height:34px;border:2.5px solid var(--ink);border-top-width:4px;border-radius:4px 4px 8px 8px;overflow:hidden;flex:none}.beerloader .fill{position:absolute;left:0;right:0;bottom:0;height:40%;background:var(--accent);animation:fillup 1.8s ease-in-out infinite alternate}.beerloader .bubble{position:absolute;bottom:4px;border-radius:50%;background:#f5d76ecc;animation:bubbleup 1.6s linear infinite}.beerloader .txt{font-size:13px;font-weight:600;color:var(--muted)}@keyframes fillup{0%{height:30%}50%{height:85%}to{height:30%}}@keyframes bubbleup{0%{transform:translateY(0);opacity:1}to{transform:translateY(-22px);opacity:0}}.people{border-radius:20px;background:var(--white);border:1.5px solid var(--border);padding:2px 16px}.people-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 0;border-bottom:1px solid #ede0d0}.people-row:last-child{border-bottom:none}.people-row .p-name{display:block;font-size:15px;font-weight:600}.people-row .p-sub{display:block;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-x{width:30px;height:30px;border-radius:50%;border:none;background:var(--chip2);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;padding:0}.addbox{display:flex;flex-direction:column;gap:16px;padding:16px;border-radius:20px;border:1.5px solid var(--ink);background:#ffffff80}.invite{display:flex;flex-direction:column;gap:10px}.h-invite{margin:0;font-size:38px;line-height:1.02;font-weight:800;letter-spacing:-.03em;text-wrap:pretty}.hero-bar{display:flex;flex-direction:column;gap:6px;border-radius:var(--radius-card);background:var(--white);border:1.5px solid var(--border);padding:14px}.hero-eyebrow{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.hero-name{font-weight:800;font-size:22px;letter-spacing:-.02em;line-height:1.1}.card{border-radius:14px;background:var(--white);border:1.5px solid var(--border);padding:2px 14px}.stack-8{display:flex;flex-direction:column;gap:8px}.toast button{margin-left:12px;background:none;border:none;color:var(--accent);font:inherit;font-weight:800;cursor:pointer;padding:0}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);transform:translate(-50%);z-index:100;background:var(--ink);color:var(--paper);font-size:13px;font-weight:600;padding:10px 16px;border-radius:999px;box-shadow:var(--shadow-pill);max-width:min(90vw,380px);text-align:center;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.drawer,.toast,.zm-zone{animation:none;transition:none}}@media (min-width: 900px){body{background:var(--paper)}.app{max-width:560px;min-height:100vh}.screen{padding:40px 40px 48px}.app:has(>.landing),.app:has(>.mapscreen){max-width:none;background:var(--paper)}.landing{flex-direction:row;min-height:100vh;background:none}.landing .l-copy{flex:0 0 50%;background:var(--ink);padding:40px min(8vw,96px) 48px;justify-content:center;gap:36px}.landing .toprow{position:absolute;top:32px;left:min(8vw,96px);right:min(8vw,96px)}.landing .hero-zone{margin-top:0}.landing .h-hero{font-size:clamp(56px,6vw,88px)}.landing .l-lead{display:block;margin:22px 0 0;max-width:34ch;font-size:18px;line-height:1.4;color:var(--rose)}.landing .l-steps{display:flex;flex-direction:column;gap:6px;margin:22px 0 0;padding-left:22px;max-width:44ch;font-size:14px;line-height:1.45;color:var(--rose);opacity:.85}.landing .cta-zone{margin-top:0;max-width:360px}.landing .l-note{color:var(--rose);text-align:left}.landing .btn-primary{background:var(--accent);color:var(--ink)}.landing .l-art{position:relative;flex:1;background:var(--paper);min-height:100vh}.landing .disc-bar{width:200px;height:200px;left:0;top:50%;z-index:3}.landing .l-art{overflow:visible;z-index:3}.landing .l-copy{z-index:1}.landing .float-pill.ne,.landing .float-pill.se{right:auto}.landing .disc-bar .db-time{font-size:46px}.landing .disc-bar .db-label{font-size:14px}.landing .disc-bar .db-sub{font-size:13px}.landing .float-pill.nw{left:10%;top:26%}.landing .float-pill.ne{left:44%;top:36%}.landing .float-pill.sw{left:12%;top:66%}.landing .float-pill.se{left:46%;top:62%}.landing .eyebrow,.landing .eyebrow.south{display:none}.mapscreen{min-height:100vh;padding:0;flex-direction:row}.map-area{right:440px}.map-topbar{right:456px;top:20px;left:20px}.map-title{flex:0 1 auto;padding-right:18px}.sheet{margin-top:0;margin-left:auto;width:440px;max-height:none;height:100vh;border-radius:0;box-shadow:-8px 0 30px #0000001f;padding:24px}.sheet>.btn-primary{margin-top:auto}.sheet-handle{display:none}.drawer{left:auto;right:0;width:440px;max-width:none;margin:0;border-radius:0;box-shadow:-8px 0 30px #0000001f;padding-top:24px;animation:none}.toast{bottom:32px}}