/* 2026-11 redesign: light, Apple-like look for every page (approved
   picture). Loaded LAST on every page so it wins over site.css and the
   page stylesheets: it switches the shared colour tokens to light and
   restyles the header, footer and buttons. index.html, download.html and
   reviews.html also use the page blocks at the bottom. No sign-in on the
   site any more — every call to action is a download. */

:root{
  --bg:#ffffff;
  --bg-soft:#f5f5f7;
  --panel:#ffffff;
  --panel-border:#e5e5ea;
  --ink:#1d1d1f;
  --ink-dim:#6e6e73;
  --ink-faint:#86868b;
  --brand:#2e2a78;
  --accent:#5b4ff5;
  --accent-2:#5b4ff5;
  --accent-3:#7c3aed;
  --accent-grad:linear-gradient(135deg,#6c63ff 0%,#5b4ff5 100%);
  --green:#16a34a;
  --star:#f59e0b;
  --shadow:0 20px 50px -24px rgba(0,0,0,.18);
  --maxw:1080px;
}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter","Plus Jakarta Sans","Segoe UI",Roboto,sans-serif;
}
#fx{display:none}
h1,h2,h3{letter-spacing:-.02em}
h2{font-weight:700}

/* Header */
header{background:rgba(255,255,255,.8);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--panel-border);animation:none}
header::after{display:none}
nav.wrap{padding-top:0;padding-bottom:0;height:52px;gap:28px}
.brand{font-size:15px;font-weight:600}
.brand img{width:26px;height:26px;border-radius:7px}
.nav-links{gap:26px;font-size:13px;color:#424245;margin-left:auto}
.nav-links a{padding-bottom:0}
.nav-links a::after{display:none}
.nav-links a.active{color:var(--ink);font-weight:600}
.nav-cta{background:var(--ink);box-shadow:none;padding:7px 15px;font-size:13px;font-weight:500;text-decoration:none}
.nav-cta:hover{transform:none;box-shadow:none;background:#000}

/* Buttons */
.btn{border-radius:980px;text-decoration:none}
.btn-primary{background:var(--accent);box-shadow:0 8px 24px rgba(91,79,245,.28)}
.btn-primary:hover{box-shadow:0 10px 28px rgba(91,79,245,.36)}
.btn-ghost{background:transparent;color:var(--accent);border-color:var(--panel-border)}
.btn-ghost:hover{background:var(--bg-soft)}
.btn svg{width:20px;height:20px;fill:currentColor;flex:none}

/* Old dark blocks, made light */
.preview,.mock-window{background:#1d1d1f;border-color:#1d1d1f}
.preview-card,.mock-row{box-shadow:0 6px 18px -12px rgba(0,0,0,.25)}
.cta-banner{background:var(--bg-soft);border:0;box-shadow:none}
.cta-banner::before{display:none}
.cta-offer{background:#eeeaff;border-color:#ddd6ff;color:var(--accent)}
.plan,.plan-teaser,.step,.compare-col,.card,.dl-card,.faq-item{box-shadow:none}
.plan.featured,.plan-teaser.featured{background:#fff;border-color:var(--accent)}
.mock-badge.ok{background:#dcfce7;color:#15803d}
.mock-badge.warn{background:#fef3c7;color:#b45309}
.mock-badge.due{background:#fee2e2;color:#b91c1c}
.mock-badge.info{background:#eeeaff;color:var(--accent)}
.contact-status.ok{background:#dcfce7;border-color:#bbf7d0;color:#15803d}
.contact-status.err{background:#fee2e2;border-color:#fecaca;color:#b91c1c}
.care-panel{box-shadow:0 24px 60px -18px rgba(0,0,0,.25)}
.ad-slot{display:none}
.legal-body > *{min-width:0}
.legal-table-wrap{overflow-x:auto}

/* Footer */
footer{border-top:1px solid var(--panel-border);padding:30px 0 48px;font-size:12px}
footer::before{display:none}
.foot-links{gap:22px;font-size:12px}
.foot-copy{font-size:12px}

/* ---------- Page blocks (index, download, reviews) ---------- */
.a-stage img,.a-tile img,.a-mbar img{height:auto}
.a-hero{text-align:center;padding:84px 22px 0}
.a-eyebrow{color:var(--accent);font-weight:600;font-size:17px;margin:0 0 10px}
.a-hero h1{font-size:72px;line-height:1.04;font-weight:700;margin:0}
.a-grad{background:linear-gradient(90deg,var(--accent),var(--accent-3) 60%,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent}
.a-sub{font-size:22px;line-height:1.4;color:var(--ink-dim);max-width:640px;margin:20px auto 0}
.a-ctas{display:flex;gap:14px;justify-content:center;align-items:center;margin-top:32px;flex-wrap:wrap}
.a-btn{display:inline-flex;align-items:center;gap:10px;border-radius:980px;padding:15px 26px;font-size:17px;font-weight:500;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:inherit;background:none;color:var(--ink)}
.a-btn svg{width:20px;height:20px;fill:currentColor;flex:none}
.a-btn.primary{background:var(--accent);color:#fff;box-shadow:0 8px 24px rgba(91,79,245,.3)}
.a-btn.primary:hover{background:#4c40e8}
.a-btn.link{color:var(--accent);padding-left:8px;padding-right:8px}
.a-btn.out{border-color:var(--panel-border)}
.a-btn.out:hover{background:var(--bg-soft)}
.a-btn.small{padding:10px 20px;font-size:15px}
.a-btn[disabled]{opacity:.6;cursor:default}
.a-small{font-size:13px;color:var(--ink-dim);margin-top:14px}
.a-small b{color:var(--ink);font-weight:500}

.a-stage{position:relative;margin:56px auto 0;max-width:1000px;height:600px}
.a-laptop{position:absolute;left:0;top:0;width:86%}
.a-screen{background:#0d0d0f;border-radius:18px 18px 0 0;padding:14px 14px 0;box-shadow:0 30px 80px rgba(0,0,0,.18)}
.a-screen img{width:100%;border-radius:6px 6px 0 0}
.a-base{height:16px;background:linear-gradient(#d9d9de,#b8b8bf);border-radius:0 0 14px 14px;margin:0 -40px;position:relative}
.a-base::after{content:"";position:absolute;left:50%;top:0;width:140px;height:6px;margin-left:-70px;background:#a8a8b0;border-radius:0 0 8px 8px}
.a-phone{position:absolute;right:0;top:90px;width:250px;background:#0d0d0f;border-radius:42px;padding:10px;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.a-phone img{width:100%;border-radius:33px}

.a-counter{display:flex;justify-content:center;gap:56px;padding:56px 22px 72px;border-bottom:1px solid var(--panel-border);max-width:var(--maxw);margin:0 auto}
.a-counter[hidden]{display:none}
.a-counter div{text-align:center}
.a-counter b{display:block;font-size:40px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.a-counter > div > span{color:var(--ink-dim);font-size:14px}
.a-dot{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:8px;vertical-align:middle;box-shadow:0 0 0 4px rgba(22,163,74,.15)}

.a-sec{padding:110px 22px;max-width:var(--maxw);margin:0 auto}
.a-sec h2,.a-h2{font-size:48px;line-height:1.08;font-weight:700;text-align:center;margin:0}
.a-lead{text-align:center;color:var(--ink-dim);font-size:21px;margin:14px auto 0;max-width:620px;line-height:1.4}
.a-soft{background:var(--bg-soft)}

.a-bento{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:56px}
.a-tile{background:var(--bg-soft);border-radius:28px;padding:32px;overflow:hidden;position:relative;min-height:300px;text-decoration:none;color:inherit;display:block;transition:transform .25s ease}
.a-tile:hover{transform:scale(1.01)}
.a-tile h3{font-size:26px;line-height:1.15;margin:0}
.a-tile p{color:var(--ink-dim);font-size:16px;margin:8px 0 0;line-height:1.45}
.a-tile .more{display:inline-block;color:var(--accent);font-size:15px;margin-top:12px}
.a-t1{grid-column:span 4;padding-bottom:200px;background:linear-gradient(160deg,#eeeaff,#f5f5f7 60%)}
.a-t1 p{max-width:60%}
.a-t2,.a-t3,.a-t4,.a-t5{grid-column:span 2}
.a-t6{grid-column:span 6;display:grid;grid-template-columns:1fr;gap:26px;text-align:center;background:#111114;color:#fff;padding:40px}
.a-t6 .a-chips{justify-content:center}
.a-video{width:100%;height:auto;display:block;border-radius:18px;background:#fff;aspect-ratio:16/9}
.a-t6 p{color:#a1a1a6}
.a-tile .shot{position:absolute;right:-20px;bottom:-30px;width:60%;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.15)}
.a-t6 img{width:100%;border-radius:14px}
.a-big{font-size:56px;font-weight:700;letter-spacing:-.03em;margin-top:18px;color:var(--accent)}
.a-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.a-chips span{background:#fff;border:1px solid var(--panel-border);border-radius:980px;padding:6px 12px;font-size:13px}
.a-t6 .a-chips span{background:#1f1f24;border-color:#2c2c33;color:#ddd}

/* Reviews */
.a-score{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:22px;font-size:15px;color:var(--ink-dim)}
.a-score[hidden]{display:none}
.a-score b{font-size:34px;color:var(--ink)}
.a-stars{color:var(--star);font-size:22px;letter-spacing:2px;white-space:nowrap}
.a-stars .off{color:#d1d1d6}
.a-rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.a-rgrid.all{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.a-card{background:#fff;border-radius:22px;padding:26px;border:1px solid var(--panel-border)}
.a-soft .a-card{border-color:transparent}
.a-card .a-stars{font-size:15px}
.a-card p{font-size:16px;line-height:1.5;margin:12px 0 18px;overflow-wrap:anywhere}
.a-who{display:flex;align-items:center;gap:10px;font-size:14px}
.a-av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;flex:none}
.a-who span{color:var(--ink-dim);display:block;font-size:12px}
.a-empty{text-align:center;color:var(--ink-dim);margin-top:36px;font-size:16px}
.a-more{text-align:center;margin-top:28px}
.a-write{margin:36px auto 0;max-width:620px;background:#fff;border-radius:22px;padding:24px;display:grid;gap:12px;border:1px solid var(--panel-border)}
.a-write b{font-size:17px}
.a-write .row{display:flex;gap:12px}
.a-write input,.a-write textarea{flex:1;min-width:0;border:1px solid var(--panel-border);border-radius:12px;padding:12px 14px;font:inherit;font-size:16px;background:#fbfbfd;color:var(--ink)}
.a-write input:focus,.a-write textarea:focus{outline:2px solid var(--accent);outline-offset:0;border-color:var(--accent)}
.a-write textarea{height:96px;resize:vertical}
.a-pick{display:flex;gap:4px}
.a-pick button{background:none;border:0;font-size:30px;line-height:1;color:#d1d1d6;cursor:pointer;padding:4px;min-width:44px;min-height:44px}
.a-pick button.on{color:var(--star)}
.a-pick button:focus-visible{outline:2px solid var(--accent);border-radius:8px}
.a-msg{font-size:14px;border-radius:12px;padding:10px 14px}
.a-msg.ok{background:#dcfce7;color:#15803d}
.a-msg.err{background:#fee2e2;color:#b91c1c}
.a-msg[hidden]{display:none}
.hp-field{position:absolute;left:-9999px;top:-9999px}

/* Download */
.a-dl{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.a-plat{border:1px solid var(--panel-border);border-radius:22px;padding:30px;text-align:center;display:flex;flex-direction:column;align-items:center}
.a-plat.me{border:2px solid var(--accent);box-shadow:0 10px 30px rgba(91,79,245,.12)}
.a-plat > svg{width:44px;height:44px;fill:var(--ink)}
.a-plat h3{font-size:21px;margin:12px 0 0}
.a-plat p{color:var(--ink-dim);font-size:14px;margin:6px 0 18px}
.a-tag{display:inline-block;background:#eeeaff;color:var(--accent);font-size:12px;font-weight:600;border-radius:980px;padding:4px 10px;margin-bottom:10px;visibility:hidden}
.a-plat.me .a-tag{visibility:visible}
.a-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;counter-reset:s}
.a-steps div{background:var(--bg-soft);border-radius:22px;padding:26px}
.a-steps div::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;font-weight:600;margin-bottom:12px}
.a-steps h3{font-size:19px;margin:0 0 6px}
.a-steps p{color:var(--ink-dim);margin:0;font-size:15px;line-height:1.45}

/* Phone bottom "Get" bar */
.a-mbar{display:none}

@media (max-width:760px){
  .nav-links{display:none}
  .a-hero{padding-top:48px}
  .a-hero h1{font-size:44px}
  .a-sub{font-size:18px}
  .a-btn{font-size:16px}
  .a-stage{height:auto;margin-top:36px}
  .a-laptop{display:none}
  .a-phone{position:relative;top:0;margin:0 auto;width:230px}
  .a-counter{gap:20px;padding:40px 16px}
  .a-counter b{font-size:26px}
  .a-counter > div > span{font-size:12px}
  .a-sec{padding:72px 22px}
  .a-sec h2,.a-h2{font-size:34px}
  .a-lead{font-size:17px}
  .a-bento{grid-template-columns:1fr;gap:14px;margin-top:36px}
  .a-t1,.a-t2,.a-t3,.a-t4,.a-t5,.a-t6{grid-column:auto;min-height:0}
  .a-t1{padding-bottom:26px}
  .a-t1 p{max-width:none}
  .a-t6{grid-template-columns:1fr}
  .a-tile{padding:26px}
  .a-tile .shot{position:relative;right:auto;bottom:auto;width:100%;margin:20px 0 -50px}
  .a-rgrid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;margin:36px -22px 0;padding:0 22px 8px}
  .a-rgrid.all{grid-auto-flow:row;grid-template-columns:1fr;overflow:visible;margin:36px 0 0;padding:0}
  .a-card{scroll-snap-align:start}
  .a-write .row{flex-direction:column}
  .a-dl,.a-steps{grid-template-columns:1fr}
  .a-plat{display:grid;grid-template-columns:44px 1fr auto;gap:0 14px;text-align:left;align-items:center;padding:18px}
  .a-plat .a-tag{display:none}
  .a-plat > svg{grid-row:span 2}
  .a-plat h3{margin:0;font-size:18px}
  .a-plat p{margin:0}
  .a-plat .a-btn{grid-row:1/3;grid-column:3}
  .a-mbar{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:80;background:rgba(29,29,31,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;border-radius:20px;padding:10px 10px 10px 16px;align-items:center;gap:12px;font-size:14px}
  .a-mbar img{width:34px;height:34px;border-radius:9px}
  .a-mbar div{flex:1;min-width:0}
  .a-mbar span{display:block;color:#a1a1a6;font-size:12px}
  .a-mbar a{background:var(--accent);color:#fff;border-radius:980px;padding:10px 18px;font-weight:600;text-decoration:none;min-height:44px;display:flex;align-items:center}
  body.has-mbar footer{padding-bottom:100px}
  body.has-mbar .care-btn{bottom:92px}
  body.has-mbar .care-panel{bottom:156px}
}
@media (prefers-reduced-motion: reduce){.a-tile{transition:none}.a-tile:hover{transform:none}}

/* ---------- Reviews | Ideas (side by side on laptops, a switch on phones) ---------- */
.a-duo{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:48px;align-items:start}
.a-pane{min-width:0}
.a-pane-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.a-pane-head h3{font-size:28px;margin:0;letter-spacing:-.02em}
.a-pane-sub{color:var(--ink-dim);font-size:14px}
.a-pane .a-score{margin:0;gap:8px;font-size:13px}
.a-pane .a-score b{font-size:22px}
.a-pane .a-score .a-stars{font-size:16px}
.a-stack{display:grid;gap:14px}
.a-stack .a-card{border-color:transparent}
.a-pane .a-write{max-width:none;margin-top:22px}
.a-note{text-align:left;margin-top:10px}
.a-seg{display:none}

.a-idea{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:20px;padding:18px 20px}
.a-idea h4{font-size:17px;margin:2px 0 0;line-height:1.3;overflow-wrap:anywhere}
.a-idea p{color:var(--ink-dim);font-size:15px;line-height:1.5;margin:6px 0 0;overflow-wrap:anywhere}
.a-idea .a-meta{font-size:12px;color:var(--ink-faint);margin-top:8px}
.a-idea.added{box-shadow:inset 0 0 0 2px #bbf7d0}
.a-vote{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:52px;min-height:56px;border-radius:14px;border:1px solid var(--panel-border);background:#fbfbfd;color:var(--ink);font:inherit;cursor:pointer;transition:transform .2s cubic-bezier(.3,1.6,.5,1),background .2s,border-color .2s}
.a-vote svg{width:16px;height:16px;fill:currentColor}
.a-vote b{font-size:15px;font-variant-numeric:tabular-nums}
.a-vote:hover{border-color:var(--accent);color:var(--accent)}
.a-vote.on{background:#eeeaff;border-color:var(--accent);color:var(--accent);cursor:default}
.a-vote.bump{transform:scale(1.18)}
.a-vote:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.a-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;border-radius:980px;padding:3px 10px;margin-left:6px;vertical-align:2px;white-space:nowrap}
.a-badge.added{background:#dcfce7;color:#15803d}
.a-badge.planned{background:#eeeaff;color:var(--accent)}

/* ---------- Motion (only when JS adds .rv and the visitor allows motion) ---------- */
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.rv.in{opacity:1;transform:none}
.a-hero.go .a-eyebrow,.a-hero.go h1,.a-hero.go .a-sub,.a-hero.go .a-ctas,.a-hero.go .a-small{animation:aUp .9s cubic-bezier(.2,.7,.2,1) both}
.a-hero.go h1{animation-delay:.08s}.a-hero.go .a-sub{animation-delay:.18s}.a-hero.go .a-ctas{animation-delay:.28s}.a-hero.go .a-small{animation-delay:.36s}
.a-hero.go .a-laptop{animation:aRise 1.2s cubic-bezier(.2,.7,.2,1) .25s both}
.a-hero.go .a-phone{animation:aSlide 1.2s cubic-bezier(.2,.7,.2,1) .55s both}
@keyframes aUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes aRise{from{opacity:0;transform:translateY(60px) scale(.97)}to{opacity:1;transform:none}}
@keyframes aSlide{from{opacity:0;transform:translate(60px,30px) rotate(4deg)}to{opacity:1;transform:none}}
.a-pane.swap{animation:aFade .45s cubic-bezier(.2,.7,.2,1) both}
@keyframes aFade{from{opacity:0;transform:translateX(var(--dx,24px))}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){
  .rv{opacity:1;transform:none;transition:none}
  .a-hero.go *{animation:none!important}
  .a-pane.swap{animation:none}
  .a-vote{transition:none}
}

@media (max-width:760px){
  .a-duo{grid-template-columns:1fr;margin-top:24px}
  .a-seg{display:grid;grid-template-columns:1fr 1fr;position:relative;max-width:320px;margin:28px auto 0;background:#e8e8ed;border-radius:12px;padding:3px}
  .a-seg button{position:relative;z-index:1;border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--ink-dim);padding:9px 0;min-height:40px;cursor:pointer;border-radius:9px;transition:color .25s}
  .a-seg button[aria-selected="true"]{color:var(--ink)}
  .a-seg-pill{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);background:#fff;border-radius:9px;box-shadow:0 2px 8px rgba(0,0,0,.12);transition:transform .35s cubic-bezier(.3,1.2,.4,1)}
  .a-seg.right .a-seg-pill{transform:translateX(100%)}
  .a-pane[hidden-phone]{display:none}
  .a-pane-head h3{display:none}
  .a-pane-head{justify-content:center;text-align:center}
}

/* Legal pages without a side menu (delete-account) use the full width. */
.legal-body > .legal-content:first-child{grid-column:1/-1;margin:0 auto;width:100%}
/* Forms inside the narrower Reviews / Ideas columns stack their fields. */
.a-pane .a-write .row{flex-direction:column}
/* Text sections inside legal pages are not page sections: no 96px gaps. */
.legal-content section{padding:0;margin:0 0 8px}
.legal-body > .legal-content:first-child{margin:0}
/* Every .wrap keeps its side gutter, even where an older page style set
   "padding:X 0" (legal + help pages touched the screen edge on phones). */
.wrap{padding-left:22px!important;padding-right:22px!important}

/* ---------- Star rating: pop, sparkle, a reply for every rating ---------- */
.a-pick{position:relative}
.a-pick button{transition:transform .18s cubic-bezier(.3,1.6,.5,1),color .15s}
.a-pick button:hover{transform:scale(1.18)}
.a-pick button.pop{animation:aStar .55s cubic-bezier(.3,1.7,.5,1) var(--pd,0s) both}
@keyframes aStar{0%{transform:scale(.6) rotate(-15deg)}55%{transform:scale(1.35) rotate(8deg)}100%{transform:scale(1) rotate(0)}}
.a-spark{position:absolute;top:22px;width:8px;height:8px;border-radius:50%;background:var(--c);color:var(--c);font-size:16px;line-height:8px;text-align:center;pointer-events:none;animation:aSpark 1s cubic-bezier(.15,.7,.3,1) forwards}
.a-spark:not(:empty){background:none;width:auto;height:auto}
@keyframes aSpark{0%{transform:translate(0,0) scale(.4);opacity:1}100%{transform:translate(var(--x),var(--y)) scale(1);opacity:0}}
.a-write.happy{box-shadow:0 0 0 2px #fde68a,0 18px 50px -20px rgba(245,158,11,.45);transition:box-shadow .4s}
.a-mood{display:flex;gap:12px;align-items:flex-start;border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.45}
.a-mood[hidden]{display:none}
.a-mood.show{animation:aMood .45s cubic-bezier(.2,.8,.3,1.2) both}
@keyframes aMood{from{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}
.a-mood-e{font-size:26px;line-height:1}
.a-mood b{display:block;font-size:15px;color:var(--ink)}
.a-mood span{color:var(--ink-dim)}
.a-mood-link{display:inline-block;margin-top:6px;font-weight:600;color:var(--accent);text-decoration:none}
.a-mood.m1,.a-mood.m2{background:#fef2f2}
.a-mood.m3{background:#fffbeb}
.a-mood.m4{background:#eff6ff}
.a-mood.m5{background:linear-gradient(120deg,#fef9c3,#eeeaff)}
/* "Added in the app" badge: a soft shine passing over it. */
.a-badge.added{position:relative;overflow:hidden}
.a-badge.added::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.75) 50%,transparent 70%);transform:translateX(-120%);animation:aShine 3.2s ease-in-out 1s infinite}
@keyframes aShine{0%,60%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
@media (prefers-reduced-motion: reduce){
  .a-pick button,.a-pick button.pop,.a-mood.show{animation:none;transition:none}
  .a-badge.added::after{animation:none;display:none}
}