/* v487 Entdecken empty state (not checked in), Liquid Glass card in app design */
.discover-empty{display:grid;place-items:start center;padding-top:8px}
.discover-empty .de-card{box-sizing:border-box;width:min(100%,520px);margin:0 auto;padding:26px 20px 20px;text-align:center;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.34));-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);box-shadow:inset 0 1px .5px rgba(255,255,255,.9),inset 0 0 0 .5px rgba(255,255,255,.5),0 18px 44px rgba(100,22,43,.12)}
.discover-empty .de-visual{position:relative;height:150px;margin:0 auto 14px;width:240px}
.discover-empty .de-face{position:absolute;width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 8px 22px rgba(100,22,43,.18);animation:de-float 5s ease-in-out infinite}
.de-face-0{left:8px;top:46px}.de-face-1{left:58px;top:2px;width:56px!important;height:56px!important;animation-delay:-1s!important}.de-face-2{right:58px;top:0;animation-delay:-2s!important}.de-face-3{right:6px;top:52px;width:58px!important;height:58px!important;animation-delay:-3s!important}.de-face-4{left:50%;bottom:0;margin-left:-26px;width:52px!important;height:52px!important;animation-delay:-4s!important}
.discover-empty .de-pin{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-30px 0 0 -23px;display:grid;place-items:center;border-radius:50%;color:#cf2c50;background:rgba(255,255,255,.75);box-shadow:0 0 0 0 rgba(207,44,80,.35);animation:de-pulse 2.2s ease-out infinite}
.discover-empty .de-pin svg{width:26px;height:26px}
.discover-empty h1{margin:4px 0 6px;font-size:24px;line-height:1.15;color:var(--burgundy,#64162b)}
.discover-empty p{margin:0 auto 16px;max-width:30ch;color:#7a4a5a}
.discover-empty .de-cta{display:inline-flex;justify-content:center;min-width:220px}
.discover-empty .de-nearby{margin-top:18px;text-align:left}.discover-empty .de-nearby h2{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#a0566c;margin:0 0 8px 4px}
.discover-empty .de-nearby ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.discover-empty .de-nearby a{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:11px 14px;border-radius:18px;background:rgba(255,255,255,.6);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.8),0 4px 14px rgba(100,22,43,.07);color:inherit;text-decoration:none}
.discover-empty .de-nearby strong{color:var(--burgundy,#64162b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discover-empty .de-nearby small{grid-column:1;color:#8a6070;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.discover-empty .de-km{grid-column:2;grid-row:1/3;align-self:center;font-weight:700;color:#cf2c50;font-size:13px}
@keyframes de-float{50%{transform:translateY(-6px)}}@keyframes de-pulse{70%{box-shadow:0 0 0 18px rgba(207,44,80,0)}100%{box-shadow:0 0 0 0 rgba(207,44,80,0)}}
@media(prefers-reduced-motion:reduce){.discover-empty .de-face,.discover-empty .de-pin{animation:none}}

/* v491 location settings sheet (iOS app) */
dialog.location-settings-sheet{box-sizing:border-box;width:min(92vw,420px);margin:auto auto calc(16px + var(--app-safe-bottom,env(safe-area-inset-bottom,0px)));padding:22px 20px 18px;border:0;border-radius:28px;background:rgba(255,248,250,.92);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);box-shadow:0 20px 50px rgba(100,22,43,.22);color:var(--burgundy,#64162b)}
dialog.location-settings-sheet::backdrop{background:rgba(40,10,20,.25)}
dialog.location-settings-sheet h2{margin:0 0 8px;font-size:20px}dialog.location-settings-sheet p{margin:0 0 16px;color:#7a4a5a}
.lss-actions{display:grid;gap:8px}.lss-actions .button{width:100%;justify-content:center}
/* v512 orbit composition: equal avatars on a ring, glass pin in a clean centre, slow orbit (reduce-motion: static) */
.discover-empty .de-v2{width:212px;height:212px;margin:4px auto 12px}
.de-v2 .de-ring{position:absolute;left:50%;top:50%;width:156px;height:156px;margin:-78px 0 0 -78px;border-radius:50%;border:1.5px dashed rgba(207,44,80,.22)}
.de-v2 .de-ring-2{width:96px;height:96px;margin:-48px 0 0 -48px;border:0;background:radial-gradient(circle,rgba(207,44,80,.10),rgba(207,44,80,0) 70%)}
.de-v2 .de-orbit{position:absolute;inset:0;animation:de-spin 48s linear infinite}
.de-v2 .de-slot{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;transform:rotate(var(--a)) translate(78px) rotate(calc(-1 * var(--a)))}
.de-v2 .de-face{position:static!important;display:block;width:50px!important;height:50px!important;border-radius:50%;object-fit:cover;border:3px solid #fff;box-sizing:border-box;box-shadow:0 6px 16px rgba(100,22,43,.16),0 1px 2px rgba(100,22,43,.12);animation:de-spin 48s linear infinite reverse!important;margin:0!important}
.discover-empty .de-v2 .de-pin{width:64px;height:64px;margin:-32px 0 0 -32px;color:#d43d5a;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.55));-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);box-shadow:inset 0 1px .5px #fff,inset 0 0 0 .5px rgba(255,255,255,.8),0 10px 26px rgba(100,22,43,.18),0 0 0 0 rgba(207,44,80,.3);animation:de-pulse 2.6s ease-out infinite}
.discover-empty .de-v2 .de-pin svg{width:30px;height:30px;filter:drop-shadow(0 2px 3px rgba(150,20,50,.25))}
@keyframes de-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.de-v2 .de-orbit,.de-v2 .de-face,.de-v2 .de-pin{animation:none!important}}
/* v513 Likes fullscreen in the app design: title on the floating-button line, 36pt gap, 2-column grid (one large card if single),
   round glass actions over the card bottom (thumbs-down, not an X), bell morphs to the close X */
.likes-fullscreen .likes-v2-head{position:relative;display:block!important;text-align:center;margin:0!important;padding:calc(var(--app-safe-top,env(safe-area-inset-top,0px)) + 8px) 76px 0!important;background:none!important;border:0!important}
.likes-fullscreen .likes-v2-head h2{margin:0;font-size:17px;line-height:22px;font-weight:700;color:var(--burgundy,#64162b)}
.likes-fullscreen .likes-v2-head p{margin:2px 0 0;font-size:12.5px;color:#8a6a76}
.likes-fullscreen .likes-count-badge,.likes-fullscreen .likes-heart{display:none!important}
.likes-fullscreen .likes-v2-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;padding:36px 16px calc(24px + env(safe-area-inset-bottom,0px))!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;align-content:start}
.likes-fullscreen .likes-v2-grid.is-single{grid-template-columns:minmax(0,320px);justify-content:center}
.likes-fullscreen .incoming-like-card{position:relative;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:var(--fc-sheet-radius,28px);overflow:hidden}
.likes-fullscreen .incoming-like-card [data-fc-card]{width:100%!important;max-width:none!important;margin:0!important;aspect-ratio:3/4.2;border-radius:var(--fc-sheet-radius,28px)!important}
.likes-fullscreen .likes-v2-grid.is-single .incoming-like-card [data-fc-card]{aspect-ratio:3/4}
html body .likes-fullscreen .incoming-like-actions{position:absolute!important;left:0;right:0;bottom:12px;z-index:5;display:flex!important;justify-content:center;gap:14px;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:0!important}
html body .likes-fullscreen .incoming-like-actions button{display:grid!important;place-items:center;width:46px!important;height:46px!important;min-width:0!important;min-height:0!important;padding:0!important;border-radius:50%!important;border:.5px solid rgba(255,255,255,.7);background:rgba(255,255,255,.28);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);box-shadow:inset 0 1px .5px rgba(255,255,255,.8),0 6px 18px rgba(0,0,0,.22);color:#fff}
html body .likes-fullscreen .likes-v2-grid.is-single .incoming-like-actions button{width:58px!important;height:58px!important}
.likes-fullscreen .incoming-like-actions button svg{width:22px;height:22px}
.likes-fullscreen .incoming-like-actions .like{color:#ff375f;background:rgba(255,255,255,.82)}
.likes-fullscreen .incoming-like-card [data-fc-card] .fc-summary{padding-bottom:70px!important}
.likes-fullscreen .incoming-super-like-badge{position:absolute;top:12px;left:12px;z-index:6;display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:13px;background:linear-gradient(135deg,#2f80ff,#7a5cff);color:#fff;font-size:12px;font-weight:700;box-shadow:0 4px 12px rgba(47,128,255,.35)}
.likes-fullscreen .likes-v2-grid:not(.is-single) .incoming-super-like-full{display:none}
.likes-fullscreen .likes-empty{grid-column:1/-1;text-align:center;padding:40px 24px;border-radius:var(--fc-sheet-radius,28px);background:rgba(255,255,255,.72)}
.likes-fullscreen .likes-empty>span{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 12px;border-radius:50%;font-size:34px;color:#ff375f;background:rgba(255,55,95,.1)}
/* v514 event Dating panel (Live-Foto · Wer mag dich · Event Pass · Boost): no inner scroll, compact enough to fit one screen;
   the Event Pass action ("In der App bald verfügbar" / buy) is legible on the burgundy ticket */
html body .discovery-more .discovery-more-content{max-height:none!important;overflow:visible!important}
html body .discovery-more :is(.discovery-sidebar,.discovery-products){gap:8px!important}
html body .discovery-more .discovery-sidebar>*+*{margin-top:8px!important}
html body .discovery-more .discovery-products{margin-top:8px!important}
html body .discovery-more .discovery-tool{min-height:52px!important;padding:7px 12px!important}
html body .discovery-more .discovery-tool .discovery-tool-icon{width:34px!important;height:34px!important}
html body .discovery-more .likes-summary{min-height:54px!important;padding:8px 12px!important}
html body .discovery-more .event-pass-ticket{padding:14px 16px!important}
html body .discovery-more .event-pass-ticket h2{font-size:18px!important;margin:0 0 4px!important}
html body .discovery-more .event-pass-ticket p{font-size:13.5px!important;line-height:1.35!important;margin:0 0 4px!important}
html body .discovery-more .event-pass-ticket small{font-size:11.5px!important}
html body .discovery-more .event-pass-ticket .included-boost{margin-top:6px!important}
html body .discovery-more .event-pass-ticket .premium-actions{margin-top:10px!important}
html body .discovery-more .event-pass-ticket .premium-actions :is(.button,button){min-height:44px!important;background:#fff!important;color:#64162b!important;font-weight:700}
html body .discovery-more .event-pass-ticket .native-soon{display:flex!important;align-items:center;justify-content:center;min-height:44px;margin:0!important;padding:0 14px!important;border-radius:22px!important;background:rgba(255,255,255,.94)!important;color:#64162b!important;opacity:1!important;font-size:14px!important;font-weight:700!important;text-shadow:none!important}
html body .discovery-more .boost-product{padding:14px 16px!important}
html body .discovery-more .boost-product h2{font-size:17px!important;margin:0 0 2px!important}
html body .discovery-more .boost-product p{font-size:13.5px!important;margin:0 0 2px!important}
html body .discovery-more .boost-product small{font-size:11.5px!important}
html body .discovery-more .boost-product :is(.button,button,.native-soon){min-height:40px!important;margin-top:10px!important}
html body .discovery-more .discovery-products{display:flex!important;flex-direction:column!important;gap:8px!important}
html body .discovery-more .discovery-products>*{margin:0!important}
html body .discovery-more .discovery-products>:empty{display:none!important}
html body .discovery-more .event-pass-ticket .included-boost{display:inline-flex!important;margin:6px 0 0!important}
html body .discovery-more .boost-product{padding:12px 16px!important}
html body .discovery-more .boost-product :is(.button,button,.native-soon){min-height:38px!important;margin-top:8px!important}
/* v551: Entdecken and Verlauf empty states sit centred in the free area between top controls and the dock (safe areas included via #app padding).
   Same CSS on phone web, demo, iOS and Android web views; desktop gets a centred, slightly larger glass card instead of a stretched phone layout. */
.app-host:has(.app-chrome) #app:has(>.discover-empty,>.history-page .history-empty-v2){min-height:100dvh;box-sizing:border-box;display:flex;flex-direction:column}
.app-host:has(.app-chrome) #app>.discover-empty{flex:1;display:grid;place-items:center;padding-top:0!important;margin-top:0!important;width:100%}
.app-host:has(.app-chrome) #app>.history-page:has(.history-empty-v2){flex:1;display:flex;flex-direction:column}
.app-host:has(.app-chrome) #app>.history-page :has(>.history-empty-v2){flex:1;display:grid!important;place-items:center;grid-template-columns:1fr!important}
.history-empty-v2{width:100%}
@media(min-width:1000px){.discover-empty .de-card,.history-empty-v2 .he-card{width:min(100%,560px);padding:40px 44px 36px;box-shadow:0 30px 80px #64162b1f,inset 0 1px 0 #ffffffb3}.discover-empty h1,.history-empty-v2 h1{font-size:30px}.discover-empty p,.history-empty-v2 p{font-size:17px}}
/* v554: one shared empty-state panel: Entdecken and Verlauf cards have exactly the same width and height */
html body .discover-empty .de-card,html body .history-empty-v2 .he-card{box-sizing:border-box;width:min(100%,520px)!important;height:560px!important;max-height:calc(100dvh - var(--app-content-top,92px) - var(--app-dock-clearance,96px) - 16px);display:flex;flex-direction:column;justify-content:center;align-items:stretch;overflow:hidden;margin:0 auto}
html body .discover-empty .de-nearby{min-height:0;overflow:auto;scrollbar-width:none}
@media(min-width:1000px){html body .discover-empty .de-card,html body .history-empty-v2 .he-card{width:min(100%,560px)!important;height:620px!important}}
