/* ===== Entry mode: pink & girly ===== */
body.entry-mode{
  --bg:#fff5f8; --panel:#ffffff; --panel2:#fff0f5; --field:#fff; --line:#ffd6e5; --line2:#ffb8d1;
  --tx:#4a2236; --tx2:#8c5a73; --tx3:#b58aa0;
  --gold:#ff6fa5; --gold2:#e8508a; --goldbg:rgba(255,111,165,.12);
  background:radial-gradient(900px 500px at 100% -10%,#ffe1ee 0%,transparent 60%),radial-gradient(700px 400px at -10% 110%,#ffeaf3 0%,transparent 60%),#fff5f8;
}
body.entry-mode .sidebar{background:linear-gradient(180deg,#ffe4ef,#fff5f9);border-color:#ffd6e5}
body.entry-mode .logo .gem{background:linear-gradient(135deg,#ff9ec4,#ff5c99);color:#fff;box-shadow:0 6px 18px rgba(255,92,153,.35)}
body.entry-mode .menu button{color:#8c5a73}
body.entry-mode .menu button:hover{background:#ffe8f1;color:#4a2236}
body.entry-mode .menu button.active{background:linear-gradient(135deg,#ff8fbb,#ff5c99);color:#fff;box-shadow:0 6px 16px rgba(255,92,153,.3)}
body.entry-mode .avatar{background:#ffe1ee;color:#e8508a}
body.entry-mode .iconbtn{background:#fff;border-color:#ffd6e5;color:#c45d8a}
body.entry-mode .topbar{background:rgba(255,245,248,.85);border-color:#ffd6e5}
body.entry-mode .topbar h1{color:#c2185b}
body.entry-mode .toast{background:#ff5c99;border-color:#ff5c99}
body.entry-mode dialog{background:#fff;color:#4a2236;border-color:#ffd6e5}
body.entry-mode .dlg-h,.entry-mode .dlg-f{border-color:#ffe0ec}
body.entry-mode .muted{color:#b58aa0}

.epage{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.ehero{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 24px;border-radius:24px;color:#fff;
  background:linear-gradient(135deg,#ff8fbb 0%,#ff5c99 55%,#f04a8b 100%);box-shadow:0 18px 40px -14px rgba(255,92,153,.6);position:relative;overflow:hidden}
.ehero:after{content:"♡";position:absolute;inset-inline-start:-10px;bottom:-40px;font-size:140px;opacity:.15}
.ehi{font-size:24px;font-weight:800}.esub{opacity:.9}
.ecount{background:rgba(255,255,255,.22);border-radius:18px;padding:10px 18px;text-align:center;backdrop-filter:blur(6px)}
.ecount b{display:block;font-family:"Outfit",sans-serif;font-size:30px;line-height:1.1}.ecount span{font-size:12px}
.ecard{background:#fff;border:1px solid #ffe0ec;border-radius:22px;padding:18px 20px;box-shadow:0 8px 24px -16px rgba(232,80,138,.35)}
.eh{font-weight:800;color:#c2185b;margin-bottom:14px;font-size:16px}
.esrc{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.esrc button{border:1.5px solid #ffd6e5;background:#fff7fa;border-radius:16px;padding:10px 4px;cursor:pointer;font-weight:700;color:#8c5a73;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:13px;transition:.15s}
.esrc button span{font-size:22px}
.esrc button.on{background:linear-gradient(135deg,#ff8fbb,#ff5c99);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px -8px rgba(255,92,153,.7)}
.epaste{margin-top:12px}.epaste summary{cursor:pointer;color:#e8508a;font-weight:700;font-size:13.5px}
.epaste textarea{margin-top:8px;min-height:80px;resize:vertical}
.eg2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.eg2 .span2{grid-column:1/-1}
.ecard label{display:block;font-size:13px;color:#8c5a73;margin-bottom:6px;font-weight:700}
.einp{width:100%;background:#fffafc;border:1.5px solid #ffd6e5;border-radius:14px;padding:11px 14px;outline:none;color:#4a2236;font:inherit;transition:.15s}
.einp:focus{border-color:#ff5c99;box-shadow:0 0 0 4px rgba(255,92,153,.12);background:#fff}
.einp:disabled{opacity:.6}
.ewarn{margin-top:6px;font-size:12.5px;color:#d84315;background:#fff3e0;border-radius:10px;padding:6px 10px}
.epick{position:relative;margin-bottom:12px}
.edd{position:absolute;inset-inline:0;top:calc(100% + 6px);background:#fff;border:1.5px solid #ffd6e5;border-radius:18px;max-height:340px;overflow:auto;z-index:30;box-shadow:0 18px 40px -12px rgba(232,80,138,.4)}
.eop{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;border-bottom:1px solid #fff0f5}
.eop:hover{background:#fff5f9}
.eop img,.eop .ph,.eitem img,.eitem .ph{width:44px;height:44px;border-radius:12px;object-fit:cover;flex:none;background:#ffe8f1;display:grid;place-items:center}
.eop>div{flex:1;min-width:0}.eop b{display:block;color:#4a2236;font-size:13.5px}.eop span{font-size:12px;color:#b58aa0}
.eop em{font-style:normal;font-weight:800;color:#e8508a;font-family:"Outfit",sans-serif}
.eitem{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;background:#fff7fa;margin-bottom:8px;border:1px solid #ffe8f1}
.eitem img,.eitem .ph{width:52px;height:52px}
.einfo{flex:1;min-width:0}.einfo b{display:block;color:#4a2236;line-height:1.4}.einfo span{display:block;font-size:12.5px;color:#b58aa0}
.estep{display:flex;align-items:center;gap:6px;background:#fff;border:1.5px solid #ffd6e5;border-radius:12px;padding:3px}
.estep button{width:28px;height:28px;border-radius:9px;border:0;background:#ffe8f1;color:#e8508a;font-size:18px;font-weight:800;cursor:pointer}
.estep b{min-width:18px;text-align:center;font-family:"Outfit",sans-serif}
.eprice{width:90px;padding:8px 10px;text-align:center;font-family:"Outfit",sans-serif;font-weight:700}
.edel{width:32px;height:32px;border-radius:10px;border:0;background:#ffe3e3;color:#e53935;cursor:pointer;font-weight:800}
.eempty{text-align:center;color:#b58aa0;padding:22px 10px;border:2px dashed #ffd6e5;border-radius:16px}
.esum{margin-top:14px;background:linear-gradient(135deg,#fff0f6,#fff8fb);border-radius:18px;padding:12px 16px;border:1px solid #ffe0ec}
.esum div{display:flex;justify-content:space-between;padding:5px 0;color:#8c5a73}
.esum b{font-family:"Outfit","Cairo",sans-serif;color:#4a2236}
.esum .big{border-top:1.5px dashed #ffc4da;margin-top:6px;padding-top:10px;font-size:18px}
.esum .big b{color:#e8508a;font-size:22px}
.ego{width:100%;border:0;border-radius:20px;padding:16px;font:inherit;font-size:18px;font-weight:800;color:#fff;cursor:pointer;
  background:linear-gradient(135deg,#ff8fbb,#ff5c99 60%,#f04a8b);box-shadow:0 14px 30px -10px rgba(255,92,153,.7);transition:.15s;position:sticky;bottom:12px}
.ego:hover{transform:translateY(-1px);filter:brightness(1.05)}
.ego:disabled{opacity:.5;cursor:not-allowed;transform:none}
.ego.sm{width:auto;padding:12px 22px;font-size:15px;position:static}
.edone{text-align:center;padding:6px 0}.edone .eheart{font-size:54px;animation:pop .5s ease}.edone b{font-size:22px;color:#e8508a;font-family:"Outfit",sans-serif}
@keyframes pop{0%{transform:scale(.3)}70%{transform:scale(1.15)}100%{transform:scale(1)}}
.estats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.estats div{background:#fff;border:1px solid #ffe0ec;border-radius:20px;padding:16px;text-align:center}
.estats b{display:block;font-family:"Outfit",sans-serif;font-size:28px;color:#e8508a}.estats span{color:#8c5a73;font-size:13px}
.erow{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #ffe0ec;border-radius:18px;padding:12px 14px}
.esrcb{width:42px;height:42px;border-radius:14px;background:#ffe8f1;display:grid;place-items:center;font-size:20px;flex:none}
.eright{text-align:end;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.eright b{font-family:"Outfit",sans-serif;color:#4a2236}
@media (max-width:700px){
  .esrc{grid-template-columns:repeat(3,1fr)}
  .eg2{grid-template-columns:1fr}
  .ehero{padding:18px}.ehi{font-size:20px}
  .eprice{width:70px}
}

.emagic{background:linear-gradient(135deg,#fff0f6,#fff);border:1.5px solid #ffc4da}
.emagic textarea{min-height:140px;resize:vertical;line-height:1.8}
.emagicbtn{margin-top:10px;width:100%!important}
.erep{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.erep span{font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:99px}
.erep .ok{background:#e8f8ef;color:#1e8e5a}.erep .no{background:#fff1f1;color:#d64545}
.emagic .ewarn{margin-top:8px}
.einp.emiss{border-color:#ffb36b;background:#fff8ef}

/* ===== Wallet: baby blue theme ===== */
body:has(.wpage){
  --bg:#eef6ff; --panel:#ffffff; --panel2:#f2f8ff; --field:#fff; --line:#d6e8fb; --line2:#b9d7f5;
  --tx:#13355c; --tx2:#4f739c; --tx3:#7d9cc0; --gold:#4a9be8; --gold2:#2f7fd0; --goldbg:rgba(74,155,232,.12);
  background:radial-gradient(900px 500px at 100% -10%,#d9ecff 0%,transparent 60%),radial-gradient(700px 420px at -10% 110%,#e6f3ff 0%,transparent 60%),#eef6ff;
}
body:has(.wpage) .sidebar{background:linear-gradient(180deg,#e3f1ff,#f5faff);border-color:#d6e8fb}
body:has(.wpage) .menu button{color:#4f739c}
body:has(.wpage) .menu button:hover{background:#e6f2ff;color:#13355c}
body:has(.wpage) .menu button.active{background:linear-gradient(135deg,#8cc4f5,#4a9be8);color:#fff;box-shadow:0 6px 16px rgba(74,155,232,.3)}
body:has(.wpage) .logo .gem{background:linear-gradient(135deg,#bfe0ff,#4a9be8);color:#fff;box-shadow:0 6px 18px rgba(74,155,232,.35)}
body:has(.wpage) .avatar{background:#dcedff;color:#2f7fd0}
body:has(.wpage) .iconbtn{background:#fff;border-color:#d6e8fb;color:#4a7fb5}
body:has(.wpage) .topbar{background:rgba(238,246,255,.88);border-color:#d6e8fb}
body:has(.wpage) .topbar h1{color:#1d4f86}
body:has(.wpage) .inp{background:#fff;border-color:#cfe3f8;color:#13355c}
body:has(.wpage) .btn{background:#fff;border-color:#cfe3f8;color:#13355c}
body:has(.wpage) .btn.gold{background:linear-gradient(135deg,#8cc4f5,#4a9be8);color:#fff;border:0}

.wpage .vcard{color:#13355c;
  background:linear-gradient(125deg,#7fb6ea 0%,#a9d2f7 18%,#d7ecff 34%,#ffffff 43%,#bfe0ff 56%,#86bdf0 74%,#cfe7ff 90%,#6fa9e2 100%);
  box-shadow:0 30px 60px -22px rgba(74,155,232,.55),0 10px 24px rgba(30,80,140,.18),inset 0 1px 0 rgba(255,255,255,.8),inset 0 -2px 6px rgba(30,80,140,.18)}
.wpage .vcard:after{color:rgba(255,255,255,.35)}
.wpage .vbrand{text-shadow:0 1px 0 rgba(255,255,255,.7)}
.wpage .vtier{background:rgba(19,53,92,.85);color:#cfe7ff}
.wpage .vchip{filter:grayscale(1) brightness(1.18) drop-shadow(0 1px 1px rgba(0,0,0,.2))}
.wpage .vnfc{color:rgba(19,53,92,.65)}
.wpage .vnum{color:#0f2f55;text-shadow:0 1px 0 rgba(255,255,255,.8),0 -1px 0 rgba(30,80,140,.25)}
.wpage .wstat,.wpage .wtile,.wpage .wpanel,.wpage .wgoal,.wpage .wtip{background:#fff;border:1px solid #d6e8fb;box-shadow:0 10px 26px -18px rgba(47,127,208,.45)}
.wpage .wstat small,.wpage .wtile small{color:#4f739c}
.wpage .wstat span,.wpage .wtile span{color:#7d9cc0}
.wpage .gnum{background:linear-gradient(180deg,#1d5fa3,#4a9be8);-webkit-background-clip:text;background-clip:text;color:transparent}
.wpage .wtile.hero{background:linear-gradient(160deg,#e3f1ff,#ffffff);border-color:#a9d2f7}
.wpage .wtip{background:#eaf5ff;color:#1d5fa3;border:1px dashed #9cc9f5}
.wpage .wgoal b,.wpage .wh3,.wpage .wph h3{color:#1d4f86}
.wpage .wph span{color:#7d9cc0}
.wpage .gbar{background:#e6f2ff;border-color:#cfe3f8}
.wpage .gbar i{background:linear-gradient(90deg,#4a9be8,#8cc4f5,#d7ecff);box-shadow:0 0 14px rgba(74,155,232,.5)}
.wpage .bars.gold .b i{background:linear-gradient(180deg,#8cc4f5,#4a9be8);opacity:.9}
.wpage .bars.gold .b i.top{background:linear-gradient(180deg,#bfe0ff,#2f7fd0);box-shadow:0 0 12px rgba(74,155,232,.5)}
.wpage .bars .b span{color:#7d9cc0}
.wpage .badge{background:#f5faff;border-color:#e0eefc}
.wpage .badge.on{border-color:#8cc4f5;background:radial-gradient(circle at 50% 0%,rgba(140,196,245,.35),#fff 70%)}
.wpage .badge b{color:#1d4f86}
.wpage .txn{border-color:#e6f0fb}
.wpage .txi{background:#eaf5ff;color:#2f7fd0;border-color:#b9d7f5}
.wpage .txb b{color:#13355c}.wpage .txb span,.wpage .txa span{color:#7d9cc0}
.wpage .txa b{color:#2f7fd0}
.wpage .txn.ok .txa b{color:#1e9e63}.wpage .txn.ok .txi{background:#e7f8ef;color:#1e9e63;border-color:#b8e8cf}
.wpage .how b{color:#13355c}.wpage .how span{color:#7d9cc0}
.wpage .empty{color:#7d9cc0}