/* LoveInvite UX V2 — additive, keeps the original romantic palette */
:root{--li-glow:0 18px 42px rgba(164,53,85,.10)}
.account-hero{overflow:hidden;position:relative;border:1px solid rgba(235,181,195,.58)}
.account-hero::after{content:"♡";position:absolute;right:28px;top:6px;font:700 104px Caveat,cursive;color:rgba(211,70,104,.12);pointer-events:none}
.account-hero .h1{max-width:760px}
.account-profile{background:rgba(255,255,255,.65);border:1px solid rgba(230,181,190,.5);border-radius:20px;padding:12px 18px;width:fit-content;max-width:100%}
.account-profile strong{overflow-wrap:anywhere}
.account-list{gap:13px}
.account-item{border:1px solid #f0dbdc;background:linear-gradient(120deg,#fffdf9,#fff8f7);border-radius:19px;padding:18px;box-shadow:0 8px 22px rgba(151,70,91,.045);transition:transform .17s ease,border-color .17s ease}
.account-item:hover{border-color:#dfa2b3;transform:translateY(-1px)}
.account-item[hidden]{display:none!important}
.account-item .account-controls{justify-content:flex-end;flex-shrink:0}
.account-item .account-controls .btn{border-radius:12px}
.account-item .pill{margin-bottom:3px}
.account-item .muted{display:inline-block;line-height:1.65}
.account-item::before{content:"💌";font-size:25px;width:46px;height:46px;flex-shrink:0;border-radius:14px;background:#fbeaed;display:grid;place-items:center}
.account-item.li-event-movie::before{content:"🎬"}
.account-item.li-event-date::before{content:"💗"}
.account-item.li-event-trip::before{content:"🚗"}
.account-item.li-event-shopping::before{content:"🛍️"}
.account-item.li-status-answered{border-color:#d0e8d6}
.account-item.li-status-answered::before{background:#ebf6ed}
.account-item.li-status-expired{opacity:.8}
.account-item.li-status-expired .pill,.pill.expired{background:#f1ebeb;color:#84747a}
.li-toolbar{display:grid;gap:13px;margin:16px 0 18px;padding:17px;background:#fff7f5;border:1px solid #f3e2e0;border-radius:18px}
.li-search{position:relative}
.li-search::before{content:"⌕";position:absolute;left:13px;top:50%;transform:translateY(-56%);font-size:27px;color:#a47b85;pointer-events:none}
.li-search input{width:100%;min-height:44px;border:1px solid #ead5d8;border-radius:13px;background:white;padding:10px 15px 10px 41px;color:var(--ink)}
.li-search input:focus-visible{outline:3px solid #ffd3df;outline-offset:1px}
.li-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px}
.li-filter{background:#fff;border:1px solid #edd9dd;border-radius:50px;padding:8px 12px;color:#805f69;font-size:12px;font-weight:900}
.li-filter[aria-pressed="true"]{color:white;background:var(--rose);border-color:var(--rose);box-shadow:0 6px 14px #d8466030}
.li-total{font-size:12px;font-weight:800;color:var(--muted);margin-left:auto}
.li-no-results{border:1px dashed #e7b5c2;border-radius:17px;padding:26px;text-align:center;background:#fff8f6}
.li-no-results[hidden]{display:none!important}
.li-no-results p{margin:8px 0 12px;color:var(--muted)}
.li-manage-banner{border-radius:15px;background:linear-gradient(115deg,#fff0f2,#fff9f3);border:1px solid #efd6d7;padding:15px 17px;display:flex;align-items:center;gap:12px;font-size:13px;color:#7f5e69}
.li-manage-banner .li-heart-icon{font-size:26px}
.li-manage-banner a{text-decoration:underline;font-weight:900;color:var(--rose-dark)}
.li-manage-banner strong{color:var(--ink)}
.li-bot-help{margin-top:14px;padding:14px;background:#fff1f2;border:1px solid #f1d2da;border-radius:14px;font-size:13px}
.li-bot-help a{color:var(--rose-dark);font-weight:900;text-decoration:underline}
.li-steps{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff3f2;padding:13px 17px;border:1px solid #f0dadd;border-radius:15px}
.li-progress-caption{font-size:12px;font-weight:900;color:#9b6573}
.li-progress-dots{display:flex;align-items:center;gap:5px}
.li-progress-dots b{width:22px;height:5px;background:#e9c7d0;border-radius:9px}
.li-progress-dots b.active{background:var(--rose)}
.li-steps-success{background:#edf8ef;border-color:#d4ebda}
.li-share{display:inline-flex;align-items:center;gap:5px}
.li-share:hover{background:#fce9ed}
.li-account-kicker{display:flex;align-items:center;gap:7px;color:#976a77;font-size:12px;font-weight:900;margin-bottom:8px}
.li-account-kicker::before{content:"";width:8px;height:8px;border-radius:50%;background:#5bb987}
@media(max-width:940px){.account-item{flex-wrap:wrap}.account-item .account-controls{width:100%;margin-left:61px;justify-content:flex-start}}
@media(max-width:570px){
  .account-hero{padding:21px 18px}
  .account-hero .h1{font-size:clamp(29px,8vw,39px)}
  .account-hero::after{font-size:74px;right:12px}
  .account-profile{width:100%}
  .account-item{align-items:flex-start;flex-direction:row;gap:10px;padding:15px 12px}
  .account-item::before{width:40px;height:40px;font-size:21px}
  .account-item>div:first-of-type{min-width:0;flex:1}
  .account-item .account-controls{width:100%;margin-left:0}
  .account-controls .btn{min-height:42px;white-space:normal;flex:1}
  .li-toolbar{padding:12px;margin:12px 0}
  .li-filter-row{gap:6px}
  .li-filter{font-size:11px;padding:7px 10px}
  .li-total{width:100%;text-align:left;margin:2px 0 0}
  .li-steps{padding:12px 14px;gap:8px}
  .li-progress-dots b{width:15px}
  .li-manage-banner{align-items:flex-start;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.account-item{transition:none}}