.tl-bubble-map{position:relative;width:100%;aspect-ratio:1 / .86;overflow:hidden;border-radius:24px;background:var(--tl-linen);isolation:isolate}.tl-bubble-map[data-waiting]:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(17,17,17,.34) 1.3px,transparent 1.8px);background-size:10px 10px;-webkit-mask-image:radial-gradient(ellipse 58% 54% at 50% 50%,#000 25%,transparent 100%);mask-image:radial-gradient(ellipse 58% 54% at 50% 50%,#000 25%,transparent 100%)}.tl-bubble-map[data-waiting]>*{visibility:hidden}.tl-bubble-map__canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.tl-bubble-map__label{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none}.tl-bubble-map__label:before{content:"";position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--tl-ink);box-shadow:0 0 0 2px var(--tl-white);opacity:0;transition:opacity .3s ease}.tl-bubble-map__label[data-dot]:before{opacity:1}.tl-bubble-map__pill{position:absolute;left:0;bottom:9px;transform:translate(-50%);padding:4px 10px;border-radius:999px;background:var(--tl-white);color:var(--tl-ink);font:600 14px/18px var(--font-fixel-text);white-space:nowrap;box-shadow:0 4px 12px #1111111f;transition:opacity .3s ease}.tl-bubble-map__label[data-hidden] .tl-bubble-map__pill{opacity:0}.tl-bubble-map__label[data-tone=meet]:before{background:var(--tl-lit)}.tl-bubble-map__label[data-tone=meet] .tl-bubble-map__pill{background:var(--tl-ink);color:var(--tl-white)}.tl-bubble-map__ring{position:absolute;left:0;top:0;border-radius:50%;opacity:0;pointer-events:none;transition:opacity .6s ease}.tl-bubble-map__ring[data-on]{opacity:1}.tl-bubble-map__ring:before,.tl-bubble-map__ring:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--tl-orange)}.tl-bubble-map__ring:after{border-color:var(--tl-pink);animation:tl-bubble-breathe 2.2s ease-out infinite}@keyframes tl-bubble-breathe{0%{transform:scale(.9);opacity:.9}75%,to{transform:scale(1.7);opacity:0}}.tl-bubble-hero__map .tl-bubble-map{box-shadow:var(--tl-lift)}.tl-bubble-hero__map .tl-bubble-map__pill{display:none}.tl-bubble-hero__map .tl-bubble-map__label:before{animation:tl-bubble-drop .46s var(--tl-ease) both}@media (min-width: 1024px){.tl-bubble-hero__map .tl-bubble-map{aspect-ratio:1 / .92;border-radius:32px}}.tl-bubble-stage{width:100%;max-width:640px;margin:0 auto;display:grid;align-content:start}@media (min-width: 1024px){.tl-bubble-stage{min-height:calc(100svh - 120px);align-content:center}.tl-bubble-stage[data-week]{max-width:1320px}.tl-bubble-stage[data-step=city]{max-width:880px}}.tl-bubble-stage[data-step=city] .tl-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tl-bubble-stage[data-step=city] .tl-option{min-height:64px;padding:16px 18px}.tl-bubble-stage[data-step=city] .tl-option__label{font-size:18px}@media (min-width: 768px){.tl-bubble-stage[data-step=city] .tl-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tl-bubble-stage[data-step=city] .tl-option{min-height:72px}}.tl-bubble-city{display:grid;gap:8px}.tl-bubble-city__missing{display:grid;justify-items:start;gap:12px}.tl-bubble-missing{scroll-margin-bottom:24px;display:grid;gap:10px;justify-items:start;width:100%;padding:22px 22px 24px;border-radius:24px;background:var(--tl-white);box-shadow:var(--tl-lift);animation:tl-note-in .4s var(--tl-ease) both}.tl-bubble-missing[hidden]{display:none}.tl-bubble-missing .tl-h3:focus{outline:none}.tl-bubble-missing p{font-size:16px;line-height:1.55;max-width:34em}.tl-bubble-missing .tl-btn{margin-top:6px}.tl-stage__body:has(.tl-bubble-week){padding-bottom:calc(12px + env(safe-area-inset-bottom))}.tl-bubble-stage[data-week]{height:100%;display:flex;flex-direction:column}.tl-bubble-week{flex:1 0 auto;display:grid;grid-template-rows:auto minmax(220px,1fr) auto;grid-template-areas:"ask" "map" "action";gap:12px}.tl-bubble-week__ask{grid-area:ask;display:grid;gap:10px;min-width:0}.tl-bubble-week__ask .tl-question__prompt{margin-bottom:0;font-size:clamp(27px,7.4vw,34px)}.tl-bubble-week__ask .tl-question__context{margin:-4px 0 0;font-size:16px}.tl-bubble-week__map{grid-area:map;display:grid;min-height:0}.tl-bubble-week__map .tl-bubble-map{aspect-ratio:auto;height:100%;min-height:220px}.tl-bubble-week__action{grid-area:action;display:grid;position:sticky;bottom:0;z-index:2}.tl-bubble-week__action .tl-btn[disabled]{cursor:default;opacity:.45;box-shadow:none}@media (min-width: 1024px){.tl-bubble-stage[data-week]{min-height:0}.tl-bubble-week{min-height:520px;grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"ask map" ". map" "action map";column-gap:48px;row-gap:24px}.tl-bubble-week__ask{gap:14px;padding-top:12px}.tl-bubble-week__ask .tl-question__prompt{font-size:clamp(36px,3.3vw,48px)}.tl-bubble-week__ask .tl-question__context{font-size:17px}.tl-bubble-week__map .tl-bubble-map{border-radius:32px}.tl-bubble-week__action{position:static;justify-items:start;padding-bottom:8px}.tl-bubble-week__action .tl-btn{min-width:240px}}.tl-bubble-map[data-interactive]{touch-action:none;overscroll-behavior:contain;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.tl-bubble-map[data-interactive]:active{cursor:grabbing}.tl-bubble-map[data-interactive] .tl-bubble-map__label:before{animation:tl-bubble-drop .46s var(--tl-ease) both}@keyframes tl-bubble-drop{0%{transform:translateY(-18px) scale(.6)}}.tl-bubble-map__tap{position:absolute;left:-20px;top:-20px;width:40px;height:40px;border-radius:50%;border:2.5px solid var(--tl-ink);background:#ffffff59;opacity:0;pointer-events:none}.tl-bubble-map__hint{position:absolute;top:12px;left:50%;max-width:calc(100% - 24px);padding:7px 14px;border-radius:999px;background:var(--tl-ink);color:var(--tl-white);font:600 14px/18px var(--font-fixel-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 6px 16px #11111129;opacity:0;transform:translate(-50%,-6px);transition:opacity .3s ease,transform .3s var(--tl-ease);pointer-events:none}.tl-bubble-map__hint[data-on]{opacity:1;transform:translate(-50%)}.tl-bubble-map__zoom{position:absolute;right:12px;bottom:12px;display:grid;gap:8px}.tl-bubble-map__zoombtn{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--tl-white);color:var(--tl-ink);box-shadow:0 4px 12px #11111124;cursor:pointer;transition:transform .16s var(--tl-ease)}.tl-bubble-map__zoombtn:active{transform:scale(.94)}.tl-bubble-map__zoombtn:focus-visible{outline:3px solid var(--tl-ink);outline-offset:2px}.tl-bubble-search{display:grid;gap:10px}.tl-bubble-search__field{position:relative}.tl-bubble-search__glass{position:absolute;left:18px;top:30px;transform:translateY(-50%);color:var(--tl-walnut);pointer-events:none}.tl-bubble-search input{width:100%;height:60px;padding:0 18px 0 50px;border:1.5px solid var(--tl-fold);border-radius:999px;background:var(--tl-white);font:400 18px/1 var(--font-fixel-text);color:var(--tl-ink);box-shadow:var(--tl-lift);transition:border-color .2s ease,box-shadow .2s ease}.tl-bubble-search input::placeholder{color:var(--tl-walnut);opacity:1}.tl-bubble-search input:focus{outline:none;border-color:var(--tl-ink);box-shadow:0 0 0 3px #1111111f,var(--tl-lift)}.tl-bubble-search input:disabled{background:var(--tl-fold);box-shadow:none;cursor:not-allowed}.tl-bubble-search__field:has(input:disabled) .tl-bubble-search__glass{opacity:.5}.tl-bubble-search__list{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;margin:0;padding:8px;list-style:none;border-radius:24px;background:var(--tl-white);box-shadow:var(--tl-float);max-height:min(320px,46svh);overflow:auto;animation:tl-pop .26s var(--tl-ease) both}.tl-bubble-search__list[hidden]{display:none}.tl-bubble-search__option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 16px;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer}.tl-bubble-search__text{display:grid;gap:2px;min-width:0}.tl-bubble-search__name,.tl-bubble-search__more{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-bubble-search__more{font-size:13px;font-weight:500;line-height:1.3;color:var(--tl-walnut)}.tl-bubble-search__option[data-active]{background:var(--tl-tint);box-shadow:inset 0 0 0 2px var(--tl-ink)}.tl-bubble-search__empty{font-size:14px;line-height:1.45;color:var(--tl-walnut)}.tl-bubble-search__empty:empty{display:none}.tl-bubble-failed{display:grid;gap:12px;justify-items:start;padding:18px 20px 16px;border-radius:24px;background:var(--tl-white);box-shadow:var(--tl-lift)}.tl-bubble-failed__line{font-size:18px;font-weight:600;line-height:1.45}.tl-bubble-failed__actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px}.tl-bubble-failed__actions .tl-linkbtn{margin-top:0}.tl-bubble-restore__copy{display:grid;gap:22px;justify-items:start;max-width:560px}.tl-bubble-restore .tl-bubble-failed{width:100%}.tl-bubble-restore .tl-bubble-failed__line{margin:0}.tl-bubble-search__picked{display:flex;flex-wrap:wrap;gap:8px}.tl-bubble-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 18px;border:0;border-radius:999px;background:var(--tl-ink);color:var(--tl-white);font:600 16px/1.2 var(--font-fixel-text);cursor:pointer;animation:tl-option-in .42s var(--tl-ease) both;transition:transform .18s var(--tl-ease)}.tl-bubble-chip:active{transform:scale(.97)}.tl-bubble-chip:focus-visible,.tl-bubble-quiet__option:focus-visible{outline:3px solid var(--tl-ink);outline-offset:3px}.tl-bubble-quiet{display:flex;flex-wrap:wrap;gap:6px}.tl-bubble-quiet__option{min-height:40px;padding:7px 12px;border:1.5px solid var(--tl-oat);border-radius:999px;background:transparent;color:var(--tl-ink);font:600 15px/1.25 var(--font-fixel-text);text-align:center;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}@media (hover: hover){.tl-bubble-quiet__option:hover{background:var(--tl-white)}}.tl-bubble-quiet__option[aria-pressed=true]{border-color:var(--tl-ink);background:var(--tl-ink);color:var(--tl-white)}.tl-bubble-week .tl-bubble-chip{min-height:40px;padding:0 12px 0 16px;font-size:15px}@media (max-width: 1023px){.tl-bubble-week .tl-bubble-search__picked{flex-wrap:nowrap;margin:0 calc(-1 * var(--tl-gutter));padding:2px var(--tl-gutter) 4px;overflow-x:auto;scroll-padding-inline:var(--tl-gutter);scrollbar-width:none;overscroll-behavior-x:contain}.tl-bubble-week .tl-bubble-search__picked::-webkit-scrollbar{display:none}.tl-bubble-week .tl-bubble-chip{flex:none}}.tl-bubble-week .tl-bubble-search input{height:52px}.tl-bubble-week .tl-bubble-search__glass{top:26px}.tl-bubble-week .tl-bubble-search{gap:8px}@media (max-width: 1023px) and (max-height: 700px){.tl-bubble-week{gap:10px}.tl-bubble-week__ask{gap:8px}.tl-bubble-week__ask .tl-question__prompt{font-size:clamp(24px,6.6vw,28px)}.tl-bubble-week__ask .tl-question__context{font-size:15px;line-height:1.35}.tl-bubble-week .tl-bubble-search input{height:48px}.tl-bubble-week .tl-bubble-search__glass{top:24px}}@media (max-width: 1023px) and (max-height: 600px){.tl-bubble-week{grid-template-rows:auto minmax(160px,1fr) auto}.tl-bubble-week__map .tl-bubble-map{min-height:160px}}.tl-bubble-result{padding:104px 0 24px}@media (min-width: 1024px){.tl-bubble-result{padding:148px 0 48px}}.tl-bubble-result__grid{display:grid;grid-template-areas:"map" "head";gap:24px}.tl-bubble-result__map{grid-area:map;scroll-margin-top:112px}@media (max-width: 1023px){.tl-bubble-result{padding-top:100px}.tl-bubble-result__map{margin:0 calc(-1 * var(--tl-gutter))}.tl-bubble-result__map .tl-bubble-map{aspect-ratio:auto;height:clamp(220px,31svh,280px);border-radius:0}.tl-bubble-result__grid{gap:20px}.tl-bubble-result__head{gap:14px}}@media (max-width: 1023px) and (max-height: 700px){.tl-bubble-result__map .tl-bubble-map{height:180px}.tl-bubble-reveal{font-size:clamp(30px,9.2vw,34px)}}.tl-bubble-result__map .tl-bubble-map__pill,.tl-bubble-result__map .tl-bubble-map__label:before{transition-duration:.12s}.tl-bubble-result__map .tl-bubble-map__label[data-hidden] .tl-bubble-map__pill,.tl-bubble-result__map .tl-bubble-map__label:not([data-dot]):before{transition-duration:.6s}.tl-bubble-result[data-reveal=waiting] .tl-bubble-result__head>*{opacity:0;pointer-events:none}.tl-bubble-result[data-reveal=shown] .tl-bubble-result__head>*{animation:tl-in .56s var(--tl-ease) both;animation-delay:.42s}.tl-bubble-result[data-reveal=shown] .tl-bubble-result__head>.tl-bubble-reveal,.tl-bubble-result[data-reveal=shown] .tl-bubble-result__head>.tl-bubble-mapkey{animation-delay:0ms}.tl-bubble-result[data-reveal=shown] .tl-bubble-result__head>.tl-bubble-districts,.tl-bubble-result[data-reveal=shown] .tl-bubble-result__head>.tl-bubble-people,.tl-bubble-result[data-reveal=shown] .tl-bubble-result__head>.tl-bubble-type,.tl-bubble-result[data-reveal=shown] .tl-bubble-result__head>.tl-bubble-places{animation-delay:.2s}.tl-bubble-result__head{grid-area:head;display:grid;gap:18px;align-content:start}@media (min-width: 1024px){.tl-bubble-result__grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:"head map";column-gap:64px;align-items:center}.tl-bubble-result__map .tl-bubble-map{aspect-ratio:1 / .92;border-radius:32px;box-shadow:var(--tl-lift)}}.tl-bubble-reveal{font-family:var(--font-feature-deck);font-weight:500;font-size:clamp(38px,9.4vw,64px);line-height:1.04;letter-spacing:-.025em;text-wrap:balance}.tl-bubble-reveal .tl-lit{padding-right:.04em}.tl-bubble-reveal:focus{outline:none}.tl-bubble-mapkey{margin-top:-6px;max-width:30em;font-size:16px;line-height:1.45;color:var(--tl-walnut);text-wrap:pretty}.tl-bubble-count{font-variant-numeric:tabular-nums}.tl-bubble-districts{display:grid;gap:10px}.tl-bubble-districts__line{font-size:18px;font-weight:600;line-height:1.4;max-width:32em;text-wrap:pretty}.tl-bubble-districts__row{display:flex;flex-wrap:wrap;gap:4px;max-width:420px}.tl-bubble-districts__row span{width:12px;height:12px;border-radius:3.5px;box-shadow:inset 0 0 0 1.5px var(--tl-oat)}.tl-bubble-districts__row span[data-on]{background:var(--tl-lit);box-shadow:none}.tl-bubble-result[data-reveal=shown] .tl-bubble-districts__row span[data-on]{animation:tl-bubble-lit .42s var(--tl-ease) both;animation-delay:calc(.6s + var(--k, 0) * 30ms)}@keyframes tl-bubble-lit{0%{transform:scale(.4);opacity:0}}.tl-bubble-type{display:grid;gap:6px}.tl-bubble-type__name{font-size:26px;font-weight:600;line-height:1.2;letter-spacing:-.02em}.tl-bubble-type__line,.tl-bubble-people{font-size:18px;line-height:1.5;max-width:32em;text-wrap:pretty}.tl-bubble-places{display:grid;gap:4px}.tl-bubble-places__title{font-size:14px;font-weight:600;line-height:1.4;color:var(--tl-walnut)}.tl-bubble-places__list{font-size:16px;line-height:1.5}.tl-bubble-result__links{display:flex;flex-wrap:wrap;gap:4px 22px}.tl-bubble-result__links .tl-linkbtn{margin-top:0}.tl-bubble-how{max-width:34em;font-size:16px;line-height:1.55;color:var(--tl-walnut);animation:tl-note-in .4s var(--tl-ease) both}.tl-bubble-result__send{display:grid;gap:10px;margin-top:4px}.tl-bubble-result__actions{display:grid;gap:10px}@media (min-width: 640px){.tl-bubble-result__actions{display:flex;flex-wrap:wrap;gap:12px}}.tl-bubble-result__actions.tl-reveal-share{display:grid;gap:10px;margin-top:0}@media (min-width: 640px){.tl-bubble-result__actions.tl-reveal-share{display:flex;gap:12px}}.tl-bubble-zone{font-weight:600}.tl-bubble-table__next{display:grid;margin-top:28px}.tl-bubble-plusone{max-width:36em;margin-top:16px;font-size:16px;line-height:1.6}.tl-bubble-sharer{display:grid;gap:6px}.tl-bubble-meet__map{display:grid;gap:14px;margin-top:28px}.tl-read .tl-bubble-meet>.tl-bubble-meet__map{max-width:720px}.tl-bubble-meet__map .tl-bubble-map{aspect-ratio:4 / 3;box-shadow:var(--tl-lift)}.tl-bubble-key{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;list-style:none;font-size:14px;font-weight:600}.tl-bubble-key li{display:inline-flex;align-items:center;gap:8px}.tl-bubble-key li:before{content:"";width:14px;height:14px;border-radius:50%;background:var(--tl-accent)}.tl-bubble-key li[data-tone=orange]:before{background:var(--tl-orange)}.tl-bubble-meet__line{margin-top:26px;max-width:22em;font-family:var(--font-feature-deck);font-size:clamp(26px,5.4vw,34px);line-height:1.15;letter-spacing:-.015em;text-wrap:balance}.tl-bubble-meet__send{margin-top:26px}.tl-bubble-meet__table{display:grid;margin-top:44px}.tl-bubble-meet__table .tl-bubble-zone{margin-top:10px}.tl-bubble-friend__play{display:grid;gap:18px}@media (min-width: 1024px){.tl-bubble-friend__map .tl-bubble-map{aspect-ratio:auto;height:clamp(220px,calc(100svh - 470px),348px);border-radius:32px;box-shadow:var(--tl-lift)}}.tl-bubble-friend__guess{display:grid;gap:4px}@media (max-width: 1023px){.tl-bubble-friend__map{display:none}}@media (max-width: 1023px) and (max-height: 700px){.tl-hero.tl-bubble-friend{padding-top:108px}.tl-bubble-friend .tl-hero__grid{gap:14px}.tl-bubble-friend .tl-display{font-size:clamp(30px,9.2vw,34px)}.tl-bubble-friend .tl-hero__copy>.tl-lede{order:5;margin-top:0;font-size:16px}.tl-bubble-friend .tl-hero__grid>.tl-bubble-friend__play{margin-top:4px}.tl-bubble-friend .tl-slider__value{min-height:72px}.tl-bubble-friend .tl-slider__number{font-size:72px}.tl-bubble-friend .tl-guess__actions{margin-top:6px}}.tl-bubble-answer .tl-bubble-result__head{animation:tl-in .6s var(--tl-ease) both}.tl-bubble-friend__actions{display:grid;gap:4px;justify-items:center;margin-top:6px}.tl-bubble-friend__actions .tl-btn{width:100%}@media (min-width: 640px){.tl-bubble-friend__actions{grid-auto-flow:column;justify-content:start;align-items:center;gap:24px}.tl-bubble-friend__actions .tl-btn{width:auto}.tl-bubble-friend__actions .tl-linkbtn{margin-top:0}}.tl-bubble-door{display:block;width:100%;max-width:320px;height:auto}.tl-bubble-door__dots{fill:var(--tl-ink);opacity:.32}.tl-bubble-door__glow{fill:#fdd3f1;opacity:.75}@media (prefers-reduced-motion: reduce){.tl-bubble-map__ring:after{display:none}.tl-bubble-map[data-interactive] .tl-bubble-map__label:before,.tl-bubble-hero__map .tl-bubble-map__label:before{animation:none}.tl-bubble-result .tl-bubble-result__head,.tl-bubble-result[data-reveal] .tl-bubble-result__head>*,.tl-bubble-result[data-reveal] .tl-bubble-districts__row span{animation:none}}
