:root{--coral: #ff5a3d;--coral-deep: #e8462a;--yellow: #ffc93c;--teal: #12b39b;--cream: #fff6ec;--ink: #171312;--ink-soft: #241f1d;--bg: var(--cream);--text: var(--ink);--muted: rgba(23, 19, 18, .6);--line: var(--ink);--shadow: 0 8px 24px rgba(23, 19, 18, .12);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--card-h: 145px;--dock-h: calc(76px + var(--safe-bottom));color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Jost,system-ui,sans-serif}body{min-height:100dvh;background:var(--cream)}img{max-width:100%;display:block}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:var(--coral-deep)}.app{position:relative;z-index:1;width:min(430px,100%);margin:0 auto;min-height:100dvh;max-height:100dvh;padding:calc(8px + var(--safe-top)) 12px calc(var(--dock-h) + 8px);display:flex;flex-direction:column;overflow:hidden}.hero{text-align:center;padding:0 8px 6px;flex-shrink:0}.wordmark{display:flex;align-items:center;justify-content:center;gap:10px;margin:8px 0 0}.dots{--dot: 11px;display:flex;gap:calc(var(--dot) * .45);flex-shrink:0}.dot{width:var(--dot);height:var(--dot);border-radius:50%}.dot-date{background:var(--coral)}.dot-dinner{background:var(--yellow)}.dot-dance{background:var(--teal)}.wordmark-text{font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:800;font-size:clamp(1.05rem,4.6vw,1.28rem);letter-spacing:-.03em;line-height:1;text-transform:lowercase}.city-wrap{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:2px;margin:0 -4px 2px}.city-chevron{width:36px;height:36px;display:grid;place-items:center;color:var(--ink);opacity:.5}.city-chevron svg{width:16px;height:16px}.city-chevron:active{transform:scale(.94)}.city-scroller{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none;position:relative}.city-scroller::-webkit-scrollbar{display:none}.city-slide{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;margin:0;padding:2px 0;background:transparent;text-align:center;font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:800;font-size:clamp(1.4rem,6vw,1.8rem);letter-spacing:-.035em;line-height:1;text-transform:lowercase;color:var(--ink);user-select:none;-webkit-user-select:none;touch-action:pan-x;cursor:pointer}.city-dots{display:flex;justify-content:center;gap:6px;min-height:8px;margin-bottom:0}.city-dot{width:6px;height:6px;border-radius:50%;background:var(--ink);opacity:.2}.city-dot.is-on{opacity:.7}.tagline{margin:8px 0 0;color:var(--muted);font-size:.86rem;font-weight:400}.reels{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow:hidden}.reel{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr);column-gap:10px;align-items:stretch;padding:8px 10px 8px 6px;background:var(--cream);border:2px solid var(--ink);border-radius:18px;box-shadow:var(--shadow);flex:1 1 0;min-height:0}.reel[data-reel=date]{background:var(--coral)}.reel[data-reel=dinner]{background:var(--yellow)}.reel[data-reel=dance]{background:var(--teal)}.reel-label{font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-align:center;background:var(--ink);color:var(--cream);padding:5px 11px 4px;border-radius:999px;width:fit-content;margin:0 0 4px;line-height:1.1;flex-shrink:0}.nudges{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.nudge{width:28px;height:28px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;background:transparent}.reel[data-reel=date] .nudge{color:var(--cream);border-color:var(--cream)}.reel[data-reel=dinner] .nudge{color:var(--ink);border-color:var(--ink)}.reel[data-reel=dance] .nudge{color:var(--cream);border-color:var(--cream)}.nudge:active{transform:scale(.94);opacity:.7}.nudge svg{width:14px;height:14px}.media{display:grid;grid-template-columns:32px auto;column-gap:8px;align-items:center;align-self:center;min-width:0;min-height:0;max-height:100%}.window-wrap{min-width:0;min-height:0;max-height:100%}.window{position:relative;width:118px;aspect-ratio:4 / 5;height:auto;max-height:100%;overflow:hidden;border-radius:12px;border:2px solid var(--ink);touch-action:none;background:var(--cream)}.strip{position:absolute;left:0;top:0;width:100%;will-change:transform}.card{width:100%;height:var(--card-h);position:relative;overflow:hidden}.card img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.card-fallback{width:100%;height:100%;display:grid;place-items:center;padding:12px;text-align:center;background:var(--cream);color:var(--ink);font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:800;font-size:.95rem;letter-spacing:-.03em}.copy{display:flex;flex-direction:column;justify-content:center;align-self:stretch;min-width:0;min-height:0;overflow:hidden;padding:2px 0 2px 2px}.reveal{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.reveal h3,.reveal .area,.reveal .links{flex-shrink:0}.reveal h3{margin:0;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:clamp(1.18rem,5.6vw,1.42rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;overflow-wrap:anywhere}.reel[data-reel=date] .reveal h3,.reel[data-reel=dance] .reveal h3{color:var(--cream)}.reel[data-reel=dinner] .reveal h3{color:var(--ink)}.area{margin:2px 0 0;font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.reel[data-reel=date] .area,.reel[data-reel=dance] .area{color:#fff6ecd9}.reel[data-reel=dinner] .area{color:#171312b3}.vibe{margin:4px 0 0;font-size:.86rem;font-weight:400;line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:0;flex:1 1 auto}.reel[data-reel=date] .vibe,.reel[data-reel=dance] .vibe{color:#fff6eccc}.reel[data-reel=dinner] .vibe{color:#171312a6}.links{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;padding-bottom:1px;flex-shrink:0}.links a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:999px;border:1px solid currentColor;text-decoration:none;background:transparent}.reel[data-reel=date] .links a,.reel[data-reel=dance] .links a{color:var(--cream);border-color:#fff6ec80}.reel[data-reel=dinner] .links a{color:var(--ink);border-color:#17131266}.links a.has-proof{width:auto;min-width:28px;gap:3px;padding:0 7px 0 5px}.links .proof{font-size:.62rem;font-weight:600;letter-spacing:.02em;line-height:1}.links a svg{width:14px;height:14px;display:block;overflow:visible;flex-shrink:0}.links a:active{opacity:.7}.reveal.is-pending h3,.reveal.is-pending .area,.reveal.is-pending .vibe,.reveal.is-pending .links{opacity:.35;filter:blur(2px)}.dock{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(430px,100%);padding:10px 14px calc(12px + var(--safe-bottom));background:var(--cream);border-top:2px solid var(--ink);z-index:3;display:flex;gap:10px}.share-btn[hidden]{display:none}.share-btn{flex:0 0 88px;height:52px;border-radius:999px;border:2px solid var(--ink);color:var(--ink);font-weight:600;font-size:.95rem;background:var(--cream)}.dock.has-night .spin{flex:0 0 88px;background:var(--cream);color:var(--ink)}.dock.has-night .share-btn{flex:1 1 auto;background:var(--coral);color:var(--cream);border:2px solid var(--ink);font-size:1.05rem}.share-btn:active{background:#1713120f}.spin{flex:1;height:52px;border-radius:999px;background:var(--coral);color:var(--cream);font-weight:600;font-size:1.05rem;letter-spacing:.01em;border:2px solid var(--ink)}.spin:active:not(:disabled){transform:translateY(1px) scale(.99)}.spin:disabled{opacity:.55;cursor:wait}.spin.is-spinning .spin-label{animation:pulse .7s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.sheet{position:fixed;inset:0;z-index:8;display:grid;place-items:end center;background:#17131299;padding:16px 16px calc(16px + var(--safe-bottom))}.sheet[hidden]{display:none}.sheet-card{position:relative;width:min(430px,100%);padding:22px 18px 18px;border-radius:24px;background:var(--cream);border:2px solid var(--ink);box-shadow:0 24px 60px #1713124d}.sheet-close{position:absolute;top:10px;right:12px;width:36px;height:36px;color:var(--ink);opacity:.5;font-size:1.4rem}.sheet-kicker{margin:0 0 6px;letter-spacing:.2em;text-transform:uppercase;font-size:.68rem;color:var(--coral-deep);font-weight:600}.sheet-card h2{margin:0;font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:800;font-size:1.55rem;letter-spacing:-.03em;line-height:1.05;color:var(--ink)}.sheet-picks{margin:8px 0 16px;color:var(--muted);font-size:.9rem;line-height:1.4}.story-preview{display:block;width:min(228px,62%);height:auto;aspect-ratio:9 / 16;object-fit:cover;margin:4px auto 16px;border-radius:16px;border:1.5px solid var(--ink);box-shadow:0 12px 28px #17131233}.story-preview[hidden]{display:none}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.share-action{min-height:44px;border-radius:999px;border:1.5px solid var(--ink);color:var(--ink);background:transparent;font-size:.82rem;font-weight:600}.share-action:active{background:#1713120f}#share-story{grid-column:1 / -1;background:var(--coral);color:var(--cream);border-color:var(--ink)}.sheet-status{min-height:1.2em;margin:10px 0 0;color:var(--coral-deep);font-size:.78rem}.subscribe{margin-top:18px;padding-top:16px;border-top:1.5px solid rgba(23,19,18,.15)}.subscribe input{width:100%;margin-top:8px;min-height:44px;padding:0 12px;border-radius:12px;border:1.5px solid var(--ink);background:var(--cream);color:var(--ink);font:inherit}.subscribe input::placeholder{color:#17131273}.subscribe-btn{width:100%;margin-top:10px;min-height:44px;border-radius:999px;background:var(--coral);color:var(--cream);font-weight:600;border:1.5px solid var(--ink)}.subscribe-note{margin:8px 0 0;color:var(--muted);font-size:.72rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-height:760px){.tagline{display:none}:root{--card-h: 145px}.hero{padding:0 8px 4px}.reels{gap:6px}.reel{padding:6px 8px 6px 5px}.reel-label{margin-bottom:6px}.nudges{gap:10px}}@media(max-height:680px){:root{--card-h: 128px}.window{width:104px}.city-slide{font-size:1.2rem}.city-dots{gap:5px}.city-dot{width:5px;height:5px}.reveal h3{font-size:clamp(1.08rem,5vw,1.28rem)}.area{font-size:.68rem}.vibe{margin-top:4px;font-size:.8rem;-webkit-line-clamp:2;line-clamp:2}.links{margin-top:6px;gap:4px}.links a{width:26px;height:26px}.links a.has-proof{min-width:26px;padding:0 5px 0 4px}.links a svg{width:13px;height:13px}}@media(min-width:860px){.app{margin-top:24px;margin-bottom:24px;min-height:calc(100dvh - 48px);max-height:calc(100dvh - 48px);border-radius:28px;border:2px solid var(--ink);box-shadow:var(--shadow)}}