.zen-spy{z-index:3;top:calc(var(--gw-top) + 48px);left:max(12px, env(safe-area-inset-left));justify-items:start;gap:6px;transition:opacity .6s;display:grid;position:absolute}.zen.is-idle .zen-spy:not(.is-open){opacity:.4}.zen-spy-pill{cursor:pointer;background:#fffcf6db;border:0;border-radius:999px;gap:3px;padding:4px 6px;display:flex;box-shadow:0 2px #39403a29}.zen-spy-dot{opacity:.55;filter:grayscale(.5);background:#39403a12;border-radius:50%;place-items:center;width:24px;height:24px;transition:opacity .4s,filter .4s,background .4s;display:grid;position:relative}.zen-spy-dot svg{display:block}.zen-spy-dot.is-on,.zen-spy-card li.is-on .zen-spy-dot{opacity:1;filter:none;background:#e3f2d9;box-shadow:0 0 0 1.5px #7fa38a}.zen-spy-card{color:#39403a;background:#fffcf6f0;border-radius:14px;gap:6px;width:min(236px,100vw - 24px);margin:0;padding:8px 10px;list-style:none;animation:.22s both zen-spy-in;display:grid;box-shadow:0 2px #39403a29,0 6px 18px #39403a1f}.zen-spy-card li{font:800 13px/1.25 var(--font-nunito), sans-serif;align-items:center;gap:8px;display:flex}.zen-spy-card li .zen-spy-phrase{flex:1}.zen-spy-card li i{color:#5f9f6b;width:14px;font-style:normal;font-weight:900}.zen-spy-card li.is-on .zen-spy-phrase{opacity:.6;-webkit-text-decoration:line-through #39403a59;text-decoration:line-through #39403a59}.zen-spy-card li.zen-spy-foot{font:700 11px/1.2 var(--font-nunito), sans-serif;opacity:.6;padding-top:2px}@keyframes zen-spy-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.zen-spy-spark{z-index:4;pointer-events:none;width:0;height:0;position:absolute}.zen-spy-spark i{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 2px #f2c230e6);background:#fff6c8;width:6px;height:6px;animation:.9s ease-out both zen-spy-spark;position:absolute;top:-3px;left:-3px}@keyframes zen-spy-spark{0%{opacity:0;transform:rotate(var(--a)) translateY(0) scale(.4)}25%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-22px) scale(1.15)}}@media (prefers-reduced-motion:reduce){.zen-spy-spark i{animation-duration:10ms}.zen-spy-card{animation:none}}@media (max-width:767px){.zen-spy{top:calc(var(--gw-top) + 92px)}.zen-spy-card{width:min(236px,100vw - 24px)}}