/* Adapted from the user's seven Lover Bell HTML designs. Keep all styles scoped. */
.lover-art,.lbar-modal-screen,.lbar-map-signals{--milk:#FBF7F8;--mist:#F4DCE5;--rose:#E7A5BC;--rose-deep:#D4688F;--rose-ink:#B5446F;--lilac:#C9C2DB;--ink:#2A2430;--ink2:#6E667A;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC",sans-serif;-webkit-font-smoothing:antialiased}
.lover-art{height:100%;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(120% 55% at 8% -6%,#F9D8E4 0%,transparent 62%),radial-gradient(95% 55% at 104% 102%,#DAD3EE 0%,transparent 64%),linear-gradient(#FCF8F9,#F6EFF3)}
.lover-art button,.lbar-modal-screen button,.lbar-map-signals button{cursor:pointer;font-family:inherit}
.lover-art h1,.lover-art h2,.lover-art p,.lbar-modal h2,.lbar-modal p{margin:0}
.lbar-glass{background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(26px) saturate(1.5);backdrop-filter:blur(26px) saturate(1.5);border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 14px 36px rgba(140,100,135,.12)}
.lbar-head{display:flex;align-items:center;justify-content:space-between;padding:39px 20px 0 14px;flex:none}
.lbar-head h1{font-size:30px;letter-spacing:-1px;font-weight:700}
.lbar-back{border:0;background:transparent;color:#b5446f;font-size:34px;line-height:1;padding:0 4px 5px}
.lbar-live{display:flex;align-items:center;gap:7px;border-radius:20px;padding:9px 11px;font-size:11px;font-weight:600;background:#ffffffad;box-shadow:0 5px 15px #9f72942c}
.lbar-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#D4688F;animation:lbar-breathe 2.8s infinite}
.lbar-muted-dot{color:#b5446f;font-size:17px}
.lbar-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.lbar-radar{position:relative;width:320px;height:320px;border-radius:50%;flex:none;transform:scale(var(--lbar-radar-scale,1));transform-origin:center}
.lbar-radar>div{box-sizing:border-box}
.lbar-radar .rd-disc{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 36%,#ffffffe6,#ffffff66 62%,#f4dce580);border:1px solid #fff;box-shadow:0 28px 65px #d4688f30,inset 0 0 44px #ffffffbc}
.lbar-radar .rd-ring{position:absolute;border-radius:50%;border:1px solid #9678a029}
.lbar-radar .rd-ring.a{inset:36px}.lbar-radar .rd-ring.b{inset:72px}.lbar-radar .rd-ring.c{inset:108px}
.lbar-radar .rd-ticks{position:absolute;inset:6px;border-radius:50%;background:repeating-conic-gradient(#6e5a82b3 0deg 1deg,transparent 1deg 30deg),repeating-conic-gradient(#826e965c 0deg .6deg,transparent .6deg 6deg);-webkit-mask:radial-gradient(circle closest-side,transparent calc(100% - 8px),#000 calc(100% - 8px));mask:radial-gradient(circle closest-side,transparent calc(100% - 8px),#000 calc(100% - 8px));animation:lbar-spin-back 90s linear infinite}
.lbar-radar .rd-sweep{position:absolute;inset:0;border-radius:50%;animation:lbar-spin 8s linear infinite}
.lbar-radar .rd-sweep:before{content:"";position:absolute;inset:7px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 245deg,#e7a5bc80 358deg,transparent 360deg)}
.lbar-radar .rd-sweep:after{content:"";position:absolute;left:50%;top:7px;width:1.5px;height:calc(50% - 7px);background:linear-gradient(to top,transparent,#d4688fc0)}
.lbar-radar .rd-rip{position:absolute;inset:60px;border-radius:50%;border:1px solid #d4688f66;opacity:0;animation:lbar-rip 5.4s ease-out infinite}
.lbar-radar .rd-rip.d1{animation-delay:1.8s}.lbar-radar .rd-rip.d2{animation-delay:3.6s}
.lbar-radar .rd-halo{position:absolute;left:50%;top:50%;width:200px;height:200px;margin:-100px;border-radius:50%;background:radial-gradient(circle,#e7a5bc80,transparent 68%);animation:lbar-glow 3.6s ease-in-out infinite}
.lbar-radar .rd-dot{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;animation:lbar-breathe 2.8s ease-in-out infinite}
.lbar-radar .rd-dot:before{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,#d4688f59,transparent 70%)}
.lbar-radar .rd-dot svg{position:relative;filter:drop-shadow(0 4px 8px #d4688f66)}
.lbar-radar .rd-core{position:absolute;left:50%;top:50%;width:116px;height:116px;margin:-58px 0 0 -58px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff,#ffffffbf 55%,#f4dce5cc);border:1px solid white;box-shadow:0 14px 36px #d4688f4d,0 0 0 8px #ffffff61,inset 0 -8px 18px #e7a5bc47;display:grid;place-items:center}
.lbar-radar .rd-bell{width:62px;height:62px;transform-origin:50% 14%;animation:lbar-ring 5.4s ease-in-out infinite}
.lbar-radar .rd-bell svg{display:block;width:100%;height:100%}
.lbar-radar .rd-heart{position:absolute;right:20px;top:18px;width:22px;height:22px;filter:drop-shadow(0 3px 6px #d4688f66);animation:lbar-beat 2.7s ease-in-out infinite}
.lbar-radar.ring .rd-rip{animation-duration:3.6s}.lbar-radar.ring .rd-bell{animation-duration:3.6s}.lbar-radar.ring .rd-halo{animation-duration:2.4s}
.lbar-radar.pre .rd-rip{animation-duration:7s}.lbar-radar.pre .rd-dot svg{filter:none}
.lbar-radar.mute .rd-rip{display:none}.lbar-radar.mute .rd-sweep{animation-duration:34s;opacity:.55}.lbar-radar.mute .rd-bell,.lbar-radar.mute .rd-heart{animation:none;opacity:.7}.lbar-radar.mute .rd-halo{animation:none;opacity:.3}
.lbar-radar .rd-slash{position:absolute;inset:25px;border-top:7px solid #d4688f99;transform:rotate(-45deg);top:52%}
.lbar-nearby{display:flex;align-items:center;flex-direction:column;gap:8px;padding:0 5px 13px;flex:none}
.lbar-nearby>div{display:flex;align-items:baseline;gap:8px}
.lbar-nearby strong{font-size:58px;font-weight:620;line-height:1;letter-spacing:-2px}
.lbar-nearby span{font-size:23px;color:#6E667A}
.lbar-radius-pill{padding:7px 13px;border-radius:20px!important;font-size:13px!important;color:#2A2430!important}
.lbar-nearby small{display:flex;align-items:center;gap:6px;font-size:12px;color:#6E667A}
.lbar-nearby small svg{height:14px;width:14px}
.lbar-nav{display:flex;align-items:center;gap:4px;margin:0 17px 9px;padding:7px;height:70px;flex:none;border:1px solid #fff;border-radius:37px;background:#ffffffa6;box-shadow:0 12px 30px #8c648723}
.lbar-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:0;border-radius:27px;height:55px;font-size:11px;color:#6E667A}
.lbar-nav-item.on{background:#fff;color:#B5446F;box-shadow:0 4px 12px #8c64871f}
.lbar-nav-item svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lbar-demo{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 11px 15px}
.lbar-demo button{border:0;background:transparent;color:#9d8297;font-size:10px;text-decoration:underline;text-underline-offset:3px}
.lbar-scroller{padding:39px 19px 29px;gap:14px;overflow-y:auto}
.lbar-text-back{display:flex;align-items:center;align-self:flex-start;color:#b5446f;border:0;background:transparent;padding:0;font-size:16px}
.lbar-scroller h1{font-size:33px;line-height:1.1;letter-spacing:-1px}
.lbar-scroller h3{font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:#6E667A;margin:4px 0 0}
.lbar-small-radar{align-self:center;width:180px;height:180px;position:relative;margin:7px 0 14px;display:flex;align-items:center;justify-content:center}
.lbar-small-radar .lbar-radar{--lbar-radar-scale:.5625}
.lbar-setting-row{display:flex;align-items:center;gap:14px;border-radius:26px;padding:12px 16px;font-size:16px}
.lbar-setting-row strong{flex:1;font-size:17px}
.lbar-setting-pic{width:32px;height:32px;background:linear-gradient(#e58bab,#c9577f);border-radius:9px;display:grid;place-items:center;color:white}
.lbar-switch{position:relative;width:51px;height:31px;border:0;border-radius:16px;background:#b9aebf;flex:none;transition:background .2s}
.lbar-switch.on{background:linear-gradient(#e48cab,#d4688f)}
.lbar-switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #0003;transition:left .2s}
.lbar-switch.on:after{left:22px}
.lbar-note{font-size:13px;line-height:1.5;color:#6E667A;padding:0 14px}
.lbar-settings{border-radius:26px;margin-top:4px;overflow:hidden}
.lbar-settings>div{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;min-height:57px;border-bottom:1px solid #78648724}
.lbar-settings>div:last-child{border:0}
.lbar-settings span{font-size:15px}.lbar-settings small{display:block;color:#6E667A;font-size:12px;margin-top:4px}
.lbar-settings b{color:#B5446F;font-size:13px;font-weight:600}
.lbar-week{padding:20px;border-radius:27px}
.lbar-week p{color:#6E667A;font-size:13px}
.lbar-week>div:nth-child(2){font-size:19px;margin-top:7px}
.lbar-week>small{display:block;font-size:11px;color:#6E667A;margin-top:15px}
.lbar-week-days{display:flex;justify-content:space-around;border-radius:15px;background:#ffffff80;padding:12px 3px;margin-top:12px;font-size:11px;color:#6E667A}
.lbar-history-items{border-radius:26px;overflow:hidden}
.lbar-history-row{display:flex;gap:13px;align-items:center;padding:15px 13px;border-bottom:1px solid #78648720}
.lbar-history-row:last-child{border:0}
.lbar-history-heart{width:41px;height:41px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#fff,#f6d4e0);padding:12px}
.lbar-history-row>div:last-child{min-width:0}
.lbar-history-row small{display:block;font-size:12px;color:#6E667A}
.lbar-history-row strong{display:block;font-size:16px;margin:3px 0}
.lbar-history-row span{font-size:12px;color:#6E667A}
.lbar-history-empty{text-align:center;padding:36px 12px;font-size:13px;color:#6E667A}
.lbar-footnote{text-align:center;font-size:11px;line-height:1.55;color:#6E667A;padding:0 10px}
.lbar-modal-screen{position:absolute;inset:0;z-index:29;display:flex;align-items:center;justify-content:center;padding:16px 16px 26px}
.lbar-modal-backdrop{position:absolute;inset:0;background:#3a2a423d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.lbar-modal{position:relative;width:100%;max-width:340px;max-height:94%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 22px 24px;border-radius:36px;background:#fffdfde8;border:1px solid #fff;box-shadow:0 30px 70px #3c1e3c47}
.lbar-eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#B5446F;font-weight:650}
.lbar-modal-radar{height:205px;width:205px;display:flex;align-items:center;justify-content:center;margin:8px 0 14px}
.lbar-modal-radar .lbar-radar{--lbar-radar-scale:.64}
.lbar-modal h2{font-size:25px;line-height:1.15;max-width:280px;letter-spacing:-.65px}
.lbar-modal p{font-size:14px;line-height:1.45;color:#6E667A;margin-top:12px}
.lbar-modal small{display:block;font-size:10px;color:#9a8498;margin-top:15px}
.lbar-modal-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:20px}
.lbar-modal-actions button{width:100%;height:47px;border-radius:24px;font-weight:650;font-size:15px}
.lbar-primary{background:linear-gradient(#D8688F,#BF4B78);color:white;border:0;box-shadow:0 10px 22px #bf4b7857}
.lbar-secondary{background:#fff;color:#2A2430;border:1px solid #f3e9ed}
.lbar-pills{display:flex;gap:9px;margin-top:16px}
.lbar-pills span{background:#fff;border:1px solid #f1e3e9;padding:8px 13px;font-size:12px;color:#6E667A;border-radius:20px}
.lbar-map-signals{position:absolute;z-index:8;bottom:106px;left:12px;right:12px;max-height:47%;overflow:auto;padding:15px 13px 10px;border-radius:27px;background:#fffffff0;backdrop-filter:blur(24px);box-shadow:0 10px 36px #8c64872b}
.lbar-map-panel-head{display:flex;justify-content:space-between;align-items:center;padding:2px 20px 13px 2px;gap:8px}
.lbar-map-panel-head b{font-size:19px}
.lbar-map-panel-head>div{display:flex;background:#ede8ef;border-radius:17px;padding:3px;gap:2px}
.lbar-map-panel-head button{border:0;border-radius:14px;background:transparent;color:#6e667a;font-size:11px;padding:6px 10px}
.lbar-map-panel-head button.on{background:white;color:#2a2430;box-shadow:0 2px 6px #8c64872b}
.lbar-map-panel-items>div{display:flex;gap:11px;align-items:center;padding:9px 2px;border-top:1px solid #78648720}
.lbar-map-panel-items>div>span{width:35px;height:35px;flex:none;display:grid;place-items:center;border-radius:50%;background:#f6d4e0;color:#C4527D;font-size:22px}
.lbar-map-panel-items strong{display:block;font-size:14px}
.lbar-map-panel-items small{display:block;margin-top:4px;font-size:11px;color:#6e667a}
.lbar-map-panel-close{position:absolute;right:9px;top:7px;border:0;background:transparent;font-size:18px;color:#9c8796}
@keyframes lbar-spin{to{transform:rotate(360deg)}}@keyframes lbar-spin-back{to{transform:rotate(-360deg)}}@keyframes lbar-rip{0%{transform:scale(.55);opacity:.75}100%{transform:scale(1.7);opacity:0}}@keyframes lbar-glow{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes lbar-breathe{0%,100%{transform:scale(1);opacity:.88}50%{transform:scale(1.18);opacity:1}}@keyframes lbar-beat{0%,100%{transform:scale(1)}12%{transform:scale(1.24)}24%{transform:scale(1)}36%{transform:scale(1.14)}48%{transform:scale(1)}}@keyframes lbar-ring{0%,60%,100%{transform:rotate(0)}64%{transform:rotate(10deg)}68%{transform:rotate(-9deg)}72%{transform:rotate(6deg)}76%{transform:rotate(-4deg)}80%{transform:rotate(2deg)}84%{transform:rotate(0)}}
@media(prefers-reduced-motion:reduce){.lbar-radar *{animation:none!important}.lbar-radar .rd-rip{display:none}}
@media(max-height:700px){.lbar-head{padding-top:14px}.lbar-scroller{padding-top:18px}.lbar-stage .lbar-radar{--lbar-radar-scale:.78}.lbar-nearby strong{font-size:43px}.lbar-modal-radar{height:145px;margin:0}.lbar-modal-radar .lbar-radar{--lbar-radar-scale:.45}.lbar-modal{padding:14px}.lbar-modal h2{font-size:21px}}
@media(max-width:375px){.lbar-stage .lbar-radar{--lbar-radar-scale:.85}.lbar-nav{margin-left:9px;margin-right:9px}}