/* circles (C4/C5, round v2) */
.ldc{padding:4px 0 12px}.ldc-h{margin:4px 0 8px;font-size:22px}
.ldc-chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
.ldc-chip{flex:none;padding:7px 14px;border-radius:99px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);background:transparent;color:inherit;font-weight:700;font-size:13px;cursor:pointer}
.ldc-chip.on{background:linear-gradient(90deg,#7c3aed,#f97316);border-color:transparent;color:#fff}
.ldc-cluster{position:relative;margin:18px auto 10px;max-width:760px;overflow:visible;min-height:280px}
.ldc-create{background:#151929;border:1px solid #2a2a45;border-radius:14px;padding:12px;margin:8px 0 14px}
.ldc-create label{display:block;font-size:13px;margin:6px 0}
.ldc-bub{position:absolute;width:var(--d);background:none;border:0;padding:0;color:inherit;text-align:center;cursor:pointer;animation:ldcDrift var(--t,9s) ease-in-out infinite alternate}
.ldc-ph{display:block;width:var(--d);height:var(--d);border-radius:50%;overflow:hidden;border:3px solid #fbbf24aa;box-shadow:0 6px 18px #0005}
.ldc-ph img{width:100%;height:100%;object-fit:cover;display:block}
.ldc-bub--empty .ldc-ph{border:2px dashed #fbbf24}
.ldc-bub b{display:block;font-size:12px;margin-top:4px;line-height:1.2;width:calc(var(--d) + 40px);margin-left:-20px}
.ldc-bub small{display:block;font-size:10px;opacity:.75;width:calc(var(--d) + 40px);margin-left:-20px}
.ldc-credit{font-size:11px;opacity:.7;line-height:1.5}.ldc-credit a{color:inherit}
@keyframes ldcDrift{from{transform:translateY(0)}to{transform:translateY(-8px)}}
.ldc-back{background:none;border:0;color:inherit;font-weight:700;padding:6px 0;cursor:pointer}
.ldc-hero{text-align:center;padding:30px 0 6px}
.ldc-hero:has(.ldc-orbit--chips){padding-top:44px}
.ldc-orbit{position:relative;width:150px;height:150px;margin:0 auto 34px;border-radius:50%;border:2px dotted #fbbf2488;animation:ldcSpin 60s linear infinite;overflow:visible}
.ldc-orbit--empty{border-style:dashed;animation:none}
.ldc-orbit--chips{margin:0 auto 42px}
.ldc-orbit--chips .ldc-cov{inset:24px}
.ldc-orbit-dot{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;animation:ldcSpin 60s linear infinite reverse;z-index:2}
.ldc-orbit i{position:relative;display:block;width:30px;height:30px;margin:0;border-radius:50%;background:#7c3aed;color:#fff;font:700 13px/30px system-ui;font-style:normal}
.ldc-orbit-dot .ldc-role-wrap{position:absolute;left:50%;top:100%;margin-left:-36px;width:72px;max-width:72px;justify-content:center;margin-top:4px}
.ldc-orbit-dot--north .ldc-role-wrap{top:auto;bottom:100%;margin-top:0;margin-bottom:4px}
.ldc-orbit-dot--nw .ldc-role-wrap{margin-left:-72px}
.ldc-orbit-dot--ne .ldc-role-wrap{margin-left:0}
.ldc-orbit-dot--se .ldc-role-wrap{top:50%;left:100%;margin-left:6px;margin-top:0;transform:translateY(-50%);width:max-content;max-width:none;justify-content:flex-start}
@media (max-width: 390px) {
  .ldc-orbit-dot--se .ldc-role-wrap { max-width: 80px; word-wrap: break-word; line-height: 1.1; }
}
.ldc-orbit-dot--sw .ldc-role-wrap{top:50%;left:auto;right:100%;margin-left:0;margin-right:6px;margin-top:0;transform:translateY(-50%);width:max-content;max-width:none;justify-content:flex-end}
.ldc-orbit-dot .ldc-role{padding:3px 8px;margin:0;font-size:8px;line-height:1.2;white-space:nowrap}
.ldc-cov{position:absolute;inset:18px;border-radius:50%;overflow:hidden;animation:ldcSpin 60s linear infinite reverse}
.ldc-orbit--empty .ldc-cov{animation:none}
.ldc-cov img{width:100%;height:100%;object-fit:cover}
/* Phone: pause orbit when owner/admin chips sit under avatars so labels stay readable */
@media (max-width:430px){
  .ldc-orbit--chips,.ldc-orbit--chips .ldc-orbit-dot,.ldc-orbit--chips .ldc-cov{animation:none}
}
@media (min-width:431px){
  .ldc-orbit--chips:hover,.ldc-orbit--chips:hover .ldc-orbit-dot,.ldc-orbit--chips:hover .ldc-cov,.ldc-orbit--chips:focus-within,.ldc-orbit--chips:focus-within .ldc-orbit-dot,.ldc-orbit--chips:focus-within .ldc-cov{animation-play-state:paused}
}
.ldc-hero h2{margin:0}.ldc-sub{opacity:.8;font-size:13px;margin:4px 0 10px}
@keyframes ldcSpin{to{transform:rotate(360deg)}}
.ldc-tabs{display:flex;gap:4px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:12px 0 8px;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent);
  -webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
.ldc-tabs.scrolled{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 85%,transparent)}
.ldc-tabs::-webkit-scrollbar{display:none}
.ldc-tabs button{flex:none;scroll-snap-align:start;background:none;border:0;color:inherit;opacity:.7;font-weight:700;padding:10px 12px;border-bottom:3px solid transparent;cursor:pointer}
.ldc-tabs button.on{opacity:1;border-bottom-color:#f97316}
@media (min-width:700px){.ldc-tabs{-webkit-mask-image:none;mask-image:none;justify-content:center}}
.ldc-write{display:flex;gap:6px;margin:8px 0;flex-wrap:wrap;align-items:center}.ldc-write--chat .input{flex:1 1 120px;min-width:0}.ldc-cam{cursor:pointer;margin:0}.ldc-chat-img{display:block;max-width:100%;max-height:180px;border-radius:12px;margin:6px 0 4px;object-fit:cover}.ldc-post{padding:10px 0;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}
@media (prefers-reduced-motion:reduce){.ldc-bub,.ldc-orbit,.ldc-orbit i,.ldc-orbit-dot,.ldc-cov{animation:none!important}}
/* (superseded by App polish block below) */
.ldc{color:#f3f4f6}.ldc .empty{color:#cbd5e1}#ldBubbles{scroll-margin-top:150px}
.ldc .input{color:#f3f4f6}
.ldc-msgs{max-height:340px;overflow-y:auto}.ldc-pulse{color:#22c55e;font-weight:700;font-size:12px;margin:2px 0}
.ldc-ev{display:flex;gap:.7rem;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.08);color:inherit;text-decoration:none}
.ldc-ev time{flex:0 0 7.5rem;color:#93c5fd;font-size:.85rem}
.ldc-evh{margin:1rem 0 .2rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}
.ldc-past summary{cursor:pointer;margin-top:1rem;color:#9ca3af}
.ldc-next{display:block;color:#93c5fd;font-size:.7rem}

.ldc-fuel{margin:8px 0 12px;padding:10px;border:1px solid #2a2a45;border-radius:14px;background:#151929}
.ldc-fuel-form .input{margin:6px 0;display:block;width:100%}
.ldc-fuel-form .btn{margin-top:6px}
.ldc-mem-credit{display:inline-flex;align-items:center;gap:4px;background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:0;margin-right:4px}
.ldc-mem-credit .ldc-av{width:22px;height:22px;font-size:11px;line-height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#7c3aed;color:#fff;flex:none}
.ldc-av--1{box-shadow:0 0 0 2px #93c5fd88}
.ldc-av--2{box-shadow:0 0 8px #fbbf24}
.ldc-av--3{box-shadow:0 0 12px #f97316}
.ldc-av{position:relative}
.ldc-av--on::after,.ldc-av--off::after{content:'';position:absolute;right:0;bottom:0;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px #0b1020}
.ldc-av--on::after{animation:ldcOnPulse 1.8s ease-in-out infinite}
.ldc-av--off::after{background:#64748b;animation:ldcOffPulse .45s ease-out forwards}
@keyframes ldcOnPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.75}}
@keyframes ldcOffPulse{0%{transform:scale(1.2);opacity:1}100%{transform:scale(.4);opacity:0}}
@media (prefers-reduced-motion:reduce){.ldc-av--on::after,.ldc-av--off::after{animation:none!important}.ldc-av--off::after{opacity:0}}
.ldc-priv{display:inline-block;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:99px;background:#7c3aed22;color:#7c3aed;margin-right:4px}
html[data-theme="light"] .ldc-priv{background:#7c3aed18;color:#5b21b6}
.ldc-post--priv{opacity:.92;border-left:3px solid #7c3aed}
.ldc-aura-info{margin:8px 0;padding:10px 12px;border-radius:12px;background:#151929;border:1px solid #2a2a45;font-size:13px}
.ldc-aura-info:empty{display:none}
html[data-theme="light"] .ldc-aura-info{background:#fff;border-color:#e5e7eb}
.ldc-role-wrap{display:inline-flex;align-items:center;max-width:100%;gap:4px;vertical-align:middle;flex-wrap:wrap}
.ldc-mem{display:flex;align-items:center;gap:8px;width:100%;text-align:left;flex-wrap:wrap}
.ldc-mem .ldc-role-wrap{flex:1 1 auto;min-width:0}
.ldc-mem .ldc-role-wrap strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}
.ldc-mem .ldc-role{padding:3px 8px;margin-left:0}
.ldc-role{display:inline-block;font-style:normal;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:#64748b22;color:#94a3b8;margin-left:4px;vertical-align:middle;opacity:1;border:1px solid currentColor;line-height:1.2}
.ldc-aura-info[data-role="owner"] .ldc-role,.ld-toast [data-role="owner"] .ldc-role,.ldc-role-wrap[data-role="owner"] .ldc-role{background:#fbbf2428;color:#fbbf24}
.ldc-aura-info[data-role="admin"] .ldc-role,.ld-toast [data-role="admin"] .ldc-role,.ldc-role-wrap[data-role="admin"] .ldc-role{background:#a78bfa28;color:#c4b5fd}
#ldcToast.ld-toast{pointer-events:auto;max-width:calc(390px - 24px);padding:10px 14px;border:1px solid rgba(255,255,255,.18)}
#ldcToast .ld-toast-msg{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
#ldcToast .ldc-role{padding:3px 8px;margin-left:0}
.ldc-mem[data-role="owner"] .ldc-role{background:#fbbf2422;color:#fbbf24}
.ldc-mem[data-role="admin"] .ldc-role{background:#a78bfa22;color:#a78bfa}
html[data-theme="light"] .ldc-role{background:#64748b18;color:#475569}
html[data-theme="light"] .ldc-mem[data-role="owner"] .ldc-role{background:#f59e0b22;color:#b45309}
html[data-theme="light"] .ldc-mem[data-role="admin"] .ldc-role{background:#7c3aed18;color:#6d28d9}
.ldc-joined-lab{flex:none;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:6px 10px;border-radius:99px;background:#10b98122;color:#34d399}
html[data-theme="light"] .ldc-joined-lab{background:#10b98118;color:#047857}
.ldc-age-lab{flex:none;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:6px 10px;border-radius:99px;background:#f59e0b22;color:#fbbf24}
html[data-theme="light"] .ldc-age-lab{background:#f59e0b18;color:#b45309}
button.ldc-age-lab{border:0;cursor:pointer;font:inherit}
.ld-birth{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.ld-birth select{background:var(--surface,#1a1a2e);color:var(--text,#f2f4f7);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:8px;padding:6px 8px}

/* App polish 31 Oct: theme-aware Circles page (WCAG AA in light + dark), card rows, tips popup */
.ldc{color:var(--text,#f3f4f6)}.ldc .empty{color:var(--text-2,#cbd5e1)}.ldc .input{color:var(--text,#f3f4f6)}
.ldc{padding:8px 0 20px}.ldc-h{font-size:24px;margin:8px 0 12px;letter-spacing:-.01em}
.ldc-search{display:block;margin:12px 0}.ldc-search .input{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 14px}
.ldc-chips{margin:4px 0 14px;scrollbar-width:none}.ldc-chips::-webkit-scrollbar{display:none}
.ldc-chip{background:var(--chip);border:1px solid var(--line);color:var(--text)}
html[data-theme="light"] .ldc-chip{border-color:#d0d5dd;color:#344054}
.ldc-chip.on{background:linear-gradient(90deg,#6d28d9,#c2410c);color:#fff}
.ldc-evh{color:var(--text-2,#aab4c3);margin:18px 0 8px;font-weight:700}
.ldc-suggest .ldc-ev,.ldc-sug-row{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 12px;margin:0 0 8px;box-shadow:var(--shadow);align-items:center}
.ldc-sug-open{display:flex;gap:12px;align-items:center;flex:1;min-width:0;background:none;border:0;padding:0;color:inherit;text-align:left;cursor:pointer;font:inherit}
.ldc-sug-open img{width:44px;height:44px;border-radius:12px;object-fit:cover;flex:none;background:var(--surface-2)}
.ldc-sug-open span{min-width:0}.ldc-sug-open b{display:block;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ldc-sug-open small{display:block;font-size:12px;color:var(--text-2);margin-top:2px}
.ldc-ev{border-bottom-color:var(--line)}
.ldc-bub b{color:var(--text)}.ldc-bub small{color:var(--text-2);opacity:1}
html[data-theme="light"] .ldc-bub b{text-shadow:0 1px 0 #fff}
html[data-theme="light"] .ldc-create,html[data-theme="light"] .ldc-fuel{background:#fff;border-color:#e5e7eb}
html[data-theme="light"] .ldc-ev time,html[data-theme="light"] .ldc-next{color:#1d4ed8}
html[data-theme="light"] .ldc-evh,html[data-theme="light"] .ldc-past summary{color:#475467}
.ldc-credit{color:var(--text-2);opacity:1;margin-top:12px}
.ldc img.ldc-img-x{visibility:hidden}
.ldc-snip{margin:8px 0 4px}.ldc-snip[hidden]{display:none!important}
.ldc-snip-set{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:8px 12px;border:1px solid var(--line,#2a2a45);border-radius:12px;background:var(--surface,#151929);font-size:14px;color:var(--text)}
.ldc-snip-set select{min-height:40px;min-width:120px;border-radius:10px;border:1px solid var(--line,#2a2a45);background:var(--bg,#0b1020);color:var(--text);padding:0 8px}
.ldc-dyk{position:fixed;left:12px;right:12px;bottom:84px;z-index:60;max-width:420px;margin:0 auto;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:16px;padding:14px 16px 12px;box-shadow:0 12px 32px rgba(0,0,0,.25);animation:ldcUp .25s ease-out}
.ldc-dyk .ldc-snip-card p{margin:0 0 6px;font-size:14px;line-height:1.45}.ldc-dyk .ldc-snip-k{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2)}
.ldc-dyk .ldc-snip-src{font-size:12px;color:var(--text-2)}
.ldc-dyk-x{position:absolute;top:6px;right:8px;background:none;border:0;color:var(--text-2);font-size:22px;line-height:1;cursor:pointer;padding:4px 8px}
.ldc-dyk-row{display:flex;gap:8px;margin-top:10px}
@keyframes ldcUp{from{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}
@media (min-width:700px){.ldc--list .ldc-suggest{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.ldc-suggest .ldc-evh{grid-column:1/-1}}
#view-groups .ldc-h{display:none}
/* 3D globe (was unstyled) */
.ldc-cluster--globe{perspective:900px;overflow:hidden;border-radius:20px;touch-action:none;margin:10px 0 18px;height:340px;background:color-mix(in srgb,var(--surface,#111) 70%,transparent)}
.ldc-globe{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}
.ldc-orb{position:absolute;left:0;top:0;width:var(--d);background:none;border:0;padding:0;color:var(--text);text-align:center;cursor:pointer;transform-style:preserve-3d}
.ldc-orb .ldc-ph{width:var(--d);height:var(--d);border-width:2px;margin:0 auto}
.ldc-orb b{display:block;font-size:10px;line-height:1.15;margin-top:3px;width:84px;margin-left:calc((var(--d) - 84px)/2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html[data-theme="light"] .ldc-orb b{text-shadow:0 1px 0 #fff}
.ldc-orb small{display:none}
.ldc-globe-toggle{position:absolute;top:8px;left:8px;z-index:2;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:99px;padding:6px 12px;font-weight:700;font-size:12px;cursor:pointer}
.ld-tips-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;background:var(--surface-2);border-radius:10px}
.ld-tips-row select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:7px 8px;font:inherit;font-size:13px;max-width:48%}
/* keep last card clear of the ⚡ FAB + tab bar */
.ldc{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}
@media (min-width:700px){.ldc{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}

/* Job 12:19: bubbles are the main view; list is a small toggle, off by default */
.ldc-suggest{display:block}.ldc--list .ldc-cluster{display:none;height:0!important}
.ldc-more{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);z-index:2;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:99px;padding:8px 14px;font-weight:700;font-size:13px;cursor:pointer;min-height:36px}
.ldc-viewtg{display:inline-flex;align-items:center;gap:4px;margin:0 0 6px auto;float:right;background:none;border:1px solid var(--line);color:var(--text-2);border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700;cursor:pointer}
html[data-theme="light"] .ldc-viewtg{border-color:#d0d5dd;color:#344054}
.ldc-cluster{clear:both;position:relative}
.ldc-bub{transition:left .6s ease,top .6s ease}
.ldc-ph{transition:width .6s ease,height .6s ease,box-shadow .6s ease}
.ldc-bub--act .ldc-ph{box-shadow:0 0 calc(8px + 22px*var(--g,0)) calc(2px*var(--g,0)) rgba(251,191,36,calc(.35 + .5*var(--g,0))),0 6px 18px #0004}
.ldc-bub--in .ldc-ph{border-color:#7c3aed}
.ldc-cluster:not(.ldc-cluster--globe) .ldc-globe-toggle{top:-36px;left:0}
/* Home feed under bubbles (App, 31 Oct) */
#ldcHomeFeed{margin:18px 0 8px}
.ldc-feed-h{margin:0 0 10px;font-size:16px;font-weight:800;color:var(--text,inherit)}
.ldc-feed-list{display:flex;flex-direction:column;gap:8px}
.ldc-feed-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid color-mix(in srgb,var(--text,#888) 14%,transparent);background:color-mix(in srgb,var(--surface,#fff) 92%,transparent);color:var(--text,inherit);border-radius:16px;padding:10px 12px;font:inherit;cursor:pointer}
.ldc-feed-av{flex:0 0 40px;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;background:linear-gradient(135deg,#7b2ff7,#ff7a18);object-fit:cover;box-shadow:0 0 0 2px #7b2ff7}
.ldc-feed-tx{display:flex;flex-direction:column;min-width:0}.ldc-feed-tx span{font-size:14px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ldc-feed-empty{text-align:center;padding:18px 16px;border-radius:20px;border:1px dashed color-mix(in srgb,#7b2ff7 50%,transparent);background:color-mix(in srgb,#7b2ff7 8%,transparent);color:var(--text,inherit)}
.ldc-feed-empty span{font-size:26px;display:block}.ldc-feed-empty strong{display:block;margin:4px 0}.ldc-feed-empty p{margin:0;font-size:13px;opacity:.75}
/* Start screen circles (App, 31 Oct) */
.ldc-start{padding:4px 16px 8px}
.ldc-sh{display:flex;align-items:baseline;justify-content:space-between}.ldc-sh a{font-size:13px;font-weight:700;color:var(--accent,#ff7a18);text-decoration:none}
.ldc-srow{display:flex;align-items:flex-end;gap:12px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:none}.ldc-srow::-webkit-scrollbar{display:none}
.ldc-sb{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:0;color:var(--text,inherit);cursor:pointer;font:inherit;max-width:96px}
.ldc-sb-img{border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #7b2ff7,0 0 0 5px color-mix(in srgb,#ff7a18 60%,transparent);background:linear-gradient(135deg,#7b2ff7,#ff7a18);color:#fff;font-size:22px}
.ldc-sb-img img{width:100%;height:100%;object-fit:cover}
.ldc-sb.ldc-bub--act .ldc-sb-img{box-shadow:0 0 0 3px #7b2ff7,0 0 18px 4px rgba(255,122,24,.55)}
.ldc-sb-n{font-size:12px;font-weight:700;text-align:center;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Photo credit behind an (i) tap (App, 31 Oct) */
.ld-th-img-wrap{position:relative}
.ld-info-btn{position:absolute;right:8px;top:8px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;font:italic 700 14px Georgia,serif;cursor:pointer;backdrop-filter:blur(4px)}
.ld-th-img-wrap .ld-th-credit{position:absolute;left:8px;right:8px;bottom:8px;margin:0;padding:8px 10px;border-radius:10px;background:rgba(0,0,0,.78);color:#fff;font-size:12px}
.ld-th-img-wrap .ld-th-credit[hidden]{display:none}
.ld-th-img-wrap .ld-th-credit a{color:#ffd23c}

/* Route + fuel (MITECO) */
.ldc-fuel,.ldc-route{margin:8px 0 12px;padding:12px;border:1px solid var(--line,#2a2a45);border-radius:16px;background:var(--surface,#151929)}
.ldc-fuel-form .input{margin:6px 0;display:block;width:100%;box-sizing:border-box}
.ldc-fuel-row{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch;margin-top:4px}
.ldc-fuel-row .input{flex:1 1 88px;margin:0;min-width:0}
.ldc-fuel-row .btn{flex:0 0 auto;margin:0;white-space:nowrap}
.ldc-rt-map{height:220px;margin:10px 0 8px;border-radius:14px;overflow:hidden;border:1px solid var(--line,#2a2a45);background:#0b1020}
@media (min-width:700px){.ldc-rt-map{height:320px}}
.ldc-price-date{font-size:12px;color:var(--text-2,#9ca3af);margin:8px 0 4px}
.ldc-fuel-cheap{background:color-mix(in srgb,#fbbf24 14%,transparent);border-radius:12px;padding:10px 12px;margin:6px 0;border:1px solid color-mix(in srgb,#fbbf24 35%,transparent)}
.ldc-fuel-p{flex:none;font-weight:700;color:#fbbf24}
.ldc-fuel-pin{background:#1a1a2e;color:#fbbf24;border:1px solid #fbbf24;border-radius:99px;font:700 11px/20px system-ui,sans-serif;text-align:center;padding:0 6px}
.ldc-fuel-pin.is-cheap{background:#fbbf24;color:#0b1020}
.ldc-circ-pin{width:28px;height:28px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#7c3aed,#f97316);color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid #fbbf24;box-shadow:0 2px 8px #0006;font:700 12px/1 system-ui,sans-serif}
.ldc-circ-pin img{width:100%;height:100%;object-fit:cover;display:block}
.ldc-rt-circ{align-items:center;width:100%;text-align:left;display:flex;gap:10px;cursor:pointer;border:0;background:transparent;color:inherit;font:inherit;padding:8px 0}
.ldc-rt-av{width:32px;height:32px;border-radius:50%;overflow:hidden;background:#7c3aed;color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.ldc-rt-av img{width:100%;height:100%;object-fit:cover;display:block}
.chips-bar--map{display:flex;align-items:center;gap:8px;flex-wrap:nowrap}
#mapRouteChip{flex:none;font-weight:700}
.ldc-sb--route .ldc-sb-img{background:linear-gradient(135deg,#fbbf24,#7c3aed)}
html[data-theme="light"] .ldc-fuel,html[data-theme="light"] .ldc-route{background:#fff;border-color:#e5e7eb}
html[data-theme="light"] .ldc-rt-map{background:#e5e7eb}
html[data-theme="light"] .ldc-fuel-pin{background:#fff;color:#b45309;border-color:#f59e0b}
html[data-theme="light"] .ldc-fuel-pin.is-cheap{background:#f59e0b;color:#111}
html[data-theme="light"] .ldc-fuel-p{color:#b45309}
@media (max-width:390px){
  .ldc-fuel,.ldc-route{padding:10px;border-radius:14px}
  .ldc-rt-map{height:200px}
  .ldc-fuel-row .btn{width:100%}
}
/* App 31 Oct (Job): "+ Nieuwe kring" as a + bubble matching the cluster; hidden empty filter chips */
.ldc-chip[hidden]{display:none!important}
.ldc-newrow{display:flex;margin:4px 0 12px}
.ldc-plus{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.ldc-plus .ldc-plus-o{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:600;line-height:1;color:#fff;background:linear-gradient(135deg,#7c3aed,#f97316);box-shadow:0 4px 14px rgba(124,58,237,.35),inset 0 0 0 2px rgba(255,255,255,.25)}
.ldc-plus b{font-size:15px;font-weight:700}
.ldc-plus:active .ldc-plus-o{transform:scale(.94)}
.ldc-gal-mod{margin:8px 0 12px;padding:10px;border:1px solid #f9731688;border-radius:12px;background:rgba(249,115,22,.08)}
.ldc-gal-mod .ldc-gal-flag{margin:8px 0}
.ldc-gal-n{display:inline-block;margin-left:6px;font-size:11px;font-weight:700;color:#f97316}
/* Circles step 2: photo credits panel (one list, no per-card credit lines) */
.ldc-credits{position:fixed;inset:0;z-index:9000;background:#0008;display:flex;align-items:flex-end;justify-content:center}
.ldc-credits__box{background:var(--bg-2,#1b1530);color:var(--text,#fff);width:min(560px,100%);max-height:80vh;overflow:auto;border-radius:16px 16px 0 0;padding:14px 16px 24px}
.ldc-credits__head{display:flex;justify-content:space-between;align-items:center;gap:8px}.ldc-credits__head h3{margin:0;font-size:16px}
.ldc-credits ul{list-style:none;margin:10px 0 0;padding:0}.ldc-credits li{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #8883}
.ldc-credits li img{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}
.ldc-credits li b{display:block;font-size:14px}.ldc-credits li small{display:block;font-size:12px;color:var(--text-2,#ccc);overflow-wrap:anywhere}
.ldc-credits li a{color:inherit;text-decoration:underline}
html[data-theme="light"] .ldc-credits__box{background:#fff;color:#1a1530}html[data-theme="light"] .ldc-credits li small{color:#444}
/* step 6: fuel rows with address + Navigate */
.ldc-fuel-row2{display:flex;align-items:center;gap:8px}
.ldc-fuel-row2 .ldc-fuel-txt{flex:1;min-width:0}
.ldc-fuel-row2 .ldc-fuel-txt small{display:block;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ldc-fuel-nav{flex:none}
/* fix: route/fuel screen - no tip pop-up over the station list, map below the sticky header, form then read-only notice */
body:has(.ldc-route) #ldcDyk{display:none!important}
.ldc-rt-map{position:relative;z-index:0;isolation:isolate}
.ldc-fuel{margin-bottom:16px}
.ldc-fuel + .ldc-tabs, .ldc-fuel ~ .lds-ro{margin-top:16px}
.ldc-page .lds-ro{clear:both}

/* home-fix 31 Oct: first circle bubble no longer clipped at the left edge (ring + glow need room), snap padding */
.ldc-srow{padding:10px 14px 14px;margin:0 -14px;scroll-padding-inline:14px;scroll-snap-type:x proximity}
.ldc-srow>.ldc-sb{scroll-snap-align:start}
.ldc-feed-av--img{position:relative;overflow:visible;background:none;padding:0}
.ldc-feed-av--img img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.ldc-feed-av--img i{position:absolute;right:-4px;bottom:-4px;font-style:normal;font-size:14px;line-height:1;background:var(--bg,#111);border-radius:50%;padding:2px}

/* circle polls (polls.js) */
.ldp-box{margin:0 0 14px}
.ldp-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ldp-poll{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;margin:8px 0}
.ldp-q{margin:0 0 8px;font-weight:700}
.ldp-opt{position:relative;display:flex;align-items:center;gap:8px;width:100%;min-height:42px;margin:6px 0;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);font:inherit;text-align:left;cursor:pointer;overflow:hidden}
.ldp-opt[disabled]{cursor:default}
.ldp-opt.is-mine{border-color:var(--accent)}
.ldp-bar{position:absolute;left:0;top:0;bottom:0;background:var(--accent-soft,rgba(251,191,36,.22));transition:width .35s;z-index:0}
.ldp-lbl,.ldp-pct{position:relative;z-index:1}
.ldp-lbl{flex:1}.ldp-lbl small{color:var(--text-3)}
.ldp-pct{font-weight:700;font-variant-numeric:tabular-nums}
.ldp-meta{margin:6px 0 0;font-size:12px;color:var(--text-3)}
.ldp-link{background:none;border:0;padding:0;color:var(--accent-600,#f59e0b);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline}
.ldp-form{display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;margin:8px 0}
.ldp-days{font-size:13px;color:var(--text-2)}
.ldp-err{color:#dc2626;font-size:13px;margin:0}
.ldp-actions{display:flex;gap:8px}

/* wall post type chips (were unstyled default buttons) */
.ld-wall-kinds{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 8px}
.ld-wall-kinds button{border:1px solid var(--line);background:var(--surface);color:var(--text-2);font:inherit;font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;cursor:pointer}
.ld-wall-kinds button.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink,#111)}
.ld-wall-pick{display:flex;align-items:center;gap:10px;margin:4px 0}
#ldAccountBox{padding:0 var(--s4,16px) var(--s5,24px);max-width:960px;margin:0 auto}
/* own profile: the big profile card already shows photo + name; keep only hashtag, aura and birth year here */
#view-profile .ld-wall-cover,#view-profile .ld-wall-ava,#view-profile .ld-wall-meta>strong,#view-profile .ld-wall-meta>strong+br{display:none}
#view-profile .ld-wall-head{padding-top:0;margin-top:4px}