:root{
  --bg:#020204;
  --bg2:#050508;
  --panel:rgba(10,11,16,.82);
  --panel2:rgba(16,18,26,.76);
  --line:rgba(255,255,255,.10);
  --line2:rgba(96,239,255,.20);
  --text:#f6f7fb;
  --muted:#8f96aa;
  --soft:#cbd2ee;
  --cyan:#66f7ff;
  --blue:#477bff;
  --violet:#a46bff;
  --gold:#ffd66b;
  --green:#42ffb4;
  --red:#ff5470;
  --shadow:0 30px 90px rgba(0,0,0,.62);
  --radius:28px;
  --radius-sm:18px;
  --nav:290px;
  --safe-bottom:env(safe-area-inset-bottom, 0px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  color:var(--text);
  background:radial-gradient(circle at 20% -10%, rgba(102,247,255,.08), transparent 35%),
             radial-gradient(circle at 80% 10%, rgba(164,107,255,.10), transparent 38%),
             linear-gradient(180deg,#020204 0%,#05050a 58%,#020204 100%);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  letter-spacing:-.02em;
}

button,input,select,textarea{font:inherit;color:inherit}
button{border:0;cursor:pointer}
a{color:inherit}
img{max-width:100%;display:block}

.background-shell{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-3;background:#020204}
.orb{position:absolute;border-radius:999px;filter:blur(28px);opacity:.42;animation:floatOrb 15s ease-in-out infinite}
.orb-a{width:430px;height:430px;left:-120px;top:-120px;background:radial-gradient(circle,var(--cyan),transparent 66%)}
.orb-b{width:520px;height:520px;right:-190px;top:8%;background:radial-gradient(circle,var(--violet),transparent 68%);animation-delay:-5s}
.orb-c{width:440px;height:440px;left:42%;bottom:-190px;background:radial-gradient(circle,rgba(255,214,107,.58),transparent 68%);animation-delay:-9s}
.grid-floor{position:absolute;inset:0;background-image:linear-gradient(rgba(102,247,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(102,247,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 80%,transparent 100%);transform:perspective(900px) rotateX(58deg) scale(1.7) translateY(18%);transform-origin:50% 90%;opacity:.52}
.noise{position:absolute;inset:-20%;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E")}

@keyframes floatOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(28px,-24px,0) scale(1.08)}}
@keyframes pulseLine{0%,100%{opacity:.28;transform:translateX(-15%)}50%{opacity:.9;transform:translateX(35%)}}
@keyframes shimmer{0%{transform:translateX(-130%) rotate(12deg)}100%{transform:translateX(130%) rotate(12deg)}}
@keyframes popIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes glowPulse{0%,100%{box-shadow:0 0 0 rgba(102,247,255,0)}50%{box-shadow:0 0 36px rgba(102,247,255,.20)}}
@keyframes scanMove{0%{background-position:0 0}100%{background-position:0 60px}}
@keyframes routeFlow{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes rotateSlow{from{transform:rotate(0)}to{transform:rotate(360deg)}}

.noscript{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#020204;color:white;z-index:50}
.app-loading{min-height:100vh;display:grid;place-items:center;padding:24px}
.launch-card{width:min(520px,92vw);text-align:center;padding:38px;animation:popIn .55s ease both}
.brand-mark{width:112px;height:112px;margin:0 auto 22px;border-radius:34px;overflow:hidden;background:#05050a;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 50px rgba(102,247,255,.16)}
.brand-mark img{width:100%;height:100%;object-fit:cover}
.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);font-weight:800}
h1,h2,h3,p{margin:0}
h1{font-size:clamp(42px,8vw,92px);line-height:.88;letter-spacing:-.08em;text-transform:uppercase;font-weight:950;background:linear-gradient(135deg,#fff 10%,#aefbff 40%,#9d81ff 68%,#ffe6a1 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 44px rgba(102,247,255,.10)}
h2{font-size:clamp(30px,4vw,54px);line-height:1;letter-spacing:-.06em;font-weight:940}
h3{font-size:20px;letter-spacing:-.04em}
p{color:var(--muted);line-height:1.55}

.panel-premium,.card,.modal-card{
  position:relative;
  background:linear-gradient(180deg,rgba(18,20,28,.86),rgba(8,9,14,.78));
  border:1px solid rgba(255,255,255,.09);
  box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.05);
  border-radius:var(--radius);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  overflow:hidden;
}
.panel-premium:before,.card:before,.modal-card:before{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(102,247,255,.44),rgba(255,255,255,.04),rgba(164,107,255,.34),rgba(255,214,107,.26));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;pointer-events:none;opacity:.62
}
.shimmer-frame{position:relative;overflow:hidden}
.shimmer-frame:after{content:"";position:absolute;top:-40%;bottom:-40%;left:0;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);animation:shimmer 3.8s ease-in-out infinite;pointer-events:none}

.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--nav) 1fr;gap:18px;padding:18px}
.sidebar{position:sticky;top:18px;height:calc(100vh - 36px);padding:16px;display:flex;flex-direction:column;gap:16px;border-radius:32px;background:linear-gradient(180deg,rgba(9,10,16,.94),rgba(4,4,8,.90));border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px rgba(0,0,0,.55);overflow:hidden}
.sidebar:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(102,247,255,.05),transparent 28%,rgba(164,107,255,.06));pointer-events:none}
.side-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.side-logo{width:54px;height:54px;border-radius:18px;object-fit:cover;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 30px rgba(102,247,255,.16)}
.side-title{font-weight:950;letter-spacing:-.06em;line-height:.92;font-size:18px;text-transform:uppercase}
.side-sub{font-size:11px;color:var(--cyan);letter-spacing:.15em;text-transform:uppercase;margin-top:4px;font-weight:800}
.profile-mini{position:relative;z-index:1;padding:14px;border-radius:24px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.avatar-ring{width:64px;height:64px;border-radius:22px;background:conic-gradient(from 90deg,var(--cyan),var(--violet),var(--gold),var(--cyan));padding:2px;margin-bottom:12px;animation:rotateSlow 14s linear infinite}
.avatar-inner{height:100%;border-radius:20px;background:#05050a;display:grid;place-items:center;font-size:22px;font-weight:950;animation:none}
.handle{font-weight:900;font-size:17px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.wallet-chip{font-size:12px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:4px;word-break:break-all}
.badge{display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;font-size:12px;font-weight:950;line-height:1;color:#020204;text-shadow:none}
.badge.blue{background:linear-gradient(135deg,#6ef8ff,#4e7cff);box-shadow:0 0 22px rgba(102,247,255,.35)}
.badge.gold{background:linear-gradient(135deg,#fff3b8,#ffbe37,#fff0a0);box-shadow:0 0 24px rgba(255,214,107,.38)}
.nav{position:relative;z-index:1;display:flex;flex-direction:column;gap:8px;overflow:auto;padding-right:2px}
.nav-btn{display:flex;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 13px;border-radius:18px;background:transparent;color:var(--soft);border:1px solid transparent;text-align:left;transition:.22s ease;position:relative;overflow:hidden}
.nav-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(102,247,255,.09),rgba(164,107,255,.06));opacity:0;transition:.22s ease}
.nav-btn:hover,.nav-btn.active{color:#fff;border-color:rgba(102,247,255,.22);background:rgba(255,255,255,.045);transform:translateX(3px)}
.nav-btn.active:before{opacity:1}
.nav-ico{width:26px;height:26px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);position:relative;z-index:1}
.nav-label{position:relative;z-index:1;font-weight:820;font-size:14px}
.side-footer{margin-top:auto;position:relative;z-index:1;display:grid;gap:10px}
.select-wrap{position:relative}
.lang-select{width:100%;appearance:none;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:16px;padding:12px 38px 12px 13px;color:#fff;outline:none;font-weight:800}
.select-wrap:after{content:"⌄";position:absolute;right:13px;top:50%;transform:translateY(-55%);color:var(--cyan);pointer-events:none}
.lang-select option{background:#090a10;color:#fff}
.status-pill{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035);font-size:12px;color:var(--muted)}
.dot{width:8px;height:8px;border-radius:99px;background:var(--green);box-shadow:0 0 18px var(--green)}

.main{min-width:0;padding-bottom:20px}
.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;position:sticky;top:18px;z-index:20;padding:10px 12px 10px 18px;border-radius:28px;background:rgba(5,6,10,.78);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px rgba(0,0,0,.36)}
.top-left{min-width:0}
.view-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.20em;color:var(--cyan);font-weight:900;margin-bottom:4px}
.view-title{font-size:28px;font-weight:950;letter-spacing:-.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.connect-btn,.btn,.icon-btn{border-radius:18px;min-height:44px;padding:0 16px;font-weight:900;background:linear-gradient(135deg,#f4fbff,#6cf6ff 32%,#7776ff 72%,#ffd66b);color:#020204;box-shadow:0 16px 40px rgba(102,247,255,.14), inset 0 1px 0 rgba(255,255,255,.5);transition:.2s ease;position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap}
.connect-btn:hover,.btn:hover,.icon-btn:hover{transform:translateY(-2px);filter:saturate(1.12)}
.connect-btn:active,.btn:active,.icon-btn:active{transform:translateY(0) scale(.99)}
.btn.secondary{background:rgba(255,255,255,.055);color:#fff;border:1px solid rgba(255,255,255,.10);box-shadow:none}
.btn.ghost{background:transparent;color:var(--soft);border:1px solid rgba(255,255,255,.10);box-shadow:none}
.btn.gold{background:linear-gradient(135deg,#fff2b0,#ffbd35,#ffd66b);color:#060606}
.btn.danger{background:linear-gradient(135deg,#ff8ba0,#ff4566);color:#160006}
.btn:disabled{opacity:.48;cursor:not-allowed;transform:none;filter:grayscale(.2)}
.icon-btn{width:44px;padding:0;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);color:#fff;box-shadow:none}
.mobile-menu{display:none}
.content{display:grid;gap:18px}
.hero{padding:26px;display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:center;min-height:330px}
.hero-copy{position:relative;z-index:1}
.hero h1{margin:12px 0 16px}
.hero p{font-size:16px;max-width:720px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.logo-monolith{position:relative;min-height:284px;border-radius:30px;background:radial-gradient(circle at 50% 42%,rgba(102,247,255,.18),transparent 52%),linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.09);display:grid;place-items:center;overflow:hidden}
.logo-monolith:before{content:"";position:absolute;inset:18px;border:1px solid rgba(102,247,255,.18);border-radius:24px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 1px,transparent 1px,transparent 8px);animation:scanMove 8s linear infinite}
.logo-monolith img{position:relative;width:min(230px,68%);border-radius:42px;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 65px rgba(102,247,255,.24),0 28px 80px rgba(0,0,0,.6)}
.data-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.data-chip{padding:16px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}
.data-chip:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);animation:pulseLine 4.6s ease-in-out infinite}
.data-value{font-size:25px;font-weight:950;letter-spacing:-.06em;color:#fff}
.data-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:800;margin-top:6px}
.grid-2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:18px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.card{padding:18px;animation:popIn .35s ease both}
.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.card-title{font-weight:950;letter-spacing:-.045em;font-size:22px}
.card-sub{font-size:13px;color:var(--muted);margin-top:4px}
.muted{color:var(--muted)}
.tiny{font-size:12px;color:var(--muted)}
.form-grid{display:grid;gap:12px}
.input,.textarea,.select{
  width:100%;background:rgba(0,0,0,.30);border:1px solid rgba(255,255,255,.10);border-radius:18px;padding:13px 14px;outline:none;color:#fff;transition:.2s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)
}
.textarea{min-height:116px;resize:vertical}
.input:focus,.textarea:focus,.select:focus{border-color:rgba(102,247,255,.40);box-shadow:0 0 0 4px rgba(102,247,255,.07)}
.select option{background:#090a10;color:#fff}
.file-input{position:relative;border:1px dashed rgba(102,247,255,.26);border-radius:20px;padding:16px;background:rgba(102,247,255,.04)}
.file-input input{width:100%}
.post-list,.comment-list,.nft-grid,.market-grid,.friend-results,.ghost-list{display:grid;gap:14px}
.post-card{padding:0;overflow:hidden}
.post-media{width:100%;max-height:460px;object-fit:cover;background:#07070b;border-bottom:1px solid rgba(255,255,255,.08)}
.post-body{padding:18px}
.post-author{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.mini-avatar{width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,rgba(102,247,255,.18),rgba(164,107,255,.16));border:1px solid rgba(255,255,255,.09);display:grid;place-items:center;font-weight:950}
.post-text{color:#e6e9f8;white-space:pre-wrap}
.post-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.like-btn.liked{background:linear-gradient(135deg,#ff86a0,#ff4f72);color:#140005;border-color:transparent}
.donate-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}
.sum-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:rgba(66,255,180,.08);border:1px solid rgba(66,255,180,.22);color:#d9fff1;font-weight:900;font-size:12px}
.comment-box{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}
.comment{padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:13px;color:var(--soft)}
.market-card{min-height:276px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;position:relative}
.price{font-size:34px;font-weight:950;letter-spacing:-.08em;background:linear-gradient(135deg,#fff,#8ffcff,#ffe29b);-webkit-background-clip:text;background-clip:text;color:transparent}
.feature-list{display:grid;gap:8px;color:var(--soft);font-size:14px;margin:10px 0 0;padding:0;list-style:none}
.feature-list li:before{content:"✦";color:var(--cyan);margin-right:8px}
.gold-card:before{opacity:.85;background:linear-gradient(135deg,rgba(255,214,107,.75),rgba(255,255,255,.04),rgba(102,247,255,.35))}
.nft-studio{display:grid;grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr);gap:18px}
.nft-preview{min-height:420px;display:grid;place-items:center;border-radius:28px;background:radial-gradient(circle at 50% 25%,rgba(102,247,255,.11),transparent 52%),rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);position:relative;overflow:hidden}
.nft-preview:before{content:"NFT VAULT";position:absolute;inset:auto 18px 18px auto;font-size:11px;letter-spacing:.24em;color:rgba(255,255,255,.15);font-weight:900}
.nft-placeholder{width:78%;aspect-ratio:1/1.22;border:1px solid rgba(102,247,255,.22);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));display:grid;place-items:center;text-align:center;color:var(--muted);padding:22px;box-shadow:inset 0 0 50px rgba(102,247,255,.04)}
.nft-card{padding:12px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.10);position:relative;overflow:hidden}
.nft-img-wrap{position:relative;border-radius:22px;overflow:hidden;background:#08080d;border:1px solid rgba(255,255,255,.08)}
.nft-img-wrap img{width:100%;aspect-ratio:1/1.22;object-fit:cover}
.nft-level{position:absolute;left:10px;top:10px;padding:7px 10px;border-radius:999px;background:rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.13);font-weight:950;font-size:12px;backdrop-filter:blur(12px)}
.nft-max{background:linear-gradient(135deg,#fff2b0,#ffbd35);color:#080808;border:0}
.nft-meta{padding:12px 4px 4px}
.nft-title{font-weight:950;font-size:18px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.level-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:10px 0 12px;border:1px solid rgba(255,255,255,.06)}
.level-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--gold));box-shadow:0 0 24px rgba(102,247,255,.18)}
.nft-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.p2p-stage{min-height:620px;position:relative;overflow:hidden;padding:24px}
.fake-market{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;filter:blur(8px);opacity:.58;transform:scale(1.01);pointer-events:none}
.fake-nft{height:220px;border-radius:24px;background:linear-gradient(145deg,rgba(102,247,255,.12),rgba(164,107,255,.10),rgba(255,214,107,.08));border:1px solid rgba(255,255,255,.10);position:relative;overflow:hidden}
.fake-nft:after{content:"";position:absolute;inset:12px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent),radial-gradient(circle at 40% 30%,rgba(102,247,255,.20),transparent 40%)}
.p2p-overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(2,2,4,.68),rgba(2,2,4,.88));text-align:center;padding:24px}
.p2p-overlay h2{font-size:clamp(40px,8vw,92px);text-transform:uppercase;background:linear-gradient(135deg,#fff,#8cfaff,#8c7cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.p2p-overlay p{margin-top:12px;font-size:18px}
.bot-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}
.chat-window{min-height:520px;display:flex;flex-direction:column;gap:12px}
.bot-messages{flex:1;display:flex;flex-direction:column;gap:10px;overflow:auto;max-height:420px;padding-right:4px}
.bubble{max-width:86%;padding:13px 14px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#eef3ff;line-height:1.45;animation:popIn .24s ease both}
.bubble.bot{align-self:flex-start;border-top-left-radius:6px;background:linear-gradient(135deg,rgba(102,247,255,.10),rgba(255,255,255,.035))}
.bubble.user{align-self:flex-end;border-top-right-radius:6px;background:linear-gradient(135deg,rgba(164,107,255,.15),rgba(255,255,255,.05))}
.bot-controls{display:grid;gap:10px;margin-top:auto}
.choice-row{display:flex;flex-wrap:wrap;gap:8px}
.eth-cockpit{min-height:520px;display:flex;flex-direction:column;justify-content:space-between;gap:18px;text-align:center;position:relative}
.eth-coin{width:180px;height:180px;margin:28px auto 10px;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 80px rgba(102,247,255,.18),0 34px 90px rgba(0,0,0,.55);position:relative;animation:glowPulse 4s ease-in-out infinite;background:#0b0b10}
.eth-coin img{width:100%;height:100%;object-fit:cover}
.route-line{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.08);position:relative}
.route-line span{position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent);transform:translateX(-100%)}
.route-line.active span{animation:routeFlow 1.2s ease-in-out infinite}
.tx-status{padding:12px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--soft);word-break:break-all;font-size:12px}
.friend-result{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.ghost-key{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--cyan);word-break:break-all;padding:12px;border-radius:16px;background:rgba(102,247,255,.06);border:1px solid rgba(102,247,255,.18);margin-top:10px}
.locked-card{padding:18px;border-radius:24px;background:linear-gradient(135deg,rgba(102,247,255,.05),rgba(164,107,255,.05));border:1px solid rgba(255,255,255,.08)}


.profile-grid{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:18px}
.profile-hero{display:flex;gap:16px;align-items:flex-start}
.profile-avatar{display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,rgba(102,247,255,.18),rgba(164,107,255,.12));border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.42);font-weight:950;overflow:hidden;color:#fff}
.profile-avatar.large{width:112px;height:112px;border-radius:32px;font-size:34px}
.profile-avatar.small{width:52px;height:52px;border-radius:18px;font-size:15px}
.profile-avatar img{width:100%;height:100%;object-fit:cover}
.profile-title{font-size:34px;line-height:1;font-weight:950;letter-spacing:-.07em;margin:4px 0 10px}
.profile-status{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.profile-status span{padding:8px 10px;border-radius:999px;background:rgba(102,247,255,.07);border:1px solid rgba(102,247,255,.18);font-size:12px;font-weight:900;color:var(--soft)}
.profile-edit{margin-top:18px}
.friend-main{display:flex;align-items:center;gap:12px;min-width:0}
.friend-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.dialog-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:12px;margin-top:14px}
.dialog-list{display:grid;align-content:start;gap:8px;max-height:390px;overflow:auto}
.dialog-item{width:100%;text-align:left;border-radius:16px;padding:10px 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--soft);display:grid;gap:3px}
.dialog-item strong{color:#fff;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dialog-item span{font-size:11px;color:var(--muted)}
.dialog-item.active{border-color:rgba(102,247,255,.30);background:rgba(102,247,255,.08)}
.dialog-history{min-height:260px;max-height:430px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:22px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08)}
.dm-bubble{max-width:82%;padding:12px 13px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#eef3ff;line-height:1.45}
.dm-bubble.mine{align-self:flex-end;border-top-right-radius:6px;background:linear-gradient(135deg,rgba(102,247,255,.14),rgba(255,255,255,.045))}
.dm-bubble.theirs{align-self:flex-start;border-top-left-radius:6px;background:linear-gradient(135deg,rgba(164,107,255,.15),rgba(255,255,255,.04))}
.dm-bubble span{display:block;margin-top:6px;font-size:10px;color:var(--muted)}

.dm-transfer{max-width:88%;padding:14px 15px;border-radius:20px;background:linear-gradient(145deg,rgba(22,64,42,.46),rgba(173,128,28,.16));border:1px solid rgba(255,207,86,.46);box-shadow:0 18px 45px rgba(0,0,0,.28),inset 0 0 24px rgba(255,207,86,.08);color:#f7fbf1;line-height:1.4}
.dm-transfer.mine{align-self:flex-end;border-top-right-radius:7px}
.dm-transfer.theirs{align-self:flex-start;border-top-left-radius:7px}
.transfer-top{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#fff8d9;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.transfer-top span{font-size:10px;color:#55ffac;border:1px solid rgba(85,255,172,.32);border-radius:999px;padding:4px 8px;background:rgba(85,255,172,.08)}
.transfer-amount{margin:9px 0 8px;font-size:18px;font-weight:900;color:#ffe39a;text-shadow:0 0 24px rgba(255,204,77,.25)}
.transfer-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:5px 0;color:var(--muted);font-size:12px}
.transfer-time{margin-top:8px;font-size:10px;color:rgba(230,237,255,.56)}

.modal-host{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:18px;background:rgba(0,0,0,.66);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.modal-host.active{display:grid}
.modal-card{width:min(760px,100%);max-height:min(86vh,860px);overflow:auto;padding:22px;animation:popIn .25s ease both}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;flex-wrap:wrap}
.country-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:190px;overflow:auto;padding:4px}
.country-chip{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:13px;color:var(--soft)}
.toast-host{position:fixed;right:18px;bottom:18px;z-index:140;display:grid;gap:10px;max-width:min(420px,calc(100vw - 36px))}
.toast{padding:14px 16px;border-radius:18px;background:rgba(8,9,14,.94);border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 60px rgba(0,0,0,.45);animation:popIn .25s ease both;color:#f4f6ff}
.toast.success{border-color:rgba(66,255,180,.35)}
.toast.error{border-color:rgba(255,84,112,.35)}
.toast.info{border-color:rgba(102,247,255,.35)}

.tx-success-card{text-align:center;display:grid;justify-items:center;gap:14px}
.tx-pulse{width:92px;height:92px;border-radius:30px;display:grid;place-items:center;font-size:42px;font-weight:950;background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.95),rgba(102,247,255,.86) 34%,rgba(71,123,255,.55) 72%,rgba(2,2,4,.92));box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 45px rgba(102,247,255,.32);animation:txPulse 1.6s ease-in-out infinite}
@keyframes txPulse{0%,100%{transform:scale(1);filter:saturate(1)}50%{transform:scale(1.06);filter:saturate(1.35)}}

.hidden{display:none!important}
.blur-locked{filter:blur(8px);pointer-events:none;user-select:none}

@media (max-width:1180px){
  :root{--nav:252px}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero{grid-template-columns:1fr}
  .logo-monolith{min-height:230px}
  .data-strip{grid-template-columns:repeat(2,1fr)}
  .bot-shell,.nft-studio{grid-template-columns:1fr}
  .eth-cockpit{min-height:360px}
  .fake-market{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:860px){
  :root{--radius:24px}
  body{background:#020204}
  .app-shell{display:block;padding:10px 10px calc(86px + var(--safe-bottom))}
  .sidebar{position:fixed;left:10px;right:10px;bottom:calc(10px + var(--safe-bottom));top:auto;height:68px;z-index:60;border-radius:24px;padding:8px;display:block;overflow:hidden;background:rgba(5,6,10,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .side-brand,.profile-mini,.side-footer{display:none}
  .nav{height:100%;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(78px,1fr);overflow-x:auto;overflow-y:hidden;gap:6px;padding:0;scrollbar-width:none}
  .nav::-webkit-scrollbar{display:none}
  .nav-btn{min-height:52px;justify-content:center;flex-direction:column;gap:4px;padding:7px 8px;border-radius:18px;transform:none!important}
  .nav-label{font-size:10px;max-width:78px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .nav-ico{width:24px;height:24px;font-size:13px}
  .main{padding-bottom:0}
  .topbar{top:10px;height:auto;min-height:66px;border-radius:24px;margin-bottom:10px;padding:10px;align-items:center}
  .view-title{font-size:20px}
  .view-kicker{font-size:10px;letter-spacing:.16em}
  .top-actions .status-pill{display:none}
  .mobile-menu{display:inline-flex}
  .top-actions{gap:6px}
  .connect-btn,.btn,.icon-btn{min-height:42px;border-radius:15px;padding:0 12px;font-size:13px}
  .hero,.card{padding:15px}
  .hero h1{font-size:44px}
  .logo-monolith{min-height:210px}
  .grid-2,.grid-3{grid-template-columns:1fr}
  .data-strip{grid-template-columns:1fr 1fr;gap:8px}
  .data-chip{padding:12px;border-radius:18px}
  .data-value{font-size:20px}
  .post-media{max-height:360px}
  .donate-row,.comment-box{grid-template-columns:1fr}
  .nft-actions{grid-template-columns:1fr}
  .fake-market{grid-template-columns:repeat(2,1fr)}
  .fake-nft{height:180px}
  .profile-grid{grid-template-columns:1fr}
  .profile-hero{flex-direction:column}
  .dialog-layout{grid-template-columns:1fr}
  .dialog-list{grid-auto-flow:column;grid-auto-columns:minmax(170px,1fr);overflow-x:auto;overflow-y:hidden}
  .friend-result{align-items:flex-start;flex-direction:column}
  .friend-actions{width:100%;justify-content:stretch}
  .friend-actions .btn{flex:1}
  .country-grid{grid-template-columns:1fr}
  .toast-host{right:10px;bottom:calc(86px + var(--safe-bottom));max-width:calc(100vw - 20px)}
  .orb,.grid-floor,.noise{display:none}
  .logo-monolith:before{animation:none}
  .shimmer-frame:after{animation:none;display:none}
  .avatar-ring{animation:none}
}

@media (max-width:520px){
  .topbar{align-items:flex-start}
  .top-actions{max-width:46%;justify-content:flex-end}
  .connect-btn{max-width:150px;overflow:hidden;text-overflow:ellipsis}
  .hero h1{font-size:38px}
  .hero-actions{display:grid;grid-template-columns:1fr;width:100%}
  .data-strip{grid-template-columns:1fr}
  .modal-card{padding:16px;border-radius:22px}
  .eth-coin{width:138px;height:138px}
  .p2p-stage{min-height:520px;padding:14px}
}

@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
.top-lang{min-width:122px}
.top-lang .lang-select{min-height:44px;padding-top:10px;padding-bottom:10px}
@media (max-width:860px){.top-lang{display:block;min-width:86px}.top-lang .lang-select{font-size:12px;padding-left:9px;padding-right:26px}}
@media (max-width:420px){.top-lang{min-width:74px}.top-lang .lang-select{font-size:0}.top-lang .lang-select option{font-size:14px}.top-lang:before{content:'🌐';position:absolute;left:13px;top:50%;transform:translateY(-50%);z-index:1}}

/* V5 FINAL: premium desktop bottom dock + cleaner navigation */
.nav-logo{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:10px;
  box-shadow:0 0 18px rgba(102,247,255,.18);
}
.nav-ico b{
  font-size:11px;
  letter-spacing:.04em;
  color:#fff;
}
.badge.gold{
  color:#ffd66b;
  background:
    radial-gradient(circle at 35% 20%, rgba(255,255,255,.20), transparent 28%),
    linear-gradient(145deg, #151006 0%, #080603 52%, #1e1504 100%);
  border:1px solid rgba(255,214,107,.88);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 0 18px rgba(255,214,107,.55),
    0 0 42px rgba(255,184,44,.22);
  text-shadow:
    0 0 7px rgba(255,214,107,.95),
    0 0 18px rgba(255,184,44,.65);
}
.badge.blue{
  color:#dffcff;
  background:linear-gradient(145deg,#05222a,#07102b 58%,#0a244f);
  border:1px solid rgba(102,247,255,.78);
  text-shadow:0 0 10px rgba(102,247,255,.88);
}

@media (min-width:861px){
  :root{--nav:0px}
  .app-shell{
    display:block;
    min-height:100vh;
    padding:18px 18px calc(112px + var(--safe-bottom));
  }
  .main{
    width:min(1320px,100%);
    margin:0 auto;
    padding-bottom:0;
  }
  .sidebar{
    position:fixed;
    left:50%;
    right:auto;
    bottom:calc(18px + var(--safe-bottom));
    top:auto;
    width:min(1180px,calc(100vw - 36px));
    height:82px;
    padding:10px;
    display:block;
    z-index:80;
    border-radius:30px;
    overflow:hidden;
    transform:translateX(-50%);
    background:
      linear-gradient(180deg, rgba(15,16,24,.90), rgba(4,5,9,.92)),
      radial-gradient(circle at 20% 0%, rgba(102,247,255,.12), transparent 42%),
      radial-gradient(circle at 78% 100%, rgba(255,214,107,.10), transparent 38%);
    border:1px solid rgba(255,255,255,.11);
    box-shadow:
      0 30px 100px rgba(0,0,0,.72),
      0 0 0 1px rgba(102,247,255,.06) inset,
      0 0 42px rgba(102,247,255,.08);
    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);
  }
  .sidebar:after{
    background:
      linear-gradient(90deg, transparent, rgba(102,247,255,.08), transparent),
      linear-gradient(180deg, rgba(255,255,255,.045), transparent 48%, rgba(255,255,255,.025));
    opacity:.95;
  }
  .side-brand,.profile-mini,.side-footer{display:none!important}
  .nav{
    height:100%;
    display:grid;
    grid-template-columns:repeat(8,minmax(0,1fr));
    gap:8px;
    overflow:visible;
    padding:0;
  }
  .nav-btn{
    min-height:62px;
    height:62px;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    padding:8px 7px;
    border-radius:21px;
    text-align:center;
    background:rgba(255,255,255,.028);
    border:1px solid rgba(255,255,255,.075);
    transform:none!important;
  }
  .nav-btn:hover,
  .nav-btn.active{
    transform:translateY(-3px)!important;
    border-color:rgba(102,247,255,.32);
    background:linear-gradient(180deg,rgba(102,247,255,.105),rgba(255,255,255,.04));
    box-shadow:0 12px 35px rgba(0,0,0,.30),0 0 22px rgba(102,247,255,.08) inset;
  }
  .nav-btn.active:after{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    bottom:5px;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg,transparent,var(--cyan),var(--gold),transparent);
    box-shadow:0 0 14px rgba(102,247,255,.55);
  }
  .nav-ico{
    width:30px;
    height:30px;
    min-width:30px;
    border-radius:12px;
    font-size:15px;
    background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 10px 25px rgba(0,0,0,.22);
  }
  .nav-label{
    width:100%;
    max-width:122px;
    margin:0 auto;
    font-size:11px;
    line-height:1.05;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    letter-spacing:-.02em;
  }
  .topbar{
    top:18px;
    z-index:60;
    border-radius:30px;
    background:rgba(5,6,10,.74);
  }
  .content{
    gap:20px;
  }
  .hero,.card,.panel-premium{
    border-color:rgba(255,255,255,.10);
  }
  .grid-2,.grid-3,.market-grid,.vault-grid{
    gap:18px;
  }
}

@media (min-width:861px) and (max-width:1040px){
  .sidebar{width:calc(100vw - 24px);bottom:12px;height:78px;padding:8px;border-radius:26px}
  .app-shell{padding:12px 12px calc(104px + var(--safe-bottom))}
  .nav{gap:6px}
  .nav-btn{height:60px;min-height:60px;border-radius:18px;padding:7px 5px}
  .nav-label{font-size:10px;max-width:96px}
  .nav-ico{width:28px;height:28px;min-width:28px}
  .topbar{top:12px}
}

@media (max-width:860px){
  .nav-logo{border-radius:9px}
  .nav-ico b{font-size:9px}
  .badge.gold{box-shadow:0 0 18px rgba(255,214,107,.45),0 0 30px rgba(255,184,44,.16)}
}

/* HMX presale extension */
.hmx-hero{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:22px;padding:30px;position:relative;overflow:hidden}
.hmx-hero h1{font-size:clamp(54px,9vw,118px);line-height:.82;margin:8px 0 10px;letter-spacing:-.08em;background:linear-gradient(120deg,#fff,#66f7ff 38%,#ffd66b 72%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 34px rgba(102,247,255,.18)}
.hmx-hero p{max-width:720px;color:var(--soft);font-size:16px;line-height:1.7}
.hmx-meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.hmx-meta-row span{padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);color:var(--muted);font-size:12px}
.hmx-meta-row strong{color:#fff}
.hmx-token-orb{width:min(310px,100%);aspect-ratio:1;margin-left:auto;border-radius:42px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 34%,rgba(102,247,255,.22),rgba(255,214,107,.08) 46%,rgba(255,255,255,.025) 70%);box-shadow:inset 0 0 60px rgba(102,247,255,.08),0 30px 100px rgba(0,0,0,.45)}
.hmx-token-orb img{width:54%;height:54%;object-fit:cover;border-radius:32px;border:1px solid rgba(255,255,255,.18);filter:saturate(1.08) contrast(1.08)}
.hmx-token-orb span{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);font-weight:900;letter-spacing:.28em;color:#fff;text-shadow:0 0 22px rgba(102,247,255,.46)}
.hmx-card{overflow:hidden;position:relative}
.hmx-card:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 20% 0%,rgba(102,247,255,.10),transparent 38%),radial-gradient(circle at 90% 90%,rgba(255,214,107,.08),transparent 44%);pointer-events:none}
.hmx-progress-wrap{display:grid;gap:14px;margin:14px 0 18px;position:relative}
.hmx-progress-bar{height:18px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 0 26px rgba(0,0,0,.48)}
.hmx-progress-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#66f7ff,#a46bff,#ffd66b);box-shadow:0 0 24px rgba(102,247,255,.38);min-width:5px;transition:width .32s ease}
.hmx-progress-label{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:13px}.hmx-progress-label strong{color:#fff}.hmx-output{padding:16px;border-radius:20px;background:linear-gradient(180deg,rgba(102,247,255,.07),rgba(255,255,255,.032));border:1px solid rgba(102,247,255,.14);color:var(--soft)}.hmx-output strong{color:#fff;font-size:20px}code{color:#66f7ff;background:rgba(102,247,255,.08);border:1px solid rgba(102,247,255,.12);border-radius:8px;padding:2px 6px}
@media (max-width:860px){.hmx-hero{grid-template-columns:1fr;padding:22px}.hmx-token-orb{margin:0 auto;width:min(240px,82vw)}.hmx-meta-row{gap:8px}.hmx-meta-row span{font-size:11px;padding:9px 10px}}

/* FINAL UX PASS: cleaner Cyber Travel / Web3 system without changing core markup */
:root{
  --panel:rgba(12,13,18,.74);
  --panel2:rgba(18,19,25,.58);
  --line:rgba(255,255,255,.075);
  --muted:#9aa2b6;
  --shadow:0 18px 58px rgba(0,0,0,.48);
  --radius:22px;
}
body{
  background:
    radial-gradient(circle at 18% -8%, rgba(102,247,255,.055), transparent 30%),
    radial-gradient(circle at 86% 8%, rgba(164,107,255,.060), transparent 34%),
    linear-gradient(180deg,#020204 0%,#050508 52%,#020204 100%);
}
.orb{opacity:.24;filter:blur(40px)}
.grid-floor{opacity:.26;background-size:72px 72px}.noise{opacity:.035}
.panel-premium,.card,.modal-card{
  background:linear-gradient(180deg,rgba(14,15,21,.74),rgba(7,8,12,.66));
  border-color:rgba(255,255,255,.075);
  box-shadow:0 18px 58px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.035);
}
.panel-premium:before,.card:before,.modal-card:before{opacity:.32;background:linear-gradient(135deg,rgba(102,247,255,.22),rgba(255,255,255,.02),rgba(164,107,255,.16),rgba(255,214,107,.12))}
.card{padding:16px;border-radius:22px;animation:uxFadeIn .28s ease both}.card-title{font-size:19px;letter-spacing:-.035em}.card-sub{font-size:12px}.eyebrow{font-size:10px;letter-spacing:.18em}.content{gap:14px}.grid-2,.grid-3,.market-grid,.vault-grid{gap:14px}.data-strip{gap:10px}.data-chip{padding:13px;border-radius:17px}.data-value{font-size:clamp(20px,2vw,31px)}
.topbar.compact-topbar{
  position:relative!important;
  top:auto!important;
  min-height:54px;
  height:auto;
  margin-bottom:14px;
  padding:8px 10px 8px 14px;
  border-radius:20px;
  background:rgba(5,6,10,.58);
  box-shadow:0 14px 38px rgba(0,0,0,.28);
}
.view-kicker{font-size:9px;letter-spacing:.16em;margin-bottom:1px}.view-title{font-size:18px}.compact-actions{gap:7px;flex-wrap:nowrap}.balance-pill,.wallet-status{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 9px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.075);font-size:11px;color:var(--muted);white-space:nowrap}.balance-pill strong{font-size:12px;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.balance-pill.hmx{border-color:rgba(255,214,107,.14)}.wallet-led{width:8px;height:8px;border-radius:99px;background:var(--red);box-shadow:0 0 12px rgba(255,84,112,.35)}.wallet-status.online .wallet-led{background:var(--green);box-shadow:0 0 12px rgba(66,255,180,.45)}.wallet-mini,.disconnect-mini{background:transparent;color:#fff;font-weight:900;padding:0;min-height:auto}.wallet-mini{font-size:12px}.disconnect-mini{width:20px;height:20px;border-radius:8px;background:rgba(255,255,255,.055);color:var(--muted)}.disconnect-mini:hover{color:#fff;background:rgba(255,84,112,.16)}.top-lang{min-width:94px}.top-lang .lang-select{min-height:36px;padding:7px 28px 7px 10px;border-radius:14px;font-size:11px}.top-actions .status-pill,.top-actions .connect-btn,.top-actions>.btn.secondary{display:none!important}
.page-transition{animation:uxPage .28s ease both}.ux-card-enter,.post-card,.dm-bubble,.dm-transfer{animation:uxFadeIn .25s ease both}@keyframes uxPage{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes uxFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.hero{min-height:260px;padding:22px}.hero h1{font-size:clamp(38px,6vw,76px)}.logo-monolith{min-height:260px}.feature-list{font-size:13px}.post-media{max-height:390px}.post-body{padding:15px}.post-actions{gap:8px}.btn,.connect-btn,.icon-btn{min-height:40px;border-radius:15px;padding:0 14px}.input,.textarea{border-radius:16px}.textarea{min-height:104px}.market-card{min-height:235px}.profile-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.35fr);gap:14px}.profile-hero{gap:13px}.profile-avatar.large{width:86px;height:86px}.messages-card{min-height:auto}.message-send{grid-template-columns:1fr;gap:9px}.message-send .textarea{min-height:78px}.dialog-layout{grid-template-columns:185px minmax(0,1fr);gap:10px}.dialog-list{max-height:330px}.dialog-item{padding:8px 10px;border-radius:14px}.dialog-history{min-height:230px;max-height:390px;gap:8px;padding:10px;border-radius:18px}.dm-bubble{max-width:78%;padding:9px 11px;border-radius:15px;font-size:13px;line-height:1.38}.dm-bubble span{font-size:9px;margin-top:4px}.dm-transfer{max-width:86%;padding:11px 12px;border-radius:17px;font-size:12px}.transfer-top{font-size:11px}.transfer-amount{font-size:17px}.typing-indicator{align-self:flex-start;display:flex;align-items:center;gap:5px;padding:8px 10px;border-radius:999px;background:rgba(102,247,255,.055);border:1px solid rgba(102,247,255,.10);color:var(--muted);font-size:12px}.typing-indicator span{width:4px;height:4px;border-radius:50%;background:var(--cyan);animation:typingPulse 1.1s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.13s}.typing-indicator span:nth-child(3){animation-delay:.26s}@keyframes typingPulse{0%,100%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
.hmx-hero{padding:22px;grid-template-columns:1.4fr .6fr}.hmx-hero h1{font-size:clamp(48px,7vw,92px)}.hmx-token-orb{width:min(230px,100%);border-radius:32px}.compact-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.stat-card{padding:14px}.stat-card .data-value{font-size:clamp(18px,1.7vw,28px)}.hmx-progress-bar{height:14px}.hmx-table{display:grid;gap:8px}.hmx-table-row{display:grid;grid-template-columns:1.25fr .85fr .95fr .95fr;gap:8px;align-items:center;padding:10px;border-radius:15px;background:rgba(255,255,255,.032);border:1px solid rgba(255,255,255,.065);font-size:12px;color:var(--soft);min-width:0}.hmx-table-row>*{min-width:0;overflow:hidden;text-overflow:ellipsis}.hmx-table-row strong{color:#fff}.hmx-table-row em{font-style:normal;color:var(--muted);font-size:11px}.top-buyer{grid-template-columns:1.35fr .8fr .9fr}.empty-state{padding:14px;border-radius:15px;background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.09);color:var(--muted);font-size:13px}
.tx-success-card{animation:uxSuccess .35s ease both}@keyframes uxSuccess{from{opacity:0;transform:scale(.97) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.tx-pulse{animation:glowPulse 1.8s ease-in-out infinite}
@media (min-width:861px){
  .app-shell{padding:14px 14px calc(96px + var(--safe-bottom))}.main{width:min(1220px,100%)}
  .sidebar{height:72px;width:min(1040px,calc(100vw - 32px));bottom:14px;border-radius:24px;padding:8px;background:rgba(6,7,11,.84)}
  .nav{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.nav-btn{height:56px;min-height:56px;border-radius:18px;padding:6px 5px}.nav-ico{width:27px;height:27px;min-width:27px;font-size:13px}.nav-label{font-size:10.5px;max-width:105px}.nav-btn:hover,.nav-btn.active{transform:translateY(-2px)!important}.topbar{position:relative!important;top:auto!important}
}
@media (max-width:1080px){.compact-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-grid{grid-template-columns:1fr}.hmx-table-row{grid-template-columns:1fr 1fr}.hmx-table-row em{grid-column:1/-1}.top-buyer{grid-template-columns:1fr 1fr}}
@media (max-width:860px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}.app-shell{padding:9px 9px calc(82px + var(--safe-bottom))}.sidebar{height:62px;left:9px;right:9px;bottom:calc(9px + var(--safe-bottom));border-radius:21px;padding:7px}.nav{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.nav-btn{min-height:48px;height:48px;padding:4px 3px;border-radius:15px}.nav-ico{width:23px;height:23px;min-width:23px;font-size:12px}.nav-label{font-size:9px;max-width:52px}.topbar.compact-topbar{min-height:50px;margin-bottom:10px;padding:8px;border-radius:18px}.view-title{font-size:15px}.view-kicker{display:none}.compact-actions{gap:5px;margin-left:auto}.balance-pill{padding:6px 7px;min-height:32px;font-size:10px}.balance-pill strong{font-size:10px}.wallet-status{padding:6px 7px;min-height:32px}.wallet-mini{max-width:76px;overflow:hidden;text-overflow:ellipsis}.disconnect-mini{display:none}.top-lang{display:none}.hero{padding:16px;min-height:auto}.hero h1{font-size:36px;line-height:.94}.hero p{font-size:14px}.logo-monolith{display:none}.grid-2,.grid-3,.market-grid,.vault-grid,.compact-stats{grid-template-columns:1fr}.card{padding:14px;border-radius:20px}.card-title{font-size:18px}.data-strip{grid-template-columns:1fr}.post-media{max-height:280px}.post-card{border-radius:20px}.profile-hero{flex-direction:row;align-items:center}.profile-avatar.large{width:64px;height:64px;border-radius:20px}.dialog-layout{grid-template-columns:1fr}.dialog-list{grid-auto-flow:column;grid-auto-columns:minmax(132px,1fr);overflow-x:auto;overflow-y:hidden;max-height:none}.dialog-history{max-height:52vh}.dm-bubble{max-width:88%;font-size:13px}.dm-transfer{max-width:92%}.message-send{gap:8px}.hmx-hero{grid-template-columns:1fr;padding:16px}.hmx-token-orb{width:150px;margin:0 auto}.hmx-meta-row span{font-size:10px;padding:7px 9px}.hmx-table-row,.top-buyer{grid-template-columns:1fr;gap:4px}.toast-host{bottom:calc(78px + var(--safe-bottom));right:9px;max-width:calc(100vw - 18px)}
}
@media (max-width:430px){.balance-pill span{display:none}.balance-pill{min-width:54px;justify-content:center}.wallet-status{max-width:92px}.hero h1{font-size:32px}.nav-label{font-size:8.5px}.hmx-token-orb{display:none}.profile-hero{flex-direction:column;align-items:flex-start}.friend-result{align-items:flex-start}.modal-card{width:calc(100vw - 18px)}}
@media (prefers-reduced-motion:reduce){.page-transition,.ux-card-enter,.post-card,.dm-bubble,.dm-transfer,.typing-indicator span{animation:none!important}}

/* Final HackMessenger UX polish: unique identity, premium badges, organization prep, cyber-travel depth */
.background-shell:before{
  content:"";
  position:absolute;
  inset:-18% -8%;
  background:
    radial-gradient(circle at 14% 28%,rgba(102,247,255,.08),transparent 25%),
    radial-gradient(circle at 86% 68%,rgba(255,214,107,.07),transparent 26%),
    linear-gradient(120deg,transparent 0 35%,rgba(102,247,255,.035) 36%,transparent 38% 62%,rgba(164,107,255,.034) 64%,transparent 68%);
  animation:hmDepthDrift 22s ease-in-out infinite;
  opacity:.72;
}
.background-shell:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(115deg,transparent 0 18%,rgba(102,247,255,.035) 19%,transparent 20% 58%,rgba(255,214,107,.028) 59%,transparent 60%),
    radial-gradient(ellipse at 50% 108%,rgba(71,123,255,.12),transparent 48%);
  opacity:.55;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.82),rgba(0,0,0,.22));
}
@keyframes hmDepthDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-22px,18px,0) scale(1.03)}}

.badge-premium{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:20px;
  height:20px;
  min-width:20px;
  margin-left:2px;
  vertical-align:-3px;
  border-radius:50%;
  position:relative;
  isolation:isolate;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 0 3px rgba(255,255,255,.025);
}
.badge-premium span{position:relative;z-index:2;font-size:11px;line-height:1;font-weight:950;filter:drop-shadow(0 1px 0 rgba(0,0,0,.35))}
.badge-premium:before{content:"";position:absolute;inset:2px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.38),transparent 48%);opacity:.62;z-index:1}
.badge-premium.blue{background:radial-gradient(circle at 35% 22%,#e8ffff 0 12%,#6ef8ff 23%,#367bff 72%,#113290 100%);color:#fff;box-shadow:0 0 18px rgba(102,247,255,.36),inset 0 1px 0 rgba(255,255,255,.55)}
.badge-premium.gold{background:radial-gradient(circle at 35% 22%,#fff8cd 0 14%,#ffd66b 25%,#d98a11 70%,#553000 100%);color:#271500;box-shadow:0 0 22px rgba(255,214,107,.45),0 0 42px rgba(255,174,44,.13),inset 0 1px 0 rgba(255,255,255,.62)}
.profile-title,.handle,.friend-main .handle{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
.profile-title .badge-premium,.handle .badge-premium{transform:translateY(1px)}

.search-scanner{display:flex;align-items:center;gap:16px;overflow:hidden;min-height:112px}
.scan-lines{width:62px;height:62px;border-radius:20px;position:relative;background:linear-gradient(180deg,rgba(102,247,255,.10),rgba(255,255,255,.025));border:1px solid rgba(102,247,255,.18);box-shadow:0 0 28px rgba(102,247,255,.10)}
.scan-lines:before,.scan-lines:after{content:"";position:absolute;inset:11px;border-radius:14px;border:1px solid rgba(102,247,255,.36);animation:scanBox 1.2s ease-in-out infinite}
.scan-lines:after{inset:20px;animation-delay:.18s;border-color:rgba(255,214,107,.24)}
@keyframes scanBox{0%,100%{transform:scale(.9);opacity:.36}50%{transform:scale(1.08);opacity:1}}
.result-enter{animation:resultEnter .34s cubic-bezier(.2,.75,.2,1) both}
@keyframes resultEnter{from{opacity:0;transform:translateY(10px) scale(.985);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}

.org-card{grid-column:1;align-self:start}
.messages-card{grid-column:2;grid-row:1 / span 2}
.org-preview{display:flex;align-items:center;gap:12px;margin:12px 0 16px;padding:12px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.075)}
.org-logo{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(102,247,255,.11),rgba(255,214,107,.10));border:1px solid rgba(255,255,255,.12);font-size:13px;font-weight:950;letter-spacing:.12em;color:var(--soft)}
.org-logo img{width:100%;height:100%;object-fit:cover}
.file-input.disabled{opacity:.52;cursor:not-allowed}.file-input.disabled input{pointer-events:none}

.badge-reward-card{text-align:center;overflow:hidden;min-height:390px;display:grid;place-items:center;padding:34px!important}
.badge-reward-card .reward-halo{position:absolute;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle,rgba(102,247,255,.28),transparent 68%);animation:rewardHalo 1.6s ease-in-out infinite;z-index:0}.badge-reward-card.gold .reward-halo{background:radial-gradient(circle,rgba(255,214,107,.34),transparent 68%)}
.badge-reward-icon{position:relative;z-index:1;display:grid;place-items:center;width:94px;height:94px;border-radius:34px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);box-shadow:0 24px 72px rgba(0,0,0,.42);animation:rewardPop .52s cubic-bezier(.18,.9,.2,1.25) both}.badge-reward-icon .badge-premium{width:46px;height:46px;min-width:46px}.badge-reward-icon .badge-premium span{font-size:24px}
@keyframes rewardHalo{0%,100%{transform:scale(.9);opacity:.42}50%{transform:scale(1.12);opacity:.82}}
@keyframes rewardPop{0%{opacity:0;transform:translateY(18px) scale(.58) rotate(-18deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}}

.transfer-cinema{overflow:hidden;text-align:center}.transfer-route{height:64px;display:flex;align-items:center;justify-content:space-between;position:relative;margin:4px 0 14px}.transfer-route:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(102,247,255,.45),rgba(255,214,107,.45),transparent);box-shadow:0 0 26px rgba(102,247,255,.20);animation:routeGlow 1.4s ease-in-out infinite}.transfer-route span{width:16px;height:16px;border-radius:999px;background:var(--cyan);box-shadow:0 0 22px rgba(102,247,255,.42);position:relative;z-index:1}.transfer-route span:nth-child(2){background:var(--gold);animation:nodeTravel 1.45s ease-in-out infinite}.transfer-route span:nth-child(3){background:var(--green)}
.success-chip{border-color:rgba(66,255,180,.22)!important;background:linear-gradient(180deg,rgba(66,255,180,.08),rgba(255,255,255,.025))!important}
@keyframes routeGlow{0%,100%{opacity:.42}50%{opacity:1}}@keyframes nodeTravel{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.22)}}
.hmx-prepared-card{text-align:center;overflow:hidden}.hmx-route{margin-top:18px}.hmx-route span:nth-child(1){background:#66f7ff}.hmx-route span:nth-child(2){background:#a46bff}.hmx-route span:nth-child(3){background:#ffd66b}

.nav-btn{will-change:transform}.nav-btn.active .nav-ico{box-shadow:0 0 20px rgba(102,247,255,.16)}
.card,.post-card,.dm-bubble,.dm-transfer{animation-duration:.30s;animation-timing-function:cubic-bezier(.2,.75,.2,1)}

@media (max-width:1080px){.messages-card,.org-card{grid-column:auto;grid-row:auto}.profile-grid{grid-template-columns:1fr}.search-scanner{min-height:96px}.org-preview{align-items:flex-start}}
@media (max-width:860px){.background-shell:before{opacity:.38;animation:none}.badge-premium{width:18px;height:18px;min-width:18px}.badge-premium span{font-size:10px}.search-scanner{gap:12px}.scan-lines{width:50px;height:50px;border-radius:17px}.badge-reward-card{min-height:320px}.badge-reward-icon{width:78px;height:78px;border-radius:27px}.transfer-route{height:52px}.org-logo{width:52px;height:52px;border-radius:17px}}
@media (prefers-reduced-motion:reduce){.background-shell:before,.scan-lines:before,.scan-lines:after,.reward-halo,.badge-reward-icon,.transfer-route:before,.transfer-route span:nth-child(2){animation:none!important}}

/* RESTORED STABLE UX NAVIGATION + premium animation polish
   Keeps the previous bottom dock logic and only improves motion/readability. */
.app-shell.ux-clean-shell{
  padding-bottom:calc(112px + var(--safe-bottom));
}
.sidebar.bottom-dock{
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:calc(18px + var(--safe-bottom))!important;
  transform:translateX(-50%)!important;
  width:min(1080px,calc(100vw - 36px))!important;
  height:76px!important;
  padding:9px 10px!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  gap:10px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  z-index:80!important;
  background:linear-gradient(180deg,rgba(7,8,13,.91),rgba(3,4,7,.86))!important;
  border:1px solid rgba(255,255,255,.105)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.56), inset 0 1px 0 rgba(255,255,255,.055)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
}
.sidebar.bottom-dock:after{
  background:linear-gradient(90deg,rgba(102,247,255,.055),transparent 28%,rgba(255,214,107,.045) 72%,rgba(164,107,255,.04));
}
.sidebar.bottom-dock .side-brand,
.sidebar.bottom-dock .profile-mini,
.sidebar.bottom-dock .side-footer{display:none!important}
.sidebar.bottom-dock .nav{
  grid-column:1 / -1;
  width:100%;
  height:100%;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:8px;
  overflow:visible!important;
  padding:0!important;
}
.sidebar.bottom-dock .nav-btn{
  min-height:56px;
  height:56px;
  justify-content:center;
  flex-direction:column;
  gap:4px;
  padding:7px 6px;
  border-radius:20px;
  text-align:center;
  transform:none!important;
  transition:transform .22s cubic-bezier(.2,.75,.2,1), border-color .22s ease, background .22s ease, box-shadow .22s ease;
}
.sidebar.bottom-dock .nav-btn:hover,
.sidebar.bottom-dock .nav-btn.active{
  transform:translateY(-3px)!important;
  border-color:rgba(102,247,255,.26);
  background:linear-gradient(180deg,rgba(102,247,255,.10),rgba(255,255,255,.035));
  box-shadow:0 14px 32px rgba(0,0,0,.26),0 0 24px rgba(102,247,255,.10);
}
.sidebar.bottom-dock .nav-btn.active:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:5px;
  width:22px;
  height:2px;
  border-radius:99px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,var(--cyan),var(--gold));
  box-shadow:0 0 14px rgba(102,247,255,.38);
}
.sidebar.bottom-dock .nav-ico{
  width:27px;
  height:27px;
  min-width:27px;
  border-radius:11px;
  font-size:13px;
  transition:transform .22s ease, box-shadow .22s ease;
}
.sidebar.bottom-dock .nav-btn:hover .nav-ico,
.sidebar.bottom-dock .nav-btn.active .nav-ico{transform:translateY(-1px) scale(1.04)}
.sidebar.bottom-dock .nav-label{
  max-width:112px;
  font-size:10.5px;
  line-height:1.1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.main{padding-bottom:0!important}

/* More real motion while keeping performance light. */
.content.page-transition{animation:hmPageSlide .34s cubic-bezier(.2,.75,.2,1) both}
@keyframes hmPageSlide{from{opacity:.0;transform:translateY(12px) scale(.992);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
.card,.post-card,.friend-result,.market-card,.hmx-card,.profile-card{animation:hmCardReveal .34s cubic-bezier(.2,.75,.2,1) both}
@keyframes hmCardReveal{from{opacity:0;transform:translateY(14px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
.card:hover,.post-card:hover,.market-card:hover{
  border-color:rgba(102,247,255,.16);
  box-shadow:0 22px 70px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.06),0 0 34px rgba(102,247,255,.055);
}
.btn,.nav-btn,.dialog-item,.input,.textarea{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease,opacity .18s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(0,0,0,.24),0 0 22px rgba(102,247,255,.08)}
.input:focus,.textarea:focus{box-shadow:0 0 0 3px rgba(102,247,255,.08),0 0 24px rgba(102,247,255,.08)}
.post-removing{animation:hmPostDelete .24s ease both!important;pointer-events:none}
@keyframes hmPostDelete{to{opacity:0;transform:translateX(16px) scale(.985);filter:blur(8px)}}
.dm-bubble{animation:hmMessageIn .25s cubic-bezier(.2,.75,.2,1) both}
@keyframes hmMessageIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}

/* Premium, readable ETH transfer card inside Messenger. */
.dm-transfer{
  position:relative;
  overflow:hidden;
  max-width:min(420px,90%);
  padding:13px 14px 12px;
  border-radius:22px;
  background:
    radial-gradient(circle at 18% 0%,rgba(66,255,180,.18),transparent 34%),
    radial-gradient(circle at 86% 12%,rgba(255,214,107,.16),transparent 38%),
    linear-gradient(145deg,rgba(10,30,24,.82),rgba(43,33,10,.72));
  border:1px solid rgba(255,214,107,.42);
  box-shadow:0 18px 48px rgba(0,0,0,.34),0 0 34px rgba(255,214,107,.075),inset 0 1px 0 rgba(255,255,255,.08);
  animation:hmTransferIn .36s cubic-bezier(.18,.88,.24,1.05) both;
}
.dm-transfer.mine{align-self:flex-end;border-top-right-radius:8px}
.dm-transfer.theirs{align-self:flex-start;border-top-left-radius:8px}
.transfer-card-glow{position:absolute;inset:-45%;background:conic-gradient(from 180deg,transparent,rgba(102,247,255,.08),transparent,rgba(255,214,107,.10),transparent);animation:hmTransferSpin 8s linear infinite;opacity:.85;pointer-events:none}
.transfer-headline,.transfer-amount-row,.transfer-details,.transfer-time,.transfer-route-mini{position:relative;z-index:1}
.transfer-headline{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin-bottom:10px}
.transfer-token-mark{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;font-weight:950;color:#111;background:radial-gradient(circle at 33% 20%,#fff7c7,#ffd66b 44%,#ce891d);box-shadow:0 0 26px rgba(255,214,107,.28)}
.transfer-title{font-weight:950;color:#fff;letter-spacing:-.035em;line-height:1.1}
.transfer-subtitle{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:rgba(224,236,255,.62);margin-top:2px}
.transfer-status{font-size:10px;color:var(--green);border:1px solid rgba(66,255,180,.32);border-radius:999px;padding:5px 8px;background:rgba(66,255,180,.08);font-weight:900;white-space:nowrap}
.transfer-amount-row{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:10px 0 8px;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
.transfer-amount-row span{color:rgba(224,236,255,.66);font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.transfer-amount-row strong{color:#ffe9a8;font-size:22px;letter-spacing:-.045em;text-shadow:0 0 24px rgba(255,214,107,.28)}
.transfer-route-mini{height:18px;margin:8px 0;display:flex;align-items:center;gap:7px}.transfer-route-mini i{width:7px;height:7px;border-radius:99px;background:var(--cyan);box-shadow:0 0 14px rgba(102,247,255,.45)}.transfer-route-mini i:last-child{background:var(--green);box-shadow:0 0 14px rgba(66,255,180,.45)}.transfer-route-mini b{height:2px;flex:1;border-radius:99px;background:linear-gradient(90deg,rgba(102,247,255,.20),rgba(255,214,107,.70),rgba(66,255,180,.22));position:relative;overflow:hidden}.transfer-route-mini b:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#fff,transparent);animation:hmRouteSweep 1.25s ease-in-out infinite;opacity:.55}
.transfer-details{display:grid;gap:6px}.transfer-details div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:rgba(224,236,255,.62)}.transfer-details span{text-transform:uppercase;letter-spacing:.12em;font-weight:900}.transfer-copy{border:0;background:rgba(255,255,255,.055);padding:5px 8px;border-radius:10px;color:#eaf0ff;margin:0}
.transfer-time{margin-top:9px;font-size:10px;color:rgba(230,237,255,.52)}
@keyframes hmTransferIn{from{opacity:0;transform:translateY(12px) scale(.965);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes hmTransferSpin{to{transform:rotate(360deg)}}
@keyframes hmRouteSweep{from{transform:translateX(-100%)}to{transform:translateX(100%)}}

/* Success animation: movement of value, not just a color change. */
.transfer-success-premium{position:relative;overflow:hidden;isolation:isolate}
.transfer-success-premium:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 50% 28%,rgba(102,247,255,.18),transparent 35%),radial-gradient(circle at 55% 62%,rgba(255,214,107,.15),transparent 38%);animation:hmSuccessBreath 1.8s ease-in-out infinite;z-index:-1}
.tx-pulse-premium{animation:hmTokenUnlock .75s cubic-bezier(.18,.88,.25,1.22) both,txPulse 1.6s ease-in-out .75s infinite}
.transfer-success-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(520px,100%)}
.tx-hash-pill{padding:9px 12px;border-radius:14px;background:rgba(102,247,255,.07);border:1px solid rgba(102,247,255,.16);color:#fff}
.success-stars{position:absolute;inset:0;pointer-events:none}.success-stars i{position:absolute;width:6px;height:6px;border-radius:99px;background:var(--gold);box-shadow:0 0 18px rgba(255,214,107,.65);animation:hmStarFly 1.7s ease-in-out infinite}.success-stars i:nth-child(1){left:18%;top:24%;animation-delay:.05s}.success-stars i:nth-child(2){right:18%;top:30%;animation-delay:.22s}.success-stars i:nth-child(3){left:28%;bottom:22%;animation-delay:.38s}.success-stars i:nth-child(4){right:30%;bottom:19%;animation-delay:.52s}
@keyframes hmSuccessBreath{0%,100%{transform:scale(.96);opacity:.58}50%{transform:scale(1.04);opacity:1}}
@keyframes hmTokenUnlock{0%{opacity:0;transform:translateY(18px) scale(.55) rotate(-24deg)}70%{opacity:1;transform:translateY(-3px) scale(1.08) rotate(4deg)}100%{transform:translateY(0) scale(1) rotate(0)}}
@keyframes hmStarFly{0%,100%{transform:translateY(10px) scale(.55);opacity:0}45%{transform:translateY(-8px) scale(1);opacity:1}}

/* Subtle cyber depth without changing UX. */
.background-shell .grid-floor{animation:hmGridBreathe 12s ease-in-out infinite}
@keyframes hmGridBreathe{0%,100%{opacity:.30;filter:hue-rotate(0deg)}50%{opacity:.42;filter:hue-rotate(14deg)}}
.loading-pulse,.empty-state:before{animation:hmSoftPulse 1.4s ease-in-out infinite}
@keyframes hmSoftPulse{0%,100%{opacity:.55}50%{opacity:1}}

@media (max-width:860px){
  .app-shell.ux-clean-shell{padding-bottom:calc(86px + var(--safe-bottom))}
  .sidebar.bottom-dock{left:10px!important;right:10px!important;bottom:calc(10px + var(--safe-bottom))!important;transform:none!important;width:auto!important;height:68px!important;border-radius:24px!important;padding:8px!important}
  .sidebar.bottom-dock .nav{grid-auto-flow:column;grid-auto-columns:minmax(78px,1fr);grid-template-columns:none;overflow-x:auto!important;overflow-y:hidden!important;gap:6px;scrollbar-width:none}.sidebar.bottom-dock .nav::-webkit-scrollbar{display:none}
  .sidebar.bottom-dock .nav-btn{min-height:52px;height:52px;border-radius:18px;padding:7px 8px;transform:none!important}.sidebar.bottom-dock .nav-btn:hover,.sidebar.bottom-dock .nav-btn.active{transform:none!important}.sidebar.bottom-dock .nav-ico{width:24px;height:24px;min-width:24px;font-size:13px}.sidebar.bottom-dock .nav-label{font-size:10px;max-width:78px}
  .transfer-success-grid{grid-template-columns:1fr}.dm-transfer{max-width:94%;padding:12px}.transfer-amount-row strong{font-size:19px}.transfer-headline{grid-template-columns:auto 1fr}.transfer-status{grid-column:2;justify-self:start}.transfer-details div{align-items:flex-start;flex-direction:column;gap:4px}.background-shell .grid-floor{animation:none}
}
@media (max-width:430px){.sidebar.bottom-dock .nav{grid-auto-columns:minmax(62px,1fr);gap:4px}.sidebar.bottom-dock .nav-label{font-size:8.5px;max-width:56px}.sidebar.bottom-dock .nav-btn{padding:5px 3px}.dm-transfer{max-width:98%}}
@media (prefers-reduced-motion:reduce){
  .content.page-transition,.card,.post-card,.friend-result,.market-card,.hmx-card,.profile-card,.dm-bubble,.dm-transfer,.transfer-card-glow,.transfer-route-mini b:after,.transfer-success-premium:before,.tx-pulse-premium,.success-stars i,.background-shell .grid-floor{animation:none!important}
}


/* Organization account display — UI only, no data/wallet logic changes */
.identity-line{display:inline-flex;align-items:center;gap:7px;min-width:0;max-width:100%;flex-wrap:wrap;vertical-align:middle}
.identity-nick{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.org-identity{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:22px;padding:3px 8px 3px 4px;border-radius:999px;background:linear-gradient(135deg,rgba(255,214,107,.12),rgba(102,247,255,.07));border:1px solid rgba(255,214,107,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 18px rgba(255,214,107,.08);color:#ffe6a2;font-size:11px;font-weight:850;line-height:1;letter-spacing:.01em;white-space:nowrap;z-index:4}
.org-identity:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,214,107,.24),transparent);opacity:0;transition:opacity .2s ease;pointer-events:none}
.org-identity:hover:before,.org-identity:focus-visible:before{opacity:1}
.org-identity-logo{width:16px;height:16px;min-width:16px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,rgba(255,214,107,.28),rgba(102,247,255,.10));border:1px solid rgba(255,255,255,.14);font-size:7px;color:#fff1bd;font-weight:950;letter-spacing:.04em}
.org-identity-logo img{width:100%;height:100%;object-fit:cover;display:block}
.org-identity-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.org-hover-card{position:absolute;left:0;bottom:calc(100% + 10px);width:min(260px,calc(100vw - 30px));padding:12px 13px;border-radius:16px;background:rgba(9,11,20,.96);border:1px solid rgba(255,214,107,.26);box-shadow:0 20px 55px rgba(0,0,0,.45),0 0 32px rgba(255,214,107,.10);color:var(--text);opacity:0;transform:translateY(6px) scale(.98);pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:50;white-space:normal;text-align:left}
.org-hover-card:after{content:"";position:absolute;left:18px;bottom:-6px;width:12px;height:12px;transform:rotate(45deg);background:rgba(9,11,20,.96);border-right:1px solid rgba(255,214,107,.22);border-bottom:1px solid rgba(255,214,107,.22)}
.org-hover-card strong{display:block;color:#ffe6a2;font-size:12px;letter-spacing:.03em;text-transform:uppercase;margin-bottom:4px}
.org-hover-card small{display:block;color:var(--muted);font-size:12px;line-height:1.35}
.org-identity:hover .org-hover-card,.org-identity:focus-visible .org-hover-card{opacity:1;transform:translateY(0) scale(1)}
.mini-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.org-mini-avatar{background:radial-gradient(circle at 32% 20%,rgba(255,214,107,.38),rgba(102,247,255,.10) 48%,rgba(0,0,0,.25));border-color:rgba(255,214,107,.28);box-shadow:0 0 20px rgba(255,214,107,.12)}
.org-profile-info{display:flex;align-items:center;gap:12px;margin:12px 0;padding:12px;border-radius:18px;background:linear-gradient(135deg,rgba(255,214,107,.08),rgba(102,247,255,.045));border:1px solid rgba(255,214,107,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.org-profile-logo{width:54px;height:54px;min-width:54px;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,rgba(255,214,107,.22),rgba(102,247,255,.08));border:1px solid rgba(255,255,255,.13);color:#ffe6a2;font-size:11px;font-weight:950;letter-spacing:.08em}
.org-profile-logo img{width:100%;height:100%;object-fit:cover;display:block}
.org-profile-title{color:#fff3c4;font-weight:950;letter-spacing:-.02em}.org-profile-desc{color:var(--muted);font-size:13px;line-height:1.35;margin-top:2px}.org-verified-label{display:inline-flex;margin-top:7px;padding:5px 8px;border-radius:999px;background:rgba(255,214,107,.10);border:1px solid rgba(255,214,107,.22);color:#ffe6a2;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.dialog-item .identity-line{justify-content:flex-start;gap:5px}.dialog-item .org-identity{font-size:9.5px;padding-right:6px}.dialog-item .org-identity-name{max-width:80px}.profile-mini .org-identity-name{max-width:86px}.post-author .org-hover-card{left:-6px}.profile-title .org-identity{font-size:12px;padding:4px 10px 4px 5px}.profile-title .org-identity-logo{width:18px;height:18px;min-width:18px}
@media (max-width:860px){.org-identity-name{max-width:104px}.profile-title .identity-line{gap:6px}.profile-title .org-identity{font-size:10.5px;max-width:100%}.org-hover-card{left:auto;right:0}.org-hover-card:after{left:auto;right:18px}.org-profile-info{align-items:flex-start}.org-profile-logo{width:48px;height:48px;min-width:48px;border-radius:16px}}

/* === Targeted visual fix: social-style checkmarks + neon Messenger refresh === */
.verified-check{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  min-width:auto;
  height:auto;
  margin-left:5px;
  transform:translateY(-1px);
  font-size:15px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.08em;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  vertical-align:middle;
  flex:0 0 auto;
  text-shadow:0 0 10px currentColor,0 1px 0 rgba(0,0,0,.45);
}
.verified-check.blue{color:#35a8ff;filter:drop-shadow(0 0 7px rgba(53,168,255,.44))}
.verified-check.gold{color:#ffcc4d;filter:drop-shadow(0 0 8px rgba(255,204,77,.48))}
.verified-check.org-check{font-size:15px;margin-left:5px;color:#ffcc4d}
.profile-title .verified-check{font-size:18px;margin-left:7px;transform:translateY(-1px)}
.handle .verified-check,.post-author .verified-check,.dialog-item .verified-check,.friend-result .verified-check{font-size:14px;margin-left:4px}
.identity-line{display:inline-flex;align-items:center;gap:0;min-width:0;max-width:100%}.identity-nick{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.badge-reward-icon .verified-check{font-size:54px;margin:0;filter:drop-shadow(0 0 28px currentColor)}
.badge-reward-icon{background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.08),rgba(0,0,0,.18))!important;border-radius:34px!important}
.org-identity{border-radius:999px;background:rgba(255,204,77,.055)!important;border:1px solid rgba(255,204,77,.16)!important;box-shadow:none!important;margin-left:7px;backdrop-filter:blur(10px)}
.org-identity-logo{border-radius:50%!important;box-shadow:0 0 14px rgba(255,204,77,.18)}
.org-identity-name{color:#ffe7a6!important;font-weight:850}
.org-hover-card{border-color:rgba(255,204,77,.22)!important;background:rgba(4,8,16,.94)!important;box-shadow:0 20px 70px rgba(0,0,0,.45),0 0 30px rgba(255,204,77,.12)!important}
.org-hover-card strong{color:#ffcc4d!important}

/* Messenger: neon Web3/Future UI without changing logic. */
.messages-card{background:linear-gradient(180deg,rgba(9,13,28,.78),rgba(5,8,18,.72))!important;border-color:rgba(102,247,255,.11)!important;box-shadow:0 24px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.05)!important}
.dialog-layout{gap:14px!important}.dialog-list{gap:10px!important;padding:2px!important}
.dialog-item{position:relative;overflow:hidden;border-radius:18px!important;padding:11px 12px!important;background:linear-gradient(135deg,rgba(102,247,255,.045),rgba(164,107,255,.035))!important;border:1px solid rgba(102,247,255,.10)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important}
.dialog-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(102,247,255,.12),transparent);transform:translateX(-120%);transition:transform .45s ease;pointer-events:none}.dialog-item:hover:before,.dialog-item.active:before{transform:translateX(120%)}
.dialog-item:hover{transform:translateY(-1px);border-color:rgba(102,247,255,.24)!important;box-shadow:0 12px 34px rgba(0,0,0,.28),0 0 24px rgba(102,247,255,.055)}
.dialog-item.active{background:linear-gradient(135deg,rgba(102,247,255,.12),rgba(164,107,255,.08))!important;border-color:rgba(102,247,255,.34)!important;box-shadow:0 12px 38px rgba(0,0,0,.30),0 0 34px rgba(102,247,255,.12)}
.dialog-history{position:relative;isolation:isolate;border-radius:24px!important;padding:14px!important;gap:9px!important;background:radial-gradient(circle at 18% 0%,rgba(102,247,255,.075),transparent 32%),radial-gradient(circle at 88% 8%,rgba(164,107,255,.09),transparent 34%),rgba(2,5,14,.54)!important;border:1px solid rgba(102,247,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 56px rgba(0,0,0,.22)}
.dialog-history:before{content:"";position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(rgba(102,247,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(102,247,255,.035) 1px,transparent 1px);background-size:34px 34px;opacity:.35;mask-image:linear-gradient(to bottom,transparent,black 12%,black 88%,transparent);pointer-events:none;z-index:-1}
.dm-bubble{position:relative;max-width:min(74%,560px)!important;padding:9px 12px!important;border-radius:17px!important;border:1px solid rgba(102,247,255,.10)!important;background:rgba(255,255,255,.045)!important;box-shadow:0 10px 28px rgba(0,0,0,.20);animation:hmNeonMsgIn .24s cubic-bezier(.2,.75,.2,1) both!important;word-break:break-word;overflow-wrap:anywhere}.dm-bubble.mine{background:linear-gradient(135deg,rgba(102,247,255,.16),rgba(47,99,255,.08))!important;border-color:rgba(102,247,255,.23)!important}.dm-bubble.theirs{background:linear-gradient(135deg,rgba(164,107,255,.14),rgba(102,247,255,.045))!important;border-color:rgba(164,107,255,.20)!important}.dm-bubble span{opacity:.72}
.message-send{border-radius:22px;padding:12px;background:linear-gradient(135deg,rgba(102,247,255,.045),rgba(164,107,255,.035));border:1px solid rgba(102,247,255,.09)}
.message-send .textarea{min-height:68px!important;background:rgba(2,5,14,.46)!important;border-color:rgba(102,247,255,.13)!important}.message-send .textarea:focus{box-shadow:0 0 0 3px rgba(102,247,255,.08),0 0 24px rgba(102,247,255,.10)!important}.message-send .btn,.messages-card .btn{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.message-send .btn:hover,.messages-card .btn:hover{transform:translateY(-1px);box-shadow:0 0 28px rgba(102,247,255,.12)}
.typing-indicator{background:linear-gradient(135deg,rgba(102,247,255,.09),rgba(164,107,255,.06))!important;border-color:rgba(102,247,255,.16)!important;color:rgba(230,237,255,.72)!important;box-shadow:0 10px 28px rgba(0,0,0,.18)}

/* Full, responsive ETH transfer card: all transaction info visible. */
.dm-transfer{width:min(100%,560px)!important;max-width:min(92%,560px)!important;min-width:0!important;padding:14px!important;border-radius:22px!important;overflow:hidden!important;background:radial-gradient(circle at 12% 0%,rgba(66,255,180,.14),transparent 32%),radial-gradient(circle at 92% 8%,rgba(102,247,255,.15),transparent 36%),linear-gradient(145deg,rgba(4,20,25,.86),rgba(8,11,28,.82))!important;border:1px solid rgba(102,247,255,.28)!important;box-shadow:0 18px 52px rgba(0,0,0,.34),0 0 42px rgba(102,247,255,.08),inset 0 1px 0 rgba(255,255,255,.06)!important;animation:hmTransferIn .32s cubic-bezier(.18,.88,.24,1.05) both!important}
.dm-transfer.mine{align-self:flex-end;border-top-right-radius:9px!important}.dm-transfer.theirs{align-self:flex-start;border-top-left-radius:9px!important}.transfer-card-glow{background:conic-gradient(from 180deg,transparent,rgba(102,247,255,.13),transparent,rgba(164,107,255,.11),transparent)!important;opacity:.8!important}.transfer-token-mark{background:radial-gradient(circle at 35% 20%,#d9ffff,#66f7ff 48%,#2f63ff)!important;color:#03111a!important;border-radius:13px!important;box-shadow:0 0 26px rgba(102,247,255,.28)!important}.transfer-title{letter-spacing:-.025em}.transfer-status{color:#42ffb4!important;border-color:rgba(66,255,180,.34)!important;background:rgba(66,255,180,.08)!important}.transfer-amount-row{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:end!important;border-color:rgba(102,247,255,.11)!important}.transfer-amount-row strong{justify-self:end;color:#a8fff1!important;text-shadow:0 0 24px rgba(102,247,255,.25)!important;max-width:100%;overflow-wrap:anywhere;word-break:break-word;text-align:right}.transfer-route-mini b{background:linear-gradient(90deg,rgba(102,247,255,.20),rgba(164,107,255,.66),rgba(66,255,180,.32))!important}.transfer-details-full{display:grid!important;gap:8px!important;margin-top:8px!important}.transfer-detail-row{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;align-items:start!important;gap:10px!important}.transfer-detail-row span{padding-top:6px;color:rgba(224,236,255,.58);font-size:10px;text-transform:uppercase;letter-spacing:.13em;font-weight:950}.transfer-address{display:block;width:100%;min-width:0;text-align:left;border:1px solid rgba(102,247,255,.11);background:rgba(255,255,255,.045);color:#eaf0ff;border-radius:12px;padding:7px 9px;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:10.5px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;word-break:break-word;cursor:pointer}.transfer-address:hover{border-color:rgba(102,247,255,.25);background:rgba(102,247,255,.07)}.transfer-hash{color:#bdfcff}.transfer-time{color:rgba(230,237,255,.55)!important}
@keyframes hmNeonMsgIn{from{opacity:0;transform:translateY(7px) scale(.985);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}

@media (max-width:860px){
  .verified-check{font-size:14px}.profile-title .verified-check{font-size:17px}.dialog-history{padding:11px!important;border-radius:20px!important}.dm-bubble{max-width:88%!important}.dm-transfer{max-width:96%!important;width:96%!important;padding:12px!important}.transfer-headline{grid-template-columns:auto minmax(0,1fr)!important}.transfer-status{grid-column:2;justify-self:start;margin-top:4px}.transfer-amount-row{grid-template-columns:1fr!important}.transfer-amount-row strong{justify-self:start;text-align:left;font-size:19px!important}.transfer-detail-row{grid-template-columns:1fr!important;gap:4px!important}.transfer-detail-row span{padding-top:0}.transfer-address{font-size:10px;padding:7px 8px}.message-send{padding:10px}
}
@media (max-width:430px){
  .dm-transfer{max-width:100%!important;width:100%!important;border-radius:19px!important}.dm-bubble{max-width:92%!important}.transfer-token-mark{width:32px;height:32px;border-radius:12px}.transfer-title{font-size:14px}.transfer-subtitle{font-size:9px}.transfer-address{font-size:9.5px}.org-identity-name{max-width:76px!important}.identity-nick{max-width:150px}
}

/* HMX test buy flow: lightweight additions, no layout rewrite */
.hmx-transfer-preview{display:grid;gap:10px;margin:16px 0;padding:14px;border:1px solid rgba(102,247,255,.22);border-radius:18px;background:linear-gradient(135deg,rgba(102,247,255,.08),rgba(164,107,255,.055),rgba(255,255,255,.025));box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 14px 36px rgba(0,0,0,.25)}
.hmx-transfer-preview>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:start}
.hmx-transfer-preview span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(224,236,255,.58);font-weight:900;padding-top:4px}
.hmx-transfer-preview strong{min-width:0;color:#ecf7ff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:12px;line-height:1.38;overflow-wrap:anywhere;word-break:break-word}
.hmx-transfer-preview.success{border-color:rgba(66,255,180,.34);background:linear-gradient(135deg,rgba(66,255,180,.10),rgba(102,247,255,.06),rgba(255,214,107,.045))}
.break-anywhere{overflow-wrap:anywhere;word-break:break-word;white-space:normal}
.success-burst{animation:hmxSuccessPop .46s cubic-bezier(.18,.88,.25,1.18) both}
@keyframes hmxSuccessPop{from{opacity:0;transform:translateY(14px) scale(.96);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@media (max-width:520px){.hmx-transfer-preview>div{grid-template-columns:1fr}.hmx-transfer-preview span{padding-top:0}.hmx-transfer-preview strong{font-size:11px}.hmx-meta-row strong{max-width:128px;display:inline-block;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}}

/* Core-preserved visual fix: stable one-row bottom navigation, standalone profile, neon messenger */
@media (min-width:861px){
  .sidebar.bottom-dock{position:fixed!important;left:50%!important;right:auto!important;bottom:calc(18px + var(--safe-bottom))!important;top:auto!important;transform:translateX(-50%)!important;width:min(1160px,calc(100vw - 36px))!important;height:82px!important;padding:10px!important;display:block!important;z-index:90!important;border-radius:30px!important;overflow:hidden!important}
  .sidebar.bottom-dock .side-brand,.sidebar.bottom-dock .profile-mini,.sidebar.bottom-dock .side-footer{display:none!important}
  .sidebar.bottom-dock .nav{height:100%!important;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-auto-flow:unset!important;grid-auto-columns:unset!important;gap:8px!important;overflow:visible!important;padding:0!important}
  .sidebar.bottom-dock .nav-btn{min-width:0!important;height:62px!important;min-height:62px!important;display:flex!important;justify-content:center!important;align-items:center!important;flex-direction:column!important;gap:5px!important;padding:8px 5px!important;border-radius:21px!important;text-align:center!important;transform:none!important}
  .sidebar.bottom-dock .nav-btn:hover,.sidebar.bottom-dock .nav-btn.active{transform:translateY(-3px)!important}
  .sidebar.bottom-dock .nav-label{font-size:10.5px!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .sidebar.bottom-dock .nav-ico{width:30px!important;height:30px!important;min-width:30px!important}
  .app-shell{display:block!important;padding-bottom:calc(118px + var(--safe-bottom))!important}
  .main{width:min(1320px,100%)!important;margin:0 auto!important}
}
@media (max-width:860px){
  .sidebar.bottom-dock{height:74px!important;padding:7px!important;border-radius:24px!important;left:8px!important;right:8px!important;bottom:calc(8px + var(--safe-bottom))!important;width:auto!important;display:block!important;overflow:hidden!important}
  .sidebar.bottom-dock .side-brand,.sidebar.bottom-dock .profile-mini,.sidebar.bottom-dock .side-footer{display:none!important}
  .sidebar.bottom-dock .nav{height:100%!important;display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-auto-flow:unset!important;grid-auto-columns:unset!important;overflow:visible!important;gap:4px!important;padding:0!important}
  .sidebar.bottom-dock .nav-btn{min-width:0!important;height:60px!important;min-height:60px!important;padding:6px 2px!important;border-radius:17px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important}
  .sidebar.bottom-dock .nav-label{font-size:8.2px!important;line-height:1!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .sidebar.bottom-dock .nav-ico{width:25px!important;height:25px!important;min-width:25px!important;font-size:12px!important}
  .app-shell{padding-bottom:calc(96px + var(--safe-bottom))!important}
}
@media (max-width:380px){.sidebar.bottom-dock .nav-label{font-size:7.4px!important}.sidebar.bottom-dock .nav-ico{width:23px!important;height:23px!important;min-width:23px!important}.sidebar.bottom-dock .nav-btn{padding-left:1px!important;padding-right:1px!important}}

.profile-only-grid{grid-template-columns:1fr!important;max-width:980px;margin:0 auto}.profile-view-card{position:relative;overflow:hidden}.profile-cover{height:150px;margin:-16px -16px 18px;border-radius:22px;background:radial-gradient(circle at 18% 24%,rgba(102,247,255,.28),transparent 34%),radial-gradient(circle at 82% 12%,rgba(164,107,255,.24),transparent 38%),linear-gradient(135deg,rgba(8,15,30,.98),rgba(2,3,8,.92));border-bottom:1px solid rgba(102,247,255,.18)}.cyber-cover:after{content:"";display:block;height:100%;background-image:linear-gradient(rgba(102,247,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(102,247,255,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent)}.profile-actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.profile-view-card .profile-hero{margin-top:-88px;position:relative;z-index:2}.profile-view-card .profile-avatar.large{box-shadow:0 20px 60px rgba(0,0,0,.48),0 0 0 6px rgba(5,6,10,.86),0 0 36px rgba(102,247,255,.18)}

.messenger-screen{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:16px;min-height:620px}.messenger-list-card,.messenger-chat-card{min-height:620px}.messenger-contacts{max-height:520px;overflow:auto;padding-right:4px}.messenger-contact{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;text-align:left!important}.messenger-contact .contact-copy{display:grid;gap:4px;min-width:0}.messenger-contact small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messenger-contact em{font-style:normal;color:rgba(224,236,255,.48);font-size:10px}.messenger-chat-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(102,247,255,.10)}.messenger-back{display:none}.messenger-history{min-height:360px;max-height:470px;overflow:auto}.messenger-composer{margin-top:12px;padding:12px;border-radius:20px;background:rgba(255,255,255,.035);border:1px solid rgba(102,247,255,.10)}.messenger-composer #dmTarget{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.composer-actions{display:flex;gap:8px;flex-wrap:wrap}.hmx-action{background:linear-gradient(135deg,#dfffff,#66f7ff 34%,#7b61ff 70%,#ffd66b)!important;color:#020204!important}.messenger-empty{min-height:520px;display:grid;place-items:center;text-align:center}.messenger-empty span{display:block;margin-top:8px;color:var(--muted)}
.hmx-transfer-card .transfer-token-mark{font-size:10px!important;font-weight:950!important;letter-spacing:-.04em!important;background:linear-gradient(135deg,#eaffff,#66f7ff 48%,#806bff)!important}.hmx-transfer-card .transfer-amount-row strong{color:#dffcff!important}.dm-transfer{overflow:visible!important}.transfer-details-full,.transfer-detail-row,.transfer-address{min-width:0!important;max-width:100%!important}.transfer-address{white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important}.transfer-detail-row{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important}

@media (max-width:760px){
  .messenger-screen{display:block;min-height:auto}.messenger-list-card,.messenger-chat-card{min-height:auto}.messenger-screen.chat-open .messenger-list-card{display:none}.messenger-screen.list-open .messenger-chat-card{display:none}.messenger-back{display:inline-flex}.messenger-history{min-height:330px;max-height:58vh}.messenger-composer{position:relative}.composer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.composer-actions #sendDmBtn{grid-column:1/-1}.profile-view-card .profile-hero{display:grid;grid-template-columns:1fr;justify-items:start;margin-top:-76px}.profile-cover{height:130px}}

/* Final stability patch: mobile bottom dock, fixed messenger viewport, wider profile */
.sidebar.bottom-dock{
  position:fixed!important;
  z-index:9999!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-transform:translateX(-50%) translateZ(0)!important;
  transform:translateX(-50%) translateZ(0)!important;
  backface-visibility:hidden!important;
  will-change:transform!important;
}
.sidebar.bottom-dock .nav,
.sidebar.bottom-dock .nav-btn{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  -webkit-tap-highlight-color:transparent!important;
}
@media (max-width:860px){
  .sidebar.bottom-dock{
    left:8px!important;
    right:8px!important;
    width:auto!important;
    -webkit-transform:translateZ(0)!important;
    transform:translateZ(0)!important;
  }
  .sidebar.bottom-dock .nav{grid-template-columns:repeat(7,minmax(0,1fr))!important;overflow:visible!important}
}

.profile-only-grid{max-width:1240px!important;width:100%!important;margin:0 auto!important}
.profile-view-card{width:100%!important}
.profile-view-card .profile-hero{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:end!important;gap:20px!important}
.profile-view-card .wallet-chip{max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
@media (min-width:980px){.profile-view-card{padding:24px!important}.profile-cover{height:190px!important}.profile-view-card .profile-avatar.large{width:108px!important;height:108px!important;border-radius:30px!important}}
@media (max-width:720px){.profile-view-card .profile-hero{grid-template-columns:1fr!important;align-items:start!important;gap:12px!important}.profile-cover{height:126px!important}.profile-view-card .profile-avatar.large{width:72px!important;height:72px!important;border-radius:22px!important}}

.messenger-screen{height:calc(100dvh - 178px - var(--safe-bottom))!important;min-height:540px!important;max-height:760px!important;overflow:hidden!important;align-items:stretch!important}
.messenger-list-card,.messenger-chat-card{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
.messenger-contacts{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;overscroll-behavior:contain!important}
.messenger-chat-head{flex:0 0 auto!important}.messenger-composer{flex:0 0 auto!important}.messenger-history{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;padding-bottom:16px!important}.messenger-empty{min-height:0!important;height:100%!important}.dm-bubble,.dm-transfer{flex:0 0 auto!important}.dm-transfer{max-width:100%!important}.transfer-detail-row,.transfer-address{min-width:0!important;max-width:100%!important}
@media (max-width:860px){.messenger-screen{height:calc(100dvh - 142px - var(--safe-bottom))!important;min-height:430px!important;max-height:none!important}.messenger-screen.list-open .messenger-list-card{height:100%!important}.messenger-screen.chat-open .messenger-chat-card{height:100%!important}.messenger-history{padding-bottom:12px!important}.messenger-composer .textarea{min-height:64px!important;max-height:110px!important}}

.wallet-picker-card{max-width:520px!important}.wallet-choice-grid{display:grid;gap:10px;margin-top:12px}.wallet-choice{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;text-align:left;border:1px solid rgba(102,247,255,.14);background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(102,247,255,.045));color:#eef3ff;border-radius:18px;padding:12px 14px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.wallet-choice:hover{transform:translateY(-2px);border-color:rgba(102,247,255,.38);background:linear-gradient(135deg,rgba(102,247,255,.12),rgba(164,107,255,.08))}.wallet-choice-icon{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.09);font-size:20px}.wallet-choice-icon img{width:24px;height:24px;border-radius:8px}.wallet-choice strong{display:block;font-size:14px}.wallet-choice em{display:block;font-style:normal;color:var(--muted);font-size:11px;margin-top:2px}.wallet-empty{display:grid;gap:6px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);color:var(--soft)}
.country-chip{display:grid!important;grid-template-columns:auto auto minmax(0,1fr)!important}.country-flag{filter:saturate(1.1);font-size:16px;line-height:1}
.post-actions .like-btn{display:none!important}

/* Epic launch intro — lightweight, one-screen onboarding */
.intro-mode{min-height:100dvh;display:grid;place-items:center;padding:18px;overflow:hidden}
.intro-launch{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:radial-gradient(circle at 50% 34%,rgba(35,75,115,.45),transparent 28%),radial-gradient(circle at 70% 12%,rgba(255,204,92,.18),transparent 20%),linear-gradient(160deg,#010208,#040817 48%,#010103);overflow:hidden;transition:opacity .52s ease,transform .52s ease,filter .52s ease}
.intro-launch.intro-leaving{opacity:0;transform:scale(1.018);filter:blur(8px);pointer-events:none}
.intro-space{position:absolute;inset:0;display:grid;place-items:center;perspective:1100px;pointer-events:none}
.intro-starfield{position:absolute;inset:-20%;background-image:radial-gradient(circle,rgba(255,255,255,.58) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(102,247,255,.42) 0 1px,transparent 1.5px);background-size:82px 82px,127px 127px;animation:introStars 18s linear infinite;opacity:.42}
.intro-planet{position:relative;width:min(58vw,420px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 22%,#d9ffff 0 2%,#66f7ff 10%,#1457a0 32%,#051733 61%,#020510 100%);box-shadow:inset -34px -28px 70px rgba(0,0,0,.78),inset 20px 16px 54px rgba(255,255,255,.16),0 0 110px rgba(102,247,255,.20);transform:rotateX(58deg) rotateZ(-18deg);animation:introPlanet 7s ease-in-out infinite;opacity:.98}
.intro-globe-lines{position:absolute;inset:8%;border-radius:50%;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(circle,black 56%,transparent 70%)}
.intro-plane-orbit{position:absolute;inset:-18%;border-radius:50%;border:1px solid rgba(255,255,255,.16);animation:introOrbit 4.6s linear infinite;transform-style:preserve-3d}
.intro-plane{position:absolute;left:50%;top:-17px;display:grid;place-items:center;width:42px;height:42px;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(102,247,255,.8));color:#02030a;box-shadow:0 0 32px rgba(102,247,255,.65);transform:translateX(-50%) rotate(42deg);font-size:22px}
.intro-panel{position:relative;z-index:2;width:min(640px,calc(100vw - 28px));padding:28px;text-align:center;backdrop-filter:blur(24px);animation:introPanelIn .9s ease both .2s}
.intro-code{display:inline-flex;align-items:center;gap:10px;max-width:100%;padding:10px 13px;border-radius:999px;background:rgba(0,0,0,.36);border:1px solid rgba(102,247,255,.2);font:700 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#c9fbff;box-shadow:0 0 34px rgba(102,247,255,.08);overflow:hidden}
.intro-code span{display:inline-block;white-space:nowrap;overflow:hidden;width:0;animation:introTyping 2.4s steps(44,end) .6s forwards}.intro-code i{width:8px;height:16px;background:#66f7ff;display:inline-block;animation:introCaret .7s steps(1) infinite}
.intro-steps{display:grid;gap:9px;margin:23px auto 18px;max-width:560px;text-align:left}.intro-steps div{position:relative;padding:11px 14px 11px 42px;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(102,247,255,.035));border:1px solid rgba(255,255,255,.09);color:#e8f3ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);opacity:0;transform:translateY(12px);animation:introStep .55s ease forwards}.intro-steps div:before{content:'•';position:absolute;left:17px;top:10px;color:#66f7ff;text-shadow:0 0 18px rgba(102,247,255,.85);font-size:22px;line-height:1}.intro-steps div:nth-child(1){animation-delay:2.3s}.intro-steps div:nth-child(2){animation-delay:2.55s}.intro-steps div:nth-child(3){animation-delay:2.8s}.intro-steps div:nth-child(4){animation-delay:3.05s}
.intro-panel h1{font-size:clamp(36px,6vw,72px);line-height:.9;margin:18px 0 8px;letter-spacing:-.06em;background:linear-gradient(90deg,#fff,#66f7ff 42%,#ffd66b 78%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 34px rgba(102,247,255,.12);opacity:0;transform:translateY(12px);animation:introStep .6s ease forwards 3.45s}.intro-panel p{color:var(--muted);margin:0 0 20px;opacity:0;animation:introFade .7s ease forwards 3.72s}.intro-enter{opacity:0;transform:translateY(14px) scale(.98);animation:introButton .65s cubic-bezier(.2,.9,.2,1) forwards 4.05s;min-width:min(310px,100%)}
@keyframes introStars{to{transform:translate3d(-82px,82px,0)}}@keyframes introOrbit{to{transform:rotateZ(360deg)}}@keyframes introPlanet{0%,100%{filter:saturate(1.05);transform:rotateX(58deg) rotateZ(-18deg) translateY(0)}50%{filter:saturate(1.22);transform:rotateX(58deg) rotateZ(-18deg) translateY(-10px)}}@keyframes introPanelIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes introTyping{to{width:min(390px,70vw)}}@keyframes introCaret{50%{opacity:0}}@keyframes introStep{to{opacity:1;transform:none}}@keyframes introFade{to{opacity:1}}@keyframes introButton{to{opacity:1;transform:none}}
@media(max-width:640px){.intro-panel{padding:18px;border-radius:24px}.intro-planet{width:82vw}.intro-code{font-size:10px}.intro-steps div{font-size:13px;padding:10px 11px 10px 36px}.intro-enter{min-width:100%}}
@media(prefers-reduced-motion:reduce){.intro-starfield,.intro-planet,.intro-plane-orbit,.intro-code span,.intro-code i,.intro-steps div,.intro-panel,.intro-panel h1,.intro-panel p,.intro-enter{animation:none!important;opacity:1!important;transform:none!important}.intro-code span{width:auto}}

/* HMX manual presale notice */
.hmx-distribution-note{line-height:1.55;color:rgba(224,236,255,.78);background:rgba(102,247,255,.055);border:1px solid rgba(102,247,255,.13);border-radius:16px;padding:11px 12px;margin-top:10px}

/* Final messenger stability and clean scrollbars */
.messenger-screen{overflow:hidden!important;contain:layout paint!important}.messenger-list-card,.messenger-chat-card{overflow:hidden!important;min-width:0!important}.messenger-contacts,.messenger-history{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.messenger-contacts::-webkit-scrollbar,.messenger-history::-webkit-scrollbar,.dialog-history::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.dialog-history{overflow-x:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.messenger-contact{cursor:pointer;touch-action:manipulation}.messenger-contact *{pointer-events:none}.messenger-chat-card{min-width:0!important}.messenger-history{min-width:0!important}.dm-bubble,.dm-transfer{min-width:0!important}.dm-transfer{width:min(100%,680px)!important}.transfer-detail-row{min-width:0!important}.transfer-address{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important;text-align:left!important}
@media(max-width:760px){.messenger-screen.chat-open{display:block!important}.messenger-screen.list-open{display:block!important}.messenger-screen.chat-open .messenger-chat-card{display:flex!important}.messenger-screen.chat-open .messenger-list-card{display:none!important}.messenger-screen.list-open .messenger-list-card{display:flex!important}.messenger-screen.list-open .messenger-chat-card{display:none!important}.messenger-history{height:auto!important;max-height:none!important}.messenger-chat-card{height:100%!important}.composer-actions{grid-template-columns:1fr 1fr!important}.composer-actions #sendDmBtn{grid-column:1/-1!important}}

/* Final polish: token logos, mobile balances, validator, donation modal, verified directory */
.transfer-token-mark{overflow:hidden!important;background:rgba(3,8,18,.72)!important;border:1px solid rgba(102,247,255,.22)!important;box-shadow:0 0 26px rgba(102,247,255,.18)!important}
.transfer-token-mark .token-logo-mini{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block;filter:saturate(1.12) contrast(1.04)}
.hmx-transfer-card .transfer-token-mark{border-color:rgba(255,214,107,.26)!important;box-shadow:0 0 28px rgba(255,214,107,.18)!important}
.token-pulse{padding:0!important;overflow:hidden!important;background:rgba(5,10,22,.9)!important;border:1px solid rgba(102,247,255,.25)!important}
.token-logo-pulse{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}

.balance-pill strong{font-variant-numeric:tabular-nums;white-space:nowrap!important}.top-actions.compact-actions{max-width:none!important;min-width:0}.topbar.compact-topbar{overflow:visible!important}.balance-pill{flex-shrink:0!important}
@media(max-width:860px){
  .topbar.compact-topbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;align-items:start!important}
  .top-actions.compact-actions{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;gap:6px!important;margin-left:0!important;justify-content:stretch!important;overflow:visible!important}
  .balance-pill{min-width:0!important;width:100%!important;justify-content:center!important;padding:6px 5px!important;gap:4px!important}
  .balance-pill span{display:none!important}.balance-pill strong{font-size:10px!important;line-height:1.1!important;letter-spacing:-.02em!important;overflow:visible!important;text-overflow:clip!important}
  .wallet-status{justify-self:end!important;max-width:94px!important;min-width:0!important}.wallet-mini{max-width:66px!important}
}
@media(max-width:390px){.balance-pill strong{font-size:9px!important}.top-actions.compact-actions{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) auto!important;gap:4px!important}.wallet-status{max-width:78px!important}}

.donation-flow-active{backdrop-filter:blur(16px) saturate(1.25)}
.donation-currency-card,.donation-amount-card{position:relative;overflow:hidden;transform-origin:center;animation:donationReveal .34s cubic-bezier(.2,.8,.2,1) both}.donation-blur-orb{position:absolute;inset:auto -80px -120px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(102,247,255,.22),transparent 64%);filter:blur(4px);pointer-events:none}.donation-currency-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.donation-currency-option{min-height:150px;border:1px solid rgba(102,247,255,.16);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));display:grid;place-items:center;gap:8px;color:#fff;text-align:center;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.donation-currency-option:hover{transform:translateY(-3px);border-color:rgba(102,247,255,.42);box-shadow:0 18px 48px rgba(0,0,0,.35),0 0 32px rgba(102,247,255,.10)}.donation-currency-option.hmx:hover{border-color:rgba(255,214,107,.42);box-shadow:0 18px 48px rgba(0,0,0,.35),0 0 32px rgba(255,214,107,.12)}.donation-token-logo{width:58px;height:58px;border-radius:18px;object-fit:cover;box-shadow:0 0 28px rgba(102,247,255,.18)}.donation-token-logo.small{width:44px;height:44px;border-radius:14px}.donation-currency-option span{font-size:12px;color:var(--muted)}.donation-screen-shake{animation:screenJolt .32s ease both}.selected-shake{animation:choicePulse .32s ease both}@keyframes donationReveal{from{opacity:0;transform:scale(.96) translateY(10px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes screenJolt{0%,100%{transform:none}22%{transform:translateX(-5px) rotate(-.4deg)}54%{transform:translateX(5px) rotate(.4deg)}78%{transform:translateX(-2px)}}@keyframes choicePulse{50%{transform:scale(1.04);filter:brightness(1.25)}}
@media(max-width:560px){.donation-currency-grid{grid-template-columns:1fr}.donation-currency-option{min-height:118px}}

.validator-terminal{position:relative;overflow:hidden;min-height:520px;background:radial-gradient(circle at 30% 0%,rgba(102,247,255,.16),transparent 38%),radial-gradient(circle at 85% 18%,rgba(255,214,107,.10),transparent 42%),linear-gradient(180deg,rgba(3,9,20,.96),rgba(1,2,7,.96))!important;border-color:rgba(102,247,255,.18)!important}.validator-terminal:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(102,247,255,.055) 1px,transparent 1px);background-size:100% 8px;opacity:.35;pointer-events:none;mix-blend-mode:screen}.terminal-head{display:flex;align-items:center;gap:8px;color:#dffcff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:22px}.terminal-head span{width:10px;height:10px;border-radius:50%;background:#66f7ff;box-shadow:0 0 16px rgba(102,247,255,.55)}.terminal-head span:nth-child(2){background:#ffd66b;box-shadow:0 0 16px rgba(255,214,107,.45)}.terminal-head span:nth-child(3){background:#42ffb4;box-shadow:0 0 16px rgba(66,255,180,.45)}.validator-code{white-space:pre-wrap;line-height:1.8;font-size:clamp(13px,1.6vw,18px);padding:22px;border-radius:22px;border:1px solid rgba(102,247,255,.15);background:rgba(0,0,0,.28);color:#bffaff;text-shadow:0 0 12px rgba(102,247,255,.16);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.validator-balance-label{margin-top:24px;color:var(--muted);letter-spacing:.18em;text-transform:uppercase;font-size:11px}.validator-balance{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(42px,8vw,96px);font-weight:950;letter-spacing:-.06em;line-height:1;color:#fff;text-shadow:0 0 28px rgba(102,247,255,.24)}.validator-balance span{font-size:.22em;letter-spacing:.12em;margin-left:10px;color:#ffd66b}.validator-status{margin-top:20px;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.10);display:grid;gap:8px;background:rgba(255,255,255,.04)}.validator-status code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff}.validator-status.valid{border-color:rgba(66,255,180,.32);box-shadow:0 0 42px rgba(66,255,180,.08)}.validator-status.valid code{color:#42ffb4}.validator-status.locked{border-color:rgba(255,214,107,.26)}.validator-status.locked code{color:#ffd66b}.validator-orbit{position:absolute;right:22px;top:26px;width:130px;height:130px;border:1px solid rgba(102,247,255,.12);border-radius:50%;animation:validatorOrbit 11s linear infinite;opacity:.8}.validator-orbit span{position:absolute;width:10px;height:10px;border-radius:50%;background:#66f7ff;box-shadow:0 0 18px #66f7ff}.validator-orbit span:nth-child(1){left:50%;top:-5px}.validator-orbit span:nth-child(2){right:8px;bottom:18px;background:#ffd66b;box-shadow:0 0 18px #ffd66b}.validator-orbit span:nth-child(3){left:10px;bottom:22px;background:#42ffb4;box-shadow:0 0 18px #42ffb4}@keyframes validatorOrbit{to{transform:rotate(360deg)}}
@media(max-width:700px){.validator-terminal{min-height:auto}.validator-orbit{display:none}.validator-code{padding:16px}.validator-balance{font-size:44px}}

.friend-results .friend-result:nth-child(-n+8){animation:uxFadeIn .26s ease both}.hmx-sum{border-color:rgba(255,214,107,.18)!important;color:#ffe7a1!important}.single-donate-row{grid-template-columns:1fr!important}.donate-main-btn{width:100%}

/* Final restore: keep current functionality, restore Validator-Donations-Mobile-Fix colors, upgrade only intro + utility fixes */
.validator-code.typing-live::after{
  content:'▌';
  color:#66f7ff;
  margin-left:2px;
  animation:validatorCursor .78s steps(2,end) infinite;
}
@keyframes validatorCursor{50%{opacity:0}}
.validator-code{min-height:185px}
.balance-pill strong[data-balance]{font-variant-numeric:tabular-nums;display:inline-block;min-width:max-content;white-space:nowrap!important}
@media(max-width:760px){
  .top-actions.compact-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;align-items:stretch!important;width:100%!important}
  .balance-pill{overflow:visible!important;white-space:nowrap!important;min-width:0!important}
  .balance-pill strong[data-balance]{font-size:10px!important;letter-spacing:-.03em!important;transform:translateZ(0)}
  .balance-pill strong[data-balance="eth"]{min-width:88px!important;text-align:center!important}
  .balance-pill strong[data-balance="hmx"]{min-width:70px!important;text-align:center!important}
  .validator-code{min-height:150px;font-size:12px!important;line-height:1.65!important}
}

/* Premium intro only: expensive cosmic onboarding without changing app colors/buttons */
.intro-launch{
  background:
    radial-gradient(circle at 50% 45%,rgba(26,95,155,.50),transparent 24%),
    radial-gradient(circle at 18% 15%,rgba(102,247,255,.18),transparent 26%),
    radial-gradient(circle at 82% 17%,rgba(255,214,107,.16),transparent 24%),
    linear-gradient(160deg,#00020a,#030816 44%,#03010a 100%)!important;
}
.intro-launch:before{content:"";position:absolute;inset:-20%;background-image:radial-gradient(circle,rgba(255,255,255,.92) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(102,247,255,.65) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(255,214,107,.75) 0 1px,transparent 1.5px);background-size:58px 58px,97px 97px,153px 153px;opacity:.42;animation:introStars 13s linear infinite;filter:drop-shadow(0 0 8px rgba(102,247,255,.3))}
.intro-launch:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 80%,rgba(102,247,255,.12),transparent 42%),linear-gradient(90deg,transparent,rgba(102,247,255,.035),transparent);pointer-events:none;animation:introNebula 7s ease-in-out infinite alternate}
.intro-planet{width:min(64vw,520px)!important;background:
  radial-gradient(circle at 31% 24%,rgba(255,255,255,.95) 0 2.2%,rgba(170,250,255,.95) 5%,transparent 13%),
  radial-gradient(circle at 36% 36%,rgba(49,218,161,.72) 0 7%,transparent 14%),
  radial-gradient(circle at 57% 55%,rgba(20,156,117,.62) 0 6%,transparent 13%),
  radial-gradient(circle at 38% 61%,rgba(210,187,105,.52) 0 5%,transparent 11%),
  radial-gradient(circle at 56% 26%,rgba(61,150,255,.82),rgba(6,49,114,.96) 39%,rgba(0,8,25,.98) 72%,#000 100%)!important;
  box-shadow:inset -52px -42px 92px rgba(0,0,0,.86),inset 24px 18px 56px rgba(255,255,255,.18),0 0 0 1px rgba(102,247,255,.18),0 0 150px rgba(102,247,255,.26)!important;
}
.intro-planet:before{content:"";position:absolute;inset:-6%;border-radius:50%;background:radial-gradient(circle,rgba(102,247,255,.20),transparent 62%);filter:blur(16px);z-index:-1;animation:introAura 4s ease-in-out infinite alternate}.intro-planet:after{content:"";position:absolute;inset:13% -10%;border-radius:50%;border:1px solid rgba(210,245,255,.22);transform:rotate(-17deg);filter:blur(.2px)}
.intro-plane-orbit{border-color:rgba(255,255,255,.20)!important;box-shadow:0 0 30px rgba(102,247,255,.08)}.intro-plane-orbit.orbit-a{animation-duration:4.4s}.intro-plane-orbit.orbit-b{inset:-30%;animation-duration:7s;animation-direction:reverse;transform:rotateX(65deg)}.intro-plane-orbit.orbit-c{inset:-8%;animation-duration:5.7s;transform:rotateX(38deg) rotateZ(42deg)}
.intro-plane{background:linear-gradient(135deg,#fff,#bdf7ff 55%,#66f7ff)!important;color:#02040b!important}.intro-plane.plane-b{width:34px;height:34px;top:18%;left:90%;font-size:18px;box-shadow:0 0 26px rgba(255,214,107,.5);background:linear-gradient(135deg,#fff,#ffe39a)!important}.intro-plane.plane-c{width:30px;height:30px;top:74%;left:8%;font-size:16px;box-shadow:0 0 26px rgba(164,107,255,.55);background:linear-gradient(135deg,#fff,#c3afff)!important}
.intro-panel{background:linear-gradient(145deg,rgba(4,10,22,.66),rgba(255,255,255,.06))!important;border:1px solid rgba(142,226,255,.22)!important;box-shadow:0 26px 90px rgba(0,0,0,.52),0 0 90px rgba(102,247,255,.13),inset 0 1px 0 rgba(255,255,255,.12)!important}.intro-panel h1{filter:drop-shadow(0 0 28px rgba(102,247,255,.24))}.intro-enter{background:linear-gradient(135deg,rgba(102,247,255,.72),rgba(255,255,255,.22) 45%,rgba(255,214,107,.62))!important;color:#031018!important;border-color:rgba(255,255,255,.58)!important}
@keyframes introNebula{from{filter:hue-rotate(0deg) saturate(1)}to{filter:hue-rotate(18deg) saturate(1.22)}}@keyframes introAura{from{opacity:.55;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}

/* eNFT module + floating messenger access */
.messenger-fab {
  position: fixed;
  right: clamp(18px, 3vw, 34px);
  bottom: calc(env(safe-area-inset-bottom, 0px) + 98px);
  z-index: 70;
  width: 62px;
  height: 62px;
  border: 1px solid rgba(102, 247, 255, .45);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(7, 17, 34, .72), rgba(19, 68, 98, .62));
  box-shadow: 0 18px 60px rgba(0, 0, 0, .55), 0 0 32px rgba(102, 247, 255, .32), inset 0 1px 0 rgba(255,255,255,.22);
  color: #eaffff;
  display: grid;
  place-items: center;
  cursor: pointer;
  overflow: hidden;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.messenger-fab:hover { transform: translateY(-4px) scale(1.03); border-color: rgba(255, 214, 107, .72); box-shadow: 0 22px 70px rgba(0,0,0,.6), 0 0 42px rgba(255,214,107,.26), 0 0 38px rgba(102,247,255,.34); }
.messenger-fab-glow { position:absolute; inset:-35%; background: conic-gradient(from 0deg, transparent, rgba(102,247,255,.28), transparent, rgba(255,214,107,.22), transparent); animation: hmSpin 5.6s linear infinite; }
.messenger-fab-icon { position: relative; z-index: 1; font-size: 28px; transform: rotate(-18deg); text-shadow: 0 0 18px rgba(102,247,255,.85); animation: hmPlaneFloat 2.8s ease-in-out infinite; }
@keyframes hmSpin { to { transform: rotate(360deg); } }
@keyframes hmPlaneFloat { 0%,100% { transform: translate(0,0) rotate(-18deg); } 50% { transform: translate(3px,-4px) rotate(-8deg); } }

.enft-hero {
  position: relative;
  min-height: 330px;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(240px, .75fr);
  gap: 28px;
  align-items: center;
  overflow: hidden;
  border-color: rgba(102,247,255,.24) !important;
}
.enft-hero::before {
  content: '';
  position: absolute;
  inset: -40%;
  background: radial-gradient(circle at 24% 30%, rgba(102,247,255,.2), transparent 28%), radial-gradient(circle at 78% 30%, rgba(255,214,107,.15), transparent 28%), linear-gradient(120deg, transparent, rgba(255,255,255,.045), transparent);
  animation: enftAurora 12s ease-in-out infinite alternate;
  pointer-events: none;
}
@keyframes enftAurora { from { transform: translate3d(-2%, -1%, 0) rotate(-1deg); } to { transform: translate3d(2%, 1%, 0) rotate(1deg); } }
.enft-hero-copy { position: relative; z-index: 2; }
.enft-hero h1 { font-size: clamp(34px, 5vw, 72px); line-height: .94; margin: 10px 0 18px; letter-spacing: -.055em; }
.enft-hero p { max-width: 780px; color: rgba(234,255,255,.74); font-size: clamp(15px, 2vw, 19px); }
.enft-create-btn { margin-top: 24px; padding: 16px 24px; font-weight: 950; letter-spacing: .08em; }
.enft-orb { position: relative; z-index: 1; width: min(100%, 310px); aspect-ratio: 1; margin: auto; border-radius: 44px; display: grid; place-items: center; background: radial-gradient(circle at 35% 25%, rgba(255,255,255,.16), transparent 24%), linear-gradient(145deg, rgba(102,247,255,.18), rgba(255,214,107,.08)); box-shadow: inset 0 0 70px rgba(102,247,255,.16), 0 0 90px rgba(102,247,255,.16); transform-style: preserve-3d; animation: enftOrb 6s ease-in-out infinite; }
.enft-orb img { width: 62%; height: 62%; object-fit: cover; border-radius: 28px; filter: drop-shadow(0 0 26px rgba(102,247,255,.45)); }
@keyframes enftOrb { 0%,100% { transform: translateY(0) rotateX(0deg) rotateY(-5deg); } 50% { transform: translateY(-10px) rotateX(4deg) rotateY(7deg); } }
.enft-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; width: 100%; }
.enft-card { position: relative; overflow: hidden; border: 1px solid rgba(102,247,255,.2); border-radius: 28px; background: linear-gradient(150deg, rgba(9,18,33,.88), rgba(8,29,45,.72)); box-shadow: 0 22px 70px rgba(0,0,0,.32); animation: hmCardIn .38s ease both; }
.enft-card.has-glow { border-color: rgba(102,247,255,.46); box-shadow: 0 20px 80px rgba(0,0,0,.42), 0 0 38px rgba(102,247,255,.22); }
.enft-image-wrap { position: relative; aspect-ratio: 1.08 / .78; background: rgba(255,255,255,.04); overflow: hidden; }
.enft-image-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s ease; }
.enft-card:hover .enft-image-wrap img { transform: scale(1.045); }
.enft-level { position: absolute; top: 12px; right: 12px; padding: 7px 10px; border-radius: 999px; background: rgba(0,0,0,.54); border: 1px solid rgba(255,255,255,.18); color: #eaffff; font-size: 12px; font-weight: 900; backdrop-filter: blur(10px); }
.enft-body { padding: 16px; display: grid; gap: 10px; }
.enft-title-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.enft-title-row h3 { margin: 0; font-size: 18px; line-height: 1.15; }
.enft-check { color: #ffd66b; font-weight: 950; text-shadow: 0 0 18px rgba(255,214,107,.75); }
.enft-body p { margin: 0; color: rgba(234,255,255,.68); font-size: 13px; line-height: 1.45; }
.enft-badges { display: flex; flex-wrap: wrap; gap: 7px; }
.enft-badges span { padding: 5px 8px; border-radius: 999px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.055); color: rgba(234,255,255,.82); font-size: 11px; font-weight: 800; }
.enft-badges .glow-badge { border-color: rgba(102,247,255,.34); color: #8ff7ff; }
.enft-badges .verified-badge-mini { border-color: rgba(255,214,107,.38); color: #ffd66b; }
.enft-badges .sale-badge { border-color: rgba(103,255,174,.34); color: #a7ffd7; }
.enft-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 4px; }
.enft-actions .btn { flex: 1 1 100px; min-width: 0; }
.enft-price { font-size: 22px; font-weight: 950; color: #ffd66b; text-shadow: 0 0 20px rgba(255,214,107,.2); }
.enft-preview { width: 100%; max-height: 310px; object-fit: cover; border-radius: 22px; border: 1px solid rgba(102,247,255,.18); background: rgba(255,255,255,.04); }
.enft-preview.empty { min-height: 220px; display: grid; place-items: center; color: rgba(234,255,255,.42); border-style: dashed; }
.enft-wizard-card { max-width: 680px; }
.wizard-progress { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 20px; }
.wizard-progress span { height: 5px; border-radius: 99px; background: rgba(255,255,255,.08); overflow: hidden; }
.wizard-progress span.active { background: linear-gradient(90deg, rgba(102,247,255,.85), rgba(255,214,107,.7)); box-shadow: 0 0 20px rgba(102,247,255,.24); }
.wizard-step { animation: hmCardIn .32s ease both; }
.enft-file { margin-top: 14px; }
.enft-upgrade-list { display: grid; gap: 10px; margin-top: 16px; }
@keyframes hmCardIn { from { opacity: 0; transform: translateY(12px) scale(.985); } to { opacity: 1; transform: none; } }
@media (max-width: 860px) {
  .messenger-fab { right: 14px; bottom: calc(env(safe-area-inset-bottom, 0px) + 84px); width: 54px; height: 54px; border-radius: 19px; }
  .messenger-fab-icon { font-size: 24px; }
  .enft-hero { grid-template-columns: 1fr; min-height: auto; padding-bottom: 24px; }
  .enft-orb { width: min(72vw, 230px); order: -1; }
  .enft-grid { grid-template-columns: 1fr; }
  .enft-actions .btn { flex: 1 1 100%; }
}

/* Final eNFT/image/likes polish */
.post-media{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:min(76vh,760px)!important;
  object-fit:contain!important;
  object-position:center!important;
  background:radial-gradient(circle at 50% 20%,rgba(102,247,255,.06),transparent 55%),#03050a!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.upload-preview-strip{display:flex;align-items:center;gap:10px;margin-top:8px;padding:8px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(102,247,255,.14);color:var(--soft);font-size:12px}
.upload-preview-strip img{width:48px;height:48px;border-radius:12px;object-fit:cover;border:1px solid rgba(255,255,255,.12)}
.upload-preview-strip.avatar img{border-radius:50%}
.like-post-btn{min-width:84px;gap:6px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
.like-post-btn.liked{color:#fff!important;border-color:rgba(255,96,156,.42)!important;background:linear-gradient(135deg,rgba(255,96,156,.2),rgba(102,247,255,.12))!important;box-shadow:0 0 28px rgba(255,96,156,.16)!important}
.like-post-btn:hover{transform:translateY(-1px) scale(1.02)}
.crop-modal{width:min(860px,calc(100vw - 22px))!important;max-height:min(92dvh,900px)!important;overflow:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important}
.crop-modal::-webkit-scrollbar{display:none!important}
.crop-stage{position:relative;width:100%;height:min(58vh,520px);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid rgba(102,247,255,.18);overflow:hidden;display:grid;place-items:center;touch-action:none}
.crop-stage.square{aspect-ratio:1/1;height:min(62vh,560px);max-width:620px;margin:0 auto}
.crop-stage.wide{aspect-ratio:16/10;min-height:280px}
.crop-stage:before{content:"";position:absolute;inset:16px;border:1px dashed rgba(255,255,255,.28);border-radius:22px;z-index:2;pointer-events:none;box-shadow:inset 0 0 34px rgba(102,247,255,.08)}
.crop-stage img{max-width:none;width:100%;height:100%;object-fit:cover;transform-origin:center;transition:transform .08s linear;user-select:none;pointer-events:none}
.crop-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.crop-controls label{display:grid;gap:7px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.crop-controls input{width:100%;accent-color:#66f7ff}
.enft-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(172px,1fr))!important;gap:14px!important;align-items:start!important}
.enft-card.compact-enft{border-radius:22px!important;padding:8px!important;cursor:pointer;min-width:0!important;background:linear-gradient(150deg,rgba(8,16,29,.9),rgba(5,20,34,.74))!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}
.enft-card.compact-enft:hover{transform:translateY(-4px);border-color:rgba(102,247,255,.38)!important;box-shadow:0 24px 70px rgba(0,0,0,.38),0 0 30px rgba(102,247,255,.12)!important}
.enft-card.has-glow{box-shadow:0 18px 70px rgba(0,0,0,.42),0 0 32px rgba(102,247,255,.32),0 0 60px rgba(164,107,255,.14)!important;border-color:rgba(102,247,255,.52)!important}
.enft-card.has-glow .enft-image-wrap:after,.enft-detail-hero.has-glow:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 35px rgba(102,247,255,.34),0 0 34px rgba(102,247,255,.24);pointer-events:none;animation:enftGlowBreath 2.6s ease-in-out infinite}
@keyframes enftGlowBreath{0%,100%{opacity:.62;filter:hue-rotate(0deg)}50%{opacity:1;filter:hue-rotate(30deg)}}
.enft-image-wrap{aspect-ratio:1/1!important;border-radius:18px!important;position:relative!important;overflow:hidden!important;background:#03050a!important}
.enft-image-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
.enft-body{padding:10px 4px 4px!important;display:grid;gap:8px!important}
.enft-body p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.4;margin:0;color:var(--muted)}
.enft-title-row{display:flex;align-items:center;gap:6px;min-width:0}.enft-title-row h3{font-size:15px!important;line-height:1.1!important;margin:0!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.enft-check{display:inline-flex;align-items:center;justify-content:center;color:#ffd66b;font-size:15px;filter:drop-shadow(0 0 9px rgba(255,214,107,.65));font-weight:950}.enft-title-row.detail h2{font-size:clamp(24px,4vw,38px);margin:0}.enft-badges{display:flex;flex-wrap:wrap;gap:6px}.enft-badges span{font-size:10px;padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);color:var(--soft)}.enft-level{font-size:10px!important;padding:5px 7px!important;border-radius:999px!important;background:rgba(0,0,0,.56)!important;backdrop-filter:blur(10px)}.enft-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:6px!important}.enft-actions .btn{min-height:34px!important;border-radius:13px!important;font-size:11px!important;padding:0 8px!important}.enft-price{font-size:16px;font-weight:950;color:#ffd66b;text-shadow:0 0 18px rgba(255,214,107,.2)}
.enft-detail-modal{width:min(920px,calc(100vw - 22px))!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.enft-detail-modal::-webkit-scrollbar{display:none!important}.enft-detail-hero{position:relative;border-radius:28px;overflow:hidden;background:#03050a;border:1px solid rgba(102,247,255,.15);margin-bottom:18px}.enft-detail-hero img{display:block;width:100%;max-height:68vh;object-fit:contain;background:#02040a}.enft-detail-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:16px 0}.enft-detail-stats span{padding:12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:11px}.enft-detail-stats strong{display:block;color:#fff;margin-top:4px;overflow-wrap:anywhere}.enft-history{display:grid;gap:8px;margin-top:12px}.history-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);font-size:12px}.history-row span,.history-row em{color:var(--muted);font-style:normal}.modal-card,.messenger-history,.messenger-contacts,.dialog-list{scrollbar-width:none!important;-ms-overflow-style:none!important}.modal-card::-webkit-scrollbar,.messenger-history::-webkit-scrollbar,.messenger-contacts::-webkit-scrollbar,.dialog-list::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
@media(max-width:720px){.crop-controls{grid-template-columns:1fr}.crop-stage{height:46vh}.enft-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.enft-card.compact-enft{border-radius:18px!important;padding:6px!important}.enft-title-row h3{font-size:13px!important}.enft-body p{display:none}.enft-actions{grid-template-columns:1fr!important}.enft-detail-stats{grid-template-columns:1fr 1fr}.history-row{grid-template-columns:1fr;gap:3px}.post-media{max-height:68vh!important}}


/* Final mini eNFT + crop/wizard usability fix */
.enft-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(126px,150px))!important;
  justify-content:start!important;
  gap:12px!important;
  align-items:start!important;
}
.enft-card.compact-enft{
  width:100%!important;
  max-width:150px!important;
  min-height:auto!important;
  border-radius:18px!important;
  padding:6px!important;
  overflow:hidden!important;
}
.enft-card.compact-enft .enft-image-wrap{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  border-radius:14px!important;
}
.enft-card.compact-enft .enft-body{
  padding:8px 2px 2px!important;
  gap:6px!important;
}
.enft-card.compact-enft .enft-title-row h3{
  font-size:12px!important;
  line-height:1.12!important;
  max-width:104px!important;
}
.enft-card.compact-enft .enft-check{font-size:12px!important;line-height:1!important}
.enft-card.compact-enft .enft-body p{display:none!important}
.enft-card.compact-enft .enft-badges{gap:4px!important}
.enft-card.compact-enft .enft-badges span{
  font-size:8.5px!important;
  padding:3px 5px!important;
  line-height:1.1!important;
}
.enft-card.compact-enft .enft-level{
  top:6px!important;right:6px!important;font-size:8.5px!important;padding:4px 5px!important;
}
.enft-card.compact-enft .enft-actions{
  grid-template-columns:1fr!important;
  gap:5px!important;
}
.enft-card.compact-enft .enft-actions .btn{
  min-height:28px!important;
  height:28px!important;
  border-radius:10px!important;
  font-size:9.5px!important;
  padding:0 6px!important;
}
.enft-card.compact-enft .enft-price{font-size:12px!important;line-height:1.1!important}
.enft-section .empty-state{grid-column:1/-1}

.enft-detail-modal{width:min(760px,calc(100vw - 18px))!important;max-height:90dvh!important;overflow:auto!important}
.enft-detail-hero{max-width:min(520px,100%)!important;margin:0 auto 16px!important;border-radius:22px!important}
.enft-detail-hero img{max-height:min(52vh,480px)!important;object-fit:contain!important}

/* Keep crop/upload wizard buttons visible on every screen */
.image-crop-host{align-items:center!important;padding:10px!important;overflow:hidden!important}
.crop-modal{
  width:min(760px,calc(100vw - 16px))!important;
  max-height:90dvh!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  padding:16px!important;
}
.crop-modal .card-head{flex:0 0 auto!important;margin-bottom:10px!important}
.crop-stage{
  flex:0 1 auto!important;
  height:min(38vh,360px)!important;
  min-height:180px!important;
  border-radius:20px!important;
}
.crop-stage.square{
  height:min(40vh,360px)!important;
  max-width:min(360px,78vw)!important;
}
.crop-stage.wide{min-height:170px!important}
.crop-stage:before{inset:10px!important;border-radius:16px!important}
.crop-controls{
  flex:0 0 auto!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:10px!important;
}
.crop-controls label{padding:8px 9px!important;font-size:9.5px!important;border-radius:12px!important;gap:5px!important}
.crop-modal .modal-actions{
  flex:0 0 auto!important;
  position:sticky!important;
  bottom:0!important;
  z-index:5!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:10px!important;
  padding-top:10px!important;
  background:linear-gradient(180deg,rgba(6,10,18,0),rgba(6,10,18,.96) 30%,rgba(6,10,18,.98))!important;
}
.crop-modal .modal-actions .btn{min-height:38px!important;font-size:11px!important;padding:0 8px!important;white-space:normal!important}
.enft-wizard-card{width:min(640px,calc(100vw - 16px))!important;max-height:90dvh!important;overflow:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important}
.enft-wizard-card::-webkit-scrollbar{display:none!important}
.enft-preview{max-height:180px!important;object-fit:contain!important;background:#03050a!important}
.enft-preview.empty{min-height:140px!important}
.enft-wizard-card .modal-actions{position:sticky!important;bottom:0!important;z-index:4!important;padding-top:10px!important;background:linear-gradient(180deg,rgba(6,10,18,0),rgba(6,10,18,.96) 30%,rgba(6,10,18,.98))!important}

@media(max-width:720px){
  .enft-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;justify-content:stretch!important}
  .enft-card.compact-enft{max-width:none!important;border-radius:16px!important;padding:6px!important}
  .enft-card.compact-enft .enft-actions .btn{min-height:30px!important;font-size:9px!important}
  .crop-modal{padding:12px!important;max-height:92dvh!important}
  .crop-stage{height:30vh!important;min-height:156px!important;border-radius:18px!important}
  .crop-stage.square{height:min(34vh,300px)!important;max-width:min(300px,76vw)!important}
  .crop-controls{grid-template-columns:1fr!important;gap:6px!important;margin-top:8px!important}
  .crop-controls label{padding:7px 9px!important}
  .crop-modal .modal-actions{grid-template-columns:1fr!important;gap:6px!important}
  .crop-modal .modal-actions .btn{min-height:36px!important}
  .enft-detail-hero img{max-height:42vh!important}
}
@media(min-width:1080px){
  .enft-grid{grid-template-columns:repeat(auto-fill,minmax(132px,156px))!important}
  .enft-card.compact-enft{max-width:156px!important}
}


/* Final scroll-safe bottom navigation + elegant intro reset.
   Logic untouched: only layout/intro presentation. */
:root{--hm-dock-space:132px;--hm-modal-dock-space:132px}
html{scroll-padding-bottom:calc(var(--hm-dock-space) + var(--safe-bottom) + 32px)!important}
body{min-height:100dvh!important;overflow-x:hidden!important}
.app-shell{padding-bottom:calc(var(--hm-dock-space) + var(--safe-bottom) + 46px)!important}
.main,.content{padding-bottom:calc(var(--hm-dock-space) + var(--safe-bottom) + 42px)!important}
.content:after{content:"";display:block;height:calc(var(--hm-dock-space) + var(--safe-bottom) + 26px);grid-column:1/-1;pointer-events:none}
.sidebar.bottom-dock{z-index:120!important}
.messenger-fab{bottom:calc(var(--hm-dock-space) + var(--safe-bottom) + 10px)!important}
.toast-host{bottom:calc(var(--hm-dock-space) + var(--safe-bottom) + 18px)!important}

.modal-host{padding:18px 18px calc(var(--hm-modal-dock-space) + var(--safe-bottom) + 24px)!important;align-items:flex-start!important;overflow:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important}
.modal-host::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.modal-host.active{display:flex!important;justify-content:center!important;align-items:flex-start!important}
.modal-card{margin:14px auto calc(var(--hm-modal-dock-space) + var(--safe-bottom) + 22px)!important;max-height:calc(100dvh - var(--hm-modal-dock-space) - var(--safe-bottom) - 52px)!important;scroll-padding-bottom:96px!important}
.modal-card .modal-actions{position:sticky;bottom:0;z-index:8;padding-top:12px;background:linear-gradient(180deg,rgba(6,10,18,0),rgba(6,10,18,.94) 34%,rgba(6,10,18,.98))}
.enft-detail-modal{padding-bottom:18px!important;max-height:calc(100dvh - var(--hm-modal-dock-space) - var(--safe-bottom) - 46px)!important}
.enft-detail-modal .modal-actions{margin-bottom:0!important}
.enft-history{padding-bottom:18px!important}
.crop-modal,.enft-wizard-card{max-height:calc(100dvh - var(--hm-modal-dock-space) - var(--safe-bottom) - 42px)!important}

@media(max-width:860px){
  :root{--hm-dock-space:106px;--hm-modal-dock-space:106px}
  .app-shell{padding-bottom:calc(var(--hm-dock-space) + var(--safe-bottom) + 56px)!important}
  .main,.content{padding-bottom:calc(var(--hm-dock-space) + var(--safe-bottom) + 48px)!important}
  .content:after{height:calc(var(--hm-dock-space) + var(--safe-bottom) + 40px)}
  .modal-host{padding:10px 10px calc(var(--hm-modal-dock-space) + var(--safe-bottom) + 18px)!important}
  .modal-card{width:min(100%,calc(100vw - 20px))!important;margin-top:10px!important;max-height:calc(100dvh - var(--hm-modal-dock-space) - var(--safe-bottom) - 32px)!important}
  .modal-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
}

/* Replace aircraft/planet intro with a clean expensive text reveal. */
.intro-elegant{background:radial-gradient(circle at 50% 35%,rgba(102,247,255,.13),transparent 34%),radial-gradient(circle at 50% 74%,rgba(164,107,255,.10),transparent 42%),linear-gradient(180deg,#020307 0%,#060816 52%,#020204 100%)!important;overflow:hidden!important}
.intro-elegant .intro-clean-sky{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.intro-elegant .intro-starfield{position:absolute;inset:-30%;background-image:radial-gradient(circle,rgba(255,255,255,.88) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(102,247,255,.70) 0 1px,transparent 1.45px),radial-gradient(circle,rgba(255,214,107,.55) 0 1px,transparent 1.45px);background-size:74px 74px,123px 123px,193px 193px;opacity:.30;filter:drop-shadow(0 0 10px rgba(102,247,255,.22));animation:introStars 18s linear infinite!important}
.intro-deep-orb{position:absolute;left:50%;top:50%;width:min(70vw,720px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 38% 30%,rgba(255,255,255,.11),transparent 10%),radial-gradient(circle at 52% 50%,rgba(102,247,255,.18),rgba(34,61,145,.11) 42%,rgba(4,6,16,.12) 66%,transparent 72%);box-shadow:inset -38px -38px 90px rgba(0,0,0,.72),0 0 110px rgba(102,247,255,.11);filter:blur(.1px);opacity:0;animation:introOrbReveal 4.8s ease-in-out forwards}
.intro-scan-ring{position:absolute;left:50%;top:50%;width:min(78vw,820px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) rotateX(64deg);border:1px solid rgba(102,247,255,.18);box-shadow:0 0 70px rgba(102,247,255,.06);opacity:0;animation:introRingReveal 4.6s ease-in-out forwards}
.intro-auto-panel{width:min(720px,calc(100vw - 34px))!important;padding:clamp(24px,5vw,54px)!important;text-align:center!important;background:linear-gradient(145deg,rgba(5,10,22,.58),rgba(255,255,255,.045))!important;border:1px solid rgba(155,236,255,.18)!important;box-shadow:0 30px 110px rgba(0,0,0,.58),0 0 100px rgba(102,247,255,.10),inset 0 1px 0 rgba(255,255,255,.10)!important;animation:introPanelIn .85s cubic-bezier(.2,.9,.2,1) both .35s!important}
.intro-code-stack{margin:0 auto 24px!important;justify-content:center!important;background:rgba(0,0,0,.26)!important;border-color:rgba(102,247,255,.18)!important;box-shadow:0 0 44px rgba(102,247,255,.08)!important}
.intro-code-stack span{animation:introTyping 2.65s steps(44,end) .95s forwards!important;width:0!important;max-width:100%!important}
.intro-mini-copy{opacity:0;transform:translateY(12px);animation:introMiniCopy 1.15s ease forwards 3.65s}.intro-mini-copy strong{display:block;font-size:clamp(34px,7vw,74px);line-height:.9;letter-spacing:-.075em;background:linear-gradient(90deg,#fff,#c8fbff 34%,#66f7ff 56%,#ffd66b 90%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 36px rgba(102,247,255,.14)}.intro-mini-copy small{display:block;margin-top:14px;color:rgba(230,237,255,.68);font-weight:900;letter-spacing:.20em;text-transform:uppercase;font-size:clamp(10px,1.6vw,13px)}
.intro-elegant.intro-leaving{animation:introWholeOut .72s ease forwards!important}
@keyframes introOrbReveal{0%{opacity:0;transform:translate(-50%,-50%) scale(.82);filter:blur(10px)}35%,80%{opacity:.85;filter:blur(.1px)}100%{opacity:.42;transform:translate(-50%,-50%) scale(1.05)}}
@keyframes introRingReveal{0%{opacity:0;transform:translate(-50%,-50%) rotateX(64deg) scale(.78)}38%,100%{opacity:.65;transform:translate(-50%,-50%) rotateX(64deg) scale(1)}}
@keyframes introMiniCopy{to{opacity:1;transform:none}}
@keyframes introWholeOut{to{opacity:0;filter:blur(12px);transform:scale(1.018)}}
@media(max-width:640px){.intro-auto-panel{padding:22px 16px!important}.intro-code-stack{font-size:9.5px!important}.intro-code-stack span{animation-duration:2.25s!important}.intro-mini-copy small{letter-spacing:.12em}}

/* Final smooth intro: lightweight code-in-space sequence. No planes, no heavy 3D loops. */
.intro-code-cosmos{
  background:
    radial-gradient(circle at 50% 110%, rgba(102,247,255,.18), transparent 38%),
    radial-gradient(circle at 20% 20%, rgba(164,107,255,.12), transparent 30%),
    radial-gradient(circle at 82% 18%, rgba(255,214,107,.10), transparent 28%),
    linear-gradient(180deg,#010207 0%,#050817 50%,#010104 100%) !important;
  overflow:hidden !important;
  transition: opacity .9s ease, filter .9s ease, transform .9s ease !important;
}
.intro-code-cosmos.intro-leaving{
  opacity:0 !important;
  filter:blur(14px) saturate(1.2) !important;
  transform:scale(1.018) !important;
  pointer-events:none !important;
}
.intro-code-cosmos .intro-clean-sky{position:absolute;inset:0;overflow:hidden;pointer-events:none;}
.intro-nebula-field{
  position:absolute;inset:-20%;
  background:
    radial-gradient(ellipse at 50% 55%,rgba(102,247,255,.11),transparent 38%),
    radial-gradient(ellipse at 28% 65%,rgba(164,107,255,.10),transparent 34%),
    radial-gradient(ellipse at 78% 34%,rgba(255,214,107,.08),transparent 32%);
  animation:cosmosBreathe 7.2s ease-in-out infinite alternate;
  will-change:opacity,transform;
}
.intro-code-cosmos .intro-starfield{
  position:absolute;inset:-28%;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.84) 0 1px,transparent 1.45px),
    radial-gradient(circle,rgba(102,247,255,.62) 0 1px,transparent 1.35px),
    radial-gradient(circle,rgba(255,214,107,.50) 0 1px,transparent 1.35px);
  background-size:76px 76px,131px 131px,211px 211px;
  opacity:.28;
  animation:codeStars 28s linear infinite !important;
  will-change:transform;
}
.intro-horizon-glow{
  position:absolute;left:50%;bottom:-24%;width:min(110vw,1100px);height:44%;transform:translateX(-50%);
  border-radius:50% 50% 0 0;
  background:radial-gradient(ellipse at 50% 0%,rgba(102,247,255,.22),rgba(102,247,255,.08) 34%,transparent 70%);
  filter:blur(10px);opacity:.72;
}
.intro-terminal-wrap{
  position:relative;z-index:2;width:min(760px,calc(100vw - 30px));
  padding:0;border-radius:30px;overflow:hidden;
  background:linear-gradient(145deg,rgba(5,10,22,.78),rgba(255,255,255,.055));
  border:1px solid rgba(160,238,255,.22);
  box-shadow:0 36px 120px rgba(0,0,0,.62),0 0 100px rgba(102,247,255,.13),inset 0 1px 0 rgba(255,255,255,.11);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);
  animation:terminalIn .9s cubic-bezier(.2,.9,.2,1) both .12s;
}
.intro-terminal-top{height:46px;display:flex;align-items:center;gap:9px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);}
.intro-terminal-top span{width:10px;height:10px;border-radius:50%;background:rgba(102,247,255,.55);box-shadow:0 0 18px rgba(102,247,255,.38)}
.intro-terminal-top span:nth-child(2){background:rgba(255,214,107,.62);box-shadow:0 0 18px rgba(255,214,107,.28)}
.intro-terminal-top span:nth-child(3){background:rgba(164,107,255,.62);box-shadow:0 0 18px rgba(164,107,255,.28)}
.intro-terminal-top em{margin-left:auto;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;color:rgba(226,247,255,.55);font-style:normal;}
.intro-terminal-lines{padding:24px clamp(18px,4vw,38px) 20px;display:grid;gap:11px;min-height:246px;text-align:left;}
.type-line{
  width:0;max-width:100%;white-space:nowrap;overflow:hidden;
  border-right:2px solid rgba(102,247,255,.88);
  color:rgba(226,250,255,.92);
  text-shadow:0 0 18px rgba(102,247,255,.20);
  font:800 clamp(11px,2.1vw,15px)/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  animation:typingLine calc(var(--chars) * .032s) steps(var(--chars),end) var(--delay) forwards,
            caretPulse .74s steps(1,end) infinite;
}
.type-line.success-line{color:#ffd66b;text-shadow:0 0 22px rgba(255,214,107,.25);}
.intro-brand-reveal{padding:0 clamp(18px,4vw,38px) 34px;text-align:center;opacity:0;transform:translateY(18px) scale(.98);animation:brandReveal 1s cubic-bezier(.2,.9,.2,1) forwards 5.55s;}
.intro-brand-reveal strong{display:block;font-size:clamp(38px,7vw,82px);line-height:.9;letter-spacing:-.08em;background:linear-gradient(90deg,#fff 0%,#dffcff 26%,#66f7ff 55%,#ffd66b 84%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 30px rgba(102,247,255,.20));}
.intro-brand-reveal small{display:block;margin-top:14px;color:rgba(230,237,255,.68);font-size:clamp(10px,1.6vw,13px);font-weight:950;letter-spacing:.24em;}
@keyframes codeStars{to{transform:translate3d(-86px,96px,0)}}
@keyframes cosmosBreathe{from{opacity:.72;transform:scale(.98)}to{opacity:1;transform:scale(1.04)}}
@keyframes terminalIn{from{opacity:0;transform:translateY(24px) scale(.975);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes typingLine{to{width:calc(var(--chars) * .66em)}}
@keyframes caretPulse{50%{border-right-color:transparent}}
@keyframes brandReveal{to{opacity:1;transform:none}}
@media(max-width:640px){
  .intro-terminal-wrap{border-radius:24px;width:calc(100vw - 24px)}
  .intro-terminal-top{height:40px;padding:0 13px}.intro-terminal-top em{font-size:8px;letter-spacing:.10em}
  .intro-terminal-lines{min-height:228px;padding:20px 14px 16px;gap:10px}
  .type-line{font-size:10.5px;animation-duration:calc(var(--chars) * .026s)}
  .intro-brand-reveal{padding:0 14px 28px}.intro-brand-reveal small{letter-spacing:.13em}
}
@media(max-width:390px){.type-line{font-size:9.4px}.intro-terminal-lines{min-height:212px}.intro-brand-reveal strong{font-size:34px}}
@media(prefers-reduced-motion:reduce){
  .intro-nebula-field,.intro-code-cosmos .intro-starfield,.intro-terminal-wrap,.type-line,.intro-brand-reveal{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
  .type-line{width:auto!important;border-right:0!important;white-space:normal!important}
}


/* Final cinematic intro: simple, premium, no heavy animations, no long pause. */
.intro-cinematic-simple{
  position:fixed!important;inset:0!important;z-index:10000!important;display:grid!important;place-items:center!important;
  background:#020204!important;overflow:hidden!important;transition:opacity .42s ease,filter .42s ease,transform .42s ease!important;
}
.intro-cinematic-simple.intro-leaving{opacity:0!important;filter:blur(10px)!important;transform:scale(1.012)!important;pointer-events:none!important;}
.cinema-lux-bg{position:absolute;inset:0;background:
  radial-gradient(circle at 50% 42%,rgba(102,247,255,.16),transparent 28%),
  radial-gradient(circle at 50% 58%,rgba(255,214,107,.095),transparent 34%),
  linear-gradient(180deg,#03050c 0%,#070811 45%,#010103 100%);}
.cinema-lux-bg:before{content:"";position:absolute;inset:-2px;background:
  linear-gradient(90deg,transparent,rgba(255,255,255,.045),transparent),
  radial-gradient(circle at 20% 20%,rgba(102,247,255,.08),transparent 22%),
  radial-gradient(circle at 80% 82%,rgba(255,214,107,.07),transparent 28%);opacity:.9;}
.cinema-lux-bg:after{content:"";position:absolute;left:50%;top:50%;width:min(86vw,720px);height:min(86vw,720px);border-radius:999px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.07);box-shadow:0 0 90px rgba(102,247,255,.075), inset 0 0 90px rgba(255,255,255,.025);}
.cinema-brand-mark{position:absolute;left:50%;top:50%;width:min(72vw,560px);height:min(72vw,560px);border-radius:50%;transform:translate(-50%,-50%) scale(.92);background:radial-gradient(circle,rgba(102,247,255,.065),transparent 62%);filter:blur(2px);animation:cinemaMark 2.15s cubic-bezier(.2,.8,.2,1) both;}
.cinema-title-wrap{position:relative;text-align:center;padding:28px;width:min(920px,calc(100vw - 32px));animation:cinemaTitle 2.25s cubic-bezier(.16,1,.3,1) both;}
.cinema-kicker{font-size:clamp(10px,1.35vw,14px);font-weight:950;letter-spacing:.34em;color:rgba(199,241,255,.72);text-transform:uppercase;margin-bottom:18px;opacity:0;animation:cinemaKicker 1.2s ease both .18s;}
.cinema-title-wrap h1{margin:0;font-size:clamp(52px,12vw,156px);line-height:.82;letter-spacing:-.095em;font-weight:950;background:linear-gradient(90deg,#f8fbff 0%,#ffffff 30%,#74f6ff 54%,#ffe08a 76%,#fff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 42px rgba(102,247,255,.18));}
.cinema-line{width:min(420px,62vw);height:1px;margin:28px auto 0;background:linear-gradient(90deg,transparent,rgba(102,247,255,.72),rgba(255,214,107,.72),transparent);opacity:0;animation:cinemaLine 1.05s ease both .45s;}
@keyframes cinemaTitle{0%{opacity:0;transform:translateY(22px) scale(.965);filter:blur(18px)}38%,76%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}100%{opacity:.96;transform:translateY(-2px) scale(1.01);filter:blur(0)}}
@keyframes cinemaKicker{to{opacity:1}}
@keyframes cinemaLine{from{opacity:0;transform:scaleX(.28)}to{opacity:1;transform:scaleX(1)}}
@keyframes cinemaMark{0%{opacity:0;transform:translate(-50%,-50%) scale(.82)}48%,100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(max-width:640px){.cinema-title-wrap{padding:20px}.cinema-kicker{letter-spacing:.20em;margin-bottom:14px}.cinema-title-wrap h1{font-size:clamp(48px,17vw,88px);letter-spacing:-.08em}.cinema-line{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.intro-cinematic-simple,.cinema-brand-mark,.cinema-title-wrap,.cinema-kicker,.cinema-line{animation:none!important;transition:none!important;opacity:1!important;filter:none!important;transform:none!important}}

/* === Final UX Upgrade: clean cinematic intro, file attach, composer, comments, profile cover, HMX refinements === */
.intro-final-title{background:radial-gradient(circle at 50% 64%,rgba(102,247,255,.18),transparent 38%),linear-gradient(180deg,#010207 0%,#040710 55%,#010102 100%)!important;}
.intro-final-title .cinema-lux-bg:after,.intro-final-title .cinema-brand-mark{display:none!important}
.intro-final-title .cinema-lux-bg:before{opacity:.95!important;background:linear-gradient(180deg,transparent 0%,rgba(102,247,255,.04) 22%,rgba(102,247,255,.38) 49%,rgba(255,214,107,.20) 52%,rgba(164,107,255,.18) 57%,transparent 82%),linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)!important;filter:blur(18px);animation:luxBeam 2.35s cubic-bezier(.16,1,.3,1) both!important;}
.intro-final-title .cinema-title-wrap{animation:cinemaTitleStrong 2.2s cubic-bezier(.16,1,.3,1) both!important;}
.intro-final-title .cinema-title-wrap h1{letter-spacing:-.085em!important;text-shadow:0 0 34px rgba(102,247,255,.18),0 0 80px rgba(255,214,107,.08);}
.cinema-subtitle{margin:18px auto 0;max-width:min(720px,92vw);font-size:clamp(12px,2vw,18px);font-weight:850;letter-spacing:.08em;line-height:1.45;text-transform:uppercase;color:rgba(229,241,255,.72);opacity:0;animation:subtitleFade 1.15s ease both .5s}.cinema-subtitle span{color:#ffd66b;text-shadow:0 0 24px rgba(255,214,107,.22)}
@keyframes luxBeam{0%{opacity:0;transform:translateY(28px) scaleY(.86)}44%{opacity:1;transform:translateY(0) scaleY(1)}100%{opacity:.72;transform:translateY(-10px) scaleY(1.05)}}
@keyframes cinemaTitleStrong{0%{opacity:0;transform:translateY(18px) scale(.97);filter:blur(18px)}35%,82%{opacity:1;transform:none;filter:blur(0)}100%{opacity:1;transform:translateY(-2px) scale(1.006);filter:blur(0)}}
@keyframes subtitleFade{to{opacity:1;transform:none}}

.file-input{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:46px!important;width:fit-content!important;max-width:100%!important;border-radius:17px!important;padding:0 16px!important;cursor:pointer!important;border:1px solid rgba(102,247,255,.23)!important;background:linear-gradient(135deg,rgba(102,247,255,.12),rgba(255,255,255,.055),rgba(164,107,255,.10))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 28px rgba(0,0,0,.26),0 0 22px rgba(102,247,255,.07)!important;overflow:hidden!important;color:#eafcff!important;font-weight:850!important;letter-spacing:.03em!important;}
.file-input:before{content:'📎';font-size:18px;filter:drop-shadow(0 0 10px rgba(102,247,255,.28))}.file-input span,.file-input .tiny{font-size:13px!important;color:#eafcff!important}.file-input input[type=file]{position:absolute!important;inset:0!important;opacity:0!important;cursor:pointer!important;width:100%!important;height:100%!important}.file-input input::file-selector-button{display:none!important}
.chat-create-shell{max-width:980px;margin:0 auto 18px}.create-post-trigger{width:100%;min-height:58px;font-size:16px}.post-composer-open{animation:softReveal .28s ease both}.composer-buttons{display:flex;gap:10px;flex-wrap:wrap}.composer-buttons .btn{flex:1;min-width:160px}.comment-modal-host{backdrop-filter:blur(14px)}.comment-modal-card{max-width:620px}.comment-modal-card .textarea{min-height:145px}
.post-media{object-fit:contain!important;max-height:min(76vh,780px)!important;background:linear-gradient(135deg,rgba(255,255,255,.025),rgba(102,247,255,.035))!important;border-radius:20px 20px 0 0!important}.post-actions{align-items:center;flex-wrap:wrap}.post-actions .btn{min-width:118px}
.profile-cover{background-size:cover!important;background-position:center!important;position:relative;overflow:hidden}.profile-cover:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.48));pointer-events:none}.cover-upload-btn{position:absolute;right:14px;bottom:12px;z-index:2;border:1px solid rgba(255,255,255,.18);background:rgba(3,8,16,.64);color:#fff;border-radius:999px;padding:9px 13px;font-weight:900;backdrop-filter:blur(10px);box-shadow:0 10px 28px rgba(0,0,0,.35)}.cover-upload-btn:hover{border-color:rgba(102,247,255,.48);box-shadow:0 0 24px rgba(102,247,255,.18)}.profile-view-card .profile-avatar.large{position:relative;z-index:3;backdrop-filter:blur(6px)}
.enft-hero{grid-template-columns:1fr!important}.enft-orb{display:none!important}.travel-market-card{overflow:hidden}.travel-product-image{height:140px;margin:-4px -4px 14px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.travel-product-image img{width:100%;height:100%;object-fit:cover;display:block}.disabled-product{filter:saturate(.82);opacity:.86}.muted-price{color:rgba(226,237,255,.55)!important}.disabled-buy{background:linear-gradient(135deg,rgba(150,160,175,.18),rgba(255,255,255,.06))!important;color:rgba(226,237,255,.48)!important;border-color:rgba(255,255,255,.12)!important;cursor:not-allowed!important}.hmx-single-stat{grid-template-columns:1fr!important}.purchased-only{min-height:120px;display:grid;place-items:center;text-align:center}.purchased-only .data-value{font-size:clamp(42px,8vw,78px)!important;line-height:.9}.compact-toggle{min-width:112px}.mini-history{display:none!important}
.crop-modal{max-height:calc(100dvh - var(--hm-modal-dock-space,92px) - 28px)!important;overflow:auto!important}.crop-stage{max-height:48vh!important}.crop-stage.wide{aspect-ratio:16/9!important}.crop-stage img{max-width:none!important}.crop-controls{display:grid;grid-template-columns:1fr;gap:8px}.crop-controls label{font-size:12px;color:var(--muted)}.crop-modal .modal-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(6,10,18,0),rgba(6,10,18,.96) 42%);padding-top:14px;margin-bottom:0!important}
@keyframes softReveal{from{opacity:0;transform:translateY(10px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@media(max-width:720px){.cinema-subtitle{font-size:11px;letter-spacing:.04em}.file-input{width:100%!important}.composer-buttons{display:grid;grid-template-columns:1fr}.post-media{max-height:68vh!important}.profile-cover{height:138px!important}.cover-upload-btn{right:10px;bottom:10px;padding:8px 11px;font-size:12px}.travel-product-image{height:118px}.crop-stage{max-height:40vh!important}.crop-modal .modal-actions{display:grid;grid-template-columns:1fr;gap:8px}.compact-toggle{min-width:88px;padding:0 12px}}


/* === Final requested fixes: readable intro, synced cover layout, desktop composer, equal post buttons, collapsed HMX lists === */
.intro-final-title .cinema-title-wrap{width:min(1180px,calc(100vw - 22px))!important;padding:18px!important;overflow:visible!important;}
.intro-final-title .cinema-title-wrap h1{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:clamp(42px,9.2vw,132px)!important;
  line-height:.92!important;
  letter-spacing:-.055em!important;
}
.intro-final-title .cinema-subtitle{
  max-width:min(980px,94vw)!important;
  font-size:clamp(10px,1.45vw,16px)!important;
  line-height:1.35!important;
  letter-spacing:.045em!important;
  padding:0 8px!important;
}
.intro-final-title .cinema-line{margin-top:20px!important;width:min(520px,74vw)!important;}
.intro-final-title.intro-leaving{transition:opacity .34s ease,transform .34s ease,filter .34s ease!important;}
@media(max-width:520px){
  .intro-final-title .cinema-title-wrap h1{font-size:clamp(34px,13vw,64px)!important;letter-spacing:-.045em!important;}
  .intro-final-title .cinema-subtitle{font-size:9.4px!important;letter-spacing:.018em!important;line-height:1.45!important;}
}

.chat-create-shell{max-width:1180px!important;width:100%!important;margin:0 auto 18px!important;}
@media(min-width:900px){
  .chat-create-shell{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(260px,.55fr)!important;gap:18px!important;align-items:center!important;padding:20px 22px!important;}
  .chat-create-shell>.card-head{margin:0!important;min-width:0!important;}
  .chat-create-shell>.create-post-trigger,.chat-create-shell>.tiny{grid-column:2!important;justify-self:stretch!important;margin:0!important;}
  .chat-create-shell>.tiny{margin-top:72px!important;text-align:center!important;}
  .chat-create-shell .post-composer-open{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)!important;gap:14px!important;align-items:start!important;}
  .chat-create-shell .post-composer-open textarea{min-height:154px!important;}
  .chat-create-shell .post-composer-open .attach-file,.chat-create-shell .post-composer-open .upload-preview-strip,.chat-create-shell .post-composer-open .composer-buttons{grid-column:2!important;}
  .chat-create-shell .post-composer-open textarea{grid-column:1!important;grid-row:1 / span 3!important;}
}

.post-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(128px,1fr))!important;gap:10px!important;width:100%!important;}
.post-actions .btn{width:100%!important;min-width:0!important;justify-content:center!important;padding-left:12px!important;padding-right:12px!important;}
.post-actions .donate-main-btn,.post-actions [data-open-comment]{min-height:46px!important;font-size:13px!important;}
@media(max-width:560px){.post-actions{grid-template-columns:1fr 1fr!important}.post-actions .btn{min-height:44px!important}}

.hmx-card .compact-toggle{white-space:nowrap!important;}
.hmx-card .empty-state{min-height:52px;display:grid;align-items:center;}
.profile-cover{background-repeat:no-repeat!important;background-size:cover!important;background-position:center center!important;}
.profile-view-card{max-width:1180px!important;margin:0 auto!important;}
@media(min-width:960px){.profile-only-grid{max-width:1180px!important}.profile-cover{height:220px!important}.profile-view-card .profile-hero{grid-template-columns:auto minmax(0,1fr)!important;align-items:end!important}}

/* === Final finish fixes: mobile intro fit, smooth intro handoff, post action layout, desktop composer alignment === */
.intro-final-title .cinema-title-wrap{
  width:min(1160px, calc(100vw - 18px))!important;
  max-width:calc(100vw - 18px)!important;
  padding:14px!important;
  overflow:visible!important;
}
.intro-final-title .cinema-title-wrap h1{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  width:100%!important;
  max-width:100%!important;
  font-size:clamp(38px, 8.4vw, 126px)!important;
  letter-spacing:-.055em!important;
  line-height:.94!important;
  text-align:center!important;
}
.intro-final-title .cinema-subtitle{
  max-width:min(980px, 96vw)!important;
  font-size:clamp(10px,1.25vw,16px)!important;
  line-height:1.35!important;
  letter-spacing:.035em!important;
}
.intro-final-title.intro-leaving,
.intro-launch.intro-leaving{
  opacity:0!important;
  transform:scale(1.012)!important;
  filter:blur(6px)!important;
  transition:opacity .5s ease, transform .5s ease, filter .5s ease!important;
  pointer-events:none!important;
}
@media(max-width:560px){
  .intro-final-title .cinema-title-wrap{width:100%!important;max-width:100vw!important;padding:10px 8px!important;}
  .intro-final-title .cinema-title-wrap h1{
    font-size:clamp(27px, 10.7vw, 45px)!important;
    letter-spacing:-.065em!important;
    transform:scaleX(.92)!important;
    transform-origin:center!important;
    line-height:1!important;
  }
  .intro-final-title .cinema-subtitle{
    font-size:9px!important;
    letter-spacing:.006em!important;
    line-height:1.42!important;
    max-width:96vw!important;
  }
  .intro-final-title .cinema-line{width:74vw!important;margin-top:16px!important;}
  .intro-final-title .cinema-lux-bg:before{animation-duration:1.55s!important;filter:blur(14px)!important;}
  .intro-final-title .cinema-title-wrap{animation-duration:1.35s!important;}
  .intro-final-title.intro-leaving,.intro-launch.intro-leaving{transition-duration:.46s!important;filter:blur(4px)!important;}
}
@media(max-width:380px){
  .intro-final-title .cinema-title-wrap h1{font-size:clamp(25px, 10.2vw, 38px)!important;transform:scaleX(.88)!important;letter-spacing:-.075em!important;}
}

/* Global Chat composer: same width as feed, CTA always full width at bottom */
.chat-create-shell{
  width:min(100%,1180px)!important;
  max-width:1180px!important;
  margin:0 auto 18px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
  align-items:stretch!important;
}
.chat-create-shell>.card-head{margin-bottom:0!important;}
.chat-create-shell>.create-post-trigger{
  width:100%!important;
  min-height:58px!important;
  justify-self:stretch!important;
  order:5!important;
  margin-top:2px!important;
}
.chat-create-shell>.tiny{order:6!important;text-align:center!important;margin:0!important;}
.chat-create-shell .post-composer-open{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
}
.chat-create-shell .post-composer-open textarea{min-height:132px!important;grid-column:auto!important;grid-row:auto!important;}
.chat-create-shell .post-composer-open .attach-file,
.chat-create-shell .post-composer-open .upload-preview-strip,
.chat-create-shell .post-composer-open .composer-buttons{grid-column:auto!important;}
@media(min-width:960px){
  .chat-create-shell{padding:20px 22px!important;}
  .chat-create-shell .post-composer-open{
    grid-template-columns:minmax(0,1fr) minmax(320px,.58fr)!important;
    align-items:start!important;
  }
  .chat-create-shell .post-composer-open textarea{grid-column:1!important;grid-row:1 / span 3!important;min-height:172px!important;}
  .chat-create-shell .post-composer-open .attach-file,
  .chat-create-shell .post-composer-open .upload-preview-strip,
  .chat-create-shell .post-composer-open .composer-buttons{grid-column:2!important;}
  .chat-create-shell .composer-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;}
}

/* Post actions: heart alone, then full-width vertical action buttons on all devices */
.post-actions-final,
.post-actions{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:10px!important;
  width:100%!important;
  margin-top:14px!important;
}
.like-heart{
  align-self:flex-start!important;
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  color:rgba(255,138,164,.86)!important;
  font-size:22px!important;
  line-height:1!important;
  min-height:34px!important;
  padding:4px 6px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  cursor:pointer!important;
  text-shadow:0 0 18px rgba(255,86,126,.28)!important;
  transition:transform .18s ease, color .18s ease, filter .18s ease!important;
}
.like-heart span{font-size:12px!important;color:var(--muted)!important;font-weight:900!important;line-height:1!important;}
.like-heart:hover{transform:translateY(-1px) scale(1.06)!important;color:#ff7696!important;filter:drop-shadow(0 0 12px rgba(255,86,126,.42))!important;}
.like-heart.liked{color:#ff4771!important;filter:drop-shadow(0 0 16px rgba(255,71,113,.55))!important;}
.post-action-stack{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important;}
.post-action-stack .btn,
.post-actions-final .btn,
.post-actions .btn:not(.like-post-btn){
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  justify-content:center!important;
  font-size:14px!important;
  border-radius:17px!important;
}
.post-delete-btn,
.post-actions .danger{
  color:#ffe8ec!important;
  background:linear-gradient(135deg,rgba(255,118,138,.24),rgba(255,255,255,.055),rgba(255,85,112,.18))!important;
  border-color:rgba(255,123,146,.32)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 30px rgba(255,71,113,.08)!important;
}
.comment-main-btn,
.post-actions [data-open-comment]{
  background:linear-gradient(135deg,rgba(102,247,255,.16),rgba(255,255,255,.055),rgba(164,107,255,.13))!important;
  border-color:rgba(102,247,255,.22)!important;
  color:#eafcff!important;
}
.post-actions .like-post-btn{display:none!important;}

/* === Final fix: Global Chat pen composer + mobile wallet app chooser === */
.global-chat-toolbar{
  width:min(1040px,100%);
  margin:0 auto 18px;
  display:grid;
  grid-template-columns:1fr;
  justify-items:center;
  gap:18px;
  padding:24px 18px 18px;
  border-radius:28px;
  background:linear-gradient(145deg,rgba(5,10,22,.66),rgba(255,255,255,.045));
  border:1px solid rgba(102,247,255,.14);
  box-shadow:0 24px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);
}
.global-chat-title{text-align:center;max-width:720px}.global-chat-title h2{margin:4px 0 6px;font-size:clamp(24px,3vw,42px);line-height:1;letter-spacing:-.055em;background:linear-gradient(90deg,#fff,#bdf9ff 45%,#ffd66b);-webkit-background-clip:text;background-clip:text;color:transparent}.global-chat-title p{margin:0;color:rgba(230,237,255,.64);font-weight:800}.quill-compose-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:min(420px,100%);height:68px;padding:0 28px;border:0;border-radius:999px;color:#061018;font-weight:1000;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#f7ffff,#66f7ff 38%,#b891ff 68%,#ffd66b);box-shadow:0 20px 70px rgba(102,247,255,.24),0 0 0 1px rgba(255,255,255,.45) inset;overflow:hidden;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.quill-compose-btn:before{content:"";position:absolute;inset:-30%;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.72) 48%,transparent 74%);transform:translateX(-70%) rotate(9deg);animation:quillShine 3.6s ease-in-out infinite;z-index:-1}.quill-compose-btn:hover{transform:translateY(-2px) scale(1.01);filter:saturate(1.15);box-shadow:0 24px 90px rgba(102,247,255,.34),0 0 0 1px rgba(255,255,255,.55) inset}.quill-mark{font-size:28px;display:inline-block;filter:drop-shadow(0 0 12px rgba(0,0,0,.25));animation:quillWrite 2.8s ease-in-out infinite}.post-composer-modal-host{backdrop-filter:blur(18px)}.post-composer-modal{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 84px);overflow:auto;scrollbar-width:none}.post-composer-modal::-webkit-scrollbar{display:none}.post-composer-modal .textarea{min-height:150px}.post-composer-modal .composer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.post-composer-modal .composer-buttons .btn{width:100%;min-height:52px}.wallet-picker-card{width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;scrollbar-width:none}.wallet-picker-card::-webkit-scrollbar{display:none}.wallet-choice-grid{display:grid;gap:10px}.wallet-choice{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:13px 14px;border-radius:18px;border:1px solid rgba(102,247,255,.16);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(102,247,255,.04));color:#eefbff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.wallet-choice:hover{transform:translateY(-1px);border-color:rgba(102,247,255,.36);background:linear-gradient(135deg,rgba(102,247,255,.12),rgba(255,255,255,.07))}.wallet-choice-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.08);font-size:20px}.wallet-choice-icon img{width:24px;height:24px;border-radius:8px}.wallet-choice strong{display:block;font-size:14px}.wallet-choice em{display:block;margin-top:3px;font-style:normal;font-size:11px;color:rgba(230,237,255,.56)}.wallet-mobile-title{margin:16px 0 8px;color:rgba(255,214,107,.86);font-weight:1000;letter-spacing:.14em;text-transform:uppercase;font-size:11px}.wallet-note{margin-top:12px;color:rgba(230,237,255,.56);font-size:12px;line-height:1.5}.wallet-empty{padding:14px;border-radius:18px;border:1px dashed rgba(255,255,255,.14);color:rgba(230,237,255,.7);display:grid;gap:6px}.wallet-empty strong{color:#fff}
@keyframes quillShine{0%,55%{transform:translateX(-75%) rotate(9deg)}100%{transform:translateX(85%) rotate(9deg)}}@keyframes quillWrite{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-3px) rotate(4deg)}}
@media(min-width:900px){.global-chat-toolbar{grid-template-columns:1fr;}.post-list{width:min(1040px,100%);margin-inline:auto}.post-composer-modal .form-grid{display:grid;grid-template-columns:1fr 240px;align-items:start}.post-composer-modal .textarea{grid-row:span 2}.post-composer-modal .composer-buttons{grid-column:1/-1}}
@media(max-width:640px){.global-chat-toolbar{padding:18px 12px 14px;border-radius:22px}.quill-compose-btn{height:60px;min-width:100%;font-size:13px}.quill-mark{font-size:24px}.post-composer-modal .composer-buttons{grid-template-columns:1fr}.wallet-choice{padding:12px}.wallet-choice-icon{width:34px;height:34px}}

/* WalletConnect no-redirect repair */
.walletconnect-setup{
  margin-top:14px;
  display:grid;
  gap:10px;
  padding:14px;
  border-radius:20px;
  border:1px solid rgba(255,214,107,.18);
  background:linear-gradient(135deg,rgba(255,214,107,.08),rgba(102,247,255,.045));
}
.walletconnect-setup .wallet-note.strong{
  margin:0;
  color:rgba(255,245,210,.82);
  font-weight:800;
}
.walletconnect-setup .input{
  width:100%;
}
.wallet-choice.loading{
  opacity:.72;
  pointer-events:none;
  position:relative;
}
.wallet-choice.loading:after{
  content:"";
  width:18px;
  height:18px;
  margin-left:auto;
  border-radius:50%;
  border:2px solid rgba(102,247,255,.25);
  border-top-color:rgba(102,247,255,.95);
  animation:hmSpin .75s linear infinite;
}

/* Final Profile Layout Fix: Twitter-like cover, adaptive avatar and full nickname visibility */
.profile-view-card{
  overflow:visible!important;
  padding:0!important;
  border-radius:30px!important;
}
.profile-view-card .profile-cover{
  height:clamp(168px,25vw,260px)!important;
  margin:0!important;
  border-radius:30px 30px 0 0!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.profile-view-card .profile-cover:before{
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.28))!important;
}
.profile-view-card .profile-hero{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:start!important;
  gap:20px!important;
  margin:0!important;
  padding:0 26px 26px!important;
  position:relative!important;
  z-index:4!important;
  transform:none!important;
}
.profile-view-card .profile-avatar.large{
  width:118px!important;
  height:118px!important;
  border-radius:34px!important;
  margin-top:-58px!important;
  box-shadow:0 18px 54px rgba(0,0,0,.56),0 0 0 7px rgba(5,6,10,.92),0 0 34px rgba(102,247,255,.18)!important;
}
.profile-info-panel{
  min-width:0!important;
  width:100%!important;
  padding-top:18px!important;
}
.profile-view-card .eyebrow{
  margin-bottom:6px!important;
}
.profile-view-card .profile-title{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  font-size:clamp(30px,4.2vw,52px)!important;
  line-height:1.04!important;
  letter-spacing:-.065em!important;
  margin:0 0 10px!important;
}
.profile-view-card .profile-title .identity-line{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  min-width:0!important;
  max-width:100%!important;
}
.profile-view-card .profile-title .identity-nick{
  display:inline!important;
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.profile-view-card .wallet-chip{
  display:inline-flex!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  line-height:1.35!important;
}
.profile-view-card .card-sub{
  max-width:880px!important;
  overflow-wrap:anywhere!important;
}
.profile-view-card .org-profile-info{
  width:min(100%,720px)!important;
  box-sizing:border-box!important;
}
.profile-view-card .profile-status,
.profile-view-card .profile-actions-row{
  max-width:100%!important;
}

@media (max-width:720px){
  .profile-view-card{
    border-radius:24px!important;
  }
  .profile-view-card .profile-cover{
    height:136px!important;
    border-radius:24px 24px 0 0!important;
  }
  .profile-view-card .profile-hero{
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:0 15px 18px!important;
  }
  .profile-view-card .profile-avatar.large{
    width:88px!important;
    height:88px!important;
    border-radius:25px!important;
    margin-top:-44px!important;
    box-shadow:0 14px 40px rgba(0,0,0,.56),0 0 0 6px rgba(5,6,10,.94),0 0 26px rgba(102,247,255,.16)!important;
  }
  .profile-info-panel{
    padding-top:0!important;
  }
  .profile-view-card .profile-title{
    font-size:clamp(24px,8vw,34px)!important;
    line-height:1.08!important;
    letter-spacing:-.055em!important;
  }
  .profile-view-card .profile-title .identity-line{
    gap:6px!important;
  }
  .profile-view-card .profile-title .verified-check{
    font-size:16px!important;
    margin-left:2px!important;
  }
  .profile-view-card .profile-title .org-identity{
    max-width:100%!important;
    font-size:10px!important;
  }
  .profile-view-card .wallet-chip{
    font-size:10px!important;
    padding:7px 9px!important;
  }
  .profile-view-card .org-profile-info{
    align-items:flex-start!important;
    gap:10px!important;
    padding:10px!important;
    border-radius:16px!important;
  }
  .profile-actions-row .btn{
    width:100%!important;
  }
}

/* === Final v1 social upgrades: nav icons, unread, views, traveler score, smooth realtime === */
.nav-logo-img{width:22px;height:22px;border-radius:8px;object-fit:cover;filter:drop-shadow(0 0 10px rgba(102,247,255,.45));}
.nav-person-icon{font-weight:1000;font-size:15px;letter-spacing:-.25em;transform:translateX(-2px);display:inline-block;background:linear-gradient(135deg,#fff,#66f7ff 48%,#ffd66b);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px rgba(102,247,255,.45));}
.nav-post-icon{font-size:18px;color:#ffd66b;text-shadow:0 0 14px rgba(255,214,107,.55),0 0 18px rgba(102,247,255,.25);}
.messenger-fab{overflow:visible!important;}
.messenger-unread-badge{position:absolute;right:-7px;top:-8px;z-index:4;min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#ff3f65,#ff7b91);color:#fff;font-weight:1000;font-size:11px;line-height:1;border:2px solid rgba(3,5,12,.95);box-shadow:0 0 0 1px rgba(255,255,255,.28),0 0 20px rgba(255,64,102,.62),0 8px 22px rgba(0,0,0,.45);animation:unreadPop .46s cubic-bezier(.2,1.5,.2,1) both;}
@keyframes unreadPop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.16)}100%{transform:scale(1);opacity:1}}
.post-live-in{animation:postLiveIn .58s cubic-bezier(.2,.9,.2,1) both!important;}
@keyframes postLiveIn{0%{opacity:0;transform:translateY(-18px) scale(.985);filter:blur(10px)}100%{opacity:1;transform:none;filter:none}}
.like-pulse-live{animation:likePulseLive .5s cubic-bezier(.2,1.4,.2,1) both!important;}
@keyframes likePulseLive{0%{transform:scale(1)}45%{transform:scale(1.24);filter:drop-shadow(0 0 18px rgba(255,71,113,.75))}100%{transform:scale(1)}}
.post-metrics{display:flex;align-items:center;gap:10px;margin:12px 0 2px;color:rgba(230,237,255,.64);font-size:12px;font-weight:900;letter-spacing:.03em;}
.post-views{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(102,247,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.055);}
.traveler-card{position:relative;overflow:hidden;margin-top:16px;background:linear-gradient(145deg,rgba(7,13,27,.92),rgba(2,4,11,.96))!important;border:1px solid rgba(102,247,255,.16)!important;box-shadow:0 30px 110px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08)!important;}
.traveler-card.legacy{border-color:rgba(255,214,107,.44)!important;box-shadow:0 0 0 1px rgba(255,214,107,.18),0 36px 130px rgba(255,214,107,.13),0 34px 100px rgba(0,0,0,.42)!important;}
.traveler-aurora{position:absolute;inset:-40%;pointer-events:none;background:radial-gradient(circle at 20% 20%,rgba(102,247,255,.16),transparent 24%),radial-gradient(circle at 78% 8%,rgba(255,214,107,.13),transparent 26%),radial-gradient(circle at 65% 78%,rgba(164,107,255,.12),transparent 25%);filter:blur(8px);opacity:.9;}
.traveler-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:18px;align-items:flex-start;}
.traveler-score-number{font-size:clamp(34px,5.2vw,76px);font-weight:1000;line-height:.9;letter-spacing:-.075em;background:linear-gradient(90deg,#fff,#c8fbff 45%,#ffd66b);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 48px rgba(102,247,255,.12);}
.traveler-score-number span{font-size:clamp(13px,1.4vw,17px);letter-spacing:.02em;color:rgba(230,237,255,.52);-webkit-text-fill-color:rgba(230,237,255,.52);margin-left:8px;white-space:nowrap;}
.traveler-rank{margin-top:8px;font-weight:1000;color:#fff;font-size:18px;}
.traveler-head p{margin:8px 0 0;color:rgba(230,237,255,.66);max-width:720px;line-height:1.55;}
.traveler-medal{width:82px;height:82px;min-width:82px;border-radius:30px;display:grid;place-items:center;font-size:38px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(102,247,255,.055));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 50px rgba(0,0,0,.30);}
.traveler-bar{position:relative;z-index:1;height:14px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);overflow:hidden;margin:20px 0 14px;}
.traveler-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#66f7ff,#b891ff,#ffd66b);box-shadow:0 0 30px rgba(102,247,255,.32);transition:width .75s cubic-bezier(.2,.8,.2,1);}
.traveler-mini-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 16px;}
.traveler-mini-stats span{padding:12px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(102,247,255,.10);color:rgba(230,237,255,.58);font-weight:800;}
.traveler-mini-stats strong{display:block;margin-top:5px;color:#fff;font-size:18px;}
.achievements-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:9px;margin-top:12px;}
.achievement-pill{min-height:54px;border-radius:18px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.018));color:rgba(230,237,255,.45);display:flex;align-items:center;gap:9px;justify-content:center;font-weight:1000;cursor:pointer;transition:transform .18s ease,border-color .18s ease,filter .18s ease,color .18s ease;}
.achievement-pill span{font-size:16px;opacity:.7}.achievement-pill:hover{transform:translateY(-1px);border-color:rgba(102,247,255,.22);color:#fff}.achievement-pill.done{color:#f8feff;border-color:rgba(102,247,255,.34);background:linear-gradient(135deg,rgba(102,247,255,.16),rgba(164,107,255,.09),rgba(255,214,107,.10));box-shadow:0 0 28px rgba(102,247,255,.12),inset 0 1px 0 rgba(255,255,255,.09);filter:saturate(1.1)}
.achievement-pill.done span{color:#ffd66b;opacity:1;text-shadow:0 0 14px rgba(255,214,107,.65)}
.legacy-box{position:relative;z-index:1;margin-top:16px;padding:14px;border-radius:20px;border:1px solid rgba(255,214,107,.20);background:linear-gradient(135deg,rgba(255,214,107,.10),rgba(102,247,255,.045));display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:rgba(255,255,255,.8);font-size:12px;}
.legacy-box strong{width:100%;font-size:13px;color:#fff}.legacy-box span{padding:7px 9px;border-radius:999px;background:rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.10);font-weight:900;}
.traveler-leaderboard .traveler-top-list{position:relative;z-index:1;display:grid;gap:8px;}
.traveler-top-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:10px;align-items:center;width:100%;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(255,255,255,.035);color:#fff;padding:10px 12px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease;}
.traveler-top-row:hover,.traveler-top-row.active{transform:translateY(-1px);border-color:rgba(102,247,255,.24);background:rgba(102,247,255,.07)}
.traveler-top-row span{color:#ffd66b;font-weight:1000}.traveler-top-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.traveler-top-row em{font-style:normal;color:rgba(230,237,255,.64);font-weight:800}.traveler-top-row b{color:#66f7ff;font-size:14px;}
@media(max-width:760px){.traveler-head{display:block}.traveler-medal{width:58px;height:58px;min-width:58px;font-size:29px;border-radius:22px;margin-top:12px}.traveler-mini-stats{grid-template-columns:1fr 1fr}.traveler-top-row{grid-template-columns:34px minmax(0,1fr);}.traveler-top-row em,.traveler-top-row b{grid-column:2}.traveler-score-number{font-size:clamp(34px,14vw,48px)}.traveler-score-number span{display:block;margin:7px 0 0}.achievements-grid{grid-template-columns:1fr 1fr}.achievement-pill{font-size:12px;min-height:50px}.legacy-box{display:grid}.nav-logo-img{width:19px;height:19px}}
@media(max-width:420px){.achievements-grid,.traveler-mini-stats{grid-template-columns:1fr}.traveler-card{padding:13px!important}.traveler-score-number{font-size:34px}.traveler-rank{font-size:16px}}
@media(prefers-reduced-motion:reduce){.post-live-in,.like-pulse-live,.messenger-unread-badge,.traveler-bar i{animation:none!important;transition:none!important}}

/* === Final visual repair: restore dock feel, clean messenger, premium post reader, modern traveler cards === */
.nav-person-icon,.nav-post-icon{all:unset!important;}
.sidebar.bottom-dock .nav-ico{
  font-weight:900!important;
  letter-spacing:0!important;
}
.nav-logo-img{
  width:22px!important;
  height:22px!important;
  border-radius:8px!important;
  object-fit:cover!important;
  filter:drop-shadow(0 0 10px rgba(102,247,255,.45))!important;
}
.messenger-fab-glow{display:none!important;animation:none!important;background:none!important;}
.messenger-fab{
  overflow:visible!important;
  border-radius:22px!important;
}
.messenger-fab:before,.messenger-fab:after{display:none!important;content:none!important;}
.messenger-fab-icon{
  animation:hmPlaneFloat 2.8s ease-in-out infinite!important;
  transform:rotate(-18deg)!important;
  filter:drop-shadow(0 0 14px rgba(102,247,255,.65));
}

.post-card-readable{cursor:pointer;}
.post-card-readable .btn,.post-card-readable .like-heart,.post-card-readable input,.post-card-readable textarea,.post-card-readable label{cursor:pointer;}
.post-reader-host{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);}
.post-reader-card{
  width:min(760px,calc(100vw - 24px))!important;
  max-height:calc(100vh - 34px - var(--safe-bottom,0px))!important;
  overflow:auto!important;
  scrollbar-width:none!important;
  border:1px solid rgba(102,247,255,.22)!important;
  background:linear-gradient(145deg,rgba(8,14,29,.94),rgba(2,4,10,.98))!important;
  box-shadow:0 34px 120px rgba(0,0,0,.68),0 0 70px rgba(102,247,255,.12),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.post-reader-card::-webkit-scrollbar{display:none!important;}
.post-reader-media{
  width:100%;
  max-height:60vh;
  object-fit:contain;
  border-radius:22px;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 56px rgba(0,0,0,.35);
  margin:12px 0 16px;
}
.post-reader-text{
  font-size:clamp(16px,2.4vw,22px);
  line-height:1.62;
  color:#f8feff;
  white-space:pre-wrap;
  word-break:break-word;
  padding:10px 2px 8px;
}
.post-reader-stats{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:12px 0;
}
.post-reader-stats span{
  border:1px solid rgba(102,247,255,.14);
  background:rgba(255,255,255,.045);
  border-radius:999px;
  padding:8px 11px;
  color:rgba(230,237,255,.72);
  font-weight:900;
  font-size:12px;
}
.post-reader-comments{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.post-reader-card .modal-actions{
  position:sticky;
  bottom:0;
  background:linear-gradient(180deg,transparent,rgba(2,4,10,.92) 28%,rgba(2,4,10,.98));
  padding-top:18px;
}

.traveler-card{
  border-radius:26px!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(102,247,255,.10),transparent 32%),
    radial-gradient(circle at 88% 12%,rgba(255,214,107,.09),transparent 30%),
    linear-gradient(145deg,rgba(8,13,26,.94),rgba(2,4,10,.98))!important;
}
.traveler-rank{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(102,247,255,.16)!important;
  color:#fff!important;
  font-size:14px!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.rank-orbit{
  width:22px!important;
  height:22px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(102,247,255,.9),rgba(255,214,107,.76))!important;
  box-shadow:0 0 18px rgba(102,247,255,.34)!important;
  position:relative!important;
}
.rank-orbit:after{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:999px;
  background:#07101f;
}
.traveler-medal{
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(102,247,255,.09),rgba(255,255,255,.035))!important;
  border:1px solid rgba(102,247,255,.16)!important;
  font-size:0!important;
}
.traveler-medal span{
  font-size:20px!important;
  font-weight:1000!important;
  letter-spacing:-.04em!important;
  background:linear-gradient(90deg,#fff,#66f7ff,#ffd66b);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.achievements-grid{
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}
.achievement-pill{
  min-height:84px!important;
  justify-content:flex-start!important;
  text-align:left!important;
  padding:14px!important;
  border-radius:22px!important;
  display:grid!important;
  grid-template-columns:32px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:3px 11px!important;
  color:rgba(230,237,255,.56)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.018))!important;
  position:relative!important;
  overflow:hidden!important;
}
.achievement-pill:before{
  content:"";
  position:absolute;
  inset:-60% -20%;
  background:linear-gradient(115deg,transparent,rgba(255,255,255,.08),transparent);
  opacity:0;
  transform:translateX(-30%);
  transition:.45s ease;
}
.achievement-pill:hover:before,.achievement-pill.done:before{opacity:1;transform:translateX(30%);}
.achievement-state{
  grid-row:1/3;
  width:32px!important;
  height:32px!important;
  border-radius:12px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,255,255,.05)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  color:rgba(230,237,255,.34)!important;
  font-size:15px!important;
  opacity:1!important;
}
.achievement-pill strong{
  font-size:13px!important;
  line-height:1.1!important;
  letter-spacing:.01em!important;
  position:relative!important;
  z-index:1!important;
}
.achievement-pill small{
  color:rgba(230,237,255,.40)!important;
  font-size:10px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  position:relative!important;
  z-index:1!important;
}
.achievement-pill.done{
  border-color:rgba(102,247,255,.35)!important;
  background:linear-gradient(145deg,rgba(102,247,255,.12),rgba(164,107,255,.06),rgba(255,214,107,.08))!important;
  box-shadow:0 0 32px rgba(102,247,255,.12),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.achievement-pill.done .achievement-state{
  background:linear-gradient(135deg,#66f7ff,#ffd66b)!important;
  color:#06101b!important;
  border-color:rgba(255,255,255,.46)!important;
  box-shadow:0 0 20px rgba(102,247,255,.34)!important;
}
.achievement-pill.done small{color:#ffd66b!important;}
@media(max-width:760px){
  .post-reader-card{max-height:calc(100vh - 18px - var(--safe-bottom,0px))!important;}
  .post-reader-media{max-height:46vh;border-radius:18px;}
  .achievements-grid{grid-template-columns:1fr!important;}
  .achievement-pill{min-height:76px!important;}
}

/* === Final friends/notifications/profile posts/mobile performance polish === */
.notification-fab{
  position:fixed;right:28px;bottom:calc(var(--hm-dock-space) + var(--safe-bottom) + 86px);z-index:80;width:58px;height:58px;border:1px solid rgba(255,214,107,.34);border-radius:22px;background:linear-gradient(145deg,rgba(255,214,107,.14),rgba(102,247,255,.08),rgba(7,12,24,.92));box-shadow:0 22px 70px rgba(0,0,0,.56),0 0 34px rgba(255,214,107,.18),inset 0 1px 0 rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer;transform:translateZ(0);will-change:transform;animation:bellArrive .46s cubic-bezier(.2,1.35,.2,1) both;
}
.notification-fab:hover{transform:translateY(-3px) scale(1.03)}
.notification-bell{font-size:25px;filter:drop-shadow(0 0 13px rgba(255,214,107,.72));animation:bellWiggle 2.8s ease-in-out infinite;}
.notification-badge{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:linear-gradient(135deg,#ff3f65,#ff8596);border:2px solid #060914;color:#fff;font-size:11px;font-weight:1000;display:grid;place-items:center;box-shadow:0 0 20px rgba(255,64,102,.55)}
@keyframes bellArrive{from{opacity:0;transform:translateY(14px) scale(.86)}to{opacity:1;transform:none}}
@keyframes bellWiggle{0%,72%,100%{transform:rotate(0)}76%{transform:rotate(10deg)}80%{transform:rotate(-9deg)}84%{transform:rotate(7deg)}88%{transform:rotate(-4deg)}}
.notifications-card,.friends-modal-card{width:min(720px,calc(100vw - 24px))!important;max-height:calc(100vh - 30px - var(--safe-bottom,0px))!important;overflow:auto!important;scrollbar-width:none;background:linear-gradient(145deg,rgba(8,14,30,.96),rgba(2,4,10,.98))!important;border:1px solid rgba(102,247,255,.18)!important;box-shadow:0 34px 120px rgba(0,0,0,.72),0 0 60px rgba(102,247,255,.10)!important;}
.notifications-card::-webkit-scrollbar,.friends-modal-card::-webkit-scrollbar{display:none!important}.notifications-list,.friends-modal-list{display:grid;gap:10px;margin-top:14px}.notification-row,.friend-row-card{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));padding:13px;color:#fff}.notification-row.unread{border-color:rgba(255,214,107,.25);box-shadow:0 0 24px rgba(255,214,107,.08)}.notification-row span,.friend-row-card small{display:block;color:rgba(230,237,255,.66);margin-top:4px}.notification-row small{display:block;color:rgba(230,237,255,.42);margin-top:5px;font-size:11px}.notification-actions,.friend-row-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.friend-row-card{grid-template-columns:auto minmax(0,1fr) auto}.friend-row-actions .btn{min-height:38px;padding:9px 12px}.soft-danger{background:linear-gradient(135deg,rgba(255,93,123,.20),rgba(255,255,255,.04))!important;border-color:rgba(255,93,123,.28)!important;color:#ffd5dc!important}.profile-actions-enhanced{display:flex!important;flex-wrap:wrap!important;gap:10px!important}.profile-actions-enhanced .btn{flex:1 1 150px!important}.profile-posts-card{margin-top:16px}.profile-post-list{display:grid;gap:14px}.profile-post-list .post-card{margin:0!important}.collapsible-traveler .card-head{position:relative;z-index:2}.collapsed-preview{position:relative;z-index:1;margin-top:12px;border:1px dashed rgba(102,247,255,.20);background:rgba(255,255,255,.035);border-radius:18px;padding:14px;color:rgba(230,237,255,.62);font-weight:800}.traveler-collapse-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 4px;padding:12px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(102,247,255,.12)}.traveler-collapse-head strong{display:block;color:#fff;font-weight:1000}.traveler-collapse-head small{display:block;color:rgba(230,237,255,.54);font-weight:800;margin-top:4px}.rank-signal{width:24px;height:24px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(102,247,255,.22),rgba(255,214,107,.18));border:1px solid rgba(255,255,255,.13);box-shadow:0 0 20px rgba(102,247,255,.13)}.rank-signal i{width:10px;height:10px;border-radius:4px;background:linear-gradient(135deg,#66f7ff,#ffd66b);box-shadow:0 0 16px rgba(102,247,255,.6)}.achievements-modern-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:14px!important}.achievements-modern-grid .achievement-pill{min-height:88px!important}.app-shell,.content,.card,.post-card,.profile-card{backface-visibility:hidden}.post-card,.friend-row-card,.notification-row,.traveler-card{contain:layout paint style}.content.page-transition{animation:none!important;transition:opacity .16s ease,transform .16s ease}.post-live-in{will-change:transform,opacity;}
@media(max-width:760px){.notification-fab{right:14px;bottom:calc(var(--hm-dock-space) + var(--safe-bottom) + 76px);width:54px;height:54px;border-radius:19px}.notification-bell{font-size:23px}.notification-row,.friend-row-card{grid-template-columns:1fr}.notification-actions,.friend-row-actions{justify-content:stretch}.notification-actions .btn,.friend-row-actions .btn{width:100%;flex:1}.profile-actions-enhanced .btn{flex-basis:100%!important}.traveler-collapse-head{align-items:stretch;flex-direction:column}.traveler-collapse-head .btn{width:100%}.profile-post-list{gap:12px}.achievements-modern-grid{grid-template-columns:1fr!important}.collapsed-preview{font-size:13px}}
@media(prefers-reduced-motion:reduce){.notification-bell,.notification-fab{animation:none!important}}

/* Final realtime no-flicker polish: create/update notification controls without page re-render */
.notification-live-in{animation:hmNotifyIn .24s cubic-bezier(.2,.9,.2,1) both!important;will-change:transform,opacity;}
.notification-fab-out{animation:hmNotifyOut .20s ease both!important;pointer-events:none!important;}
.notification-badge-pop{animation:hmBadgePop .34s cubic-bezier(.18,.9,.24,1.25) both!important;}
.dm-live-in{animation:hmDmSoftIn .22s ease both!important;will-change:transform,opacity;}
@keyframes hmNotifyIn{from{opacity:0;transform:translateY(12px) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes hmNotifyOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.86)}}
@keyframes hmBadgePop{0%{transform:scale(.74);filter:brightness(.9)}55%{transform:scale(1.18);filter:brightness(1.25)}100%{transform:scale(1);filter:brightness(1)}}
@keyframes hmDmSoftIn{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.notification-live-in,.notification-fab-out,.notification-badge-pop,.dm-live-in{animation:none!important;transition:none!important;}}

/* Official Partner / future account-type badges — separate from verification checks */
.account-type-badge{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:22px;
  margin-left:7px;
  padding:4px 9px 4px 6px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(102,247,255,.08),rgba(167,139,250,.08));
  border:1px solid rgba(102,247,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 22px rgba(102,247,255,.06);
  color:#dffcff;
  font-size:11px;
  font-weight:900;
  line-height:1;
  letter-spacing:.01em;
  white-space:nowrap;
  vertical-align:middle;
  z-index:5;
  backdrop-filter:blur(10px);
}
.account-type-badge:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:linear-gradient(90deg,transparent,rgba(102,247,255,.22),rgba(167,139,250,.20),transparent);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
.account-type-badge:hover:before,.account-type-badge:focus-visible:before{opacity:1}
.account-type-icon{
  width:17px;
  height:17px;
  min-width:17px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.22),rgba(102,247,255,.10) 52%,rgba(0,0,0,.12));
  border:1px solid rgba(255,255,255,.12);
  font-size:10px;
  box-shadow:0 0 14px rgba(102,247,255,.16);
}
.account-type-name{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-type-hover{
  position:absolute;
  left:0;
  bottom:calc(100% + 10px);
  width:min(270px,calc(100vw - 30px));
  padding:12px 13px;
  border-radius:16px;
  background:rgba(5,9,18,.96);
  border:1px solid rgba(102,247,255,.22);
  box-shadow:0 20px 55px rgba(0,0,0,.48),0 0 34px rgba(102,247,255,.10);
  opacity:0;
  transform:translateY(6px) scale(.98);
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
  color:var(--text);
  white-space:normal;
  text-align:left;
  z-index:60;
}
.account-type-hover:after{
  content:"";
  position:absolute;
  left:18px;
  bottom:-6px;
  width:12px;
  height:12px;
  transform:rotate(45deg);
  background:rgba(5,9,18,.96);
  border-right:1px solid rgba(102,247,255,.18);
  border-bottom:1px solid rgba(102,247,255,.18);
}
.account-type-hover strong{display:block;color:#b9fbff;font-size:12px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px}
.account-type-hover small{display:block;color:var(--muted);font-size:12px;line-height:1.35}
.account-type-badge:hover .account-type-hover,.account-type-badge:focus-visible .account-type-hover{opacity:1;transform:translateY(0) scale(1)}
.account-type-badge.official-partner{background:linear-gradient(135deg,rgba(102,247,255,.075),rgba(72,121,255,.075));border-color:rgba(102,247,255,.20);color:#dffcff}
.account-type-badge.core-team{background:linear-gradient(135deg,rgba(167,139,250,.10),rgba(102,247,255,.06));border-color:rgba(167,139,250,.22);color:#eee8ff}
.account-type-badge.founder{background:linear-gradient(135deg,rgba(255,214,107,.08),rgba(255,92,145,.06));border-color:rgba(255,214,107,.18);color:#fff2c8}
.profile-title .account-type-badge{font-size:12px;padding:5px 11px 5px 7px}
.profile-title .account-type-icon{width:19px;height:19px;min-width:19px;font-size:11px}
.dialog-item .account-type-badge,.post-author .account-type-badge,.friend-result .account-type-badge{font-size:9.5px;padding:3px 6px 3px 4px;margin-left:5px}
.dialog-item .account-type-name,.post-author .account-type-name,.friend-result .account-type-name{max-width:92px}
.partner-profile-info{
  display:flex;
  align-items:center;
  gap:12px;
  margin:12px 0;
  padding:12px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(102,247,255,.07),rgba(167,139,250,.045));
  border:1px solid rgba(102,247,255,.17);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 28px rgba(102,247,255,.055);
}
.partner-profile-mark{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),rgba(102,247,255,.11) 54%,rgba(0,0,0,.18));
  border:1px solid rgba(255,255,255,.12);
  font-size:22px;
  box-shadow:0 0 22px rgba(102,247,255,.13);
}
.partner-profile-title{color:#dffcff;font-weight:950;letter-spacing:-.02em}
.partner-profile-desc{color:var(--muted);font-size:13px;line-height:1.35;margin-top:2px}
.partner-profile-info.core-team{border-color:rgba(167,139,250,.20);background:linear-gradient(135deg,rgba(167,139,250,.09),rgba(102,247,255,.04))}
.partner-profile-info.founder{border-color:rgba(255,214,107,.18);background:linear-gradient(135deg,rgba(255,214,107,.07),rgba(255,92,145,.04))}
@media (max-width:860px){
  .profile-title .account-type-badge{max-width:100%;font-size:10.5px}
  .account-type-name{max-width:120px}
  .account-type-hover{left:auto;right:0}.account-type-hover:after{left:auto;right:18px}
  .partner-profile-info{align-items:flex-start;gap:10px;padding:10px;border-radius:16px}
  .partner-profile-mark{width:46px;height:46px;min-width:46px;border-radius:16px;font-size:20px}
}

/* HMX Hold achievements — lightweight visual layer, no core logic changes */
.hmx-hold-panel{position:relative;z-index:1;margin:16px 0 6px;padding:16px;border-radius:24px;border:1px solid rgba(255,214,107,.18);background:linear-gradient(135deg,rgba(255,214,107,.08),rgba(102,247,255,.055),rgba(164,107,255,.055));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 58px rgba(0,0,0,.22);overflow:hidden;display:grid;gap:13px}.hmx-hold-panel strong{display:block;color:#fff;font-size:18px;font-weight:1000;margin-top:3px}.hmx-hold-panel p{margin:6px 0 0;color:rgba(230,237,255,.66);line-height:1.45;font-weight:750}.hmx-hold-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hmx-hold-stats span{border:1px solid rgba(255,255,255,.09);background:rgba(3,8,18,.42);border-radius:18px;padding:11px;color:rgba(230,237,255,.62);font-weight:900}.hmx-hold-stats b{display:block;margin-top:4px;color:#ffd66b;font-size:20px}.hmx-hold-track-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hmx-hold-track{position:relative;border-radius:17px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);padding:10px;display:grid;gap:8px;overflow:hidden}.hmx-hold-track:before{content:"";position:absolute;inset:auto -18% -45% -18%;height:80%;background:radial-gradient(circle,rgba(255,214,107,.14),transparent 60%);opacity:.55}.hmx-hold-track span,.hmx-hold-track em{position:relative;z-index:1;font-weight:1000;color:#fff}.hmx-hold-track em{font-style:normal;color:rgba(230,237,255,.58);font-size:12px}.hmx-hold-track i{position:relative;z-index:1;display:block;height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.hmx-hold-track i b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffd66b,#66f7ff);box-shadow:0 0 18px rgba(255,214,107,.38);transition:width .55s ease}.hmx-hold-track.done{border-color:rgba(255,214,107,.38);box-shadow:0 0 28px rgba(255,214,107,.12)}.hmx-coin-rain{position:absolute;right:14px;top:10px;width:84px;height:92px;pointer-events:none;opacity:.85}.hmx-coin-rain img{position:absolute;width:24px;height:24px;border-radius:50%;object-fit:cover;filter:drop-shadow(0 0 14px rgba(255,214,107,.45));animation:hmxCoinDrop 2.8s linear infinite}.hmx-coin-rain img:nth-child(1){left:6px;animation-delay:0s}.hmx-coin-rain img:nth-child(2){left:34px;animation-delay:.7s;width:20px;height:20px}.hmx-coin-rain img:nth-child(3){left:56px;animation-delay:1.35s;width:22px;height:22px}@keyframes hmxCoinDrop{0%{transform:translateY(-18px) rotateY(0deg) scale(.8);opacity:0}12%{opacity:1}70%{opacity:.95}100%{transform:translateY(88px) rotateY(720deg) scale(1.05);opacity:0}}.achievement-pill.hold-achievement{position:relative;overflow:hidden}.achievement-pill .achievement-fill{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,rgba(255,214,107,.18),rgba(102,247,255,.11));z-index:0;transition:width .65s ease}.achievement-pill.hold-achievement>*:not(.achievement-fill){position:relative;z-index:1}.achievement-pill.hold-achievement small{color:rgba(255,214,107,.78)!important}.achievement-pill.hold-achievement.done small{color:#ffd66b!important}
@media(max-width:760px){.hmx-hold-stats{grid-template-columns:1fr}.hmx-hold-track-grid{grid-template-columns:1fr 1fr}.hmx-coin-rain{right:4px;opacity:.48}.hmx-hold-panel{padding:14px}.hmx-hold-panel p{font-size:13px}}
@media(max-width:420px){.hmx-hold-track-grid{grid-template-columns:1fr}.hmx-coin-rain{display:none}}
@media(prefers-reduced-motion:reduce){.hmx-coin-rain img{animation:none!important}.hmx-hold-track i b,.achievement-pill .achievement-fill{transition:none!important}}

/* HMX Manual Withdrawal Launch Upgrade */
.hmx-launch-hero{background:radial-gradient(circle at 12% 0%,rgba(102,247,255,.16),transparent 34%),radial-gradient(circle at 88% 28%,rgba(255,214,107,.13),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(102,247,255,.16);box-shadow:0 34px 120px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.10)}
.hmx-launch-hero:after{content:"";position:absolute;inset:-40% -18%;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.10) 45%,transparent 57%);animation:hmxHeroSweep 5.8s ease-in-out infinite;pointer-events:none}.hmx-hero-copy{position:relative;z-index:1}.hmx-premium-grid,.hmx-balance-withdraw-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:18px;align-items:stretch}.hmx-progress-card,.hmx-buy-card,.hmx-balance-card,.hmx-history-card{border-color:rgba(102,247,255,.12)!important;box-shadow:0 22px 86px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07)}.hmx-progress-premium{height:20px;background:rgba(2,6,16,.64)}.hmx-progress-premium span{background:linear-gradient(90deg,#66f7ff 0%,#8c7cff 45%,#ffd66b 100%);box-shadow:0 0 34px rgba(102,247,255,.35),0 0 32px rgba(255,214,107,.18)}.hmx-launch-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.hmx-buy-form{gap:14px}.hmx-primary-cta,.hmx-withdraw-btn{width:100%;min-height:54px;font-size:15px;text-transform:uppercase;letter-spacing:.08em}.hmx-balance-strip{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px}.hmx-available-chip{border-color:rgba(255,214,107,.22)!important;background:linear-gradient(135deg,rgba(255,214,107,.12),rgba(102,247,255,.055))!important}.hmx-withdraw-note{margin:12px 0 0;color:rgba(230,237,255,.56)}.hmx-withdraw-table{display:grid;gap:10px;max-height:430px;overflow:auto;scrollbar-width:none}.hmx-withdraw-table::-webkit-scrollbar{display:none}.hmx-withdraw-row{display:grid;grid-template-columns:minmax(120px,1.15fr) minmax(90px,.85fr) minmax(86px,.55fr);gap:10px;align-items:center;padding:12px 13px;border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.022));border:1px solid rgba(255,255,255,.08);color:rgba(238,251,255,.88);animation:hmxRowIn .34s ease both}.hmx-withdraw-row strong{color:#fff}.hmx-withdraw-status{justify-self:end;font-style:normal;font-weight:1000;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);color:rgba(230,237,255,.70)}.hmx-withdraw-status.pending{border-color:rgba(255,214,107,.24);background:rgba(255,214,107,.09);color:#ffe8a3}.hmx-withdraw-status.completed{border-color:rgba(66,255,180,.28);background:rgba(66,255,180,.09);color:#a9ffd9}.hmx-withdraw-status.processing{border-color:rgba(102,247,255,.25);background:rgba(102,247,255,.08);color:#b9fbff}.hmx-withdraw-status.rejected,.hmx-withdraw-status.declined{border-color:rgba(255,93,123,.24);background:rgba(255,93,123,.08);color:#ffd4db}.hmx-withdraw-host{backdrop-filter:blur(18px)}.hmx-withdraw-modal{position:relative;width:min(560px,calc(100vw - 24px));overflow:hidden}.hmx-withdraw-glow{position:absolute;inset:-35% -20% auto;height:260px;background:radial-gradient(circle,rgba(102,247,255,.20),transparent 58%);pointer-events:none}.hmx-withdraw-balance{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border:1px solid rgba(255,214,107,.18);border-radius:20px;background:linear-gradient(135deg,rgba(255,214,107,.10),rgba(102,247,255,.055));margin:14px 0}.hmx-withdraw-balance span{color:rgba(230,237,255,.62);font-weight:850}.hmx-withdraw-balance strong{color:#fff;font-size:21px}.hmx-withdraw-preview{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:rgba(230,237,255,.70);margin-top:12px}.hmx-withdraw-preview strong{color:#ffd66b}.form-error{min-height:22px;margin-top:10px;color:#ff9faf;font-weight:850}.hmx-withdraw-success{text-align:center}.success-orb{width:86px;height:86px;margin:0 auto 14px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(135deg,#66f7ff,#ffd66b);box-shadow:0 0 60px rgba(102,247,255,.25)}.success-orb span{font-size:38px;color:#020204;font-weight:1000}.balance-deduct-pulse{animation:hmxBalancePulse .72s ease both}.hmx-soft-update{animation:hmxSoftFlash .7s ease both}@keyframes hmxHeroSweep{0%,55%{transform:translateX(-38%) rotate(0deg);opacity:0}70%{opacity:.9}100%{transform:translateX(38%);opacity:0}}@keyframes hmxRowIn{0%{opacity:0;transform:translateY(8px) scale(.985)}100%{opacity:1;transform:none}}@keyframes hmxBalancePulse{0%{transform:scale(1);box-shadow:0 0 0 rgba(255,214,107,0)}35%{transform:scale(1.018);box-shadow:0 0 42px rgba(255,214,107,.18)}100%{transform:scale(1);box-shadow:0 0 0 rgba(255,214,107,0)}}@keyframes hmxSoftFlash{0%{filter:brightness(1.18)}100%{filter:brightness(1)}}
@media(max-width:980px){.hmx-premium-grid,.hmx-balance-withdraw-grid{grid-template-columns:1fr}.hmx-launch-stats,.hmx-balance-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.hmx-withdraw-table{max-height:none}}
@media(max-width:620px){.hmx-launch-hero{padding:20px}.hmx-launch-hero h1{font-size:clamp(48px,17vw,74px)}.hmx-meta-row span{width:100%;justify-content:space-between}.hmx-launch-stats,.hmx-balance-strip{grid-template-columns:1fr}.hmx-withdraw-row{grid-template-columns:1fr;gap:7px}.hmx-withdraw-status{justify-self:start}.hmx-withdraw-balance{align-items:flex-start;flex-direction:column}.hmx-primary-cta,.hmx-withdraw-btn{min-height:50px}}
@media(prefers-reduced-motion:reduce){.hmx-launch-hero:after,.hmx-withdraw-row,.balance-deduct-pulse,.hmx-soft-update{animation:none!important}}
.field-label{display:block;margin:12px 0 7px;color:rgba(230,237,255,.68);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}

/* === v2.08 professional landing intro + new adaptive backgrounds === */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-4;
  pointer-events:none;
  background-image:linear-gradient(180deg,rgba(2,2,4,.52),rgba(2,2,4,.76)),url('https://i.ibb.co/JjcZVn9y/photo-2026-07-05-23-48-49.jpg');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.background-shell{background:transparent!important;opacity:.58!important}
.hm-landing-intro{
  position:fixed!important;
  inset:0!important;
  z-index:9999!important;
  display:block!important;
  overflow:hidden!important;
  background:#020204!important;
  touch-action:pan-y!important;
  transition:opacity .72s ease,filter .72s ease,transform .72s ease!important;
}
.hm-landing-intro.intro-leaving{opacity:0!important;filter:blur(14px)!important;transform:scale(1.018)!important;pointer-events:none!important}
.landing-slideshow,.landing-slide,.mobile-swipe-stage{position:absolute;inset:0}
.landing-slide{
  opacity:0;
  background-image:linear-gradient(90deg,rgba(0,0,0,.14),rgba(0,0,0,.02)),var(--slide);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  transform:scale(1.018);
  transition:opacity 1.15s ease,transform 3s ease;
  will-change:opacity,transform;
}
.landing-slide.active{opacity:1;transform:scale(1)}
.mobile-swipe-stage{display:none}
.mobile-swipe-track{height:100%;display:flex;will-change:transform;transition:transform .54s cubic-bezier(.2,.85,.2,1)}
.mobile-intro-slide{position:relative;min-width:100%;height:100%;background-image:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.26)),var(--slide);background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}
.mobile-intro-slide::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 50%,rgba(255,255,255,.08),transparent 42%);pointer-events:none}
.swipe-hint{position:absolute;left:50%;bottom:calc(32px + var(--safe-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:10px 15px;border-radius:999px;background:rgba(7,8,12,.36);border:1px solid rgba(235,242,255,.32);box-shadow:0 0 32px rgba(218,226,239,.25),inset 0 1px 0 rgba(255,255,255,.20);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:rgba(245,248,255,.92);font-size:11px;font-weight:950;letter-spacing:.18em;text-transform:uppercase;z-index:3}
.swipe-hint span{width:54px;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,#fff,#c8d0dc,transparent);box-shadow:0 0 18px rgba(238,244,255,.9);position:relative;animation:silverSwipeLine 1.28s ease-in-out infinite}
.swipe-hint span::before{content:"";position:absolute;right:-2px;top:50%;width:12px;height:12px;border-top:2px solid #f8fbff;border-right:2px solid #f8fbff;transform:translateY(-50%) rotate(45deg);filter:drop-shadow(0 0 8px rgba(238,244,255,.95))}
@keyframes silverSwipeLine{0%{transform:translateX(18px);opacity:.42}45%{opacity:1}100%{transform:translateX(-22px);opacity:.42}}
@media(max-width:760px){
  body::before{background-image:linear-gradient(180deg,rgba(2,2,4,.44),rgba(2,2,4,.76)),url('https://i.ibb.co/JjcZVn9y/photo-2026-07-05-23-48-49.jpg')}
  .desktop-slideshow{display:none!important}.mobile-swipe-stage{display:block!important}
  .dialog-list.messenger-contacts{display:flex!important;flex-direction:column!important;grid-auto-flow:unset!important;grid-auto-columns:unset!important;overflow-x:hidden!important;overflow-y:auto!important;width:100%!important;max-width:100%!important}
  .messenger-contact{width:100%!important;max-width:100%!important;grid-template-columns:auto minmax(0,1fr) auto!important;min-width:0!important}
  .messenger-contact .contact-copy,.messenger-contact strong,.messenger-contact small{min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
}
@media(prefers-reduced-motion:reduce){.landing-slide,.mobile-swipe-track,.hm-landing-intro{transition:none!important}.swipe-hint span{animation:none!important}}


/* v2.09 fix: Maldives backgrounds, correct mobile swipe hint, smoother rendering */
.background-shell{
  background-image:linear-gradient(180deg,rgba(2,2,4,.46),rgba(2,2,4,.78)),url('https://i.ibb.co/JjcZVn9y/photo-2026-07-05-23-48-49.jpg')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
  transform:translateZ(0);
}
.background-shell:before,.background-shell:after{animation:none!important;will-change:auto!important;opacity:.34!important}
.orb,.grid-floor,.noise{opacity:.18!important;animation:none!important}
.hm-landing-intro{background:#020204!important;contain:layout paint size!important;backface-visibility:hidden!important;transform:translateZ(0)!important;touch-action:none!important}
.hm-landing-intro.intro-leaving{opacity:0!important;filter:none!important;transform:translateZ(0) scale(1.004)!important;transition:opacity .46s ease,transform .46s ease!important}
.landing-slide{transition:opacity .9s ease,transform 3s linear!important;backface-visibility:hidden!important;transform:translateZ(0) scale(1.012);background-image:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.20)),var(--slide)!important}
.landing-slide.active{transform:translateZ(0) scale(1)!important}
.mobile-swipe-track{transition:transform .46s cubic-bezier(.18,.82,.2,1)!important;backface-visibility:hidden!important;transform:translate3d(0,0,0)}
.mobile-intro-slide{background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18)),var(--slide)!important;transform:translateZ(0);backface-visibility:hidden!important}
.swipe-hint b{font-size:0}.swipe-hint b:after{content:'Swipe left';font-size:11px}
.swipe-hint span{animation:silverSwipeLeft .95s ease-in-out infinite!important;background:linear-gradient(270deg,transparent,#fff,#cbd2dd,transparent)!important}
.swipe-hint span::before{left:-2px!important;right:auto!important;border-top:2px solid #f8fbff!important;border-right:0!important;border-left:2px solid #f8fbff!important;transform:translateY(-50%) rotate(-45deg)!important}
@keyframes silverSwipeLeft{0%{transform:translateX(22px);opacity:.35}50%{opacity:1}100%{transform:translateX(-24px);opacity:.52}}
.app-shell,.main,.card,.panel-premium,.modal-card,.post-card,.messenger-screen{backface-visibility:hidden;transform:translateZ(0)}
.post-card,.card,.dm-bubble,.dm-transfer{animation-duration:.18s!important}
@media(max-width:760px){
  .background-shell{background-image:linear-gradient(180deg,rgba(2,2,4,.34),rgba(2,2,4,.68)),url('https://i.ibb.co/JjcZVn9y/photo-2026-07-05-23-48-49.jpg')!important;background-position:center top!important}
  body::before{content:none!important}
  .mobile-swipe-stage{display:block!important;background:#020204!important}
  .swipe-hint{bottom:calc(24px + var(--safe-bottom))!important;padding:9px 13px!important;box-shadow:0 0 22px rgba(238,244,255,.22)!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important}
  .messenger-screen{overflow:hidden!important;width:100%!important;max-width:100%!important}
  .dialog-list.messenger-contacts{display:flex!important;flex-direction:column!important;gap:8px!important;overflow-x:hidden!important;overflow-y:auto!important;width:100%!important;max-width:100%!important}
  .messenger-contact{display:grid!important;width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:auto minmax(0,1fr) auto!important}
}


/* === v2.10 hard fix: visible Maldives backgrounds + fixed dock/fab === */
:root{--hm-dock-h:78px;--hm-dock-gap:14px;--hm-dock-space:calc(var(--hm-dock-h) + var(--hm-dock-gap) + 18px)}
html,body{min-height:100%;background:#020407!important;overflow-x:hidden!important}
body::before{
  content:""!important;position:fixed!important;inset:0!important;z-index:-10!important;pointer-events:none!important;
  background-image:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.30)),url('https://i.ibb.co/JjcZVn9y/photo-2026-07-05-23-48-49.jpg')!important;
  background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
  opacity:1!important;transform:none!important;filter:none!important;
}
.background-shell{
  position:fixed!important;inset:0!important;z-index:-9!important;pointer-events:none!important;overflow:hidden!important;
  background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.24)),url('https://i.ibb.co/JjcZVn9y/photo-2026-07-05-23-48-49.jpg') center center/cover no-repeat!important;
  opacity:1!important;transform:none!important;filter:none!important;
}
.background-shell .orb,.background-shell .grid-floor,.background-shell .noise{display:none!important;animation:none!important}
.hm-landing-intro{
  background:linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.28)),url('https://i.ibb.co/JjcZVn9y/photo-2026-07-05-23-48-49.jpg') center center/cover no-repeat!important;
}
.hm-landing-intro .landing-slide{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
.sidebar.bottom-dock,.sidebar{
  position:fixed!important;left:50%!important;right:auto!important;top:auto!important;bottom:calc(14px + var(--safe-bottom))!important;
  transform:translate3d(-50%,0,0)!important;width:min(1040px,calc(100vw - 28px))!important;height:var(--hm-dock-h)!important;
  z-index:9000!important;margin:0!important;display:block!important;overflow:hidden!important;contain:layout paint!important;
}
.app-shell,.app-shell.ux-clean-shell{padding-bottom:calc(var(--hm-dock-space) + var(--safe-bottom))!important}
.messenger-fab{
  position:fixed!important;right:18px!important;bottom:calc(var(--hm-dock-space) + var(--safe-bottom))!important;z-index:9001!important;
  transform:translate3d(0,0,0)!important;will-change:auto!important;
}
body.hm-intro-active .sidebar,body.hm-intro-active .sidebar.bottom-dock,body.hm-intro-active .messenger-fab{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important}
body.hm-intro-active .app-shell{padding-bottom:0!important}
@media(max-width:760px){
  :root{--hm-dock-h:68px;--hm-dock-gap:10px;--hm-dock-space:calc(var(--hm-dock-h) + var(--hm-dock-gap) + 12px)}
  body::before{background-image:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.24)),url('https://i.ibb.co/JjcZVn9y/photo-2026-07-05-23-48-49.jpg')!important;background-position:center top!important}
  .background-shell{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.24)),url('https://i.ibb.co/JjcZVn9y/photo-2026-07-05-23-48-49.jpg') center top/cover no-repeat!important}
  .hm-landing-intro{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.22)),url('https://i.ibb.co/JjcZVn9y/photo-2026-07-05-23-48-49.jpg') center top/cover no-repeat!important}
  .sidebar.bottom-dock,.sidebar{left:10px!important;right:10px!important;bottom:calc(10px + var(--safe-bottom))!important;transform:translate3d(0,0,0)!important;width:auto!important;height:var(--hm-dock-h)!important;border-radius:24px!important}
  .sidebar.bottom-dock .nav,.sidebar .nav{grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-auto-flow:unset!important;grid-auto-columns:unset!important;overflow:visible!important;gap:4px!important}
  .sidebar.bottom-dock .nav-btn,.sidebar .nav-btn{min-width:0!important;height:52px!important;min-height:52px!important;padding:5px 3px!important}
  .sidebar.bottom-dock .nav-label,.sidebar .nav-label{font-size:8.5px!important;max-width:52px!important}
  .messenger-fab{right:12px!important;bottom:calc(var(--hm-dock-space) + var(--safe-bottom))!important;width:54px!important;height:54px!important}
  .app-shell,.app-shell.ux-clean-shell{padding-bottom:calc(var(--hm-dock-space) + var(--safe-bottom))!important}
}
@media(max-width:390px){.sidebar.bottom-dock .nav-label,.sidebar .nav-label{display:none!important}.sidebar.bottom-dock .nav-ico,.sidebar .nav-ico{width:25px!important;height:25px!important}.sidebar.bottom-dock .nav-btn,.sidebar .nav-btn{height:50px!important;min-height:50px!important}}

/* === v2.11 REAL hard fix: Maldives background layer + true fixed bottom dock === */
:root{
  --hm-bg-desktop:url('https://i.ibb.co/JjcZVn9y/photo-2026-07-05-23-48-49.jpg');
  --hm-bg-mobile:url('https://i.ibb.co/JjcZVn9y/photo-2026-07-05-23-48-49.jpg');
  --hm-dock-h:76px;
  --hm-dock-bottom:14px;
  --hm-dock-clear:118px;
}
html,body{background:#02070b!important;min-height:100%!important;overflow-x:hidden!important;}
body{background-image:var(--hm-bg-desktop)!important;background-size:cover!important;background-position:center center!important;background-attachment:fixed!important;background-repeat:no-repeat!important;}
.hm-maldives-bg,
body::before,
.background-shell{
  content:""!important;position:fixed!important;inset:0!important;display:block!important;pointer-events:none!important;
  background-image:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.34)),var(--hm-bg-desktop)!important;
  background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
  opacity:1!important;visibility:visible!important;filter:none!important;transform:none!important;z-index:0!important;
}
.background-shell{z-index:1!important;background-color:transparent!important;}
.background-shell .orb,.background-shell .grid-floor,.background-shell .noise{display:none!important;}
#app,.app-shell,.modal-host,.toast-host{position:relative!important;z-index:2!important;}
.app-shell,.app-shell.ux-clean-shell{background:transparent!important;padding:16px 16px calc(var(--hm-dock-clear) + var(--safe-bottom))!important;display:block!important;min-height:100vh!important;}
.main{max-width:min(1180px,100%)!important;margin:0 auto!important;padding-bottom:0!important;}
.card,.panel-premium,.modal-card,.topbar{background:rgba(7,10,16,.68)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;}
/* Keep the start landing above everything and use Maldives behind the slides. */
.hm-landing-intro{position:fixed!important;inset:0!important;z-index:99999!important;background-image:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.24)),var(--hm-bg-desktop)!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;}
.hm-landing-intro .landing-slide{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;}
/* Real fixed menu: turn old sidebar into a bottom glass dock. */
.sidebar.bottom-dock,.sidebar{
  position:fixed!important;top:auto!important;left:50%!important;right:auto!important;bottom:calc(var(--hm-dock-bottom) + var(--safe-bottom))!important;
  width:min(980px,calc(100vw - 28px))!important;height:var(--hm-dock-h)!important;min-height:0!important;margin:0!important;padding:8px 10px!important;
  transform:translate3d(-50%,0,0)!important;z-index:9500!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:28px!important;overflow:hidden!important;background:rgba(5,9,15,.80)!important;border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 16px 48px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.10)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
.sidebar::after{display:none!important;}
.sidebar .side-brand,.sidebar .profile-mini,.sidebar .side-footer{display:none!important;}
.sidebar .nav,.sidebar.bottom-dock .nav{
  display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;
  overflow:visible!important;align-items:center!important;position:relative!important;z-index:1!important;
}
.sidebar .nav-btn,.sidebar.bottom-dock .nav-btn{
  height:56px!important;min-height:56px!important;width:100%!important;min-width:0!important;padding:6px 5px!important;border-radius:18px!important;
  flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:4px!important;text-align:center!important;transform:none!important;
}
.sidebar .nav-btn:hover,.sidebar .nav-btn.active{transform:none!important;background:rgba(255,255,255,.09)!important;}
.sidebar .nav-ico{width:25px!important;height:25px!important;min-width:25px!important;border-radius:10px!important;font-size:15px!important;}
.sidebar .nav-label{font-size:10px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;}
/* Messenger airplane is fixed above the dock, never inside scrolled content. */
.messenger-fab{
  position:fixed!important;right:18px!important;bottom:calc(var(--hm-dock-h) + var(--hm-dock-bottom) + var(--safe-bottom) + 16px)!important;
  z-index:9600!important;width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important;border-radius:22px!important;
  transform:translate3d(0,0,0)!important;display:grid!important;place-items:center!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
}
.notification-fab{position:fixed!important;right:88px!important;bottom:calc(var(--hm-dock-h) + var(--hm-dock-bottom) + var(--safe-bottom) + 18px)!important;z-index:9599!important;}
/* During initial landing: no menu and no airplane. */
body.hm-intro-active .sidebar,
body.hm-intro-active .messenger-fab,
body.hm-intro-active .notification-fab{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
body.hm-intro-active .app-shell{padding-bottom:0!important;}
@media(max-width:760px){
  :root{--hm-dock-h:66px;--hm-dock-bottom:10px;--hm-dock-clear:104px;}
  body{background-image:var(--hm-bg-mobile)!important;background-position:center top!important;background-attachment:scroll!important;}
  .hm-maldives-bg,body::before,.background-shell{background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.22)),var(--hm-bg-mobile)!important;background-position:center top!important;}
  .hm-landing-intro{background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.20)),var(--hm-bg-mobile)!important;background-position:center top!important;}
  .app-shell,.app-shell.ux-clean-shell{padding:10px 10px calc(var(--hm-dock-clear) + var(--safe-bottom))!important;}
  .topbar{top:8px!important;height:auto!important;min-height:62px!important;border-radius:22px!important;}
  .sidebar.bottom-dock,.sidebar{left:8px!important;right:8px!important;bottom:calc(var(--hm-dock-bottom) + var(--safe-bottom))!important;width:auto!important;height:var(--hm-dock-h)!important;transform:translate3d(0,0,0)!important;border-radius:24px!important;padding:7px 6px!important;}
  .sidebar .nav,.sidebar.bottom-dock .nav{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:3px!important;}
  .sidebar .nav-btn,.sidebar.bottom-dock .nav-btn{height:52px!important;min-height:52px!important;padding:4px 2px!important;border-radius:16px!important;}
  .sidebar .nav-ico{width:24px!important;height:24px!important;min-width:24px!important;font-size:13px!important;}
  .sidebar .nav-label{font-size:8.2px!important;letter-spacing:-.04em!important;}
  .messenger-fab{right:12px!important;bottom:calc(var(--hm-dock-h) + var(--hm-dock-bottom) + var(--safe-bottom) + 12px)!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;border-radius:20px!important;}
  .notification-fab{right:76px!important;bottom:calc(var(--hm-dock-h) + var(--hm-dock-bottom) + var(--safe-bottom) + 12px)!important;}
}
@media(max-width:390px){.sidebar .nav-label{display:none!important}.sidebar .nav-btn{height:50px!important;min-height:50px!important}.sidebar .nav-ico{width:27px!important;height:27px!important}}

/* === v2.12 click-safe fixed dock: menu/airplane above products, no pass-through taps === */
:root{--hm-dock-h:76px;--hm-dock-bottom:14px;--hm-dock-clear:132px;}
.app-shell,.app-shell.ux-clean-shell{padding-bottom:calc(var(--hm-dock-clear) + var(--safe-bottom))!important;}
.main,.content{padding-bottom:calc(var(--hm-dock-clear) + var(--safe-bottom))!important;}
.content:after{content:""!important;display:block!important;height:calc(var(--hm-dock-clear) + var(--safe-bottom))!important;grid-column:1/-1!important;pointer-events:none!important;}
.hm-dock-hit-shield{
  position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:calc(108px + var(--safe-bottom))!important;
  z-index:2147482990!important;display:block!important;pointer-events:auto!important;background:transparent!important;touch-action:none!important;
}
.sidebar.bottom-dock,.sidebar{
  z-index:2147483647!important;pointer-events:auto!important;isolation:isolate!important;touch-action:manipulation!important;
  position:fixed!important;top:auto!important;bottom:calc(var(--hm-dock-bottom) + var(--safe-bottom))!important;
}
.sidebar.bottom-dock *,.sidebar *{pointer-events:auto!important;}
.sidebar .nav-btn,.sidebar.bottom-dock .nav-btn{position:relative!important;z-index:2147483001!important;pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important;}
.messenger-fab{z-index:2147483001!important;pointer-events:auto!important;touch-action:manipulation!important;}
body.hm-intro-active .hm-dock-hit-shield{display:none!important;pointer-events:none!important;}
body:not(.hm-intro-active) .hm-dock-hit-shield{display:block!important;}
.modal-host.active{z-index:2147483010!important;}
@media(max-width:760px){
  :root{--hm-dock-h:66px;--hm-dock-bottom:10px;--hm-dock-clear:118px;}
  .hm-dock-hit-shield{height:calc(92px + var(--safe-bottom))!important;}
  .app-shell,.app-shell.ux-clean-shell{padding-bottom:calc(var(--hm-dock-clear) + var(--safe-bottom))!important;}
  .main,.content{padding-bottom:calc(var(--hm-dock-clear) + var(--safe-bottom))!important;}
}


/* === v2.13 WORKING mobile dock: no click shield, real fixed menu, safe content gap === */
:root{--hm-dock-h:76px;--hm-dock-bottom:14px;--hm-dock-clear:150px;--hm-bg-desktop:url('https://i.ibb.co/JjcZVn9y/photo-2026-07-05-23-48-49.jpg');--hm-bg-mobile:url('https://i.ibb.co/JjcZVn9y/photo-2026-07-05-23-48-49.jpg')}
.hm-dock-hit-shield{display:none!important;pointer-events:none!important;visibility:hidden!important;z-index:-1!important}
html,body{min-height:100%!important;background:#02070b!important;overflow-x:hidden!important}
body,.hm-maldives-bg,.background-shell{background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.30)),var(--hm-bg-desktop)!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
.hm-maldives-bg,.background-shell{position:fixed!important;inset:0!important;display:block!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;z-index:0!important}.background-shell .orb,.background-shell .grid-floor,.background-shell .noise{display:none!important}
#app,.app-shell,.modal-host,.toast-host{position:relative!important;z-index:2!important}.app-shell,.app-shell.ux-clean-shell{background:transparent!important;padding-bottom:calc(var(--hm-dock-clear) + env(safe-area-inset-bottom,0px))!important}.main,.content{padding-bottom:calc(var(--hm-dock-clear) + env(safe-area-inset-bottom,0px))!important}.content:after{content:""!important;display:block!important;height:calc(var(--hm-dock-clear) + env(safe-area-inset-bottom,0px))!important;pointer-events:none!important;grid-column:1/-1!important}
.sidebar.bottom-dock,.sidebar{position:fixed!important;top:auto!important;left:50%!important;right:auto!important;bottom:calc(var(--hm-dock-bottom) + env(safe-area-inset-bottom,0px))!important;transform:translate3d(-50%,0,0)!important;width:min(980px,calc(100vw - 28px))!important;height:var(--hm-dock-h)!important;min-height:0!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:2147483647!important;pointer-events:auto!important;touch-action:manipulation!important;overflow:hidden!important;isolation:isolate!important}
.sidebar .nav,.sidebar.bottom-dock .nav{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;width:100%!important;height:100%!important;gap:6px!important;pointer-events:auto!important;overflow:visible!important}.sidebar .nav-btn,.sidebar.bottom-dock .nav-btn{position:relative!important;z-index:2147483001!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;cursor:pointer!important}.sidebar .nav-btn *,.sidebar.bottom-dock .nav-btn *{pointer-events:none!important}
.messenger-fab{position:fixed!important;right:18px!important;bottom:calc(var(--hm-dock-h) + var(--hm-dock-bottom) + env(safe-area-inset-bottom,0px) + 16px)!important;z-index:2147483001!important;pointer-events:auto!important;touch-action:manipulation!important;display:grid!important;visibility:visible!important;opacity:1!important}.messenger-fab *{pointer-events:none!important}
body.hm-intro-active .sidebar,body.hm-intro-active .sidebar.bottom-dock,body.hm-intro-active .messenger-fab,body.hm-intro-active .notification-fab{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:760px){:root{--hm-dock-h:66px;--hm-dock-bottom:10px;--hm-dock-clear:142px}body,.hm-maldives-bg,.background-shell{background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.24)),var(--hm-bg-mobile)!important;background-position:center top!important;background-attachment:scroll!important}.hm-landing-intro{background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.20)),var(--hm-bg-mobile)!important;background-position:center top!important}.sidebar.bottom-dock,.sidebar{left:8px!important;right:8px!important;width:auto!important;height:var(--hm-dock-h)!important;bottom:calc(var(--hm-dock-bottom) + env(safe-area-inset-bottom,0px))!important;transform:translate3d(0,0,0)!important;padding:7px 6px!important;border-radius:24px!important}.sidebar .nav,.sidebar.bottom-dock .nav{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:3px!important}.sidebar .nav-btn,.sidebar.bottom-dock .nav-btn{height:52px!important;min-height:52px!important;padding:4px 2px!important;border-radius:16px!important}.sidebar .nav-label{font-size:8.2px!important;letter-spacing:-.04em!important}.messenger-fab{right:12px!important;bottom:calc(88px + env(safe-area-inset-bottom,0px))!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important}.app-shell,.app-shell.ux-clean-shell,.main,.content{padding-bottom:calc(var(--hm-dock-clear) + env(safe-area-inset-bottom,0px))!important}}
@media(max-width:390px){.sidebar .nav-label{display:none!important}.sidebar .nav-ico{width:27px!important;height:27px!important}.sidebar .nav-btn{height:50px!important;min-height:50px!important}}


/* === v2.14 REAL working floating dock + visible product modals === */
:root{
  --hm-dock-h:74px;
  --hm-dock-bottom:18px;
  --hm-dock-clear:124px;
  --hm-bg-desktop:url('https://i.ibb.co/JjcZVn9y/photo-2026-07-05-23-48-49.jpg');
  --hm-bg-mobile:url('https://i.ibb.co/JjcZVn9y/photo-2026-07-05-23-48-49.jpg');
}
.swipe-hint b{font-size:0!important}.swipe-hint b:after{content:'Swipe left'!important;font-size:11px!important}
html,body{min-height:100%!important;overflow-x:hidden!important;background:#02070b!important;}
body,.hm-maldives-bg,.background-shell{
  background-image:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.28)),var(--hm-bg-desktop)!important;
  background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
}
.hm-maldives-bg,.background-shell{position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none!important;opacity:1!important;visibility:visible!important;}
.background-shell .orb,.background-shell .grid-floor,.background-shell .noise{display:none!important;}
#app,.app-shell{position:relative!important;z-index:2!important;background:transparent!important;}
.app-shell,.app-shell.ux-clean-shell,.main,.content{padding-bottom:calc(var(--hm-dock-clear) + env(safe-area-inset-bottom,0px))!important;}
.content:after{content:""!important;display:block!important;height:calc(var(--hm-dock-clear) + env(safe-area-inset-bottom,0px))!important;grid-column:1/-1!important;pointer-events:none!important;}
.hm-dock-hit-shield{display:none!important;visibility:hidden!important;pointer-events:none!important;}
.sidebar.bottom-dock,.sidebar{
  position:fixed!important;top:auto!important;left:50%!important;right:auto!important;
  bottom:calc(var(--hm-dock-bottom) + env(safe-area-inset-bottom,0px))!important;
  transform:translate3d(-50%,0,0)!important;width:min(980px,calc(100vw - 28px))!important;height:var(--hm-dock-h)!important;min-height:0!important;
  z-index:2147483647!important;display:flex!important;align-items:center!important;justify-content:center!important;
  pointer-events:auto!important;touch-action:manipulation!important;overflow:hidden!important;visibility:visible!important;opacity:1!important;
}
.sidebar .nav,.sidebar.bottom-dock .nav{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;width:100%!important;height:100%!important;gap:6px!important;overflow:visible!important;pointer-events:auto!important;}
.sidebar .nav-btn,.sidebar.bottom-dock .nav-btn{position:relative!important;z-index:2147483001!important;height:58px!important;min-height:58px!important;pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important;-webkit-tap-highlight-color:transparent!important;}
.sidebar .nav-btn *,.sidebar.bottom-dock .nav-btn *,.messenger-fab *,.notification-fab *{pointer-events:none!important;}
.messenger-fab,.notification-fab{
  position:fixed!important;z-index:2147483001!important;pointer-events:auto!important;touch-action:manipulation!important;display:grid!important;visibility:visible!important;opacity:1!important;
}
.messenger-fab{right:18px!important;bottom:calc(var(--hm-dock-h) + var(--hm-dock-bottom) + env(safe-area-inset-bottom,0px) + 18px)!important;}
.notification-fab{right:88px!important;bottom:calc(var(--hm-dock-h) + var(--hm-dock-bottom) + env(safe-area-inset-bottom,0px) + 18px)!important;}
/* Critical fix: modalHost must be FIXED, not relative. Products/market dialogs open immediately in viewport, above the dock. */
.modal-host{
  position:fixed!important;inset:0!important;z-index:2147483010!important;display:none!important;
  width:100vw!important;height:100dvh!important;box-sizing:border-box!important;
  padding:18px 18px calc(var(--hm-dock-clear) + env(safe-area-inset-bottom,0px) + 18px)!important;
  background:rgba(0,0,0,.66)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
  overflow:auto!important;place-items:center!important;align-items:center!important;justify-content:center!important;scrollbar-width:none!important;
}
.modal-host::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
.modal-host.active{display:grid!important;}
.modal-card,.wallet-picker-card,.enft-detail-modal,.hmx-withdraw-modal,.post-composer-modal,.crop-modal,.enft-wizard-card{
  margin:auto!important;max-height:calc(100dvh - var(--hm-dock-clear) - env(safe-area-inset-bottom,0px) - 40px)!important;overflow:auto!important;scrollbar-width:none!important;
}
.modal-card::-webkit-scrollbar,.wallet-picker-card::-webkit-scrollbar,.enft-detail-modal::-webkit-scrollbar,.hmx-withdraw-modal::-webkit-scrollbar,.post-composer-modal::-webkit-scrollbar,.crop-modal::-webkit-scrollbar,.enft-wizard-card::-webkit-scrollbar{display:none!important;}
body.hm-intro-active .sidebar,body.hm-intro-active .sidebar.bottom-dock,body.hm-intro-active .messenger-fab,body.hm-intro-active .notification-fab{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
@media(max-width:760px){
  :root{--hm-dock-h:68px;--hm-dock-bottom:16px;--hm-dock-clear:128px;}
  body,.hm-maldives-bg,.background-shell{background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.24)),var(--hm-bg-mobile)!important;background-position:center top!important;background-attachment:scroll!important;}
  .hm-landing-intro{background-image:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.20)),var(--hm-bg-mobile)!important;background-position:center top!important;background-size:cover!important;}
  .sidebar.bottom-dock,.sidebar{left:10px!important;right:10px!important;bottom:calc(var(--hm-dock-bottom) + env(safe-area-inset-bottom,0px))!important;transform:translate3d(0,0,0)!important;width:auto!important;height:var(--hm-dock-h)!important;padding:7px 6px!important;border-radius:24px!important;}
  .sidebar .nav,.sidebar.bottom-dock .nav{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:3px!important;}
  .sidebar .nav-btn,.sidebar.bottom-dock .nav-btn{height:54px!important;min-height:54px!important;padding:4px 2px!important;border-radius:16px!important;}
  .sidebar .nav-ico{width:25px!important;height:25px!important;min-width:25px!important;font-size:13px!important;}
  .sidebar .nav-label{font-size:8.5px!important;letter-spacing:-.04em!important;}
  .messenger-fab{right:14px!important;bottom:calc(var(--hm-dock-h) + var(--hm-dock-bottom) + env(safe-area-inset-bottom,0px) + 14px)!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;border-radius:20px!important;}
  .notification-fab{right:78px!important;bottom:calc(var(--hm-dock-h) + var(--hm-dock-bottom) + env(safe-area-inset-bottom,0px) + 14px)!important;width:54px!important;height:54px!important;border-radius:20px!important;}
  .modal-host{padding:10px 10px calc(var(--hm-dock-clear) + env(safe-area-inset-bottom,0px) + 12px)!important;align-items:center!important;justify-content:center!important;}
  .modal-card,.wallet-picker-card,.enft-detail-modal,.hmx-withdraw-modal,.post-composer-modal,.crop-modal,.enft-wizard-card{width:min(100%,calc(100vw - 20px))!important;max-height:calc(100dvh - var(--hm-dock-clear) - env(safe-area-inset-bottom,0px) - 26px)!important;}
}
@media(max-width:390px){.sidebar .nav-label{display:none!important}.sidebar .nav-btn{height:52px!important;min-height:52px!important}.sidebar .nav-ico{width:28px!important;height:28px!important}}

/* v2.15 REAL VIEWPORT CONTROLS FIX
   Controls are portaled to body by JS so fixed means viewport-fixed, not page-bottom. */
body > .sidebar.viewport-dock,
body > .sidebar.bottom-dock{
  position:fixed!important;
  top:auto!important;
  bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;
  left:50%!important;
  right:auto!important;
  transform:translate3d(-50%,0,0)!important;
  width:min(980px,calc(100vw - 28px))!important;
  height:76px!important;
  z-index:2147483647!important;
  display:flex!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  contain:layout paint style!important;
}
body > .sidebar.viewport-dock .nav,
body > .sidebar.bottom-dock .nav{pointer-events:auto!important;width:100%!important;height:100%!important}
body > .sidebar.viewport-dock .nav-btn,
body > .sidebar.bottom-dock .nav-btn{pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important}
body > .sidebar.viewport-dock .nav-btn *,
body > .sidebar.bottom-dock .nav-btn *{pointer-events:none!important}
body > .messenger-fab.viewport-left-fab,
body > .notification-fab.viewport-left-fab{
  position:fixed!important;
  left:18px!important;
  right:auto!important;
  bottom:auto!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  border-radius:21px!important;
  z-index:2147483001!important;
  display:grid!important;
  place-items:center!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  will-change:transform!important;
}
body > .messenger-fab.viewport-left-fab{top:calc(50dvh - 36px)!important;transform:translate3d(0,-50%,0)!important}
body > .notification-fab.viewport-left-fab{top:calc(50dvh + 36px)!important;transform:translate3d(0,-50%,0)!important}
body > .messenger-fab.viewport-left-fab *,
body > .notification-fab.viewport-left-fab *{pointer-events:none!important}
body.hm-intro-active > .sidebar.viewport-dock,
body.hm-intro-active > .sidebar.bottom-dock,
body.hm-intro-active > .messenger-fab.viewport-left-fab,
body.hm-intro-active > .notification-fab.viewport-left-fab{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.app-shell.controls-ported{display:block!important;grid-template-columns:none!important;padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important}
.app-shell.controls-ported .main{width:min(1220px,100%)!important;margin:0 auto!important;padding-bottom:0!important}
@media(max-width:760px){
  body > .sidebar.viewport-dock,
  body > .sidebar.bottom-dock{
    left:8px!important;
    right:8px!important;
    bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
    transform:translate3d(0,0,0)!important;
    width:auto!important;
    height:66px!important;
    padding:7px 6px!important;
  }
  body > .sidebar.viewport-dock .nav,
  body > .sidebar.bottom-dock .nav{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;grid-auto-flow:unset!important;overflow:visible!important;gap:3px!important}
  body > .sidebar.viewport-dock .nav-btn,
  body > .sidebar.bottom-dock .nav-btn{height:52px!important;min-height:52px!important;padding:4px 2px!important;border-radius:16px!important}
  body > .messenger-fab.viewport-left-fab,
  body > .notification-fab.viewport-left-fab{left:10px!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;border-radius:20px!important}
  body > .messenger-fab.viewport-left-fab{top:calc(50dvh - 34px)!important}
  body > .notification-fab.viewport-left-fab{top:calc(50dvh + 34px)!important}
  .app-shell.controls-ported{padding:10px 10px calc(92px + env(safe-area-inset-bottom,0px))!important}
}

/* === v2.16 SMOOTH PERFORMANCE PASS: visual stability, fewer jumps, GPU-friendly controls === */
html{scrollbar-gutter:stable both-edges;overscroll-behavior-y:none;}
body{min-height:100dvh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
#app{isolation:isolate;}
.hm-maldives-bg,.background-shell{transform:translateZ(0)!important;will-change:auto!important;contain:strict!important;}
.background-shell .orb,.background-shell .grid-floor,.background-shell .noise{animation:none!important;}
.app-shell.controls-ported,.main,.content{min-width:0!important;}
.main{min-height:calc(100dvh - 28px)!important;}
.content{min-height:calc(100dvh - 132px)!important;contain:layout style!important;}
.content > *{min-width:0;}
.card,.panel-premium,.modal-card,.post-card,.feed-card,.profile-card,.market-card,.nft-card,.enft-card,.hmx-card,.traveler-card,.friend-card,.message-row,.chat-message,.product-card{
  backface-visibility:hidden;
  transform:translateZ(0);
  contain:layout paint style;
}
.post-card,.feed-card,.market-card,.nft-card,.enft-card,.hmx-card,.friend-card{
  content-visibility:auto;
  contain-intrinsic-size:1px 360px;
}
img{content-visibility:auto;contain-intrinsic-size:320px 220px;}
.avatar-ring,.brand-mark,.side-logo,.nav-logo-img{content-visibility:visible!important;contain-intrinsic-size:auto!important;}
button,.btn,.nav-btn,.messenger-fab,.notification-fab{user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;}
body > .sidebar.viewport-dock,body > .sidebar.bottom-dock,body > .messenger-fab.viewport-left-fab,body > .notification-fab.viewport-left-fab{
  transform-style:preserve-3d!important;
  backface-visibility:hidden!important;
  will-change:transform!important;
}
body > .sidebar.viewport-dock .nav-btn,body > .sidebar.bottom-dock .nav-btn{transition:transform .16s ease, background-color .16s ease, border-color .16s ease, opacity .16s ease!important;}
body > .sidebar.viewport-dock .nav-btn:active,body > .sidebar.bottom-dock .nav-btn:active{transform:translateZ(0) scale(.96)!important;}
.modal-host{overscroll-behavior:contain!important;}
.modal-card,.wallet-picker-card,.enft-detail-modal,.hmx-withdraw-modal,.post-composer-modal,.crop-modal,.enft-wizard-card{overscroll-behavior:contain!important;}
.page-transition{animation:hmSoftPageIn .18s ease both;}
@keyframes hmSoftPageIn{from{opacity:.86;transform:translate3d(0,6px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(max-width:760px){
  body{background-attachment:scroll!important;}
  .panel-premium,.card,.modal-card{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;box-shadow:0 18px 48px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.04)!important;}
  .shimmer-frame:after,.avatar-ring{animation:none!important;}
  .content{min-height:calc(100dvh - 118px)!important;}
  .post-card,.feed-card,.market-card,.nft-card,.enft-card,.hmx-card,.friend-card{contain-intrinsic-size:1px 300px;}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;}
}

/* === v2.17 VIEWPORT TOAST FIX: payment/errors follow the current screen, not page bottom === */
body > #toastHost.toast-host,
#toastHost.toast-host{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translate3d(-50%,-50%,0)!important;
  z-index:2147483640!important;
  width:min(430px,calc(100vw - 28px))!important;
  max-width:min(430px,calc(100vw - 28px))!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  pointer-events:none!important;
  isolation:isolate!important;
  contain:layout style!important;
}
#toastHost.toast-host .toast{
  width:100%!important;
  max-width:100%!important;
  pointer-events:auto!important;
  text-align:center!important;
  transform:translate3d(0,0,0)!important;
  will-change:opacity,transform!important;
  animation:hmViewportToastIn .22s cubic-bezier(.2,.8,.2,1) both!important;
}
@keyframes hmViewportToastIn{
  from{opacity:0;transform:translate3d(0,10px,0) scale(.98)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
body.hm-intro-active > #toastHost.toast-host{display:none!important;opacity:0!important;visibility:hidden!important;}
@media(max-width:760px){
  body > #toastHost.toast-host,
  #toastHost.toast-host{
    top:48%!important;
    width:calc(100vw - 24px)!important;
    max-width:calc(100vw - 24px)!important;
  }
  #toastHost.toast-host .toast{padding:14px 15px!important;border-radius:18px!important;font-size:14px!important;}
}

/* === TravelMap: public real-time world map, added without touching core flows === */
.travelmap-hero{position:relative;overflow:hidden;padding:28px;background:radial-gradient(circle at 20% 0%,rgba(63,144,255,.22),transparent 34%),linear-gradient(135deg,rgba(7,15,32,.96),rgba(2,8,18,.98));border:1px solid rgba(92,160,255,.26)}
.travelmap-hero h1{margin:8px 0 10px;font-size:clamp(28px,4vw,54px);letter-spacing:-.04em;text-transform:uppercase;color:#fff;text-shadow:0 0 24px rgba(67,145,255,.22)}
.travelmap-hero p{max-width:980px;margin:0 0 22px;color:rgba(235,245,255,.88);font-size:clamp(15px,1.6vw,19px);line-height:1.55}
.travel-country-picker{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;width:100%}
.travel-country-picker .input{height:58px;font-size:16px;border-color:rgba(67,145,255,.58);box-shadow:0 0 0 1px rgba(67,145,255,.18),0 18px 60px rgba(0,0,0,.24)}
.travel-country-picker .btn{height:58px;min-width:140px}
.travel-map-card{padding:0;overflow:hidden;border-color:rgba(74,153,255,.24);background:linear-gradient(180deg,rgba(4,11,24,.96),rgba(0,5,14,.98))}
.travel-map-scroll{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;background:#061326;border-radius:0 0 24px 24px;overscroll-behavior:contain}
.travel-map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.09);color:rgba(236,246,255,.9)}
.travel-map-toolbar strong{font-size:20px}.travel-map-toolbar span{color:rgba(205,220,240,.72)}
.travel-world-map{position:relative;width:100%;aspect-ratio:2/1;min-height:420px;overflow:hidden;background:#061326;border-radius:0 0 24px 24px;isolation:isolate}
.travel-map-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(0,12,30,.08),rgba(0,12,30,.24)),url('https://upload.wikimedia.org/wikipedia/commons/8/80/World_map_-_low_resolution.svg');background-size:100% 100%;background-position:center;background-repeat:no-repeat;filter:saturate(1.22) contrast(1.12) brightness(.82);transform:none}
.travel-map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(92,170,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(92,170,255,.12) 1px,transparent 1px),radial-gradient(circle at 50% 50%,transparent 40%,rgba(0,5,16,.4));background-size:10% 10%,10% 10%,100% 100%;mix-blend-mode:screen;pointer-events:none;z-index:1}
.travel-marker-layer{position:absolute;inset:0;z-index:3}.travel-marker{position:absolute;transform:translate(-50%,-50%);width:48px;height:48px;border:0;border-radius:999px;background:rgba(4,15,34,.78);box-shadow:0 0 0 2px rgba(68,151,255,.85),0 0 24px rgba(68,151,255,.75);cursor:pointer;display:grid;place-items:center;transition:transform .18s ease,box-shadow .18s ease;z-index:2}.travel-marker:hover{transform:translate(-50%,-50%) scale(1.12);z-index:20}.travel-marker.mine{box-shadow:0 0 0 2px rgba(80,255,170,.95),0 0 26px rgba(80,255,170,.75)}
.travel-marker-pulse{position:absolute;inset:-10px;border-radius:999px;border:1px solid rgba(72,154,255,.62);animation:travelPulse 2.2s infinite}.travel-marker.mine .travel-marker-pulse{border-color:rgba(80,255,170,.7)}
@keyframes travelPulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.9);opacity:0}}
.travel-marker-avatar{position:relative;width:40px;height:40px;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#173a74,#071221);color:#fff;font-weight:900;font-size:12px}.travel-marker-avatar img{width:100%;height:100%;object-fit:cover}.travel-marker-avatar:after{content:'';position:absolute;right:0;bottom:1px;width:10px;height:10px;border-radius:999px;background:#39e978;border:2px solid #061326}
.travel-card-pop{position:absolute;left:50%;bottom:58px;transform:translateX(-50%) translateY(8px);width:230px;padding:14px;border-radius:18px;background:rgba(4,11,24,.95);border:1px solid rgba(122,183,255,.36);box-shadow:0 24px 90px rgba(0,0,0,.48);opacity:0;pointer-events:none;transition:.18s ease;color:#fff;text-align:left}.travel-marker:hover .travel-card-pop,.travel-marker:focus .travel-card-pop{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.travel-card-pop strong{display:block;margin-bottom:7px}.travel-card-pop small{display:block;color:rgba(223,234,248,.78)}.travel-pop-actions{display:flex;margin-top:12px}.mini-btn{display:inline-flex;padding:8px 12px;border-radius:12px;background:linear-gradient(135deg,rgba(50,132,255,.9),rgba(38,77,180,.88));font-size:12px;font-weight:800}
.travel-list{display:grid;gap:10px}.travel-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.075)}.travel-row-user{display:flex;align-items:center;gap:12px}.travel-row-user strong{display:block}.travel-row-user small{display:block;margin-top:4px;color:rgba(213,226,245,.68)}.travel-row .btn{min-width:130px}
@media (max-width:760px){.travel-country-picker{grid-template-columns:1fr}.travel-country-picker .btn{width:100%}.travel-map-scroll{border-radius:0 0 22px 22px}.travel-world-map{width:980px;max-width:none;min-height:490px;aspect-ratio:2/1;border-radius:0}.travel-map-toolbar{align-items:flex-start;flex-direction:column}.travel-row{align-items:stretch;flex-direction:column}.travel-row .btn{width:100%}.travel-marker{width:40px;height:40px}.travel-marker-avatar{width:33px;height:33px}.travel-card-pop{width:210px}}

/* === TravelMap Paradise Light Map Refresh (visual only, core logic untouched) === */
.travelmap-hero{
  color:#10213f!important;
  background:
    radial-gradient(circle at 14% 0%, rgba(255,215,128,.46), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(116,220,255,.52), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(239,250,255,.96) 54%, rgba(255,248,229,.94))!important;
  border-color:rgba(88,169,230,.28)!important;
  box-shadow:0 24px 80px rgba(24,119,190,.13), inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.travelmap-hero:before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 20% 82%, rgba(92,214,181,.20), transparent 32%),
    linear-gradient(120deg, rgba(255,255,255,.38), transparent 45%);
}
.travelmap-hero > *{position:relative;z-index:1}
.travelmap-hero .eyebrow{color:#0b86b8!important;text-shadow:none!important}
.travelmap-hero h1{
  color:#10213f!important;
  text-shadow:0 12px 34px rgba(47,129,201,.18)!important;
}
.travelmap-hero p{color:rgba(16,33,63,.78)!important}
.travel-country-picker .input{
  color:#10213f!important;
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(53,140,255,.38)!important;
  box-shadow:0 18px 50px rgba(46,142,217,.13), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.travel-country-picker .input::placeholder{color:rgba(45,69,104,.52)!important}
.travel-map-card{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(243,251,255,.96))!important;
  border-color:rgba(68,160,222,.22)!important;
  box-shadow:0 30px 90px rgba(25,115,183,.16)!important;
}
.travel-map-toolbar{
  color:#10213f!important;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(232,248,255,.92))!important;
  border-bottom:1px solid rgba(70,158,220,.18)!important;
}
.travel-map-toolbar span{color:rgba(42,65,96,.65)!important}
.travel-map-scroll{
  background:linear-gradient(180deg,#9fe7ff 0%, #7bd7fb 42%, #bff2ff 100%)!important;
  scrollbar-color:rgba(33,137,213,.5) rgba(255,255,255,.65);
}
.travel-map-scroll::-webkit-scrollbar{height:10px;width:10px}
.travel-map-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.65);border-radius:20px}
.travel-map-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#56c8ff,#1e83e8);border-radius:20px}
.travel-world-map{
  background:
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.86), transparent 9%),
    radial-gradient(circle at 76% 10%, rgba(255,255,255,.72), transparent 11%),
    linear-gradient(180deg,#94e5ff 0%,#58c9f5 48%,#a8edff 100%)!important;
  box-shadow:inset 0 0 80px rgba(255,255,255,.5), inset 0 -45px 90px rgba(55,169,218,.18)!important;
}
.travel-map-bg{
  background-image:
    linear-gradient(rgba(255,255,255,.04),rgba(255,255,255,.10)),
    url('https://upload.wikimedia.org/wikipedia/commons/8/80/World_map_-_low_resolution.svg')!important;
  background-size:100% 100%!important;
  filter:saturate(1.65) contrast(1.04) brightness(1.26) drop-shadow(0 10px 20px rgba(35,115,76,.18))!important;
  opacity:.98!important;
}
.travel-map-bg:after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 23% 73%, rgba(255,244,180,.34), transparent 10%),
    radial-gradient(circle at 49% 57%, rgba(255,244,180,.28), transparent 9%),
    radial-gradient(circle at 78% 50%, rgba(255,244,180,.28), transparent 9%),
    linear-gradient(180deg, rgba(255,255,255,.18), transparent 35%, rgba(255,255,255,.10));
  mix-blend-mode:soft-light;
}
.travel-map-grid{
  background-image:
    linear-gradient(rgba(255,255,255,.34) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.34) 1px,transparent 1px),
    radial-gradient(circle at 50% 50%,transparent 58%,rgba(33,137,213,.16))!important;
  background-size:10% 10%,10% 10%,100% 100%!important;
  mix-blend-mode:soft-light!important;
  opacity:.55!important;
}
.travel-marker{
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 0 0 3px rgba(30,131,232,.9),0 12px 30px rgba(17,110,205,.33),0 0 0 9px rgba(80,205,255,.18)!important;
}
.travel-marker.mine{
  box-shadow:0 0 0 3px rgba(32,205,127,.95),0 12px 30px rgba(20,178,107,.32),0 0 0 10px rgba(32,205,127,.18)!important;
}
.travel-marker-pulse{border-color:rgba(30,131,232,.48)!important}
.travel-marker.mine .travel-marker-pulse{border-color:rgba(32,205,127,.55)!important}
.travel-marker-avatar{background:linear-gradient(135deg,#7edcff,#2f7fff)!important;color:#fff!important}
.travel-marker-avatar:after{border-color:#fff!important}
.travel-card-pop{
  color:#10213f!important;
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(65,149,222,.22)!important;
  box-shadow:0 24px 70px rgba(20,92,160,.24)!important;
}
.travel-card-pop small{color:rgba(42,65,96,.68)!important}
.travel-list-card{
  background:linear-gradient(180deg,rgba(255,255,255,.97),rgba(246,252,255,.95))!important;
  border-color:rgba(68,160,222,.18)!important;
  color:#10213f!important;
}
.travel-list-card .card-title{color:#10213f!important}
.travel-list-card .card-sub{color:rgba(42,65,96,.62)!important}
.travel-row{
  background:rgba(255,255,255,.78)!important;
  border-color:rgba(68,160,222,.14)!important;
  box-shadow:0 12px 34px rgba(25,115,183,.08)!important;
}
.travel-row-user strong{color:#10213f!important}
.travel-row-user small{color:rgba(42,65,96,.62)!important}
@media (max-width:760px){
  .travel-map-scroll{overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:10px;touch-action:pan-x pan-y!important}
  .travel-world-map{width:1120px!important;min-width:1120px!important;min-height:560px!important}
  .travel-map-toolbar{background:rgba(255,255,255,.96)!important}
}

/* === Travel Places: Add places on TravelMap without touching core logic === */
.travel-country-picker{grid-template-columns:1fr auto auto!important}.travel-map-toolbar b{color:#0d79d7}.travel-world-map.adding-place{cursor:crosshair}.travel-world-map.adding-place:after{content:'Click any point to create a Travel Place';position:absolute;left:50%;top:18px;transform:translateX(-50%);z-index:9;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(34,125,230,.25);box-shadow:0 14px 38px rgba(12,97,180,.18);color:#12315b;font-weight:900}.travel-place-draft{display:none;position:absolute;z-index:8;width:24px;height:24px;border-radius:999px;background:#ffb020;box-shadow:0 0 0 8px rgba(255,176,32,.2),0 10px 24px rgba(0,0,0,.22);transform:translate(-50%,-50%)}.travel-world-map.adding-place .travel-place-draft{display:block}.travel-place-marker{position:absolute;z-index:4;transform:translate(-50%,-50%);border:0;background:transparent;display:grid;grid-template-columns:auto auto;align-items:center;gap:0;cursor:pointer;filter:drop-shadow(0 12px 24px rgba(0,0,0,.22));transition:transform .18s ease,filter .18s ease}.travel-place-marker:hover{z-index:30;transform:translate(-50%,-50%) scale(1.08);filter:drop-shadow(0 18px 36px rgba(0,0,0,.28))}.place-icon{width:30px;height:30px;margin-right:-10px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#fff7d5,#ffd36b);border:2px solid #fff;box-shadow:0 8px 20px rgba(255,163,26,.28);font-size:15px;z-index:2}.place-photo{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:#fff;border:2px solid rgba(255,255,255,.95);box-shadow:0 8px 24px rgba(25,105,175,.24);font-size:18px}.place-photo img{width:100%;height:100%;object-fit:cover}.place-name{grid-column:1/3;margin:4px auto 0;max-width:120px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.94);color:#18345f;font-size:10px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.travel-place-form{display:grid;gap:12px}.travel-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.travel-category-grid label{display:flex;align-items:center;gap:8px;padding:10px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);font-weight:800;color:rgba(255,255,255,.9)}.travel-category-grid input{accent-color:#169bff}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.travel-coordinates{display:flex;flex-wrap:wrap;gap:10px;color:rgba(230,237,255,.72);font-size:12px;font-weight:800}.travel-place-details{max-width:560px}.travel-place-details h2{margin:10px 0 8px}.travel-place-detail-photo{width:100%;height:260px;border-radius:22px;object-fit:cover;margin-bottom:16px;background:linear-gradient(135deg,#bfefff,#fff4c6);box-shadow:0 20px 55px rgba(0,0,0,.25)}.travel-place-detail-photo.empty{display:grid;place-items:center;font-size:70px}.travel-place-meta{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}.travel-place-meta span,.travel-place-address,.travel-place-added-by{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.82);font-weight:800}.travel-place-address{line-height:1.5}.travel-place-added-by{margin:12px 0}.travel-places-list-title{margin:14px 0 6px;color:#125c9c;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.travel-place-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(38,143,230,.12);box-shadow:0 10px 28px rgba(20,120,200,.06)}.place-row-photo{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#e7fbff,#fff4c7);font-size:24px}.place-row-photo img{width:100%;height:100%;object-fit:cover}.travel-place-row strong{display:block;color:#17335c}.travel-place-row small{display:block;margin-top:4px;color:rgba(40,64,96,.64);font-weight:800}.travel-passport{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;padding:14px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(206,242,255,.7));border:1px solid rgba(39,145,224,.16);color:#153862}.travel-passport strong{margin-right:6px;font-weight:1000}.travel-passport span{padding:8px 10px;border-radius:999px;background:#fff;border:1px solid rgba(39,145,224,.12);font-weight:900}.travel-passport small{width:100%;color:rgba(32,64,100,.62);font-weight:800}.modal-card.travel-place-modal,.modal-card.travel-place-details{background:linear-gradient(145deg,rgba(13,33,66,.96),rgba(4,14,32,.98))!important;border-color:rgba(102,197,255,.30)!important;color:#fff}.modal-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.09);color:#fff;font-size:22px}.btn.danger{background:linear-gradient(135deg,#ff5c7a,#b9153f)!important;color:#fff!important;border-color:rgba(255,120,150,.44)!important}
@media(max-width:760px){.travel-country-picker{grid-template-columns:1fr!important}.travel-category-grid,.two-col{grid-template-columns:1fr}.travel-place-row{grid-template-columns:1fr}.travel-place-row .btn{width:100%}.travel-place-detail-photo{height:210px}.travel-world-map.adding-place:after{width:calc(100% - 24px);text-align:center}.place-name{max-width:96px}.travel-place-marker{transform:translate(-50%,-50%) scale(.9)}.travel-place-marker:hover{transform:translate(-50%,-50%) scale(.96)}}

/* === Travel Passport gamification + exact map click polish === */
.travel-passport-real{
  position:relative;
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:0;
  margin:0 0 18px;
  border-radius:28px;
  overflow:hidden;
  background:linear-gradient(135deg,#0c2d63,#082049 52%,#06152f);
  box-shadow:0 26px 70px rgba(8,58,125,.22), inset 0 1px 0 rgba(255,255,255,.35);
  border:1px solid rgba(32,126,210,.18);
}
.passport-cover{
  position:relative;
  min-height:210px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:24px;
  color:#ffe9a6;
  text-align:center;
  background:
    radial-gradient(circle at 50% 20%,rgba(255,231,154,.20),transparent 35%),
    repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 1px,transparent 1px 10px),
    linear-gradient(145deg,#123a7a,#071d46 62%,#04132e);
}
.passport-cover:before{content:'';position:absolute;inset:16px;border:2px solid rgba(255,222,128,.38);border-radius:22px;pointer-events:none}
.passport-cover:after{content:'';position:absolute;inset:auto 24px 18px;height:2px;background:linear-gradient(90deg,transparent,#ffe39a,transparent);opacity:.85}
.passport-emblem{width:78px;height:78px;border-radius:999px;display:grid;place-items:center;margin-bottom:4px;font-size:42px;border:2px solid rgba(255,226,147,.7);box-shadow:0 0 0 8px rgba(255,226,147,.08),0 18px 40px rgba(0,0,0,.25)}
.passport-cover strong{font-size:18px;font-weight:1000;letter-spacing:.12em}
.passport-cover span{font-size:12px;font-weight:900;letter-spacing:.22em;color:rgba(255,235,177,.82)}
.passport-cover small{margin-top:8px;padding:7px 12px;border-radius:999px;background:rgba(255,236,175,.12);border:1px solid rgba(255,226,147,.24);font-weight:900;color:#fff4c9}
.passport-page{
  position:relative;
  padding:22px;
  background:
    radial-gradient(circle at 80% 10%,rgba(42,151,228,.13),transparent 30%),
    linear-gradient(135deg,#fff8e4,#fffdf6 52%,#e7f7ff);
  color:#17335c;
}
.passport-page:before{content:'';position:absolute;inset:10px;border:1px dashed rgba(18,92,160,.22);border-radius:20px;pointer-events:none}
.passport-stamp-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;color:#12315b}
.passport-stamp-head span{font-size:12px;font-weight:1000;letter-spacing:.16em}
.passport-stamp-head b{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#0d79d7;color:#fff;box-shadow:0 10px 28px rgba(13,121,215,.28)}
.passport-stamps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.passport-stamp{min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px solid rgba(214,75,66,.55);border-radius:999px;color:#b23c34;background:rgba(255,255,255,.48);transform:rotate(-4deg);box-shadow:0 12px 28px rgba(120,70,40,.08)}
.passport-stamp:nth-child(2){transform:rotate(3deg);color:#1b7d5b;border-color:rgba(27,125,91,.55)}
.passport-stamp:nth-child(3){transform:rotate(-2deg);color:#315baa;border-color:rgba(49,91,170,.55)}
.passport-stamp:nth-child(4){transform:rotate(4deg);color:#9b5d12;border-color:rgba(155,93,18,.55)}
.passport-stamp i{font-style:normal;font-size:26px}.passport-stamp strong{font-size:28px;font-weight:1000;line-height:1}.passport-stamp span{font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.12em}
.passport-note{position:relative;z-index:1;display:block;margin-top:16px;color:rgba(29,62,98,.62);font-weight:800}
.travel-world-map.adding-place{cursor:crosshair!important;outline:3px solid rgba(255,176,32,.65);outline-offset:-8px}
.travel-world-map.adding-place .travel-marker-layer{pointer-events:none}.travel-world-map.adding-place .travel-place-marker,.travel-world-map.adding-place .travel-marker{pointer-events:none!important}
@media(max-width:820px){.travel-passport-real{grid-template-columns:1fr}.passport-cover{min-height:170px}.passport-stamps{grid-template-columns:repeat(2,minmax(0,1fr))}.passport-stamp{min-height:98px}}

/* === TravelMap comfort zoom + smooth realtime polish === */
html{scroll-behavior:smooth!important}
.content.page-transition{animation:hmPageIn .34s cubic-bezier(.16,1,.3,1) both;will-change:opacity,transform}
@keyframes hmPageIn{from{opacity:0;transform:translateY(10px) scale(.992);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
.card,.panel-premium,.post-card,.travel-row,.travel-place-row,.notification-row{transition:transform .24s ease,opacity .24s ease,box-shadow .24s ease,background .24s ease,border-color .24s ease!important}
.travel-map-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;padding:12px 14px!important}
.travel-map-toolbar>div:first-child{display:flex;flex-direction:column;gap:3px}.travel-map-toolbar strong{font-size:15px}.travel-zoom-controls{display:inline-flex;align-items:center;gap:8px;padding:6px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid rgba(26,132,220,.18);box-shadow:0 10px 28px rgba(21,119,205,.12)}
.travel-zoom-controls b{min-width:48px;text-align:center;color:#0e5fa8!important;font-size:12px;font-weight:1000}.map-zoom-btn{min-width:34px;height:34px;padding:0 10px;border-radius:999px;background:linear-gradient(135deg,#ffffff,#e8f7ff);border:1px solid rgba(24,128,220,.22);color:#0d5fa8;font-weight:1000;box-shadow:0 8px 18px rgba(29,128,212,.12);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.map-zoom-btn:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 12px 26px rgba(29,128,212,.18)}.map-zoom-btn.reset{font-size:11px;letter-spacing:.02em}
.travel-map-scroll{position:relative!important;overflow:auto!important;overscroll-behavior:contain!important;touch-action:pan-x pan-y!important;scroll-behavior:smooth!important;max-height:min(76vh,760px)!important;border-radius:0 0 28px 28px!important}.travel-world-map{transform-origin:0 0!important;transition:width .28s cubic-bezier(.16,1,.3,1),height .28s cubic-bezier(.16,1,.3,1),min-width .28s cubic-bezier(.16,1,.3,1),min-height .28s cubic-bezier(.16,1,.3,1),box-shadow .24s ease!important;will-change:width,height}.travel-map-bg,.travel-map-grid,.travel-marker-layer{transition:opacity .22s ease!important}.travel-marker,.travel-place-marker{animation:hmMarkerAppear .32s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity}.travel-marker{transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important}.travel-place-marker{transition:transform .18s ease,filter .18s ease!important}.travel-row,.travel-place-row{animation:hmSoftRowIn .24s ease both}.notification-badge,[data-unread-messages],[data-notification-badge]{transition:transform .22s ease,opacity .22s ease!important}.notification-fab,.messenger-fab{transition:transform .22s ease,opacity .22s ease,filter .22s ease!important}@keyframes hmMarkerAppear{from{opacity:0;transform:translate(-50%,-50%) scale(.72)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes hmSoftRowIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.add-place-cta{position:relative!important;overflow:hidden!important;color:#fff!important;background:linear-gradient(135deg,#ffb020,#ff6b35 45%,#8f5bff)!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 14px 34px rgba(255,112,55,.30),0 0 0 5px rgba(255,176,32,.14),inset 0 1px 0 rgba(255,255,255,.45)!important;text-shadow:0 1px 8px rgba(0,0,0,.25)!important;font-weight:1000!important}.add-place-cta:before{content:'';position:absolute;inset:-60% -20%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transform:translateX(-120%) rotate(18deg);animation:addPlaceShine 3.2s ease-in-out infinite}.add-place-cta:hover{filter:brightness(1.08) saturate(1.08)!important;transform:translateY(-1px)!important}@keyframes addPlaceShine{0%,55%{transform:translateX(-120%) rotate(18deg)}75%,100%{transform:translateX(130%) rotate(18deg)}}
.travel-world-map.adding-place{box-shadow:inset 0 0 0 4px rgba(255,176,32,.72),inset 0 0 80px rgba(255,255,255,.5),0 0 0 8px rgba(255,176,32,.12)!important}.travel-world-map.adding-place:after{content:'Click any exact point on the map to add a place';position:absolute;left:50%;top:16px;transform:translateX(-50%);z-index:50;padding:11px 16px;border-radius:999px;background:linear-gradient(135deg,#fff,#fff4ca);border:1px solid rgba(255,176,32,.42);box-shadow:0 18px 40px rgba(184,113,22,.20);color:#17335c;font-weight:1000;pointer-events:none;white-space:nowrap}.travel-place-draft{z-index:49!important}
@media(max-width:760px){.travel-map-toolbar{align-items:stretch!important}.travel-map-toolbar>div:first-child{width:100%}.travel-zoom-controls{width:100%;justify-content:space-between;border-radius:18px}.map-zoom-btn{flex:1}.travel-map-scroll{overflow:auto!important;max-height:68vh!important;padding-bottom:12px!important}.travel-world-map{width:1120px;min-width:1120px;min-height:560px}.travel-world-map.adding-place:after{white-space:normal;width:calc(100% - 28px);text-align:center;top:12px}.add-place-cta{width:100%!important;min-height:50px!important}}
@media(prefers-reduced-motion:reduce){.content.page-transition,.travel-marker,.travel-place-marker,.travel-row,.travel-place-row,.add-place-cta:before{animation:none!important}.travel-map-scroll{scroll-behavior:auto!important}*{transition:none!important}}

/* === TravelMap real interactive map stability fix === */
.travel-world-map.real-map{
  width:100%!important;
  min-width:0!important;
  height:clamp(520px,68vh,820px)!important;
  min-height:520px!important;
  aspect-ratio:auto!important;
  background:linear-gradient(135deg,#bdefff,#e9fbff)!important;
  border-radius:0 0 28px 28px!important;
  overflow:hidden!important;
  cursor:grab;
}
.travel-world-map.real-map:active{cursor:grabbing}
.travel-leaflet-map{position:absolute;inset:0;z-index:1;width:100%;height:100%;background:#bfefff}
.travel-map-static-fallback{position:absolute;inset:0;z-index:1}
.travel-world-map.real-map .travel-marker-layer{position:absolute;inset:0;z-index:4;pointer-events:auto}
.travel-world-map.real-map.adding-place{cursor:crosshair!important;outline:4px solid rgba(255,176,32,.8);outline-offset:-8px}
.travel-world-map.real-map.adding-place:after{content:'Click the exact point on the real map';position:absolute;left:50%;top:16px;transform:translateX(-50%);z-index:900;padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,#fff,#fff1bd);border:1px solid rgba(255,176,32,.55);box-shadow:0 18px 42px rgba(80,55,0,.22);color:#17335c;font-weight:1000;pointer-events:none;white-space:nowrap}
.travel-map-scroll{overflow:hidden!important;max-height:none!important;padding-bottom:0!important;touch-action:auto!important}
.leaflet-container{font-family:Inter,system-ui,sans-serif!important;z-index:1}
.leaflet-control-zoom a{border-radius:14px!important;margin:4px!important;border:0!important;background:linear-gradient(135deg,#fff,#dff8ff)!important;color:#105fba!important;box-shadow:0 10px 26px rgba(0,93,160,.18)!important;font-weight:1000!important}
.leaflet-control-layers{border:0!important;border-radius:18px!important;box-shadow:0 18px 42px rgba(0,93,160,.20)!important;overflow:hidden!important;background:rgba(255,255,255,.95)!important;color:#17335c!important;font-weight:800!important}
.hm-leaflet-place-icon,.hm-leaflet-traveler-icon{background:transparent!important;border:0!important}
.leaflet-place-pin{position:relative;width:54px;height:54px;border:0;border-radius:22px 22px 22px 8px;transform:rotate(-45deg);display:grid;place-items:center;background:linear-gradient(135deg,#ffb020,#ff6b35 52%,#8f5bff);box-shadow:0 14px 30px rgba(130,75,25,.28),0 0 0 6px rgba(255,176,32,.18),inset 0 1px 0 rgba(255,255,255,.55);cursor:pointer;color:#fff}
.leaflet-place-pin span{transform:rotate(45deg);font-size:23px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}
.leaflet-place-pin b{position:absolute;left:50%;top:52px;transform:translateX(-50%) rotate(45deg);max-width:128px;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.96);color:#17335c;font-size:11px;line-height:1;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 10px 24px rgba(20,100,170,.18);pointer-events:none}
.leaflet-traveler-pin{width:42px;height:42px;border:3px solid #fff;border-radius:999px;background:linear-gradient(135deg,#26b9ff,#1f73ff);box-shadow:0 12px 28px rgba(31,115,255,.30),0 0 0 7px rgba(38,185,255,.18);display:grid;place-items:center;overflow:hidden;color:#fff;font-weight:1000;cursor:pointer}
.leaflet-traveler-pin img{width:100%;height:100%;object-fit:cover}.leaflet-traveler-pin span{font-size:13px}
.travel-place-marker.single{grid-template-columns:1fr!important;gap:0!important}.place-pin{width:42px;height:42px;border-radius:18px 18px 18px 6px;transform:rotate(-45deg);display:grid;place-items:center;background:linear-gradient(135deg,#ffb020,#ff6b35 52%,#8f5bff);border:2px solid #fff;box-shadow:0 12px 28px rgba(130,75,25,.26);font-size:20px}.place-pin::first-letter{transform:rotate(45deg)}.travel-place-marker.single .place-name{grid-column:auto;margin-top:8px}.place-icon,.place-photo{display:none!important}
.travel-details-back{width:fit-content!important;margin:0 0 14px!important;background:linear-gradient(135deg,#e8f8ff,#ffffff)!important;color:#145a9e!important;border-color:rgba(70,160,230,.28)!important}
.add-place-cta{color:#fff!important;background:linear-gradient(135deg,#ffb020,#ff6b35 45%,#8f5bff)!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 14px 34px rgba(255,112,55,.34),0 0 0 5px rgba(255,176,32,.17),inset 0 1px 0 rgba(255,255,255,.55)!important;text-shadow:0 1px 8px rgba(0,0,0,.28)!important;font-weight:1000!important}
@media(max-width:760px){
  .travel-world-map.real-map{height:72vh!important;min-height:520px!important;border-radius:0 0 24px 24px!important}
  .travel-map-scroll{overflow:hidden!important}
  .travel-world-map.real-map.adding-place:after{width:calc(100% - 28px);white-space:normal;text-align:center;top:12px}
  .leaflet-place-pin b{max-width:106px;font-size:10px}
}

/* === TravelMap precise comfort pass: centered details, tiny threaded markers, traveler passport === */
.modal-card.centered-readable-modal{
  position:fixed!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(720px,calc(100vw - 28px))!important;
  max-height:min(86vh,820px)!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  border-radius:28px!important;
  padding:22px!important;
  margin:0!important;
  scroll-behavior:smooth!important;
}
.modal-card.centered-readable-modal .modal-close{
  position:sticky!important;
  top:0!important;
  float:right!important;
  z-index:25!important;
  margin:-6px -6px 8px 8px!important;
  background:linear-gradient(135deg,#ffffff,#eaf8ff)!important;
  color:#0f4f8f!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
.travel-place-details.centered-readable-modal p{line-height:1.72!important;font-size:15px!important;color:rgba(255,255,255,.88)!important}.travel-place-details.centered-readable-modal .travel-place-detail-photo{height:min(310px,34vh)!important}.travel-details-back{position:sticky!important;top:0!important;z-index:12!important}
.hm-threaded-marker{background:transparent!important;border:0!important}.hm-threaded-marker:before{content:'';position:absolute;left:10px;top:20px;width:1.5px;height:20px;background:linear-gradient(180deg,rgba(20,85,135,.10),rgba(20,85,135,.66));filter:drop-shadow(0 1px 1px rgba(255,255,255,.8));pointer-events:none}.hm-threaded-marker:after{content:'';position:absolute;left:6px;bottom:-1px;width:10px;height:10px;border-radius:999px;background:#fff;border:2px solid rgba(23,104,180,.55);box-shadow:0 4px 10px rgba(20,92,160,.18);pointer-events:none}.tiny-thread-pin{position:relative!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;padding:0!important;border-radius:999px!important;border:2px solid #fff!important;display:grid!important;place-items:center!important;transform:none!important;cursor:pointer!important;box-shadow:0 6px 14px rgba(0,70,140,.22),0 0 0 2px rgba(255,255,255,.34)!important;overflow:hidden!important}.leaflet-place-pin.tiny-thread-pin{background:linear-gradient(135deg,#ffbd3d,#ff7a35)!important;color:#fff!important}.leaflet-place-pin.tiny-thread-pin i{font-style:normal!important;font-size:12px!important;line-height:1!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}.leaflet-place-pin.tiny-thread-pin span,.leaflet-place-pin.tiny-thread-pin b{display:none!important}.leaflet-traveler-pin.tiny-thread-pin{background:linear-gradient(135deg,#24c4ff,#1d74ff)!important;color:#fff!important;font-size:11px!important;font-weight:1000!important}.leaflet-traveler-pin.tiny-thread-pin img{width:100%!important;height:100%!important;object-fit:cover!important}.leaflet-traveler-pin.tiny-thread-pin span{font-size:10px!important}.leaflet-traveler-pin.tiny-thread-pin.live{animation:travelerLivePulse 1.9s ease-in-out infinite!important}.leaflet-traveler-pin.tiny-thread-pin.live:before{content:'';position:absolute;inset:-7px;border-radius:999px;border:1px solid rgba(29,116,255,.48);animation:travelerRing 1.9s ease-out infinite;pointer-events:none}.leaflet-traveler-pin.tiny-thread-pin.live:after{content:'';position:absolute;right:-1px;bottom:-1px;width:6px;height:6px;border-radius:999px;background:#37ef83;border:1px solid #fff;pointer-events:none}@keyframes travelerLivePulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.07)}}@keyframes travelerRing{0%{transform:scale(.45);opacity:.85}100%{transform:scale(2.1);opacity:0}}
.travel-marker{width:16px!important;height:16px!important;box-shadow:0 0 0 2px rgba(39,132,255,.85),0 0 14px rgba(39,132,255,.55)!important}.travel-marker-pulse{inset:-7px!important}.travel-marker-avatar{width:14px!important;height:14px!important;font-size:7px!important}.travel-marker-avatar:after{display:none!important}.travel-place-marker.single{filter:drop-shadow(0 8px 14px rgba(0,60,120,.18))!important}.place-pin{width:18px!important;height:18px!important;border-radius:999px!important;transform:none!important;font-size:10px!important;border:2px solid #fff!important}.travel-place-marker.single:before{content:'';position:absolute;left:50%;top:14px;width:1.5px;height:22px;background:rgba(20,85,135,.55);transform:translateX(-50%);z-index:-1}.travel-place-marker.single:after{content:'';position:absolute;left:50%;top:34px;width:9px;height:9px;border-radius:999px;background:#fff;border:2px solid rgba(23,104,180,.55);transform:translateX(-50%);z-index:-1}.travel-place-marker.single .place-name{display:none!important}
.travel-passport-profile{margin:0!important}.passport-owner-row{position:relative;z-index:1;display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px;border-radius:18px;background:rgba(255,255,255,.62);border:1px solid rgba(18,92,160,.14)}.passport-owner-row strong{display:block;color:#17335c;font-weight:1000}.passport-owner-row small{display:block;margin-top:4px;color:rgba(31,68,108,.68);font-weight:800}.passport-countries{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin:-6px 0 16px}.passport-countries span{padding:7px 10px;border-radius:999px;background:rgba(13,121,215,.10);border:1px solid rgba(13,121,215,.18);color:#12406f;font-size:12px;font-weight:900}.passport-modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.passport-modal-actions .btn{flex:1 1 180px}.travel-passport-modal{background:linear-gradient(145deg,rgba(13,33,66,.98),rgba(4,14,32,.99))!important;border-color:rgba(102,197,255,.30)!important}.hm-flight-icon{background:transparent!important;border:0!important;font-size:24px;filter:drop-shadow(0 8px 16px rgba(0,60,140,.25));animation:flightBob .9s ease-in-out infinite alternate}@keyframes flightBob{from{transform:translateY(0) rotate(10deg)}to{transform:translateY(-4px) rotate(10deg)}}.travel-flight-line{stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(0,168,255,.35))}
@media(max-width:760px){.modal-card.centered-readable-modal{width:calc(100vw - 18px)!important;max-height:88vh!important;padding:16px!important;border-radius:22px!important}.travel-place-details.centered-readable-modal .travel-place-detail-photo{height:220px!important}.travel-passport-real.travel-passport-profile{grid-template-columns:1fr!important}.passport-modal-actions{flex-direction:column}.passport-modal-actions .btn{width:100%;flex-basis:auto}.hm-threaded-marker:before{height:18px}.leaflet-control-layers{display:none!important}}

/* === RESTORE VERSION PATCH: simple cinematic intro, stable adaptive TravelMap === */
.hm-cinematic-intro{
  position:fixed!important;inset:0!important;z-index:2147483500!important;overflow:hidden!important;display:grid!important;place-items:center!important;
  background:
    radial-gradient(ellipse at 50% 78%,rgba(0,190,255,.20),transparent 34%),
    radial-gradient(circle at 50% 44%,rgba(50,145,255,.14),transparent 24%),
    linear-gradient(150deg,#010207 0%,#030817 42%,#000103 100%)!important;
  isolation:isolate!important;transition:opacity .62s ease,filter .62s ease,transform .62s ease!important;
}
.hm-cinematic-intro.intro-leaving{opacity:0!important;filter:blur(10px)!important;transform:scale(1.025)!important;pointer-events:none!important}
.hm-cinematic-intro .landing-slideshow,.hm-cinematic-intro .mobile-swipe-stage{display:none!important}
.cinema-fog,.cinema-stars,.cinema-light{position:absolute;inset:0;pointer-events:none;z-index:0}
.cinema-stars{background-image:radial-gradient(circle,rgba(154,231,255,.9) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(255,255,255,.55) 0 1px,transparent 1.3px);background-size:82px 82px,137px 137px;opacity:.26;animation:cinemaStarsDrift 18s linear infinite;filter:drop-shadow(0 0 7px rgba(76,199,255,.35))}
.cinema-fog{inset:-20%;background:radial-gradient(ellipse at 35% 58%,rgba(17,87,144,.34),transparent 36%),radial-gradient(ellipse at 72% 34%,rgba(0,198,255,.16),transparent 30%);filter:blur(24px);animation:cinemaFog 5.8s ease-in-out infinite alternate;opacity:.92}
.cinema-light{background:linear-gradient(100deg,transparent 18%,rgba(127,234,255,.05) 44%,rgba(255,255,255,.11) 50%,rgba(127,234,255,.05) 56%,transparent 82%);transform:translateX(-110%) skewX(-14deg);animation:cinemaSweep 3.4s cubic-bezier(.16,1,.3,1) .2s forwards}
.cinema-title-wrap{position:relative;z-index:2;text-align:center;padding:24px;width:min(940px,calc(100vw - 28px));animation:cinemaTitleIn 3.45s cubic-bezier(.16,1,.3,1) both}
.cinema-title-wrap:before{content:"";position:absolute;left:50%;top:50%;width:min(720px,80vw);height:170px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(0,187,255,.22),transparent 65%);filter:blur(24px);z-index:-1}
.cinema-title-wrap h1{margin:0;color:#e8fbff;font-size:clamp(2.25rem,7vw,6.4rem);line-height:.96;font-weight:1000;letter-spacing:.035em;text-transform:none;text-shadow:0 0 18px rgba(99,225,255,.72),0 0 58px rgba(0,140,255,.48),0 22px 90px rgba(0,0,0,.8)}
.cinema-title-wrap p{margin:22px 0 0;color:rgba(218,247,255,.82);font-size:clamp(1rem,2.4vw,1.55rem);font-weight:800;letter-spacing:.38em;text-transform:uppercase;text-shadow:0 0 22px rgba(95,225,255,.35)}
@keyframes cinemaStarsDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-90px,55px,0)}}
@keyframes cinemaFog{from{transform:scale(1) translate3d(-1%,0,0);opacity:.72}to{transform:scale(1.06) translate3d(1.5%,-1%,0);opacity:1}}
@keyframes cinemaSweep{0%{transform:translateX(-120%) skewX(-14deg);opacity:0}18%{opacity:1}100%{transform:translateX(120%) skewX(-14deg);opacity:0}}
@keyframes cinemaTitleIn{0%{opacity:0;transform:translateY(28px) scale(.94);filter:blur(18px)}22%{opacity:1;filter:blur(0)}78%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:.97;transform:translateY(0) scale(1.012)}}

.travel-flight-line.cinematic{stroke-linecap:round!important;filter:drop-shadow(0 0 10px rgba(0,183,255,.72)) drop-shadow(0 0 28px rgba(0,183,255,.34));animation:travelDashMove 1.25s linear infinite}
.travel-flight-line-glow{stroke-linecap:round!important;filter:drop-shadow(0 0 24px rgba(125,247,255,.55))}
.hm-flight-icon.cinematic{background:transparent!important;border:0!important;filter:drop-shadow(0 10px 18px rgba(0,50,120,.42)) drop-shadow(0 0 18px rgba(125,247,255,.70));}
.hm-flight-icon.cinematic span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,#fff 0 24%,#9df4ff 25% 42%,rgba(0,153,255,.88) 43% 100%);color:#06325e;font-size:19px;box-shadow:0 0 0 1px rgba(255,255,255,.62),0 0 28px rgba(0,183,255,.75);animation:flightCinemaBob .9s ease-in-out infinite alternate}
.travel-flight-ring{filter:drop-shadow(0 0 14px rgba(128,246,255,.9));animation:travelRingPulse 1.1s ease-in-out infinite alternate}
.travel-flight-ring.destination{filter:drop-shadow(0 0 14px rgba(255,215,107,.95))}
@keyframes flightCinemaBob{from{transform:translateY(0) rotate(13deg) scale(1)}to{transform:translateY(-5px) rotate(13deg) scale(1.08)}}
@keyframes travelRingPulse{from{opacity:.55}to{opacity:1}}
@keyframes travelDashMove{from{stroke-dashoffset:0}to{stroke-dashoffset:-36}}

.travel-map-card,.travelmap-hero,.travel-list-card{max-width:100%;overflow:hidden}
.travel-map-scroll{overscroll-behavior:contain;touch-action:pan-x pan-y;max-width:100%}
.travel-world-map.real-map{min-height:clamp(420px,62vh,760px)!important;border-radius:24px!important;overflow:hidden!important}
.travel-leaflet-map{min-height:clamp(420px,62vh,760px)!important}
.centered-readable-modal{position:relative!important;width:min(760px,calc(100vw - 28px))!important;max-height:min(86dvh,820px)!important;overflow:auto!important;margin:auto!important}

@media(max-width:760px){
  .cinema-title-wrap h1{font-size:clamp(2rem,12vw,4.6rem)}
  .cinema-title-wrap p{letter-spacing:.22em;font-size:.9rem}
  .travel-world-map.real-map,.travel-leaflet-map{min-height:64dvh!important;border-radius:20px!important}
  .travel-country-picker{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .travel-map-toolbar{gap:10px!important;align-items:flex-start!important}
  .travel-zoom-controls{width:100%;justify-content:flex-start;overflow-x:auto}
}

@media(prefers-reduced-motion:reduce){
  .cinema-stars,.cinema-fog,.cinema-light,.cinema-title-wrap,.travel-flight-line.cinematic,.hm-flight-icon.cinematic span{animation:none!important}
}

/* === FINAL USER FIX: no launch intro + always-visible right messenger plane === */
#introLaunch,.intro-launch,.hm-cinematic-intro{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;}
body.hm-intro-active{overflow:auto!important;}
body > .messenger-fab.viewport-left-fab,
body > .messenger-fab.viewport-right-fab-plane,
.messenger-fab.viewport-right-fab-plane,
.messenger-fab{
  position:fixed!important;
  left:auto!important;
  right:18px!important;
  top:50dvh!important;
  bottom:auto!important;
  transform:translate3d(0,-50%,0)!important;
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:2147483001!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  border-radius:21px!important;
}
body > .messenger-fab.viewport-left-fab *,.messenger-fab *{pointer-events:none!important;}
body.hm-intro-active > .messenger-fab.viewport-left-fab,
body.hm-intro-active .messenger-fab{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
@media(max-width:760px){
  body > .messenger-fab.viewport-left-fab,
  body > .messenger-fab.viewport-right-fab-plane,
  .messenger-fab.viewport-right-fab-plane,
  .messenger-fab{right:12px!important;top:50dvh!important;width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important;border-radius:20px!important;}
}

/* === Compact feeds, pagination and TravelMap list controls === */
.post-author-click{display:inline-flex;align-items:center;gap:10px;background:transparent;border:0;color:inherit;text-align:left;padding:0;cursor:pointer;max-width:100%}
.post-author-click:hover .handle{text-decoration:underline;text-underline-offset:3px}
.post-text-collapsed{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;transition:max-height .38s ease, opacity .25s ease;max-height:6.8em;white-space:pre-wrap}
.post-text-collapsed.expanded{display:block;-webkit-line-clamp:unset;max-height:1200px;overflow:visible}
.post-expand-btn{width:100%;margin:8px 0 4px;min-height:38px;border-radius:18px;border:1px solid rgba(80,210,255,.22);background:rgba(255,255,255,.04);color:rgba(235,252,255,.88);display:flex;align-items:center;justify-content:center;gap:10px;font-weight:800;letter-spacing:.02em;cursor:pointer;backdrop-filter:blur(12px);transition:background .25s ease, transform .25s ease, border-color .25s ease}
.post-expand-btn:hover{background:rgba(0,190,255,.12);border-color:rgba(110,235,255,.42);transform:translateY(-1px)}
.post-expand-btn i{font-style:normal;font-size:18px;animation:hmExpandArrow 1.35s ease-in-out infinite}
.post-expand-btn.expanded i{transform:rotate(180deg);animation:none}
@keyframes hmExpandArrow{0%,100%{transform:translateY(-2px)}50%{transform:translateY(4px)}}
.post-metrics-inline{display:flex!important;flex-direction:row!important;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 8px}
.post-metrics-inline span,.post-metrics-inline button{min-height:34px;border-radius:999px;border:1px solid rgba(120,220,255,.18);background:rgba(255,255,255,.055);padding:7px 11px;color:rgba(239,252,255,.94);font-size:12px;font-weight:850;line-height:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.post-metrics-inline .metric-like{cursor:pointer}
.post-metrics-inline .metric-like.liked{background:rgba(255,70,120,.15);border-color:rgba(255,90,135,.45)}
.post-donation-metric.hmx{color:#dffcff}
.members-summary-card{display:flex;align-items:center;gap:16px;justify-content:space-between}
.members-summary-icon{width:58px;height:58px;border-radius:22px;display:grid;place-items:center;font-size:29px;background:linear-gradient(135deg,rgba(0,210,255,.18),rgba(255,255,255,.07));border:1px solid rgba(120,230,255,.28);box-shadow:0 18px 52px rgba(0,130,255,.15)}
.hm-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:14px 0 4px}
.page-btn{min-width:36px;height:36px;border-radius:12px;border:1px solid rgba(120,220,255,.22);background:rgba(255,255,255,.055);color:inherit;font-weight:900;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.page-btn:hover,.page-btn.active{transform:translateY(-1px);background:rgba(0,190,255,.18);border-color:rgba(120,235,255,.55)}
.travel-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 10px;padding:10px 12px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(120,220,255,.16)}
.travel-block-head small{display:block;color:rgba(225,245,255,.62);margin-top:2px}
.travel-country-picker{grid-template-columns:minmax(180px,1fr) minmax(160px,.7fr) auto auto}
@media (max-width:760px){.post-metrics-inline{gap:6px}.post-metrics-inline span,.post-metrics-inline button{font-size:11px;padding:7px 9px}.members-summary-card{align-items:flex-start}.travel-country-picker{grid-template-columns:1fr}.travel-block-head{align-items:flex-start;flex-direction:column}.travel-block-head .btn{width:100%}}


/* === Safe UI fixes: post footer metrics/actions, donation logos, TravelMap controls === */
.post-card-readable .post-body{display:flex!important;flex-direction:column!important;position:relative!important;overflow:visible!important;}
.post-card-readable .post-text{position:relative!important;z-index:1!important;}
.post-card-readable .post-metrics-inline{order:20!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;margin:12px 0 8px!important;padding-bottom:2px!important;scrollbar-width:none!important;}
.post-card-readable .post-metrics-inline::-webkit-scrollbar{display:none!important;}
.post-card-readable .post-actions-final{order:30!important;position:static!important;inset:auto!important;margin-top:8px!important;padding-top:0!important;background:transparent!important;z-index:1!important;}
.post-card-readable .comment-list{order:40!important;position:relative!important;z-index:1!important;}
.post-metrics-inline span,.post-metrics-inline button,.post-reader-stats span{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;white-space:nowrap!important;line-height:1!important;}
.post-metrics-inline span,.post-metrics-inline button{min-height:28px!important;padding:5px 8px!important;font-size:10.5px!important;border-radius:999px!important;flex:0 0 auto!important;}
.post-metrics-inline .like-heart{font-size:11px!important;color:rgba(255,120,154,.95)!important;}
.post-metrics-inline .like-heart span:not(.metric-icon){font-size:10.5px!important;color:rgba(239,252,255,.95)!important;}
.metric-icon{display:inline-grid!important;place-items:center!important;width:13px!important;height:13px!important;font-size:12px!important;line-height:1!important;flex:0 0 auto!important;}
.heart-icon{font-size:13px!important;color:#ff5d86!important;text-shadow:0 0 10px rgba(255,70,113,.35)!important;}
.metric-token-logo{width:14px!important;height:14px!important;border-radius:50%!important;object-fit:cover!important;display:inline-block!important;flex:0 0 14px!important;box-shadow:0 0 8px rgba(102,247,255,.22)!important;}
.post-reader-stats{display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;position:static!important;}
.post-reader-card .modal-actions{position:sticky!important;bottom:0!important;margin-top:14px!important;padding-top:12px!important;background:linear-gradient(180deg,rgba(5,10,24,0),rgba(5,10,24,.96) 38%)!important;z-index:5!important;}
.travel-block-head .btn,
#toggleTravelPlacesList,
#toggleTravelersList,
.travel-place-row .btn,
.travel-row .btn,
.hm-pagination .page-btn{
  background:linear-gradient(135deg,rgba(0,212,255,.95),rgba(24,126,255,.82),rgba(120,240,255,.88))!important;
  border:1px solid rgba(180,250,255,.9)!important;
  color:#031423!important;
  box-shadow:0 10px 26px rgba(0,170,255,.25),0 0 18px rgba(102,247,255,.35),inset 0 1px 0 rgba(255,255,255,.55)!important;
  text-shadow:none!important;
}
.travel-block-head .btn:hover,
.travel-place-row .btn:hover,
.travel-row .btn:hover,
.hm-pagination .page-btn:hover,.hm-pagination .page-btn.active{filter:brightness(1.08) saturate(1.12)!important;transform:translateY(-1px)!important;}
@media(max-width:520px){
  .post-metrics-inline span,.post-metrics-inline button{padding:5px 7px!important;font-size:9.5px!important;gap:4px!important;}
  .metric-token-logo{width:12px!important;height:12px!important;flex-basis:12px!important;}
  .metric-icon{width:12px!important;height:12px!important;font-size:11px!important;}
}

/* === FINAL POLISH: compact metrics + smoother mobile input behavior === */
.post-card-readable .post-body{contain:layout style;}
.post-card-readable .post-metrics-inline,
.post-reader-stats{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:6px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
.post-card-readable .post-metrics-inline::-webkit-scrollbar,
.post-reader-stats::-webkit-scrollbar{display:none!important;}
.post-metric-pill,
.post-metrics-inline > span,
.post-metrics-inline > button,
.post-reader-stats > span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  min-height:24px!important;
  height:24px!important;
  padding:3px 7px!important;
  border-radius:999px!important;
  border:1px solid rgba(115,225,255,.20)!important;
  background:rgba(255,255,255,.052)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075)!important;
  color:rgba(240,252,255,.94)!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
  max-width:max-content!important;
}
.post-metric-pill > span,
.post-metrics-inline > span > span,
.post-metrics-inline > button > span,
.post-reader-stats > span > span{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  width:auto!important;
  border-radius:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.metric-icon,
.post-metrics-inline .metric-icon,
.post-reader-stats .metric-icon{
  width:11px!important;
  height:11px!important;
  min-width:11px!important;
  font-size:10px!important;
  line-height:1!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 11px!important;
}
.heart-icon{color:#ff537d!important;text-shadow:0 0 8px rgba(255,72,116,.42)!important;font-size:11px!important;}
.view-icon{filter:drop-shadow(0 0 5px rgba(114,230,255,.25));}
.metric-value{font-variant-numeric:tabular-nums!important;letter-spacing:.01em!important;}
.metric-token-logo,
.post-metrics-inline .metric-token-logo,
.post-reader-stats .metric-token-logo{
  width:12px!important;
  height:12px!important;
  min-width:12px!important;
  flex:0 0 12px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  display:inline-block!important;
  box-shadow:0 0 7px rgba(102,247,255,.18)!important;
  background:rgba(255,255,255,.08)!important;
  padding:0!important;
  border:0!important;
}
.post-metrics-inline .like-heart.liked{background:rgba(255,78,128,.14)!important;border-color:rgba(255,90,135,.42)!important;}
.post-metrics-inline .like-heart:hover,
.post-metric-pill:hover{filter:brightness(1.08)!important;}
.post-card-readable .post-actions-final{position:static!important;order:30!important;transform:none!important;margin-top:10px!important;}
.post-card-readable .post-action-stack{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;}
.post-card-readable .post-action-stack .btn{min-height:34px!important;padding:8px 13px!important;}

/* Avoid “two blocks inside one chip” caused by older broad span styles. */
.post-metrics-inline > * *{box-shadow:none!important;}

/* Smoothness without hijacking core logic. */
.view-shell,.page,.screen,.card,.post-card,.friend-card,.travel-place-row,.travel-row,.modal-card{transition:opacity .22s ease,transform .22s ease,filter .22s ease!important;}
.post-text{transition:max-height .28s ease,opacity .22s ease!important;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.view-shell,.page,.screen,.card,.post-card,.friend-card,.travel-place-row,.travel-row,.modal-card,.post-text{transition:none!important;animation:none!important;}}

/* Mobile composer comfort: native keyboard still opens, but inputs stay visible and fixed UI backs off. */
:root{--hm-visual-height:100dvh;}
textarea,input,[contenteditable="true"]{scroll-margin-top:96px!important;scroll-margin-bottom:42vh!important;}
@media(max-width:760px){
  body.hm-keyboard-open .bottom-nav,
  body.hm-keyboard-open .floating-plane,
  body.hm-keyboard-open .floating-messenger,
  body.hm-keyboard-open [data-floating-messenger],
  body.hm-keyboard-open .desktop-messenger-float{opacity:.18!important;pointer-events:none!important;transform:translateY(16px) scale(.92)!important;}
  body.hm-keyboard-open .modal-host.active{align-items:flex-start!important;overflow:auto!important;padding-top:14px!important;padding-bottom:32px!important;}
  body.hm-keyboard-open .modal-card{max-height:calc(var(--hm-visual-height) - 28px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;}
  body.hm-keyboard-open .composer-buttons,
  body.hm-keyboard-open .modal-actions{position:sticky!important;bottom:0!important;z-index:8!important;background:linear-gradient(180deg,rgba(5,10,24,0),rgba(5,10,24,.94) 34%)!important;padding-top:12px!important;}
  .post-metric-pill,
  .post-metrics-inline > span,
  .post-metrics-inline > button,
  .post-reader-stats > span{height:22px!important;min-height:22px!important;padding:3px 5px!important;font-size:9px!important;gap:3px!important;}
  .metric-icon,.post-metrics-inline .metric-icon,.post-reader-stats .metric-icon{width:10px!important;height:10px!important;min-width:10px!important;font-size:9.5px!important;flex-basis:10px!important;}
  .metric-token-logo,.post-metrics-inline .metric-token-logo,.post-reader-stats .metric-token-logo{width:10px!important;height:10px!important;min-width:10px!important;flex-basis:10px!important;}
}

/* === HackMessage requested update: black premium intro, repost row, live donations, no Traveler UI === */
#introLaunch.hm-premium-intro{position:fixed!important;inset:0!important;z-index:999999!important;display:grid!important;place-items:center!important;overflow:hidden!important;background:radial-gradient(circle at 50% 45%,rgba(18,22,34,.9),transparent 34%),radial-gradient(circle at 20% 20%,rgba(90,90,110,.18),transparent 28%),linear-gradient(145deg,#000 0%,#030306 42%,#09090f 100%)!important;transition:opacity .72s cubic-bezier(.16,1,.3,1),filter .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1)!important;contain:layout paint size!important;}
#introLaunch.hm-premium-intro::before{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.055) 38%,rgba(102,247,255,.10) 48%,rgba(255,255,255,.035) 58%,transparent 76%);transform:translateX(-38%) rotate(7deg);animation:hmPremiumSweep 2.2s cubic-bezier(.16,1,.3,1) both;}
#introLaunch.hm-premium-intro::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at center,black 0 48%,transparent 78%);opacity:.34;animation:hmPremiumGrid 3s ease both;}
.hm-premium-intro-bg{position:absolute;inset:0;pointer-events:none;perspective:1200px;}
.hm-premium-intro-bg i{position:absolute;left:50%;top:50%;width:min(76vw,720px);height:min(76vw,720px);border-radius:50%;border:1px solid rgba(255,255,255,.08);transform:translate(-50%,-50%) rotateX(68deg) rotateZ(0deg);box-shadow:0 0 70px rgba(102,247,255,.055),inset 0 0 38px rgba(255,255,255,.025);animation:hmPremiumRing 4.4s linear infinite;}
.hm-premium-intro-bg i:nth-child(2){width:min(58vw,520px);height:min(58vw,520px);animation-duration:3.2s;border-color:rgba(102,247,255,.12)}
.hm-premium-intro-bg i:nth-child(3){width:min(40vw,360px);height:min(40vw,360px);animation-duration:2.6s;border-color:rgba(255,255,255,.10)}
.hm-premium-title{position:relative;z-index:2;display:block;width:min(1180px,calc(100vw - 24px));padding:0 12px;text-align:center;color:#fff;font-weight:1000;font-size:clamp(34px,8vw,112px);line-height:.96;letter-spacing:-.07em;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.18),0 18px 70px rgba(0,0,0,.95),0 0 42px rgba(102,247,255,.16);filter:drop-shadow(0 0 26px rgba(255,255,255,.08));opacity:0;transform:translateY(18px) scale(.965);animation:hmPremiumTitle 2.15s cubic-bezier(.16,1,.3,1) .18s both;}
#introLaunch.hm-premium-intro.intro-leaving{opacity:0!important;filter:blur(12px)!important;transform:scale(1.025)!important;pointer-events:none!important;}
@keyframes hmPremiumTitle{0%{opacity:0;transform:translateY(24px) scale(.94);letter-spacing:-.11em;filter:blur(12px)}32%{opacity:1;filter:blur(0)}72%{opacity:1;transform:translateY(0) scale(1);letter-spacing:-.065em}100%{opacity:.98;transform:translateY(-4px) scale(1.012)}}
@keyframes hmPremiumSweep{0%{transform:translateX(-48%) rotate(7deg);opacity:0}28%{opacity:1}100%{transform:translateX(38%) rotate(7deg);opacity:.28}}
@keyframes hmPremiumRing{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(360deg)}}
@keyframes hmPremiumGrid{0%{opacity:0;transform:scale(1.08)}100%{opacity:.34;transform:scale(1)}}
@media(max-width:620px){.hm-premium-title{font-size:clamp(25px,9.6vw,45px)!important;letter-spacing:-.08em!important;transform:scaleX(.92);}.hm-premium-intro-bg i{width:92vw!important;height:92vw!important}.hm-premium-intro-bg i:nth-child(2){width:72vw!important;height:72vw!important}.hm-premium-intro-bg i:nth-child(3){width:52vw!important;height:52vw!important}}
@media(max-width:390px){.hm-premium-title{font-size:clamp(22px,9vw,34px)!important;letter-spacing:-.085em!important;}}

.post-share-row{order:26!important;display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding:8px 0 2px!important;margin:2px 0 4px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;}
.post-share-row::-webkit-scrollbar{display:none!important;}
.repost-label{display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(102,247,255,.045));color:rgba(239,252,255,.82);font-size:11px;font-weight:1000;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex:0 0 auto;}
.share-social-btn{height:34px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid rgba(120,220,255,.18);border-radius:999px;background:rgba(255,255,255,.06);color:#fff;font-weight:950;font-size:12px;cursor:pointer;white-space:nowrap;flex:0 0 auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 24px rgba(0,0,0,.20);transition:transform .2s ease,filter .2s ease,border-color .2s ease,background .2s ease;}
.share-social-btn svg{width:18px;height:18px;display:block;flex:0 0 18px;filter:drop-shadow(0 0 8px rgba(255,255,255,.14));}
.share-social-btn:hover{transform:translateY(-2px);filter:brightness(1.12);border-color:rgba(170,245,255,.45);background:rgba(255,255,255,.095);}
.share-social-btn.facebook{box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 24px rgba(24,119,242,.12)}
.share-social-btn.telegram{box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 24px rgba(38,165,228,.12)}
.share-social-btn.x{box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 24px rgba(255,255,255,.08)}
.realtime-donation{position:relative!important;border-color:rgba(115,245,255,.28)!important;background:linear-gradient(135deg,rgba(102,247,255,.10),rgba(255,255,255,.045))!important;}
.realtime-donation::after{content:"LIVE";margin-left:4px;font-size:7px;font-weight:1000;color:#66f7ff;letter-spacing:.08em;text-shadow:0 0 8px rgba(102,247,255,.75);}
.donation-live-pulse{animation:donationLivePulse .72s ease both!important;}
@keyframes donationLivePulse{0%{transform:scale(1);box-shadow:0 0 0 rgba(102,247,255,0)}35%{transform:scale(1.06);box-shadow:0 0 26px rgba(102,247,255,.36)}100%{transform:scale(1);box-shadow:inset 0 1px 0 rgba(255,255,255,.075)}}
@media(max-width:520px){.post-share-row{gap:6px!important}.repost-label,.share-social-btn{height:32px!important;min-height:32px!important;padding:0 10px!important;font-size:10.5px!important}.share-social-btn svg{width:16px;height:16px;flex-basis:16px}}

/* Hide legacy Traveler/Achievement blocks if an older cached render is still present. */
.traveler-card,.traveler-leaderboard,.hmx-hold-panel,.achievements-grid,.traveler-collapse-head{display:none!important;}

/* Round update: premium translucent hologram buttons and repost picker */
.btn,
button.btn,
.composer-actions .btn,
.enft-actions .btn,
.post-card .btn,
.modal-card .btn{
  border:1px solid rgba(117,243,255,.30)!important;
  background:linear-gradient(135deg,rgba(70,238,255,.22),rgba(108,101,255,.16) 45%,rgba(255,255,255,.08))!important;
  color:#f7fdff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -10px 22px rgba(0,0,0,.18),0 16px 42px rgba(10,180,255,.14),0 5px 14px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(16px) saturate(1.35)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.35)!important;
  text-shadow:0 1px 6px rgba(255,255,255,.28)!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease!important;
}
.btn:hover,
button.btn:hover{
  transform:translateY(-2px) perspective(700px) rotateX(4deg)!important;
  border-color:rgba(138,250,255,.58)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),inset 0 -12px 26px rgba(0,0,0,.18),0 22px 58px rgba(54,219,255,.22),0 8px 18px rgba(0,0,0,.34)!important;
}
.btn.secondary{background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(70,238,255,.13),rgba(120,106,255,.10))!important;}
.post-repost-pill{cursor:pointer!important;min-width:auto!important;}
.post-repost-pill .metric-icon{font-size:15px!important;color:#bffbff!important;}
.repost-picker-card{position:relative;width:min(520px,calc(100vw - 24px));overflow:hidden;border-color:rgba(102,247,255,.28)!important;background:linear-gradient(140deg,rgba(5,12,25,.84),rgba(20,34,62,.58))!important;box-shadow:0 30px 120px rgba(0,0,0,.55),0 0 70px rgba(71,228,255,.14),inset 0 1px 0 rgba(255,255,255,.18)!important;}
.repost-glass-shine{position:absolute;inset:-50% -20% auto;height:240px;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.16),transparent 72%);animation:repostShine 4.2s ease-in-out infinite;pointer-events:none;}
.repost-choice-row{position:relative;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:nowrap;margin:18px 0 6px;}
.share-social-btn{height:46px;padding:0 14px;border-radius:17px;border:1px solid rgba(255,255,255,.16);display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(102,247,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 14px 34px rgba(0,0,0,.25);backdrop-filter:blur(12px);cursor:pointer;font-weight:900;white-space:nowrap;}
.share-social-btn svg{width:18px;height:18px;display:block;}
.share-social-btn.facebook{background:linear-gradient(135deg,rgba(24,119,242,.36),rgba(255,255,255,.08));}
.share-social-btn.x{background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(10,12,18,.30));}
.share-social-btn.telegram{background:linear-gradient(135deg,rgba(34,158,217,.38),rgba(255,255,255,.08));}
@keyframes repostShine{0%,55%{transform:translateX(-50%) rotate(8deg);opacity:0}70%{opacity:.9}100%{transform:translateX(55%) rotate(8deg);opacity:0}}
@media(max-width:520px){.repost-choice-row{gap:7px}.share-social-btn{height:43px;padding:0 10px;font-size:12px}.post-metrics-inline{gap:6px!important}.post-repost-pill .metric-value{font-size:11px!important}}

/* eNFT Staking */
.enft-staking-card{position:relative;overflow:hidden;border-color:rgba(102,247,255,.24)!important;background:linear-gradient(145deg,rgba(3,12,28,.82),rgba(18,34,66,.50) 48%,rgba(255,255,255,.05))!important;box-shadow:0 30px 120px rgba(0,0,0,.35),0 0 70px rgba(73,231,255,.12),inset 0 1px 0 rgba(255,255,255,.14)!important;}
.enft-staking-card:before{content:"";position:absolute;inset:-35% -15% auto;height:310px;background:radial-gradient(circle,rgba(102,247,255,.24),transparent 58%);filter:blur(6px);pointer-events:none;animation:stakingAura 6s ease-in-out infinite alternate;}
.enft-staking-card.level-ten{border-color:rgba(255,56,89,.42)!important;box-shadow:0 30px 120px rgba(0,0,0,.42),0 0 90px rgba(255,43,76,.18),inset 0 1px 0 rgba(255,255,255,.16)!important;}
.enft-staking-card.level-ten:before{background:radial-gradient(circle,rgba(255,42,74,.28),transparent 58%);}
.staking-live-panel,.staking-empty-panel,.staking-request-list{position:relative;z-index:1;}
.staking-live-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.7fr) auto;gap:14px;align-items:center;padding:16px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(102,247,255,.055));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 18px 48px rgba(0,0,0,.22);}
.staking-nft-mini{display:flex;gap:12px;align-items:center;min-width:0;}
.staking-nft-mini img{width:58px;height:58px;border-radius:18px;object-fit:cover;box-shadow:0 0 28px rgba(102,247,255,.20);}
.staking-nft-mini strong,.staking-nft-mini span{display:block}.staking-nft-mini strong{color:#fff;font-size:16px}.staking-nft-mini span{color:rgba(230,237,255,.64);font-weight:800;margin-top:4px}.staking-reward-counter{padding:14px;border-radius:20px;background:rgba(2,8,18,.38);border:1px solid rgba(102,247,255,.18);text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}.staking-reward-counter span,.staking-reward-counter em{display:block;color:rgba(230,237,255,.62);font-style:normal;font-weight:850}.staking-reward-counter strong{display:block;color:#9cffff;font-size:24px;letter-spacing:.02em;text-shadow:0 0 18px rgba(102,247,255,.38);animation:rewardGlow 1.7s ease-in-out infinite alternate}.enft-withdraw-rewards,.enft-stake-btn{min-height:48px!important;text-transform:uppercase;letter-spacing:.06em}.staking-empty-panel{padding:18px;border:1px dashed rgba(102,247,255,.24);border-radius:22px;background:rgba(255,255,255,.045);display:grid;gap:6px}.staking-empty-panel strong{color:#fff}.staking-empty-panel span{color:rgba(230,237,255,.65);font-weight:750}.staking-request-list{display:grid;gap:9px;margin-top:14px}.staking-request-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.staking-request-row span{color:#fff;font-weight:900}.staking-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border-radius:999px;border:1px solid rgba(102,247,255,.24);background:rgba(102,247,255,.09);color:#bffbff;font-weight:1000;font-size:12px;text-transform:uppercase;letter-spacing:.06em}@keyframes stakingAura{from{transform:translate3d(-2%,-3%,0) scale(.98);opacity:.75}to{transform:translate3d(3%,2%,0) scale(1.04);opacity:1}}@keyframes rewardGlow{from{filter:brightness(1);transform:translateY(0)}to{filter:brightness(1.2);transform:translateY(-1px)}}@media(max-width:760px){.staking-live-panel{grid-template-columns:1fr}.enft-withdraw-rewards{width:100%}.staking-reward-counter{text-align:left}.repost-choice-row{justify-content:stretch}.repost-choice-row .share-social-btn{flex:1 1 0;min-width:0}.repost-choice-row .share-social-btn span{display:none}}

/* eNFT limited-card update */
.enft-nav-card-icon{width:24px;height:24px;border-radius:7px;display:inline-grid;place-items:center;font-size:0;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(102,247,255,.35) 45%,rgba(119,118,255,.38));border:1px solid rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 0 18px rgba(102,247,255,.28);transform:rotate(-7deg)}
.enft-nav-card-icon:before{content:"";width:12px;height:16px;border-radius:4px;background:linear-gradient(180deg,#06101d,#182a54);box-shadow:0 0 0 1px rgba(255,255,255,.32) inset,0 0 12px rgba(102,247,255,.38)}
.enft-supply-counter{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:10px 14px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(102,247,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 24px rgba(102,247,255,.08);color:rgba(234,255,255,.78);font-size:12px;font-weight:900;letter-spacing:.04em}.enft-supply-counter strong{color:#fff;font-size:14px;text-shadow:0 0 18px rgba(102,247,255,.28)}
.enft-card.rarity-standard,.enft-detail-hero.rarity-standard{border-color:rgba(72,255,145,.62)!important;box-shadow:0 20px 70px rgba(0,0,0,.38),0 0 34px rgba(72,255,145,.16)!important}.enft-card.rarity-legend,.enft-detail-hero.rarity-legend{border-color:rgba(255,157,45,.78)!important;box-shadow:0 22px 78px rgba(0,0,0,.42),0 0 38px rgba(255,157,45,.22)!important}.enft-card.rarity-rarity,.enft-detail-hero.rarity-rarity{border-color:rgba(255,53,82,.86)!important;box-shadow:0 24px 86px rgba(0,0,0,.48),0 0 44px rgba(255,53,82,.32),0 0 90px rgba(255,53,82,.12)!important}
.enft-badges .rarity-standard,.enft-rarity-label.rarity-standard{border-color:rgba(72,255,145,.42)!important;color:#87ffb5!important}.enft-badges .rarity-legend,.enft-rarity-label.rarity-legend{border-color:rgba(255,157,45,.52)!important;color:#ffbd73!important}.enft-badges .rarity-rarity,.enft-rarity-label.rarity-rarity{border-color:rgba(255,53,82,.6)!important;color:#ff7b91!important}
.enft-card-rarity-label{position:absolute;left:10px;bottom:10px;padding:6px 9px;border-radius:999px;background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.20);backdrop-filter:blur(12px);color:#fff;font-size:10px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 10px rgba(255,255,255,.24)}
.enft-rarity-label{display:inline-flex;margin:6px 0 12px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);font-weight:950;letter-spacing:.1em;text-transform:uppercase}.enft-odds-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.enft-odds-row span{padding:9px 8px;border-radius:14px;text-align:center;font-size:11px;font-weight:900;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10)}
.enft-roll-modal{overflow:hidden;text-align:center}.enft-roll-machine{position:relative;margin:18px auto 20px;width:min(100%,420px);min-height:116px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(102,247,255,.06));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 40px rgba(255,255,255,.06),0 0 44px rgba(102,247,255,.12)}.enft-roll-machine span{position:absolute;padding:8px 12px;border-radius:999px;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.12);font-weight:900;animation:enftRollSpin 1.15s linear infinite}.enft-roll-machine span:nth-child(1){animation-delay:0s}.enft-roll-machine span:nth-child(2){animation-delay:.18s}.enft-roll-machine span:nth-child(3){animation-delay:.36s}.enft-roll-machine strong{position:relative;z-index:2;font-size:clamp(28px,6vw,54px);letter-spacing:.02em;text-shadow:0 0 30px currentColor;animation:enftRollReveal 1.65s ease both}.enft-roll-modal.rarity-standard .enft-roll-machine strong{color:#87ffb5}.enft-roll-modal.rarity-legend .enft-roll-machine strong{color:#ffbd73}.enft-roll-modal.rarity-rarity .enft-roll-machine strong{color:#ff637c}@keyframes enftRollSpin{0%{transform:translateX(-140px) scale(.82);opacity:.2}45%{opacity:1}100%{transform:translateX(140px) scale(1.05);opacity:.2}}@keyframes enftRollReveal{0%,65%{opacity:0;transform:scale(.86);filter:blur(10px)}100%{opacity:1;transform:scale(1);filter:blur(0)}}
@media(max-width:560px){.enft-odds-row{grid-template-columns:1fr}.enft-supply-counter{width:100%;justify-content:center}.enft-create-btn{width:100%}}

/* Round update: real eNFT card icon, burn button, and 5s rarity reveal */
.enft-nav-card-icon.real-card{
  position:relative;display:inline-grid;place-items:center;width:25px;height:31px;border-radius:7px;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(102,247,255,.24) 38%,rgba(255,120,64,.2));
  border:1px solid rgba(102,247,255,.75);box-shadow:inset 0 0 12px rgba(255,255,255,.36),0 0 14px rgba(102,247,255,.42),0 9px 20px rgba(0,0,0,.35);
  transform:perspective(70px) rotateY(-13deg) rotateX(7deg);overflow:hidden;vertical-align:middle;
}
.enft-nav-card-icon.real-card:before{content:"";position:absolute;inset:2px;border-radius:5px;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.95),transparent 18%),linear-gradient(135deg,rgba(3,8,18,.2),rgba(3,8,18,.58));}
.enft-nav-card-icon.real-card i{position:absolute;width:11px;height:11px;border-radius:50%;background:linear-gradient(135deg,#66f7ff,#ffd66b);box-shadow:0 0 13px rgba(102,247,255,.8);}
.enft-nav-card-icon.real-card b{position:absolute;bottom:5px;width:14px;height:3px;border-radius:999px;background:rgba(255,255,255,.8);box-shadow:0 0 8px rgba(255,255,255,.55);}
.enft-burn-btn{background:linear-gradient(135deg,rgba(255,28,70,.92),rgba(255,93,38,.72),rgba(255,214,107,.5))!important;border:1px solid rgba(255,88,88,.75)!important;color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 12px 30px rgba(255,35,70,.24),0 0 22px rgba(255,70,45,.24)!important;animation:burnPulse 1.22s ease-in-out infinite;}
@keyframes burnPulse{0%,100%{transform:translateY(0) scale(1);filter:saturate(1)}50%{transform:translateY(-1px) scale(1.035);filter:saturate(1.35);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 18px 38px rgba(255,35,70,.34),0 0 34px rgba(255,95,45,.48)!important}}
.enft-burn-modal{text-align:center;overflow:hidden}.burn-fire{font-size:72px;line-height:1;filter:drop-shadow(0 0 22px rgba(255,58,35,.75));animation:burnPulse 1s ease-in-out infinite;margin-bottom:12px}
.enft-roll-modal{min-height:390px;text-align:center;overflow:hidden;border:1px solid rgba(102,247,255,.38)!important;background:radial-gradient(circle at 50% 20%,rgba(102,247,255,.13),transparent 42%),linear-gradient(155deg,rgba(4,8,18,.96),rgba(7,18,31,.93))!important}
.enft-roll-stage{height:170px;margin:16px auto 20px;position:relative;display:grid;place-items:center;perspective:900px;}
.enft-roll-card,.enft-reveal-card{width:125px;height:158px;border-radius:20px;display:grid;place-items:end center;padding:14px;font-weight:950;letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 26px 70px rgba(0,0,0,.45);}
.enft-roll-card{position:absolute;opacity:0;animation:raritySpin 1.05s linear infinite;}
.enft-roll-card.standard{border:2px solid rgba(76,255,148,.9);background:linear-gradient(145deg,rgba(76,255,148,.3),rgba(5,18,12,.92));animation-delay:0s;color:#b8ffd3}
.enft-roll-card.legend{border:2px solid rgba(255,156,55,.95);background:linear-gradient(145deg,rgba(255,153,50,.34),rgba(24,10,4,.92));animation-delay:.35s;color:#ffd2a0}
.enft-roll-card.rarity{border:2px solid rgba(255,36,74,.95);background:linear-gradient(145deg,rgba(255,36,74,.36),rgba(25,3,7,.94));animation-delay:.7s;color:#ffbac5}
@keyframes raritySpin{0%{opacity:0;transform:translateX(-135px) rotateY(-70deg) rotateZ(-8deg) scale(.78)}20%,55%{opacity:1;transform:translateX(0) rotateY(0deg) rotateZ(0deg) scale(1)}75%,100%{opacity:0;transform:translateX(135px) rotateY(70deg) rotateZ(8deg) scale(.78)}}
.enft-roll-machine{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.enft-roll-machine span,.enft-roll-machine strong{border-radius:999px;padding:8px 11px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06)}
.enft-reveal-card{margin:20px auto;border-width:3px;font-size:18px;animation:revealPop .75s cubic-bezier(.2,1.3,.2,1) both}.enft-reveal-card.rarity-standard{border:3px solid rgba(76,255,148,.95);background:linear-gradient(145deg,rgba(76,255,148,.32),rgba(5,18,12,.95));color:#b8ffd3}.enft-reveal-card.rarity-legend{border:3px solid rgba(255,156,55,.98);background:linear-gradient(145deg,rgba(255,153,50,.38),rgba(24,10,4,.95));color:#ffd2a0}.enft-reveal-card.rarity-rarity{border:3px solid rgba(255,36,74,.98);background:linear-gradient(145deg,rgba(255,36,74,.42),rgba(25,3,7,.96));color:#ffbac5;box-shadow:0 0 44px rgba(255,36,74,.42),0 26px 70px rgba(0,0,0,.55)}
@keyframes revealPop{0%{opacity:0;transform:scale(.5) rotateY(80deg)}100%{opacity:1;transform:scale(1) rotateY(0)}}
.rarity-standard .enft-image-wrap{border:2px solid rgba(76,255,148,.72)!important}.rarity-legend .enft-image-wrap{border:2px solid rgba(255,156,55,.82)!important}.rarity-rarity .enft-image-wrap{border:2px solid rgba(255,36,74,.9)!important;box-shadow:0 0 26px rgba(255,36,74,.28)!important}

/* Account blocking overlay */
body.account-blocked-active .app-shell{filter:blur(10px) saturate(.45);pointer-events:none;user-select:none;}
.account-blocked-overlay{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.48);backdrop-filter:blur(14px);}
.account-blocked-card{max-width:560px;width:min(92vw,560px);padding:34px;border-radius:28px;text-align:center;color:#fff;background:linear-gradient(145deg,rgba(25,5,12,.92),rgba(6,10,25,.9));border:1px solid rgba(255,80,110,.45);box-shadow:0 30px 90px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.16),0 0 42px rgba(255,0,70,.18);}
.account-blocked-icon{width:72px;height:72px;margin:0 auto 16px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,40,70,.42),rgba(255,255,255,.08));box-shadow:0 0 28px rgba(255,0,70,.35);font-size:34px;}
.account-blocked-card h2{margin:0 0 10px;font-size:clamp(26px,5vw,42px);}
.account-blocked-card p{margin:0;color:rgba(255,255,255,.82);font-size:17px;line-height:1.55;}
.enft-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.enft-stat-tile{padding:18px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.035));border:1px solid rgba(120,220,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 44px rgba(0,0,0,.28)}.enft-stat-tile span{display:block;color:rgba(255,255,255,.66);font-size:13px;margin-bottom:8px}.enft-stat-tile strong{font-size:clamp(24px,4vw,36px);color:#fff;text-shadow:0 0 18px rgba(70,210,255,.45)}@media(max-width:640px){.enft-stats-grid{grid-template-columns:1fr}}

/* Round fix: public blocked profile/messenger status */
.blocked-public-notice{
  margin:12px 0;
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px 14px;
  border-radius:18px;
  color:#fff;
  background:linear-gradient(135deg,rgba(255,50,84,.20),rgba(255,255,255,.045));
  border:1px solid rgba(255,64,104,.35);
  box-shadow:0 18px 45px rgba(255,0,64,.10),inset 0 1px 0 rgba(255,255,255,.12);
}
.blocked-public-notice strong{display:block;font-weight:1000;letter-spacing:.02em;color:#fff;}
.blocked-public-notice span{display:block;margin-top:3px;color:rgba(255,232,237,.82);font-size:13px;line-height:1.35;}
.blocked-public-icon{
  width:42px;height:42px;min-width:42px;border-radius:15px;display:grid;place-items:center;
  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.22),transparent 38%),linear-gradient(135deg,rgba(255,40,76,.55),rgba(70,0,20,.35));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 0 24px rgba(255,40,76,.22);
}
.blocked-status-pill{
  display:inline-flex!important;align-items:center;justify-content:center;
  padding:6px 10px;border-radius:999px;
  background:linear-gradient(135deg,rgba(255,48,88,.28),rgba(255,255,255,.06));
  border:1px solid rgba(255,84,118,.38);
  color:#ffd8df!important;font-weight:1000;font-size:12px;text-transform:uppercase;letter-spacing:.06em;
}
.messenger-chat-card>.blocked-public-notice{margin:12px 16px 0;}
.btn:disabled,.input:disabled,.textarea:disabled{opacity:.55!important;cursor:not-allowed!important;filter:saturate(.55)!important;}


/* HM auth gate: keeps the social network visible but locked until explicit login. */
body.hm-auth-gate-active #app {
  filter: blur(14px);
  transform: scale(1.01);
  pointer-events: none;
  user-select: none;
}
.hm-auth-gate {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(2, 2, 6, .52);
  backdrop-filter: blur(20px);
}
.hm-auth-gate.is-hidden { display: none; }
.hm-auth-gate-card {
  width: min(440px, 94vw);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 30px;
  padding: 28px;
  text-align: center;
  background: linear-gradient(180deg, rgba(18,18,28,.92), rgba(4,4,10,.94));
  box-shadow: 0 28px 90px rgba(0,0,0,.72);
}
.hm-auth-gate-logo {
  width: 74px;
  height: 74px;
  object-fit: cover;
  border-radius: 22px;
  margin-bottom: 14px;
}
.hm-auth-gate-card h1 {
  margin: 8px 0 10px;
  font-size: clamp(28px, 6vw, 42px);
}
.hm-auth-gate-card p {
  margin: 0 auto 20px;
  max-width: 330px;
  color: rgba(255,255,255,.72);
}
.hm-auth-gate-actions {
  display: grid;
  gap: 12px;
}
.donation-currency-option.ton {
  border-color: rgba(0, 136, 204, .42);
}

/* HMX TON presale + profile TON wallet + mobile header refinements */
.inline-token-logo{width:18px;height:18px;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:6px}
.ton-profile-connect{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.hmx-method-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}
.hmx-purchase-panel{margin-top:12px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.035)}
.ton-buy-form .hmx-output{border-color:rgba(0,136,204,.35)}
@media (max-width: 720px){
  .app-shell{padding:10px 10px 96px}
  .topbar,.app-topbar,.header,.main-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(18px);border-radius:0 0 22px 22px;gap:8px;flex-wrap:wrap;padding:10px 12px!important}
  .brand,.logo-wrap{min-width:0;flex:1 1 auto}
  .brand span,.brand-title{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
  .wallet-mini,.disconnect-mini,.btn-mini{height:36px;min-height:36px;padding:0 12px;font-size:12px;border-radius:999px}
  .profile-actions-row.profile-actions-enhanced{display:grid;grid-template-columns:1fr;gap:10px}
  .hmx-method-row{grid-template-columns:1fr}
  .hmx-presale-grid,.hmx-balance-withdraw-grid{grid-template-columns:1fr!important}
  .nav-dock{left:8px;right:8px;bottom:8px;max-width:calc(100% - 16px);overflow-x:auto;justify-content:flex-start;padding:8px}
  .nav-btn{min-width:64px}
}

/* Final premium UI consolidation: login, header, profile, posts, eNFT cards */
.hm-auth-gate{
  position:fixed!important;inset:0!important;z-index:99999!important;display:grid!important;place-items:center!important;
  background:radial-gradient(circle at 20% 10%,rgba(102,247,255,.18),transparent 34%),radial-gradient(circle at 80% 70%,rgba(168,85,247,.2),transparent 36%),rgba(2,4,8,.72)!important;
  backdrop-filter:blur(22px) saturate(1.25)!important;-webkit-backdrop-filter:blur(22px) saturate(1.25)!important;
}
.hm-auth-gate.is-hidden{opacity:0!important;pointer-events:none!important;transform:scale(1.015);transition:opacity .65s ease,transform .65s ease!important}
.final-login-card{width:min(620px,calc(100vw - 34px))!important;min-height:360px!important;border-radius:38px!important;padding:44px 34px!important;display:grid!important;place-items:center!important;gap:34px!important;text-align:center!important;background:linear-gradient(145deg,rgba(8,14,28,.82),rgba(8,28,42,.62))!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 44px 130px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.13),0 0 70px rgba(102,247,255,.16)!important;overflow:hidden!important;position:relative!important}
.final-login-card:before{content:"";position:absolute;inset:-2px;background:linear-gradient(120deg,transparent,rgba(102,247,255,.22),rgba(255,214,107,.16),transparent);opacity:.65;filter:blur(24px);animation:hmLuxurySweep 5.5s linear infinite;pointer-events:none}
.hm-script-title{position:relative;z-index:1;font-family:"Brush Script MT","Segoe Script",cursive;font-size:clamp(38px,8vw,76px);line-height:.98;letter-spacing:.03em;color:#fff;text-shadow:0 0 22px rgba(102,247,255,.44),0 0 48px rgba(164,107,255,.28)}
.hm-script-title span{display:inline-block;overflow:hidden;white-space:nowrap;max-width:0;animation:hmWriteTitle 2.2s ease forwards .25s;border-right:2px solid rgba(255,255,255,.72)}
.premium-login-actions{position:relative;z-index:1;display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;width:min(520px,100%)!important}.premium-login-btn{min-height:58px!important;border-radius:20px!important;font-weight:950!important;letter-spacing:.02em!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 18px 45px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.15)!important}.premium-login-btn.evm{background:linear-gradient(135deg,#66f7ff,#6f6bff)!important;color:#021018!important}.premium-login-btn.telegram{background:linear-gradient(135deg,#2aabee,#8cf7ff)!important;color:#021018!important}
@keyframes hmWriteTitle{to{max-width:100%;border-color:transparent}}@keyframes hmLuxurySweep{0%{transform:translateX(-35%) rotate(0deg)}100%{transform:translateX(35%) rotate(360deg)}}
.compact-topbar{position:sticky!important;top:10px!important;z-index:50!important;min-height:62px!important;padding:10px 14px!important;margin:8px 10px 16px!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(7,13,25,.82),rgba(10,25,38,.66))!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:0 18px 45px rgba(0,0,0,.32)!important;backdrop-filter:blur(18px)!important}.view-title{font-size:clamp(18px,2.4vw,28px)!important}.top-actions.compact-actions{gap:8px!important}.wallet-status{min-height:38px!important;border-radius:15px!important}.wallet-mini,.disconnect-mini{min-height:34px!important}.sidebar.panel-premium{border-radius:28px!important}.side-brand{padding:14px!important}.nav{gap:7px!important}.nav-btn{min-height:42px!important;border-radius:16px!important}.nav-label{font-size:12px!important}.content{padding-top:0!important}.card,.panel-premium,.profile-card,.post-card{border-radius:28px!important;background:linear-gradient(145deg,rgba(9,17,31,.82),rgba(7,20,32,.62))!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 22px 70px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.05)!important}.card:hover,.post-card:hover{border-color:rgba(102,247,255,.22)!important;box-shadow:0 28px 88px rgba(0,0,0,.4),0 0 36px rgba(102,247,255,.08)!important}.profile-only-grid{gap:18px!important}.profile-view-card{overflow:hidden!important}.profile-cover.cyber-cover{min-height:clamp(150px,25vw,260px)!important;border-radius:24px!important}.profile-hero{align-items:flex-end!important;gap:18px!important;padding:0 18px 22px!important}.profile-info-panel{padding:18px!important;border-radius:24px!important;background:rgba(0,0,0,.26)!important;border:1px solid rgba(255,255,255,.1)!important;backdrop-filter:blur(15px)!important}.profile-actions-enhanced{display:flex!important;flex-wrap:wrap!important;gap:10px!important}.profile-actions-enhanced .btn{flex:1 1 160px!important;min-height:42px!important}.wallet-save-panel{padding:14px!important;border-radius:20px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important}.form-grid{gap:12px!important}.input,.textarea{border-radius:18px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.1)!important}.post-card-readable{overflow:hidden!important}.post-body{display:grid!important;gap:12px!important}.post-social-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.post-donation-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:0!important}.post-metric-pill{justify-content:center!important;min-height:38px!important;border-radius:15px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.09)!important}.post-donation-metric.eth{border-color:rgba(98,126,234,.28)!important}.post-donation-metric.hmx{border-color:rgba(255,214,107,.28)!important}.post-donation-metric.ton{border-color:rgba(38,165,228,.32)!important}.post-actions-final{margin-top:2px!important}.post-action-stack{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.post-action-stack .btn{flex:1 1 130px!important}.enft-section .enft-grid,.enft-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:12px!important}.enft-card.compact-enft{max-width:210px!important;width:100%!important;justify-self:center!important;border-radius:20px!important;padding:7px!important}.enft-card.compact-enft .enft-image-wrap{aspect-ratio:1/1!important;border-radius:16px!important}.enft-card.compact-enft .enft-body{padding:8px 2px 2px!important}.enft-card.compact-enft .enft-actions .btn{min-height:31px!important;font-size:10px!important}.enft-orb{width:min(50vw,260px)!important;height:min(50vw,260px)!important}.enft-preview{max-height:260px!important;object-fit:contain!important}
@media(max-width:820px){.app-shell.ux-clean-shell{display:block!important;padding-bottom:96px!important}.compact-topbar{top:6px!important;margin:6px 8px 12px!important;min-height:54px!important;padding:8px 10px!important}.top-left .view-kicker{display:none!important}.top-actions.compact-actions{flex-wrap:nowrap!important}.top-lang{display:none!important}.wallet-status{max-width:58vw!important}.wallet-mini{max-width:42vw!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.bottom-dock{position:fixed!important;left:10px!important;right:10px!important;bottom:10px!important;top:auto!important;width:auto!important;height:auto!important;z-index:70!important;border-radius:24px!important;padding:8px!important;display:block!important}.bottom-dock .side-brand,.bottom-dock .profile-mini,.bottom-dock .side-footer{display:none!important}.bottom-dock .nav{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:5px!important}.bottom-dock .nav-btn{min-height:48px!important;padding:5px 3px!important;display:grid!important;place-items:center!important}.bottom-dock .nav-label{display:none!important}.bottom-dock .nav-ico{font-size:18px!important}.profile-hero{display:grid!important;padding:0 12px 16px!important}.profile-info-panel{width:100%!important}.profile-actions-enhanced .btn{flex:1 1 100%!important}.post-social-row,.post-donation-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.post-metric-pill{font-size:11px!important;min-height:34px!important;padding:0 7px!important}.premium-login-actions{grid-template-columns:1fr!important}.final-login-card{min-height:330px!important;padding:34px 18px!important;border-radius:30px!important}.hm-script-title{font-size:clamp(36px,13vw,58px)}.enft-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.enft-card.compact-enft{max-width:none!important}.main{min-width:0!important}.content{padding-left:8px!important;padding-right:8px!important}}
@media(max-width:430px){.bottom-dock{left:6px!important;right:6px!important;bottom:6px!important}.bottom-dock .nav{gap:3px!important}.bottom-dock .nav-btn{min-height:44px!important;border-radius:14px!important}.post-social-row,.post-donation-row{gap:5px!important}.metric-token-logo{width:17px!important;height:17px!important}.post-metric-pill{font-size:10px!important}.enft-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.compact-topbar{border-radius:18px!important}.view-title{font-size:17px!important}}

/* Final request cleanup: fixed photo background, two-button login, post-login script animation, silver translucent UI */
:root{
  --hm-silver-1:#ffffff;
  --hm-silver-2:#d9e2ee;
  --hm-silver-3:#9da8b6;
  --hm-silver-4:#f7fbff;
}
body{
  background:#020307!important;
}
.hm-maldives-bg{
  position:fixed!important;
  inset:0!important;
  z-index:-10!important;
  background-image:
    linear-gradient(120deg,rgba(1,3,8,.68),rgba(3,8,16,.38) 42%,rgba(1,3,8,.76)),
    url('https://i.ibb.co/JjcZVn9y/photo-2026-07-05-23-48-49.jpg')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
  filter:saturate(1.08) contrast(1.04) brightness(.78)!important;
  transform:none!important;
}
.hm-maldives-bg::after{
  content:"";
  position:absolute;
  inset:-10%;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.12) 18%,transparent 34%,rgba(120,210,255,.08) 52%,transparent 72%);
  mix-blend-mode:screen;
  opacity:.42;
  animation:hmPhotoIridescence 9s ease-in-out infinite alternate;
  pointer-events:none;
}
.background-shell{opacity:.34!important;background:transparent!important;z-index:-9!important}.grid-floor{display:none!important}
@keyframes hmPhotoIridescence{from{transform:translate3d(-7%,-3%,0) rotate(-2deg);filter:hue-rotate(0deg)}to{transform:translate3d(7%,4%,0) rotate(2deg);filter:hue-rotate(18deg)}}

/* Start screen: only two premium buttons, no visible block/title until auth is selected */
.hm-auth-gate{
  background:rgba(2,4,8,.46)!important;
  backdrop-filter:blur(18px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.2)!important;
  padding:clamp(16px,4vw,36px)!important;
}
.hm-auth-gate-card.login-buttons-only,
.final-login-card.login-buttons-only{
  width:min(640px,calc(100vw - 28px))!important;
  min-height:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:block!important;
}
.final-login-card.login-buttons-only::before{display:none!important}
.login-buttons-only .premium-login-actions{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(12px,3vw,22px)!important;
}
.login-buttons-only .premium-login-btn{
  min-height:clamp(56px,9vw,74px)!important;
  border-radius:22px!important;
  font-size:clamp(14px,2.4vw,17px)!important;
  text-transform:none!important;
  letter-spacing:.01em!important;
  background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(205,216,232,.72) 34%,rgba(110,125,154,.68) 70%,rgba(255,255,255,.9))!important;
  color:#05070c!important;
  border:1px solid rgba(255,255,255,.56)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.75),0 0 42px rgba(222,235,255,.16)!important;
}
.login-buttons-only .premium-login-btn.telegram{background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(159,213,244,.78) 42%,rgba(38,165,228,.72),rgba(248,252,255,.9))!important}
.login-buttons-only .premium-login-btn:hover{transform:translateY(-3px) scale(1.01)!important;filter:brightness(1.08)!important}
.hm-auth-title-stage{
  width:min(920px,calc(100vw - 28px));
  display:grid;
  place-items:center;
  text-align:center;
  pointer-events:none;
}
.post-login-title{
  font-family:"Brush Script MT","Segoe Script","Snell Roundhand",cursive!important;
  font-size:clamp(30px,7vw,72px)!important;
  color:transparent!important;
  background:linear-gradient(100deg,#fff,#c8d2df 22%,#f7fbff 45%,#8f9baa 64%,#fff 86%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  filter:drop-shadow(0 0 18px rgba(230,238,255,.34));
}
.post-login-title span{animation:hmWriteTitle 2.05s cubic-bezier(.2,.8,.2,1) forwards .15s!important;max-width:calc(100vw - 28px)!important}
@media(max-width:540px){
  .login-buttons-only .premium-login-actions{grid-template-columns:1fr!important;gap:12px!important}
  .login-buttons-only .premium-login-btn{min-height:58px!important;border-radius:19px!important}
  .post-login-title{font-size:clamp(26px,8vw,40px)!important;letter-spacing:0!important}
}

/* Silver animated typography on blocks */
.card-title,.view-title,.profile-info-panel h2,.profile-info-panel h3,.card h2,.card h3,.post-author strong,.market-card strong,.enft-card strong,.nav-label,.side-brand strong,.profile-name,.hmx-section-title,
.card label,.form-label,.stat-card strong,.data-chip strong{
  background:linear-gradient(100deg,var(--hm-silver-1),var(--hm-silver-2) 26%,var(--hm-silver-3) 48%,var(--hm-silver-4) 70%,var(--hm-silver-2))!important;
  background-size:260% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  animation:hmSilverText 5.8s ease-in-out infinite!important;
  text-shadow:0 0 20px rgba(230,238,255,.09)!important;
}
@keyframes hmSilverText{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.card,.panel-premium,.profile-card,.post-card,.compact-topbar,.sidebar.panel-premium,.wallet-save-panel,.profile-info-panel,.market-card,.enft-card{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.026))!important;
  border-color:rgba(235,243,255,.18)!important;
  backdrop-filter:blur(18px) saturate(1.14)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.14)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.card:hover,.post-card:hover,.market-card:hover,.enft-card:hover{border-color:rgba(255,255,255,.32)!important;box-shadow:0 30px 92px rgba(0,0,0,.42),0 0 44px rgba(235,243,255,.10)!important}

/* Donations back to one horizontal scroll row, no overflow outside the post card */
.post-donation-row{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  width:100%!important;
  max-width:100%!important;
  padding:2px 2px 8px!important;
  margin-top:0!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
}
.post-donation-row .post-metric-pill,
.post-donation-row .post-donation-metric{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  padding-inline:11px!important;
}
.metric-token-logo,.post-donation-row img,.donation-token-logo.small{
  flex:0 0 auto!important;
  object-fit:cover!important;
}
.post-card,.post-body{max-width:100%!important;overflow:hidden!important}
.post-social-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important}
.post-social-row .post-metric-pill{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:560px){
  .post-donation-row{gap:6px!important;padding-bottom:9px!important}
  .post-donation-row .post-metric-pill{font-size:10.5px!important;min-height:34px!important;padding-inline:9px!important}
  .post-social-row{gap:5px!important}
}


/* Hotfix: blockchain background everywhere + smaller post-login script title */
:root{--hm-bg-desktop:url('https://i.ibb.co/JjcZVn9y/photo-2026-07-05-23-48-49.jpg')!important;--hm-bg-mobile:url('https://i.ibb.co/JjcZVn9y/photo-2026-07-05-23-48-49.jpg')!important;}
body,.hm-maldives-bg,.background-shell{background-image:linear-gradient(120deg,rgba(1,3,8,.68),rgba(3,8,16,.38) 42%,rgba(1,3,8,.76)),url('https://i.ibb.co/JjcZVn9y/photo-2026-07-05-23-48-49.jpg')!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;background-attachment:fixed!important;}
.hm-maldives-bg{filter:saturate(1.08) contrast(1.04) brightness(.78)!important;}
.post-login-title{font-size:clamp(30px,7vw,72px)!important;max-width:calc(100vw - 28px)!important;white-space:nowrap!important;}
.post-login-title span{max-width:calc(100vw - 28px)!important;}
@media(max-width:540px){body,.hm-maldives-bg,.background-shell{background-position:center center!important;background-attachment:fixed!important;}.post-login-title{font-size:clamp(26px,8vw,40px)!important;}}

/* vFinal Smooth Readability Fix: performance, readable silver text, dark travel inputs, soft control fade */
:root{
  --hm-block-bg:rgba(4,7,14,.58);
  --hm-block-bg-strong:rgba(3,6,12,.72);
  --hm-readable:#eef3ff;
  --hm-readable-soft:#cfd8ec;
  --hm-silver-readable-1:#ffffff;
  --hm-silver-readable-2:#dbe3f1;
  --hm-silver-readable-3:#aeb8cc;
}
body{
  color:var(--hm-readable)!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  background-attachment:fixed!important;
}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.46)),radial-gradient(circle at 50% 10%,rgba(118,181,255,.10),transparent 42%)}
.background-shell,.hm-maldives-bg{will-change:auto!important;transform:translateZ(0);}
.orb,.grid-floor,.noise{animation:none!important;opacity:.16!important;filter:blur(18px)!important;}
.shimmer-frame:after{animation:none!important;opacity:.08!important;}
.panel-premium,.card,.modal-card,.post-card,.profile-card,.market-card,.enft-card,.wallet-save-panel,.profile-info-panel,.compact-topbar,.sidebar.panel-premium{
  background:linear-gradient(145deg,var(--hm-block-bg-strong),rgba(7,10,18,.46))!important;
  border-color:rgba(226,236,255,.24)!important;
  color:var(--hm-readable)!important;
  backdrop-filter:blur(12px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.05)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.card:hover,.post-card:hover,.market-card:hover,.enft-card:hover{
  transform:none!important;
  box-shadow:0 20px 58px rgba(0,0,0,.40),0 0 22px rgba(220,230,255,.08)!important;
}
.card-title,.view-title,.profile-info-panel h2,.profile-info-panel h3,.card h2,.card h3,.market-card strong,.enft-card strong,.nav-label,.side-brand strong,.profile-name,.hmx-section-title,.stat-card strong,.data-chip strong,.post-author strong{
  color:var(--hm-readable)!important;
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(100deg,var(--hm-silver-readable-1),var(--hm-silver-readable-2) 32%,var(--hm-silver-readable-3) 50%,var(--hm-silver-readable-1) 72%)!important;
  background-size:190% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  animation:hmSilverText 8s ease-in-out infinite!important;
  text-shadow:0 1px 2px rgba(0,0,0,.72),0 0 14px rgba(230,238,255,.10)!important;
}
p,.card-sub,.tiny,.wallet-chip,.comment,.muted,.profile-bio,.post-text,.post-caption,.travel-row-user small,.travel-place-row small{
  color:var(--hm-readable-soft)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.75)!important;
}
.input,.textarea,.select,input,textarea,select{
  background:rgba(2,5,12,.72)!important;
  color:#f4f7ff!important;
  border-color:rgba(220,232,255,.26)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 1px rgba(0,0,0,.10)!important;
}
.input::placeholder,.textarea::placeholder,input::placeholder,textarea::placeholder{color:rgba(212,224,244,.62)!important}
select option{background:#050914!important;color:#f2f6ff!important}
.travelmap-hero,.travel-map-card,.travel-list-card,.travel-map-toolbar,.travel-passport,.travel-place-row{
  background:linear-gradient(145deg,rgba(3,8,18,.72),rgba(8,12,22,.52))!important;
  border-color:rgba(225,236,255,.24)!important;
  color:var(--hm-readable)!important;
}
.travelmap-hero .eyebrow,.travelmap-hero h1,.travelmap-hero p,.travel-map-toolbar span,.travel-map-toolbar b,.travel-list-card .card-title,.travel-list-card .card-sub,.travel-row-user strong,.travel-row-user small,.travel-place-row strong,.travel-place-row small,.travel-passport,.travel-passport small{
  color:var(--hm-readable)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.72)!important;
}
.travel-country-picker .input,.travel-country-picker input,.travel-place-form .input,.travel-place-form input,.travel-place-form textarea,.travel-place-form select{
  background:rgba(1,5,14,.82)!important;
  color:#f0f5ff!important;
  border:1px solid rgba(220,232,255,.30)!important;
  -webkit-text-fill-color:#f0f5ff!important;
}
.travel-country-picker .input::placeholder,.travel-place-form input::placeholder,.travel-place-form textarea::placeholder{color:rgba(205,218,238,.62)!important}
.post-donation-row{scrollbar-color:rgba(220,232,255,.55) rgba(2,5,12,.45)!important}
.post-donation-row::-webkit-scrollbar{height:7px}.post-donation-row::-webkit-scrollbar-track{background:rgba(2,5,12,.46);border-radius:999px}.post-donation-row::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#f5f7ff,#9aa8bf,#f5f7ff);border-radius:999px}
.sidebar.bottom-dock,.sidebar.viewport-dock,.messenger-fab,.notification-fab{
  transition:opacity .62s ease,visibility .62s ease,transform .62s ease,filter .62s ease!important;
  will-change:opacity,transform!important;
}
body.hm-auth-gate-active .sidebar.bottom-dock,
body.hm-auth-gate-active .sidebar.viewport-dock,
body.hm-auth-gate-active .messenger-fab,
body.hm-auth-gate-active .notification-fab{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  filter:blur(8px)!important;
}
body:not(.hm-auth-gate-active) .sidebar.bottom-dock,
body:not(.hm-auth-gate-active) .sidebar.viewport-dock,
body:not(.hm-auth-gate-active) .messenger-fab,
body:not(.hm-auth-gate-active) .notification-fab{
  opacity:1!important;
  visibility:visible!important;
  filter:blur(0)!important;
}
.post-login-title{font-size:clamp(24px,5.8vw,56px)!important;line-height:1.08!important;white-space:nowrap!important;}
@media(max-width:560px){
  .post-login-title{font-size:clamp(22px,7vw,34px)!important;max-width:calc(100vw - 20px)!important;}
  .panel-premium,.card,.modal-card,.post-card,.profile-card,.market-card,.enft-card{backdrop-filter:blur(9px) saturate(1.02)!important;-webkit-backdrop-filter:blur(9px) saturate(1.02)!important;}
  .compact-topbar{border-radius:20px!important;min-height:58px!important;}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* FINAL SCROLL PERFORMANCE PATCH — UI only, no business logic changes.
   Restores native inertial scrolling and removes paint-heavy effects while the feed moves. */
html{
  scroll-behavior:auto!important;
  height:auto!important;
  overflow-y:auto!important;
  -webkit-text-size-adjust:100%;
}
body{
  min-height:100vh!important;
  height:auto!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
  background-attachment:scroll!important;
}
.app-shell,.main,.content,#app,#root{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  overscroll-behavior-y:auto!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
}
.content,.feed,.posts-list,.messages-list,.market-grid,.profile-grid,.grid,.cards-grid{
  contain:none!important;
  content-visibility:visible!important;
}
.card,.post-card,.panel-premium,.modal-card,.market-card,.profile-card,.friend-result,.nft-card,.hmx-card,.dm-bubble,.dm-transfer{
  transform:none!important;
  filter:none!important;
  will-change:auto!important;
  animation:none!important;
  transition:background-color .16s ease,border-color .16s ease,opacity .16s ease!important;
  backface-visibility:hidden;
}
.content.page-transition,.result-enter,.post-removing,.tx-pulse-premium,.transfer-success-premium:before,.success-stars i,.loading-pulse,.empty-state:before{
  animation:none!important;
  transform:none!important;
  filter:none!important;
}
.panel-premium,.card,.modal-card,.topbar,.nft-level,.sidebar{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.panel-premium,.card,.modal-card{
  background:linear-gradient(180deg,rgba(12,14,22,.78),rgba(5,6,11,.64))!important;
}
.background-shell,.background-shell *{
  animation:none!important;
  filter:none!important;
  will-change:auto!important;
}
.background-shell{position:fixed!important;transform:none!important;contain:strict!important}
.background-shell .orb,.background-shell .grid-floor,.background-shell .noise{display:none!important}
.nav,.bot-messages,.donate-row,.donations-row,.sidebar.bottom-dock .nav{
  -webkit-overflow-scrolling:touch!important;
  scroll-behavior:auto!important;
  overscroll-behavior:auto!important;
}
.nav-btn,.connect-btn,.btn,.icon-btn{
  will-change:auto!important;
  transform:none!important;
}
.nav-btn:hover,.nav-btn.active,.connect-btn:hover,.btn:hover,.icon-btn:hover{
  transform:none!important;
}
@media (max-width:860px){
  body{background-attachment:scroll!important}
  .topbar{position:sticky!important;top:8px!important}
  .app-shell.ux-clean-shell{padding-bottom:calc(92px + var(--safe-bottom))!important}
  .sidebar.bottom-dock{will-change:auto!important;transform:none!important}
}

/* FINAL PAYMENT/PROFILE STABILITY PATCH: native scroll, no heavy repaint while swiping */
html, body {
  scroll-behavior: auto !important;
  -webkit-overflow-scrolling: touch !important;
  overscroll-behavior-y: auto !important;
  touch-action: pan-y !important;
}
.app-shell, .main, main, .content, .view, .profile-grid, .profile-only-grid, .card, .post-card, .market-grid, .vault-grid {
  will-change: auto !important;
}
.card, .post-card, .profile-card, .enft-card, .market-card, .hmx-card, .modal-card {
  backface-visibility: hidden;
  transform: none !important;
}
.card::before, .card::after, .post-card::before, .post-card::after, .enft-card::before, .enft-card::after {
  animation-duration: 0s !important;
}
@media (pointer: coarse) {
  .card, .post-card, .profile-card, .enft-card, .market-card, .hmx-card, .sidebar, .topbar {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .background-shell::before, .background-shell::after, body::before, body::after {
    animation: none !important;
  }
}

/* Profile editor starts collapsed; visible only after Edit profile. Keep layout calm. */
.profile-edit {
  overflow: hidden;
}
.profile-edit .input,
.profile-edit .textarea,
.profile-edit .file-input {
  background: rgba(2, 6, 16, .78) !important;
  color: #eef7ff !important;
  border-color: rgba(210, 225, 240, .24) !important;
}
.profile-edit .input::placeholder,
.profile-edit .textarea::placeholder {
  color: rgba(225, 235, 245, .62) !important;
}

/* Clear wallet-payment recovery state messages */
.ton-profile-connect,
.evm-profile-connect {
  touch-action: manipulation;
}

/* FINAL TON CONNECT + PROFILE FIELD FIX — UI only, no core logic changes. */
:root{--hm-tonconnect-z:2147483647;}
.tc-root,.tc-modal,.tc-modal-root,.tc-modal-container,.tc-connect-modal,.tc-widget-root,.ton-connect-ui,[data-tc-root],[class*="ton-connect"],[class*="TonConnect"]{
  z-index:var(--hm-tonconnect-z)!important;
}
.tc-modal,.tc-modal-root,.tc-modal-container,.tc-connect-modal,[class*="ton-connect"][role="dialog"]{
  position:fixed!important;
  inset:0!important;
  pointer-events:auto!important;
  isolation:isolate!important;
}
body.hm-tonconnect-open .modal-host{z-index:2147483647!important;}
body.hm-tonconnect-open .sidebar,
body.hm-tonconnect-open .sidebar.bottom-dock,
body.hm-tonconnect-open .messenger-fab,
body.hm-tonconnect-open .notification-fab{
  z-index:2147482000!important;
}
#profileEvmWallet,#profileTonWallet{
  background:rgba(1,5,14,.82)!important;
  color:#f4f7ff!important;
  -webkit-text-fill-color:#f4f7ff!important;
}
.profile-cover[style*="background-image"]{
  background-size:cover!important;
  background-position:center center!important;
}

/* Final messenger/profile compact UI patch */
.post-social-row,
.post-donation-row{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
  overflow-x:auto!important;
  padding:4px 2px 6px!important;
  scrollbar-width:thin;
}
.post-social-row .post-metric-pill,
.post-donation-row .post-metric-pill{
  flex:0 0 auto!important;
  min-width:auto!important;
  width:auto!important;
  padding:7px 10px!important;
  gap:5px!important;
}
.dialog-profile-open{
  margin-left:8px;
  flex:0 0 auto;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.08em;
  border:1px solid rgba(230,238,255,.2);
  border-radius:999px;
  padding:5px 8px;
  color:#eef6ff;
  background:rgba(255,255,255,.08);
}
.messenger-head-profile{
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  cursor:pointer;
  border-radius:999px;
}
.hm-auth-gate .premium-login-btn{
  transform-style:preserve-3d!important;
  box-shadow:
    0 26px 0 rgba(0,0,0,.22),
    0 34px 70px rgba(0,0,0,.42),
    inset 0 2px 0 rgba(255,255,255,.7),
    inset 0 -10px 22px rgba(0,0,0,.2)!important;
  border:1px solid rgba(255,255,255,.42)!important;
  position:relative;
}
.hm-auth-gate .premium-login-btn:active{
  transform:translateY(8px) scale(.99)!important;
  box-shadow:
    0 12px 0 rgba(0,0,0,.22),
    0 18px 44px rgba(0,0,0,.36),
    inset 0 2px 0 rgba(255,255,255,.6)!important;
}
@media (max-width:640px){
  .post-social-row,.post-donation-row{gap:5px!important}
  .post-social-row .post-metric-pill,.post-donation-row .post-metric-pill{padding:6px 8px!important;font-size:12px!important}
  .hm-auth-gate .premium-login-actions{grid-template-columns:1fr!important;gap:14px!important;width:min(330px,92vw)!important}
}

/* Final account-linking/profile-delete/post-button polish */
.profile-link-modal .modal-card,
.delete-account-host .modal-card{border:1px solid rgba(255,255,255,.22);background:rgba(6,8,16,.88);box-shadow:0 30px 90px rgba(0,0,0,.58), inset 0 1px rgba(255,255,255,.14)}
.delete-code-card{min-height:220px;display:grid;place-items:center;overflow:hidden}
.code-delete-rain{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;line-height:1.8;color:#d7e3ff;text-shadow:0 0 12px rgba(180,210,255,.9);animation:hmCodeErase 1.1s linear infinite;text-align:center}
@keyframes hmCodeErase{0%{opacity:1;filter:blur(0)}50%{opacity:.55;transform:skewX(-4deg)}100%{opacity:.1;filter:blur(3px);transform:translateY(12px)}}
.post-cta-editor{border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:12px;background:rgba(255,255,255,.055);display:grid;gap:10px}
.post-cta-row{margin:12px 0 4px;display:flex;justify-content:flex-start}
.post-cta-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:999px;font-weight:800;text-decoration:none;letter-spacing:.02em;border:1px solid rgba(255,255,255,.24);box-shadow:0 14px 34px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.24);transition:transform .16s ease, box-shadow .16s ease;color:#071018!important}
.post-cta-btn:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.34)}
.post-cta-btn.green{background:linear-gradient(135deg,#50ffb1,#05b56a)}
.post-cta-btn.red{background:linear-gradient(135deg,#ff8a8a,#d91f45);color:#fff!important}
.post-cta-btn.silver{background:linear-gradient(135deg,#ffffff,#aeb8c8,#eef4ff)}
.post-cta-btn.yellow{background:linear-gradient(135deg,#fff48b,#ffb92e)}
.profile-actions-enhanced .btn.danger,#deleteAccountBtn{background:linear-gradient(135deg,#ff4d62,#9c001c);color:#fff;border-color:rgba(255,95,120,.55)}


/* Final user cleanup: full-width shimmering post CTA + removed users/search safety */
.post-cta-row{width:100%!important;margin:14px 0 8px!important;display:block!important;}
.post-cta-btn{width:100%!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:18px!important;text-align:center!important;font-size:14px!important;font-weight:1000!important;letter-spacing:.045em!important;text-transform:none!important;position:relative!important;overflow:hidden!important;box-shadow:0 18px 42px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.22),inset 0 1px 0 rgba(255,255,255,.38)!important;}
.post-cta-btn::before{content:'';position:absolute;inset:-70% -20%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:translateX(-120%) rotate(16deg);animation:postCtaShimmer 3.6s ease-in-out infinite;pointer-events:none;}
.post-cta-btn.green{background:linear-gradient(120deg,#032c1f,#49ffb6 35%,#05b56a 65%,#d9fff0)!important;color:#06110d!important;}
.post-cta-btn.red{background:linear-gradient(120deg,#4c0717,#ff7272 38%,#d91f45 68%,#ffd9df)!important;color:#fff!important;}
.post-cta-btn.silver{background:linear-gradient(120deg,#303845,#ffffff 32%,#9daaba 62%,#ecf6ff)!important;color:#111821!important;}
.post-cta-btn.yellow{background:linear-gradient(120deg,#4d3604,#fff48b 34%,#ffb92e 66%,#fff6cc)!important;color:#1a1200!important;}
@keyframes postCtaShimmer{0%,45%{transform:translateX(-130%) rotate(16deg);opacity:0}60%{opacity:.95}82%,100%{transform:translateX(130%) rotate(16deg);opacity:0}}
@media (prefers-reduced-motion: reduce){.post-cta-btn::before{animation:none!important;display:none!important}}

/* Final profile/modal polish — UI only, no business logic changes */
.compact-topbar,
.topbar.compact-topbar{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.main{padding-top:0!important;}
.content{padding-top:0!important;}

body:has(.profile-edit-modal-card) .app-shell::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:4990;
  background:rgba(0,0,0,.42);
  -webkit-backdrop-filter:blur(14px) saturate(1.1);
  backdrop-filter:blur(14px) saturate(1.1);
  pointer-events:auto;
  animation:hmModalFade .18s ease both;
}
.profile-edit-modal-card{
  position:fixed!important;
  z-index:5000!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  width:min(720px,calc(100vw - 28px))!important;
  max-height:min(86vh,820px)!important;
  overflow:auto!important;
  padding:22px!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(10,16,29,.88),rgba(7,18,30,.76))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 35px 120px rgba(0,0,0,.62),0 0 46px rgba(210,225,255,.10),inset 0 1px rgba(255,255,255,.08)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  backdrop-filter:blur(18px)!important;
  animation:hmModalPop .22s cubic-bezier(.2,.85,.25,1) both;
}
.profile-edit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:6px;}
.profile-edit-head .card-title{font-size:clamp(22px,3vw,32px)!important;}
.profile-edit-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-top:4px;}
.profile-edit-actions .btn{flex:1 1 180px;}
.profile-edit-modal-card::-webkit-scrollbar{width:8px;}
.profile-edit-modal-card::-webkit-scrollbar-thumb{background:rgba(220,230,255,.28);border-radius:999px;}
@keyframes hmModalFade{from{opacity:0}to{opacity:1}}
@keyframes hmModalPop{from{opacity:0;transform:translate(-50%,-47%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}

.collapsible-profile-block .card-head{align-items:center!important;gap:12px!important;}
.profile-collapsed-preview{margin-top:12px!important;color:rgba(240,246,255,.82)!important;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.03))!important;border-color:rgba(210,225,255,.18)!important;}
.information-copy{display:grid;gap:13px;margin-top:14px;color:rgba(246,249,255,.92);font-size:15px;line-height:1.62;}
.information-copy p{margin:0;padding:14px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);}
.information-copy strong{color:#fff;text-shadow:0 0 14px rgba(220,230,255,.28);}

.hm-auth-gate{display:grid!important;place-items:center!important;}
.hm-auth-gate-card.login-buttons-only{min-height:auto!important;width:min(390px,92vw)!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
.login-buttons-only .premium-login-actions{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;width:min(340px,88vw)!important;margin:auto!important;}
.login-buttons-only .premium-login-btn{min-height:54px!important;border-radius:20px!important;font-size:14px!important;letter-spacing:.04em!important;text-transform:uppercase!important;position:relative!important;overflow:hidden!important;box-shadow:0 18px 38px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.32),inset 0 -8px 18px rgba(0,0,0,.18)!important;}
.login-buttons-only .premium-login-btn::before{content:"";position:absolute;inset:-45%;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.54) 42%,transparent 62%);transform:translateX(-60%) rotate(8deg);animation:hmButtonShine 3.4s ease-in-out infinite;pointer-events:none;}
@keyframes hmButtonShine{0%,42%{transform:translateX(-70%) rotate(8deg);opacity:0}55%{opacity:.85}78%,100%{transform:translateX(70%) rotate(8deg);opacity:0}}
.hm-script-title.post-login-title{font-size:clamp(32px,8vw,72px)!important;line-height:.98!important;text-align:center!important;}
.hm-script-subtitle.post-login-subtitle{margin-top:16px;text-align:center;font-family:inherit;font-size:clamp(15px,3.8vw,30px);font-weight:850;letter-spacing:.02em;background:linear-gradient(100deg,#f8fbff,#b8c4d8,#ffffff,#8797b1);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(218,228,255,.20);animation:silverText 5s ease-in-out infinite;}

@media(max-width:720px){
  .profile-edit-modal-card{width:calc(100vw - 18px)!important;max-height:88vh!important;padding:16px!important;border-radius:24px!important;}
  .profile-edit-head{display:grid;gap:10px;}
  .profile-edit-head .btn{width:100%;}
  .profile-edit-actions .btn{flex-basis:100%;}
  .collapsible-profile-block .card-head{display:grid!important;}
  .collapsible-profile-block .card-head .btn{width:100%;}
  .login-buttons-only .premium-login-btn{min-height:50px!important;font-size:13px!important;}
}

/* FINAL PATCH: real profile edit modal, script subtitle and balanced active menu. UI only. */
.modal-host.profile-edit-host{
  z-index:2147483020!important;
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  background:rgba(0,0,0,.58)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.12)!important;
  backdrop-filter:blur(16px) saturate(1.12)!important;
}
.modal-host.profile-edit-host .profile-edit-modal-card{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  z-index:1!important;
  margin:0!important;
  width:min(760px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 42px)!important;
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
  animation:hmProfileModalIn .24s cubic-bezier(.2,.85,.25,1) both!important;
}
body:has(.modal-host.profile-edit-host.active) .app-shell::after{display:none!important;content:none!important;}
@keyframes hmProfileModalIn{from{opacity:0;transform:translateY(18px) scale(.97);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}

.hm-script-subtitle.post-login-subtitle{
  font-family:"Brush Script MT","Segoe Script",cursive!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
  line-height:1.02!important;
  font-size:clamp(23px,5vw,48px)!important;
  text-transform:none!important;
  background:linear-gradient(100deg,#ffffff,#c8fbff 38%,#66f7ff 56%,#ffd66b 86%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  text-shadow:0 0 24px rgba(102,247,255,.18),0 0 38px rgba(255,214,107,.10)!important;
}

.sidebar.bottom-dock .nav{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:8px!important;
}
.sidebar.bottom-dock .nav-btn{
  width:100%!important;
  height:100%!important;
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:7px 5px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))!important;
  overflow:hidden!important;
  text-align:center!important;
}
.sidebar.bottom-dock .nav-ico{
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
  display:grid!important;
  place-items:center!important;
  font-size:14px!important;
  line-height:1!important;
  margin:0 auto!important;
}
.sidebar.bottom-dock .nav-ico img,
.sidebar.bottom-dock .nav-logo-img,
.sidebar.bottom-dock .nav-logo{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.sidebar.bottom-dock .nav-label{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-height:12px!important;
  margin:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:10.5px!important;
  line-height:1.1!important;
}
.sidebar.bottom-dock .nav-btn.active{
  color:#fff!important;
  border-color:rgba(102,247,255,.54)!important;
  background:linear-gradient(180deg,rgba(102,247,255,.20),rgba(255,214,107,.075),rgba(255,255,255,.035))!important;
  box-shadow:0 12px 35px rgba(0,0,0,.34),0 0 28px rgba(102,247,255,.20),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
.sidebar.bottom-dock .nav-btn.active .nav-ico{
  border-color:rgba(102,247,255,.45)!important;
  box-shadow:0 0 20px rgba(102,247,255,.26),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.sidebar.bottom-dock .nav-btn.active:after{
  left:16px!important;
  right:16px!important;
  bottom:5px!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,#66f7ff,#ffd66b,transparent)!important;
}
@media(max-width:720px){
  .modal-host.profile-edit-host{padding:9px!important;}
  .modal-host.profile-edit-host .profile-edit-modal-card{width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important;padding:16px!important;border-radius:24px!important;}
  .hm-script-subtitle.post-login-subtitle{font-size:clamp(20px,7vw,34px)!important;margin-top:10px!important;}
  .sidebar.bottom-dock .nav{gap:4px!important;}
  .sidebar.bottom-dock .nav-btn{min-height:48px!important;border-radius:15px!important;padding:4px 2px!important;}
  .sidebar.bottom-dock .nav-ico{width:23px!important;height:23px!important;min-width:23px!important;font-size:12px!important;}
  .sidebar.bottom-dock .nav-label{font-size:8.8px!important;}
}

/* Final UX patch: live menu state, cinematic messenger, stable keyboard, dark map */
.sidebar.bottom-dock .nav-btn,
.sidebar .nav-btn{
  isolation:isolate!important;
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .18s ease,color .2s ease!important;
}
.sidebar.bottom-dock .nav-btn.hm-active,
.sidebar.bottom-dock .nav-btn.active,
.sidebar .nav-btn.hm-active,
.sidebar .nav-btn.active{
  color:#ffffff!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(160,245,255,.30),transparent 48%),
    linear-gradient(135deg,rgba(255,255,255,.16),rgba(118,237,255,.10) 46%,rgba(255,214,107,.12))!important;
  border-color:rgba(166,246,255,.62)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.42),0 0 28px rgba(102,247,255,.24),inset 0 1px 0 rgba(255,255,255,.26)!important;
}
.sidebar.bottom-dock .nav-btn.hm-active::before,
.sidebar .nav-btn.hm-active::before{
  content:''!important;position:absolute!important;inset:4px!important;border-radius:inherit!important;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.28),transparent)!important;
  opacity:.72!important;transform:translateX(-60%);animation:hmMenuActiveSweep 2.7s ease-in-out infinite!important;pointer-events:none!important;z-index:-1!important;
}
.sidebar.bottom-dock .nav-btn.hm-active .nav-ico,
.sidebar .nav-btn.hm-active .nav-ico{
  filter:drop-shadow(0 0 14px rgba(102,247,255,.72)) drop-shadow(0 0 10px rgba(255,214,107,.28))!important;
  transform:translateY(-1px) scale(1.06)!important;
}
@keyframes hmMenuActiveSweep{0%,100%{transform:translateX(-70%);opacity:.18}45%{transform:translateX(70%);opacity:.72}}

.messenger-fab{animation:hmPlanePremiumFloat 3.4s ease-in-out infinite!important;will-change:transform!important}
.messenger-fab:active{transform:scale(.96)!important}
@keyframes hmPlanePremiumFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-6px,0)}}

.messenger-cinematic{animation:hmMessengerOpen .42s cubic-bezier(.16,1,.3,1) both!important;transform-origin:90% 100%;will-change:opacity,transform!important}
.messenger-cinematic .messenger-list-card{animation:hmMessengerPanelIn .52s cubic-bezier(.16,1,.3,1) both!important}
.messenger-cinematic .messenger-chat-card{animation:hmMessengerPanelIn .58s cubic-bezier(.16,1,.3,1) both!important;animation-delay:.04s!important}
@keyframes hmMessengerOpen{from{opacity:0;transform:translate3d(18px,24px,0) scale(.965);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@keyframes hmMessengerPanelIn{from{opacity:0;transform:translate3d(0,18px,0);box-shadow:0 0 0 rgba(102,247,255,0)}to{opacity:1;transform:none}}

.messenger-screen{contain:layout!important;overflow:visible!important;gap:14px!important;min-width:0!important;backface-visibility:hidden!important;-webkit-font-smoothing:antialiased!important}
.messenger-list-card,.messenger-chat-card{min-width:0!important;border-color:rgba(122,238,255,.18)!important;background:linear-gradient(145deg,rgba(5,9,18,.56),rgba(5,7,12,.38))!important;box-shadow:0 20px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
.messenger-contacts{display:flex!important;flex-direction:column!important;gap:10px!important;padding:2px 5px 8px 2px!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;max-height:none!important}
.messenger-contact{width:100%!important;min-height:74px!important;flex:0 0 auto!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;padding:11px 12px!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(8,13,26,.82),rgba(8,10,19,.58))!important;border:1px solid rgba(102,247,255,.20)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 26px rgba(0,0,0,.24),0 0 0 1px rgba(255,214,107,.035)!important;transform:none!important;white-space:normal!important;touch-action:pan-y!important}
.messenger-contact.active{border-color:rgba(102,247,255,.58)!important;background:linear-gradient(135deg,rgba(21,48,72,.72),rgba(33,22,64,.48))!important;box-shadow:0 0 28px rgba(102,247,255,.16),inset 0 1px 0 rgba(255,255,255,.12)!important}
.messenger-contact:hover{border-color:rgba(255,214,107,.36)!important;transform:translateY(-1px)!important}
.messenger-contact .avatar,.messenger-contact .mini-avatar,.messenger-contact .profile-avatar{flex:0 0 auto!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
.messenger-contact .contact-copy{min-width:0!important;overflow:hidden!important;text-align:left!important}
.messenger-contact .contact-copy strong{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#f7fbff!important;text-shadow:0 0 12px rgba(102,247,255,.18)!important}
.messenger-contact small{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:rgba(222,236,255,.72)!important}
.messenger-contact em{justify-self:end!important;color:rgba(228,240,255,.58)!important;white-space:nowrap!important;font-size:10px!important}
.dialog-profile-open{display:none!important}
.messenger-history{overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior:contain!important;contain:content!important;transform:none!important;filter:none!important;scroll-behavior:smooth!important}
.messenger-composer{flex:0 0 auto!important;position:relative!important;transform:none!important;will-change:auto!important;transition:border-color .2s ease,background .2s ease!important;background:linear-gradient(135deg,rgba(9,14,26,.82),rgba(5,8,15,.70))!important;border-color:rgba(102,247,255,.16)!important}
.messenger-composer .textarea,.messenger-composer .input{transform:none!important;transition:border-color .18s ease,box-shadow .18s ease!important;will-change:auto!important;backface-visibility:hidden!important}
.messenger-composer .textarea:focus{box-shadow:0 0 0 2px rgba(102,247,255,.18),0 0 22px rgba(102,247,255,.10)!important}
.dm-bubble,.dm-transfer{animation:hmMessageSoftIn .22s ease both!important;transform:none!important;filter:none!important;will-change:auto!important}
@keyframes hmMessageSoftIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.travel-world-map.real-map,.travel-leaflet-map,.leaflet-container{background:#05080f!important;color:#dceeff!important}
.leaflet-tile-pane{filter:saturate(.82) contrast(1.05) brightness(.82)!important}
.leaflet-control-layers,.leaflet-control-zoom a{background:rgba(6,10,18,.92)!important;color:#edf9ff!important;border:1px solid rgba(102,247,255,.24)!important;box-shadow:0 12px 34px rgba(0,0,0,.42)!important}
.leaflet-control-attribution{background:rgba(2,4,8,.58)!important;color:rgba(230,242,255,.72)!important}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:rgba(5,8,16,.94)!important;color:#f3fbff!important;border:1px solid rgba(102,247,255,.22)!important;box-shadow:0 20px 50px rgba(0,0,0,.45)!important}

@media(max-width:860px){
  .messenger-screen{height:calc(100dvh - var(--hm-dock-clear,132px) - env(safe-area-inset-bottom,0px))!important;min-height:0!important;max-height:none!important;overflow:hidden!important;display:block!important;animation-duration:.30s!important}
  .messenger-list-card,.messenger-chat-card{height:100%!important;min-height:0!important;overflow:hidden!important;border-radius:24px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .messenger-contacts{height:100%!important;max-height:none!important;padding-bottom:14px!important}
  .messenger-chat-card{display:flex!important;flex-direction:column!important}
  .messenger-chat-head{flex:0 0 auto!important}
  .messenger-history{flex:1 1 auto!important;min-height:0!important;max-height:none!important;padding-bottom:14px!important}
  .messenger-composer{flex:0 0 auto!important;margin-top:8px!important;padding:10px!important;border-radius:18px!important}
  .messenger-composer .textarea{min-height:58px!important;max-height:120px!important}
  body.keyboard-open .sidebar.bottom-dock,body.keyboard-open .messenger-fab{opacity:.28!important;pointer-events:none!important;transition:opacity .18s ease!important}
  body.keyboard-open .messenger-screen{height:calc(100dvh - 24px)!important;padding-bottom:0!important}
}

@media(prefers-reduced-motion:reduce){.messenger-cinematic,.messenger-cinematic .messenger-list-card,.messenger-cinematic .messenger-chat-card,.messenger-fab,.sidebar .nav-btn.hm-active::before{animation:none!important}}

/* Final visual polish: satellite TravelMap, top wordmark, 3D vignette cards, social footer, Project News */
.compact-topbar,.topbar.compact-topbar{display:none!important}
.hm-top-wordmark{
  position:sticky;top:10px;z-index:22;width:max-content;max-width:calc(100vw - 34px);margin:0 0 14px 2px;
  font-family:"Brush Script MT","Segoe Script","Snell Roundhand",cursive;font-size:clamp(24px,3.1vw,42px);line-height:1;
  color:#f4fbff;letter-spacing:.01em;text-shadow:0 0 14px rgba(210,236,255,.35),0 6px 18px rgba(0,0,0,.52);
  background:linear-gradient(92deg,#ffffff,#b9c6d7,#f8ffff,#8ea2bb,#ffffff);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.38));pointer-events:none;
}
.card,.panel-premium,.modal-card,.post-card,.market-card,.profile-card,.hmx-card,.travel-map-card,.travelmap-hero,.travel-list-card{
  position:relative;overflow:hidden;
  background:linear-gradient(145deg,rgba(7,10,20,.44),rgba(6,8,14,.26) 54%,rgba(255,255,255,.035))!important;
  border-color:rgba(215,232,255,.16)!important;
  box-shadow:0 26px 78px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.10), inset 0 -30px 70px rgba(0,0,0,.22)!important;
}
.card::after,.panel-premium::after,.modal-card::after,.post-card::after,.market-card::after,.profile-card::after,.hmx-card::after,.travel-map-card::after,.travelmap-hero::after,.travel-list-card::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:radial-gradient(circle at 50% -20%,rgba(255,255,255,.12),transparent 28%),linear-gradient(180deg,transparent 58%,rgba(0,0,0,.30));
  mix-blend-mode:screen;opacity:.55;
}
.card>* ,.panel-premium>* ,.modal-card>* ,.post-card>* ,.market-card>* ,.profile-card>* ,.hmx-card>* ,.travel-map-card>* ,.travelmap-hero>* ,.travel-list-card>*{position:relative;z-index:1}
.hm-social-footer{display:flex;align-items:center;justify-content:center;gap:14px;margin:22px auto calc(88px + var(--safe-bottom,0px));padding:10px 12px;width:max-content;max-width:100%;border-radius:999px;background:rgba(3,6,14,.36);border:1px solid rgba(205,226,255,.14);box-shadow:0 18px 54px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hm-social-footer a{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;text-decoration:none;color:#f6fbff;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(102,247,255,.06));border:1px solid rgba(215,232,255,.18);box-shadow:0 10px 28px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.16);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.hm-social-footer a:hover{transform:translateY(-2px) scale(1.04);border-color:rgba(102,247,255,.42);box-shadow:0 16px 38px rgba(0,0,0,.34),0 0 22px rgba(102,247,255,.14)}
.hm-social-footer span{font-weight:1000;font-size:19px;text-shadow:0 0 14px rgba(102,247,255,.22)}
.project-news-card{margin-top:0}.project-news-item{display:grid;grid-template-columns:minmax(240px,.82fr) minmax(0,1.18fr);gap:18px;align-items:start}.project-news-image{width:100%;height:100%;min-height:260px;max-height:420px;object-fit:cover;border-radius:24px;border:1px solid rgba(215,232,255,.16);box-shadow:0 22px 65px rgba(0,0,0,.34)}.project-news-copy{display:grid;gap:10px;color:#f0f6ff;line-height:1.58}.project-news-copy h3{margin:0 0 2px;font-size:clamp(22px,3vw,34px);letter-spacing:-.04em;background:linear-gradient(90deg,#fff,#c8d3e2,#f7fbff,#9fb2c9);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.project-news-copy p{margin:0;color:rgba(238,245,255,.88)}.project-news-copy ul{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:6px;color:#f7fbff;font-weight:800}
.travel-world-map.real-map,.travel-leaflet-map,.leaflet-container{background:#07101f!important;color:#eef8ff!important}.leaflet-tile-pane{filter:saturate(1.28) contrast(1.06) brightness(1.03)!important}.leaflet-control-layers,.leaflet-control-zoom a{background:rgba(7,10,18,.76)!important;color:#f5fbff!important;border:1px solid rgba(230,240,255,.22)!important}.leaflet-control-attribution{background:rgba(2,5,12,.48)!important;color:rgba(245,250,255,.78)!important}
@media(max-width:860px){.hm-top-wordmark{position:relative;top:auto;margin:0 auto 12px;text-align:center;font-size:clamp(22px,8vw,34px)}.hm-social-footer{margin-bottom:calc(96px + var(--safe-bottom,0px))}.project-news-item{grid-template-columns:1fr}.project-news-image{min-height:220px}.card,.post-card,.market-card,.profile-card{box-shadow:0 18px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.10),inset 0 -24px 50px rgba(0,0,0,.18)!important}}
@media(prefers-reduced-motion:reduce){.hm-social-footer a,.card,.post-card,.market-card{transition:none!important}}

/* === HackMessage Internal Wallet Premium Update === */
.hm-top-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;position:relative;z-index:5}
.hm-top-row .hm-top-wordmark{font-size:clamp(20px,4.8vw,30px);line-height:1;white-space:nowrap;max-width:58vw;overflow:hidden;text-overflow:ellipsis;margin:0;text-align:left}
.hm-wallet-top-btn{appearance:none;border:1px solid rgba(210,232,255,.34);border-radius:999px;padding:10px 18px;color:#f8fcff;font-weight:900;letter-spacing:.04em;background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(135,230,255,.08) 45%,rgba(12,18,35,.42));box-shadow:0 16px 36px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.32),inset 0 -10px 24px rgba(0,0,0,.26),0 0 24px rgba(102,247,255,.16);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.hm-wallet-top-btn:hover{transform:translateY(-2px);box-shadow:0 20px 46px rgba(0,0,0,.48),0 0 34px rgba(102,247,255,.22),inset 0 1px 0 rgba(255,255,255,.36)}
.internal-wallet-host{z-index:2147482000!important}.premium-wallet-card{position:relative;overflow:hidden;max-width:min(760px,calc(100vw - 24px));background:linear-gradient(145deg,rgba(5,9,18,.88),rgba(13,20,38,.72));border:1px solid rgba(210,232,255,.20);box-shadow:0 34px 120px rgba(0,0,0,.66),inset 0 1px 0 rgba(255,255,255,.18)}
.wallet-glow{position:absolute;inset:-35%;background:radial-gradient(circle at 20% 10%,rgba(102,247,255,.22),transparent 32%),radial-gradient(circle at 80% 40%,rgba(255,216,92,.16),transparent 28%),radial-gradient(circle at 55% 95%,rgba(120,70,255,.18),transparent 30%);filter:blur(10px);animation:walletGlowMove 8s ease-in-out infinite;pointer-events:none}@keyframes walletGlowMove{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(2%,-2%,0) rotate(4deg)}}
.internal-wallet-list{display:grid;gap:12px;position:relative;z-index:2}.internal-wallet-row{display:grid;grid-template-columns:42px minmax(54px,.7fr) minmax(110px,1fr) minmax(96px,1fr) auto auto;align-items:center;gap:10px;padding:13px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035));border:1px solid rgba(215,235,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 15px 42px rgba(0,0,0,.28)}.internal-wallet-row strong{font-size:16px}.internal-wallet-row span{font-weight:900;color:#f7fbff}.internal-wallet-row em{font-style:normal;color:#b8c8d8;font-size:12px}.wallet-asset-logo{width:36px;height:36px;border-radius:50%;object-fit:cover;box-shadow:0 0 18px rgba(102,247,255,.20)}.internal-wallet-action{position:relative;z-index:2;margin-top:14px;padding:14px;border-radius:22px;background:rgba(0,0,0,.24);border:1px solid rgba(215,235,255,.13);display:grid;gap:10px}.wallet-action-title{font-weight:1000;font-size:18px;color:#f8fcff}.memo-box{display:grid;gap:4px;padding:10px 12px;border-radius:16px;background:rgba(102,247,255,.06);border:1px dashed rgba(102,247,255,.34)}.memo-box span{font-size:11px;color:#b7c7d9;text-transform:uppercase;letter-spacing:.08em}.memo-box strong{font-size:13px;word-break:break-all}.hmx-sale-note,.hmx-sale-banner{margin:8px 0 10px;padding:8px 10px;border-radius:14px;background:linear-gradient(135deg,rgba(255,224,118,.13),rgba(102,247,255,.08));border:1px solid rgba(255,224,118,.20);font-size:12px;color:#f6fbff}.hmx-sale-note s,.hmx-sale-banner s{color:#9fb0c0;margin-right:8px}.hmx-sale-banner{display:flex;gap:10px;align-items:center;justify-content:center}.donation-currency-option strong,.donation-currency-option span{position:relative;z-index:2}@media(max-width:720px){.hm-top-row{padding:0 2px}.hm-top-row .hm-top-wordmark{font-size:clamp(18px,5.6vw,24px);max-width:56vw}.hm-wallet-top-btn{padding:9px 14px;font-size:13px}.internal-wallet-row{grid-template-columns:34px 1fr;gap:8px}.internal-wallet-row span,.internal-wallet-row em,.internal-wallet-row button{grid-column:2}.wallet-asset-logo{width:32px;height:32px}}

/* HM final wallet usability fix */
.hm-top-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;pointer-events:auto!important;z-index:90!important;position:relative!important}
.hm-wallet-top-btn{position:relative!important;isolation:isolate!important;border:1px solid rgba(98,247,255,.65)!important;background:linear-gradient(135deg,rgba(9,18,36,.92),rgba(22,42,74,.78) 45%,rgba(4,8,18,.96))!important;color:#fff!important;text-shadow:0 0 12px rgba(255,255,255,.62)!important;box-shadow:0 0 0 1px rgba(255,255,255,.12) inset,0 0 18px rgba(98,247,255,.55),0 0 38px rgba(98,247,255,.24),0 16px 42px rgba(0,0,0,.52)!important;animation:hmWalletNeonPulse 2.8s ease-in-out infinite!important}
.hm-wallet-top-btn:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(90deg,rgba(98,247,255,.85),rgba(255,222,108,.6),rgba(166,118,255,.68),rgba(98,247,255,.85));filter:blur(10px);opacity:.55;z-index:-1;animation:hmWalletNeonSweep 4.2s linear infinite}
@keyframes hmWalletNeonPulse{0%,100%{transform:translateY(0);filter:saturate(1)}50%{transform:translateY(-1px);filter:saturate(1.25)}}
@keyframes hmWalletNeonSweep{0%{background-position:0% 50%}100%{background-position:220% 50%}}
.internal-wallet-host{z-index:2147482500!important;align-items:center!important;justify-content:center!important;padding:12px!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}.internal-wallet-host:before{backdrop-filter:blur(18px)!important;background:rgba(0,0,0,.52)!important}.hm-wallet-premium-shell{width:min(820px,calc(100vw - 22px))!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:34px!important;background:linear-gradient(145deg,rgba(3,7,16,.94),rgba(8,17,34,.86) 44%,rgba(2,4,10,.96))!important;border:1px solid rgba(220,238,255,.22)!important;box-shadow:0 44px 140px rgba(0,0,0,.82),0 0 80px rgba(98,247,255,.14),inset 0 1px 0 rgba(255,255,255,.18)!important}.wallet-headline{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.wallet-close{min-width:96px}.wallet-orbit{position:absolute;border-radius:50%;pointer-events:none;filter:blur(8px);opacity:.4}.wallet-orbit.one{width:220px;height:220px;right:-70px;top:-80px;background:radial-gradient(circle,rgba(98,247,255,.28),transparent 62%)}.wallet-orbit.two{width:180px;height:180px;left:-70px;bottom:-80px;background:radial-gradient(circle,rgba(255,216,92,.20),transparent 62%)}.premium-wallet-list{display:grid!important;gap:14px!important;position:relative;z-index:2!important}.premium-wallet-asset{grid-template-columns:46px minmax(58px,.55fr) minmax(130px,1fr) minmax(112px,.8fr) auto auto!important;min-height:78px!important;padding:15px!important;border-radius:26px!important;background:linear-gradient(135deg,rgba(255,255,255,.125),rgba(255,255,255,.035) 50%,rgba(98,247,255,.05))!important;border:1px solid rgba(226,241,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 22px 56px rgba(0,0,0,.36)!important}.premium-wallet-asset strong{color:#fff!important;text-shadow:0 0 14px rgba(98,247,255,.22)!important}.premium-wallet-asset span{font-size:17px!important;color:#f8fcff!important}.premium-wallet-asset em{color:#d4e4f4!important}.wallet-action-primary,.wallet-action-secondary{min-width:92px!important}.premium-wallet-action{position:relative!important;z-index:2!important;margin-top:16px!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;border:1px solid rgba(226,241,255,.16)!important}.wallet-pay-options{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.wallet-pay-options .btn,.compact-copy{min-height:38px!important}.memo-box{position:relative}.memo-box .compact-copy{justify-self:start;margin-top:6px;padding:8px 12px!important;font-size:12px!important}.insufficient-wallet-card{max-width:min(520px,calc(100vw - 26px))!important;text-align:left!important}.ton-fallback-box .memo-box strong{font-size:12px!important;line-height:1.35!important}.disabled-buy{opacity:.45!important;filter:grayscale(.35)!important;cursor:not-allowed!important}
@media(max-width:720px){.hm-top-row{padding:8px 10px!important}.hm-top-wordmark{font-size:clamp(17px,5.1vw,22px)!important;max-width:58vw!important;white-space:normal!important;line-height:1.02!important}.hm-wallet-top-btn{padding:9px 13px!important;font-size:12px!important;min-height:38px!important}.hm-wallet-premium-shell{border-radius:26px!important;padding:16px!important}.wallet-headline{align-items:center;margin-bottom:12px}.wallet-headline .card-title{font-size:22px!important}.premium-wallet-asset{display:grid!important;grid-template-columns:38px 1fr auto!important;gap:8px!important;align-items:center!important;min-height:auto!important}.premium-wallet-asset .wallet-asset-logo{grid-row:1 / span 2}.premium-wallet-asset strong{grid-column:2}.premium-wallet-asset span{grid-column:2;font-size:15px!important}.premium-wallet-asset em{grid-column:2 / 4;font-size:12px!important}.premium-wallet-asset button{grid-column:auto!important;min-width:74px!important;padding:8px 10px!important;font-size:12px!important}.premium-wallet-asset button:last-child{grid-column:3;grid-row:2}.wallet-pay-options{display:grid!important;grid-template-columns:1fr!important}.wallet-pay-options .btn{width:100%!important}.internal-wallet-action input.input{min-height:44px!important;font-size:16px!important}.modal-actions{display:grid!important;grid-template-columns:1fr!important}.modal-actions .btn{width:100%!important}}

/* Final wallet total balance live USD block */
.internal-wallet-total-card{
  position:relative!important;
  z-index:2!important;
  margin:0 0 16px!important;
  padding:16px 18px!important;
  border-radius:28px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(98,247,255,.055) 48%,rgba(255,216,92,.06))!important;
  border:1px solid rgba(226,241,255,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 24px 70px rgba(0,0,0,.36),0 0 46px rgba(98,247,255,.10)!important;
  display:grid!important;
  gap:4px!important;
  overflow:hidden!important;
}
.internal-wallet-total-card:before{
  content:"";position:absolute;inset:-60% -30%;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  transform:rotate(18deg);animation:hmWalletTotalShine 5.6s linear infinite;
}
.internal-wallet-total-card span{
  position:relative;z-index:1;color:#cfe0f4!important;font-size:13px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.12em!important;
}
.internal-wallet-total-card strong{
  position:relative;z-index:1;color:#fff!important;font-size:clamp(26px,5vw,40px)!important;line-height:1!important;font-weight:1000!important;
  text-shadow:0 0 18px rgba(98,247,255,.38),0 0 34px rgba(255,255,255,.14)!important;
}
.internal-wallet-total-card em{
  position:relative;z-index:1;color:#b9c9dd!important;font-style:normal!important;font-size:12px!important;
}
@keyframes hmWalletTotalShine{0%{transform:translateX(-60%) rotate(18deg);opacity:.0}16%{opacity:.9}46%,100%{transform:translateX(80%) rotate(18deg);opacity:0}}
@media(max-width:720px){.internal-wallet-total-card{padding:14px 15px!important;border-radius:24px!important;margin-bottom:12px!important}.internal-wallet-total-card strong{font-size:clamp(24px,8vw,34px)!important}}

/* Final wallet mobile layout + performance fix */
.internal-wallet-host,
.internal-wallet-host *{
  animation-duration:.001ms!important;
  transition:background-color .12s ease,border-color .12s ease,opacity .12s ease!important;
}
.internal-wallet-host:before{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(0,0,0,.66)!important}
.hm-wallet-premium-shell{will-change:auto!important;transform:none!important;contain:layout paint!important;background:linear-gradient(145deg,rgba(5,9,18,.96),rgba(10,20,38,.92) 52%,rgba(2,5,12,.98))!important;box-shadow:0 26px 80px rgba(0,0,0,.78),0 0 34px rgba(98,247,255,.10),inset 0 1px 0 rgba(255,255,255,.15)!important}
.wallet-glow,.wallet-orbit{display:none!important}
.premium-wallet-list{display:grid!important;gap:14px!important}
.internal-wallet-row.premium-wallet-asset{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:14px!important;min-height:auto!important;padding:16px!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.032))!important;border:1px solid rgba(214,235,255,.20)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 14px 32px rgba(0,0,0,.30)!important}
.wallet-asset-main{display:grid;grid-template-columns:46px 1fr;align-items:center;gap:12px;min-width:0}.wallet-asset-main strong{display:block;font-size:18px!important;color:#fff!important}.wallet-asset-main span{display:block;font-size:20px!important;line-height:1.15;color:#fff!important}.wallet-asset-main em{display:block;font-style:normal;color:#d6e5f4!important;font-size:13px!important;margin-top:4px}.wallet-asset-actions{display:flex;align-items:center;gap:10px}.wallet-asset-actions .btn{min-width:104px!important;min-height:42px!important;padding:10px 14px!important}.wallet-live-status{color:#dcecff!important;line-height:1.45!important}.internal-wallet-total-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 12px 26px rgba(0,0,0,.26)!important}
@media(max-width:720px){
  .internal-wallet-host{align-items:flex-start!important;padding:10px!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
  .hm-wallet-premium-shell{width:calc(100vw - 20px)!important;max-height:none!important;margin:10px auto calc(18px + var(--safe-bottom,0px))!important;padding:16px!important;border-radius:26px!important;overflow:visible!important}
  .wallet-headline{align-items:flex-start!important;gap:10px!important}.wallet-headline .card-title{font-size:clamp(24px,8vw,34px)!important;line-height:1.05!important}.wallet-close{min-width:86px!important;min-height:42px!important;padding:10px 14px!important}
  .internal-wallet-row.premium-wallet-asset{grid-template-columns:1fr!important;gap:12px!important;padding:16px!important}
  .wallet-asset-main{grid-template-columns:42px 1fr!important;gap:12px!important}.wallet-asset-logo{width:38px!important;height:38px!important}.wallet-asset-main strong{font-size:18px!important}.wallet-asset-main span{font-size:22px!important}.wallet-asset-main em{font-size:13px!important}
  .wallet-asset-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.wallet-asset-actions .btn{width:100%!important;min-width:0!important;min-height:44px!important;font-size:13px!important}
  .internal-wallet-action{border-radius:22px!important;padding:14px!important}.memo-box strong{font-size:12px!important;line-height:1.35!important}.wallet-pay-options{display:grid!important;grid-template-columns:1fr!important}.wallet-pay-options .btn{width:100%!important}.internal-wallet-total-card strong{font-size:clamp(32px,10vw,46px)!important}
}

/* Final wallet UX polish: stable mobile buttons, smooth deposit focus, no heavy repaint */
.internal-wallet-card,
.hm-wallet-premium-shell,
.premium-wallet-card {
  contain: layout paint;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.internal-wallet-row.premium-wallet-asset {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
}
.wallet-asset-main {
  width: 100%;
  min-width: 0;
}
.wallet-asset-actions {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  align-items: center !important;
}
.wallet-asset-actions .btn,
.wallet-action-primary,
.wallet-action-secondary {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 46px !important;
  padding: 12px 10px !important;
  border-radius: 18px !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  background: linear-gradient(135deg, rgba(90,255,240,.22), rgba(255,255,255,.12), rgba(111,77,255,.24)) !important;
  box-shadow: inset 0 0 0 1px rgba(180,255,255,.35), 0 12px 24px rgba(0,0,0,.28), 0 0 22px rgba(83,235,255,.13) !important;
}
.wallet-asset-actions .btn:disabled,
.wallet-asset-actions .disabled-buy {
  opacity: .45 !important;
  filter: none !important;
}
.internal-wallet-action {
  scroll-margin-bottom: 26px;
  scroll-margin-top: 26px;
}
.wallet-pay-options {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
}
.wallet-pay-options .btn,
.modal-actions .btn {
  width: 100%;
  min-width: 0;
}
@media (max-width: 640px) {
  .internal-wallet-card { width: min(94vw, 520px) !important; padding: 18px !important; }
  .wallet-headline { gap: 10px !important; align-items: start !important; }
  .wallet-headline .card-title { font-size: clamp(28px, 8vw, 38px) !important; }
  .internal-wallet-total-card strong { font-size: clamp(34px, 11vw, 52px) !important; }
  .wallet-asset-actions { grid-template-columns: 1fr 1fr !important; }
  .wallet-pay-options { grid-template-columns: 1fr !important; }
  .memo-box strong { word-break: break-word; overflow-wrap: anywhere; }
}

/* === Final internal wallet / messenger polish === */
.hm-wallet-top-btn{
  min-width: 138px!important;
  padding-left: 20px!important;
  padding-right: 20px!important;
  letter-spacing: .08em!important;
  background: linear-gradient(135deg, rgba(8,18,42,.98), rgba(0,205,255,.18) 38%, rgba(148,80,255,.22) 70%, rgba(5,9,20,.98))!important;
  border-color: rgba(126,245,255,.82)!important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), inset 0 -18px 34px rgba(0,0,0,.35), 0 0 20px rgba(75,222,255,.5), 0 0 44px rgba(138,92,255,.25), 0 16px 38px rgba(0,0,0,.45)!important;
}
.hm-wallet-top-btn:hover{transform:translateY(-2px) scale(1.02)!important}
.hm-social-footer a svg{width:24px;height:24px;display:block;filter:drop-shadow(0 0 10px rgba(255,255,255,.18))}
.hm-social-footer a{overflow:hidden}
.messenger-composer .composer-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.messenger-composer .composer-actions .btn{flex:1 1 128px;min-width:0}
.enft-staking-card .staking-live-panel{margin-top:12px}
.global-chat-hero h2{max-width:720px;line-height:1.15}
@media(max-width:860px){
  .hm-wallet-top-btn{min-width:132px!important;height:44px!important;padding-left:18px!important;padding-right:18px!important;font-size:12px!important}
  .messenger-composer .composer-actions .btn{flex:1 1 46%;padding-left:10px!important;padding-right:10px!important}
}

/* === HackWallet compact silver metal redesign === */
.hm-wallet-top-btn{
  min-width:132px!important;
  letter-spacing:.045em!important;
}
.hm-wallet-top-btn::after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,transparent,rgba(255,255,255,.42),transparent);opacity:.32}
.hm-wallet-premium-shell{
  background:linear-gradient(145deg,rgba(12,14,18,.96),rgba(29,34,42,.91) 45%,rgba(7,9,13,.98))!important;
  border:1px solid rgba(245,248,255,.42)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.82),inset 0 1px 0 rgba(255,255,255,.46),inset 0 -22px 55px rgba(0,0,0,.34)!important;
}
.wallet-headline .card-title{
  color:#dfe5ea!important;
  background:linear-gradient(100deg,#fff,#9da6ad,#f7fbff,#7b858d,#fff);
  -webkit-background-clip:text;background-clip:text;color:transparent!important;
  text-shadow:0 2px 0 rgba(0,0,0,.75),0 12px 24px rgba(0,0,0,.55)!important;
}
.internal-wallet-total-card{
  background:linear-gradient(135deg,rgba(250,253,255,.22),rgba(146,154,164,.10) 48%,rgba(255,255,255,.16))!important;
  border:1px solid rgba(255,255,255,.34)!important;
  color:#05070a!important;
}
.internal-wallet-total-card span,.internal-wallet-total-card em{color:#0d1117!important;text-shadow:0 1px 0 rgba(255,255,255,.46)!important}
.internal-wallet-total-card strong{color:#04070b!important;text-shadow:0 1px 0 rgba(255,255,255,.72),0 -1px 0 rgba(0,0,0,.45),0 8px 16px rgba(0,0,0,.26)!important}
.premium-wallet-list{gap:10px!important}
.internal-wallet-row.premium-wallet-asset{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:0!important;
  min-height:66px!important;
  padding:10px 12px!important;
  border-radius:22px!important;
  cursor:pointer!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#f9fbff 0%,#aeb7bf 18%,#eef3f7 38%,#7f8992 58%,#f8fbff 82%,#9ca6af 100%)!important;
  background-size:260% 260%!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 17px 38px rgba(0,0,0,.48),inset 0 2px 0 rgba(255,255,255,.85),inset 0 -14px 28px rgba(0,0,0,.28)!important;
  animation:hmSilverWalletFlow 7s ease-in-out infinite!important;
  transition:max-height .32s ease,transform .22s ease,box-shadow .22s ease!important;
}
.internal-wallet-row.premium-wallet-asset:hover{transform:translateY(-1px)!important;box-shadow:0 22px 48px rgba(0,0,0,.56),inset 0 2px 0 rgba(255,255,255,.9),inset 0 -14px 28px rgba(0,0,0,.30),0 0 28px rgba(235,245,255,.18)!important}
.wallet-asset-main{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:center!important;
  min-width:0!important;
}
.wallet-asset-logo{width:36px!important;height:36px!important;box-shadow:0 4px 12px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.55)!important}
.wallet-asset-meta{display:grid!important;grid-template-columns:auto minmax(70px,1fr) auto!important;gap:8px!important;align-items:baseline!important;min-width:0!important}
.wallet-asset-meta strong,.wallet-asset-main strong{
  font-size:15px!important;
  color:#05070b!important;
  text-shadow:0 1px 0 rgba(255,255,255,.72),0 -1px 0 rgba(0,0,0,.52),1px 2px 5px rgba(0,0,0,.22)!important;
}
.wallet-asset-meta span,.wallet-asset-main span{
  font-size:15px!important;
  color:#05070b!important;
  font-weight:1000!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 1px 0 rgba(255,255,255,.72),0 -1px 0 rgba(0,0,0,.50)!important;
}
.wallet-asset-meta em,.wallet-asset-main em{
  font-size:12px!important;
  color:#0b0f15!important;
  opacity:.9!important;
  white-space:nowrap!important;
  text-shadow:0 1px 0 rgba(255,255,255,.66)!important;
}
.wallet-asset-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  max-height:0!important;
  opacity:0!important;
  transform:translateY(-8px) scale(.98)!important;
  overflow:hidden!important;
  pointer-events:none!important;
  transition:max-height .32s ease,opacity .22s ease,transform .26s ease,margin-top .26s ease!important;
}
.internal-wallet-row.premium-wallet-asset.expanded .wallet-asset-actions{
  max-height:56px!important;
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
  pointer-events:auto!important;
  margin-top:10px!important;
}
.wallet-asset-actions .btn,.wallet-action-primary,.wallet-action-secondary{
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  padding:8px 10px!important;
  border-radius:16px!important;
  color:#06080b!important;
  font-size:12px!important;
  font-weight:1000!important;
  background:linear-gradient(120deg,#ffffff,#a8b0b9,#f7fbff,#858f99,#ffffff)!important;
  background-size:220% 220%!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -8px 14px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.26)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.72),0 -1px 0 rgba(0,0,0,.40)!important;
  animation:hmSilverWalletFlow 6s ease-in-out infinite!important;
}
.wallet-asset-actions .btn:disabled{opacity:.46!important;filter:grayscale(.7)!important}
@keyframes hmSilverWalletFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(max-width:720px){
  .hm-wallet-top-btn{min-width:118px!important;height:40px!important;padding:8px 12px!important;font-size:11px!important}
  .wallet-headline .card-title{font-size:clamp(24px,7vw,31px)!important}
  .internal-wallet-row.premium-wallet-asset{min-height:58px!important;padding:9px 10px!important;border-radius:19px!important}
  .wallet-asset-main{grid-template-columns:32px minmax(0,1fr)!important;gap:8px!important}
  .wallet-asset-logo{width:30px!important;height:30px!important}
  .wallet-asset-meta{grid-template-columns:auto 1fr auto!important;gap:6px!important}
  .wallet-asset-meta strong,.wallet-asset-main strong{font-size:13px!important}
  .wallet-asset-meta span,.wallet-asset-main span{font-size:13px!important;max-width:36vw!important}
  .wallet-asset-meta em,.wallet-asset-main em{font-size:10.5px!important;max-width:22vw!important;overflow:hidden;text-overflow:ellipsis!important}
  .internal-wallet-row.premium-wallet-asset.expanded .wallet-asset-actions{max-height:52px!important;margin-top:8px!important}
  .wallet-asset-actions .btn{min-height:36px!important;font-size:11px!important;padding:7px 8px!important}
}


/* === Final HackWallet mobile polish: row actions, brighter title/total, no Premium Wallet === */
.hm-wallet-premium-shell .wallet-headline{
  align-items:center!important;
  gap:12px!important;
}
.hm-wallet-premium-shell .wallet-headline .eyebrow{
  display:none!important;
}
.hm-wallet-premium-shell .wallet-headline .card-title{
  font-size:clamp(30px,7.2vw,44px)!important;
  font-weight:1000!important;
  letter-spacing:-.035em!important;
  background:linear-gradient(100deg,#ffffff 0%,#dce8f4 18%,#ffffff 36%,#aab7c2 54%,#ffffff 72%,#e9f4ff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.22)) drop-shadow(0 10px 20px rgba(0,0,0,.52))!important;
  text-shadow:none!important;
}
.hm-wallet-premium-shell .internal-wallet-total-card{
  background:
    radial-gradient(circle at 18% 0%,rgba(255,255,255,.72),transparent 34%),
    linear-gradient(135deg,#fbfdff 0%,#cbd4dc 22%,#ffffff 44%,#a8b2bc 66%,#f7fbff 100%)!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.42), inset 0 2px 0 rgba(255,255,255,.92), inset 0 -14px 28px rgba(0,0,0,.22), 0 0 28px rgba(230,242,255,.20)!important;
  color:#020407!important;
}
.hm-wallet-premium-shell .internal-wallet-total-card span,
.hm-wallet-premium-shell .internal-wallet-total-card em{
  color:#05080d!important;
  opacity:1!important;
  font-weight:900!important;
  text-shadow:0 1px 0 rgba(255,255,255,.78)!important;
}
.hm-wallet-premium-shell .internal-wallet-total-card strong{
  color:#010305!important;
  font-size:clamp(25px,7vw,38px)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.9),0 -1px 0 rgba(0,0,0,.48),0 10px 18px rgba(0,0,0,.24)!important;
}
.hm-wallet-premium-shell .wallet-asset-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  grid-auto-flow:column!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.hm-wallet-premium-shell .wallet-asset-actions .btn,
.hm-wallet-premium-shell .wallet-asset-actions a.btn,
.hm-wallet-premium-shell .wallet-asset-actions button.btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.hm-wallet-premium-shell .internal-wallet-row.premium-wallet-asset.expanded .wallet-asset-actions{
  max-height:64px!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
}
@media(max-width:720px){
  .hm-wallet-premium-shell .wallet-headline .card-title{
    font-size:clamp(27px,8vw,34px)!important;
  }
  .hm-wallet-premium-shell .wallet-headline{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .hm-wallet-premium-shell .wallet-close{
    min-width:72px!important;
    padding:8px 10px!important;
    font-size:11px!important;
  }
  .hm-wallet-premium-shell .internal-wallet-total-card{
    padding:13px 14px!important;
    border-radius:20px!important;
  }
  .hm-wallet-premium-shell .internal-wallet-total-card strong{
    font-size:clamp(24px,8vw,32px)!important;
  }
  .hm-wallet-premium-shell .internal-wallet-row.premium-wallet-asset{
    width:100%!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .hm-wallet-premium-shell .wallet-asset-actions,
  .hm-wallet-premium-shell .internal-wallet-row.premium-wallet-asset.expanded .wallet-asset-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    grid-auto-flow:column!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-top:8px!important;
  }
  .hm-wallet-premium-shell .wallet-asset-actions .btn,
  .hm-wallet-premium-shell .wallet-asset-actions a.btn,
  .hm-wallet-premium-shell .wallet-asset-actions button.btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:38px!important;
    min-height:38px!important;
    padding:7px 6px!important;
    font-size:11px!important;
    line-height:1!important;
    border-radius:14px!important;
  }
}

/* === HackWallet floating glass final patch === */
.internal-wallet-host{
  align-items:flex-start!important;
  padding-top:max(18px,env(safe-area-inset-top))!important;
}
.hm-wallet-premium-shell,
.internal-wallet-card.premium-wallet-card.hm-wallet-premium-shell{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  padding:clamp(14px,4vw,24px)!important;
  overflow:visible!important;
  max-width:min(94vw,520px)!important;
}
.hm-wallet-premium-shell::before,
.hm-wallet-premium-shell::after,
.internal-wallet-card.premium-wallet-card.hm-wallet-premium-shell::before,
.internal-wallet-card.premium-wallet-card.hm-wallet-premium-shell::after{
  display:none!important;
  content:none!important;
}
.hm-wallet-premium-shell .wallet-headline{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0 2px 8px!important;
  margin:0 0 10px!important;
}
.hm-wallet-premium-shell .wallet-headline .card-title{
  filter:drop-shadow(0 0 12px rgba(255,255,255,.38)) drop-shadow(0 12px 22px rgba(0,0,0,.72))!important;
}
.hm-wallet-premium-shell .wallet-close{
  background:linear-gradient(120deg,rgba(255,255,255,.90),rgba(163,174,186,.86),rgba(255,255,255,.92))!important;
  color:#05070b!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.85)!important;
}
.hm-wallet-premium-shell .internal-wallet-total-card,
.hm-wallet-premium-shell .internal-wallet-row.premium-wallet-asset,
.hm-wallet-premium-shell .internal-wallet-action{
  filter:drop-shadow(0 22px 30px rgba(0,0,0,.45))!important;
}
.hm-wallet-premium-shell .premium-wallet-list{
  gap:12px!important;
}
.hm-wallet-premium-shell .wallet-asset-actions,
.hm-wallet-premium-shell .internal-wallet-row.premium-wallet-asset.expanded .wallet-asset-actions{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.hm-wallet-premium-shell .wallet-asset-actions .btn,
.hm-wallet-premium-shell .wallet-asset-actions a.btn,
.hm-wallet-premium-shell .wallet-asset-actions button.btn{
  flex:1 1 0!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.hm-wallet-premium-shell .internal-wallet-row.premium-wallet-asset.expanded .wallet-asset-actions{
  max-height:58px!important;
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
  pointer-events:auto!important;
  margin-top:10px!important;
}
@media(max-width:720px){
  .internal-wallet-host{padding:10px 8px calc(16px + env(safe-area-inset-bottom))!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
  .hm-wallet-premium-shell,
  .internal-wallet-card.premium-wallet-card.hm-wallet-premium-shell{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    padding:12px 8px!important;
    margin:8px auto 18px!important;
  }
  .hm-wallet-premium-shell .wallet-headline{padding:0 2px 6px!important;margin-bottom:8px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important}
  .hm-wallet-premium-shell .wallet-headline .card-title{font-size:clamp(26px,8vw,34px)!important;line-height:1!important}
  .hm-wallet-premium-shell .internal-wallet-row.premium-wallet-asset{padding:10px!important;border-radius:20px!important;overflow:hidden!important}
  .hm-wallet-premium-shell .wallet-asset-actions,
  .hm-wallet-premium-shell .internal-wallet-row.premium-wallet-asset.expanded .wallet-asset-actions{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    grid-auto-flow:unset!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .hm-wallet-premium-shell .internal-wallet-row.premium-wallet-asset.expanded .wallet-asset-actions{max-height:48px!important;margin-top:8px!important}
  .hm-wallet-premium-shell .wallet-asset-actions .btn,
  .hm-wallet-premium-shell .wallet-asset-actions a.btn,
  .hm-wallet-premium-shell .wallet-asset-actions button.btn{
    flex:1 1 calc(50% - 4px)!important;
    width:calc(50% - 4px)!important;
    min-width:0!important;
    height:38px!important;
    min-height:38px!important;
    padding:7px 6px!important;
    font-size:11px!important;
    line-height:1!important;
    border-radius:14px!important;
  }
}

/* === HackWallet deposit/withdraw scroll-to-bottom fix === */
.internal-wallet-host{
  overscroll-behavior:contain!important;
  scroll-behavior:smooth!important;
  padding-bottom:calc(72px + env(safe-area-inset-bottom))!important;
}
.internal-wallet-host::after{
  content:"";
  display:block;
  height:calc(92px + env(safe-area-inset-bottom));
  flex:0 0 auto;
}
.hm-wallet-premium-shell,
.internal-wallet-card.premium-wallet-card.hm-wallet-premium-shell{
  min-height:auto!important;
  overflow:visible!important;
  margin-bottom:calc(86px + env(safe-area-inset-bottom))!important;
}
.hm-wallet-premium-shell .internal-wallet-action{
  scroll-margin-top:24px!important;
  scroll-margin-bottom:calc(120px + env(safe-area-inset-bottom))!important;
  overflow:visible!important;
}
.hm-wallet-premium-shell .internal-wallet-action .wallet-action-title{
  scroll-margin-top:24px!important;
}
@media(max-width:720px){
  .internal-wallet-host{
    align-items:flex-start!important;
    justify-content:flex-start!important;
    max-height:100dvh!important;
    min-height:100dvh!important;
    overflow-y:auto!important;
    padding-bottom:calc(110px + env(safe-area-inset-bottom))!important;
  }
  .hm-wallet-premium-shell,
  .internal-wallet-card.premium-wallet-card.hm-wallet-premium-shell{
    margin-bottom:calc(120px + env(safe-area-inset-bottom))!important;
    padding-bottom:calc(28px + env(safe-area-inset-bottom))!important;
  }
  .hm-wallet-premium-shell .internal-wallet-action{
    margin-bottom:calc(96px + env(safe-area-inset-bottom))!important;
    scroll-margin-bottom:calc(150px + env(safe-area-inset-bottom))!important;
  }
  .hm-wallet-premium-shell .wallet-pay-options,
  .hm-wallet-premium-shell .modal-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
}

/* === HackWallet mobile keyboard/viewport stability final fix === */
.internal-wallet-host{
  position:fixed!important;
  inset:0!important;
  height:var(--hm-wallet-visual-height,100dvh)!important;
  max-height:var(--hm-wallet-visual-height,100dvh)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior:contain!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  scroll-padding-bottom:calc(190px + env(safe-area-inset-bottom))!important;
}
.hm-wallet-premium-shell,
.internal-wallet-card.premium-wallet-card.hm-wallet-premium-shell{
  width:min(94vw,520px)!important;
  max-width:min(94vw,520px)!important;
  overflow:visible!important;
  padding-bottom:calc(170px + env(safe-area-inset-bottom))!important;
}
.hm-wallet-premium-shell .internal-wallet-action{
  position:relative!important;
  overflow:visible!important;
  scroll-margin-bottom:calc(220px + env(safe-area-inset-bottom))!important;
  margin-bottom:calc(120px + env(safe-area-inset-bottom))!important;
}
.hm-wallet-premium-shell .internal-wallet-action input.input{
  scroll-margin-top:24px!important;
  scroll-margin-bottom:180px!important;
}
.hm-wallet-premium-shell .wallet-pay-options,
.hm-wallet-premium-shell .modal-actions{
  position:relative!important;
  z-index:8!important;
}
body.hm-wallet-keyboard-open .internal-wallet-host{
  padding-bottom:calc(220px + env(safe-area-inset-bottom))!important;
}
body.hm-wallet-keyboard-open .hm-wallet-premium-shell,
body.hm-wallet-keyboard-open .internal-wallet-card.premium-wallet-card.hm-wallet-premium-shell{
  padding-bottom:calc(240px + env(safe-area-inset-bottom))!important;
}
body.hm-wallet-keyboard-open .hm-wallet-premium-shell .internal-wallet-action{
  margin-bottom:calc(190px + env(safe-area-inset-bottom))!important;
}
@media(max-width:720px){
  .internal-wallet-host{
    padding:10px 8px calc(180px + env(safe-area-inset-bottom))!important;
  }
  .hm-wallet-premium-shell,
  .internal-wallet-card.premium-wallet-card.hm-wallet-premium-shell{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    margin:6px auto 0!important;
    padding-bottom:calc(210px + env(safe-area-inset-bottom))!important;
  }
  .hm-wallet-premium-shell .internal-wallet-action{
    margin-bottom:calc(165px + env(safe-area-inset-bottom))!important;
    scroll-margin-bottom:calc(260px + env(safe-area-inset-bottom))!important;
  }
  body.hm-wallet-keyboard-open .hm-wallet-premium-shell,
  body.hm-wallet-keyboard-open .internal-wallet-card.premium-wallet-card.hm-wallet-premium-shell{
    padding-bottom:calc(280px + env(safe-area-inset-bottom))!important;
  }
  body.hm-wallet-keyboard-open .hm-wallet-premium-shell .internal-wallet-action{
    margin-bottom:calc(240px + env(safe-area-inset-bottom))!important;
  }
}

/* === HackWallet stability shell: ultra-transparent container for reliable mobile input/scroll === */
.internal-wallet-host{
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:12px!important;
}
.internal-wallet-card.premium-wallet-card.hm-wallet-premium-shell{
  position:relative!important;
  display:block!important;
  width:min(820px,calc(100vw - 22px))!important;
  max-height:calc(var(--hm-wallet-visual-height,100dvh) - 28px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  padding:20px!important;
  border-radius:34px!important;
  background:linear-gradient(145deg,rgba(8,12,22,.055),rgba(255,255,255,.025))!important;
  border:1px solid rgba(238,246,255,.12)!important;
  box-shadow:0 26px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.16)!important;
  backdrop-filter:blur(2px)!important;
  -webkit-backdrop-filter:blur(2px)!important;
  scrollbar-width:none!important;
  opacity:1!important;
}
.internal-wallet-card.premium-wallet-card.hm-wallet-premium-shell::-webkit-scrollbar{display:none!important}
.internal-wallet-card.premium-wallet-card.hm-wallet-premium-shell::before,
.internal-wallet-card.premium-wallet-card.hm-wallet-premium-shell::after{
  display:none!important;
}
.hm-wallet-premium-shell .wallet-headline,
.hm-wallet-premium-shell .internal-wallet-total-card,
.hm-wallet-premium-shell .internal-wallet-list,
.hm-wallet-premium-shell .internal-wallet-action{
  position:relative!important;
  z-index:2!important;
}
.hm-wallet-premium-shell .internal-wallet-action{
  margin-bottom:calc(28px + env(safe-area-inset-bottom))!important;
  scroll-margin-bottom:calc(160px + env(safe-area-inset-bottom))!important;
}
.hm-wallet-premium-shell input.input,
.hm-wallet-premium-shell textarea.input{
  scroll-margin:140px!important;
}
@media(max-width:720px){
  .internal-wallet-host{
    align-items:flex-start!important;
    padding:10px 8px calc(10px + env(safe-area-inset-bottom))!important;
  }
  .internal-wallet-card.premium-wallet-card.hm-wallet-premium-shell{
    width:calc(100vw - 16px)!important;
    max-height:calc(var(--hm-wallet-visual-height,100dvh) - 18px)!important;
    padding:14px!important;
    border-radius:26px!important;
  }
  .hm-wallet-premium-shell .wallet-asset-actions{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    width:100%!important;
  }
  .hm-wallet-premium-shell .wallet-asset-actions .btn{
    flex:1 1 0!important;
    min-width:0!important;
    width:auto!important;
    white-space:nowrap!important;
  }
  .hm-wallet-premium-shell .internal-wallet-action{
    margin-bottom:calc(42px + env(safe-area-inset-bottom))!important;
  }
  body.hm-wallet-keyboard-open .internal-wallet-card.premium-wallet-card.hm-wallet-premium-shell{
    max-height:calc(var(--hm-wallet-visual-height,100dvh) - 8px)!important;
  }
}

/* HM-Key access login/generation */
.premium-login-btn.hmkey{
  background:linear-gradient(135deg,rgba(245,245,245,.95),rgba(128,128,128,.88) 45%,rgba(255,255,255,.96));
  color:#07090f!important;
  text-shadow:0 1px 0 rgba(255,255,255,.65),0 -1px 0 rgba(0,0,0,.18);
  box-shadow:0 14px 34px rgba(210,220,255,.22), inset 0 1px 0 rgba(255,255,255,.9), inset 0 -5px 12px rgba(0,0,0,.22);
}
.hm-key-login-card,.hm-key-generate-card{
  position:relative;overflow:hidden;border:1px solid rgba(240,244,255,.34)!important;
  background:linear-gradient(145deg,rgba(8,12,22,.82),rgba(18,22,34,.72))!important;
  box-shadow:0 28px 90px rgba(0,0,0,.65),0 0 55px rgba(200,220,255,.14),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.hm-key-orbit{position:absolute;inset:-45%;pointer-events:none;background:conic-gradient(from 90deg,transparent,rgba(255,255,255,.18),rgba(110,180,255,.18),transparent 42%);animation:hmKeyOrbit 7s linear infinite;opacity:.75;}
.hm-key-login-card>*:not(.hm-key-orbit),.hm-key-generate-card>*:not(.hm-key-orbit){position:relative;z-index:1;}
.hm-key-login-form{gap:14px;}
.hm-key-input{letter-spacing:.08em;text-transform:none;background:rgba(0,0,0,.54)!important;border-color:rgba(230,235,255,.35)!important;color:#f7f9ff!important;box-shadow:inset 0 0 22px rgba(255,255,255,.05);}
.hm-key-login-btn{background:linear-gradient(135deg,#ffffff,#bfc4cf 35%,#ffffff 70%,#8f96a5)!important;color:#080b12!important;font-weight:900!important;text-shadow:0 1px 0 rgba(255,255,255,.7),0 -1px 0 rgba(0,0,0,.25);box-shadow:0 14px 34px rgba(220,230,255,.22),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -5px 10px rgba(0,0,0,.2)!important;}
.hm-key-warning{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);border-radius:18px;padding:14px;color:#eef3ff;line-height:1.5;}
.hm-key-code-rain{margin-top:18px;padding:20px;border-radius:20px;background:rgba(0,0,0,.42);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#eaf1ff;text-shadow:0 0 14px rgba(120,180,255,.65);animation:hmKeyPulse 1.05s ease-in-out infinite alternate;}
.hm-key-result{display:grid;gap:8px;margin:16px 0;}
.hm-key-result label{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:rgba(235,240,255,.74);}
.hm-key-result code{display:block;white-space:normal;word-break:break-all;border-radius:16px;padding:14px;background:rgba(0,0,0,.58);color:#fff;font-size:14px;box-shadow:inset 0 0 20px rgba(255,255,255,.05);}
.access-key-settings{border-color:rgba(230,235,255,.26)!important;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03))!important;}
.access-key-settings-row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.access-key-settings-row span{color:#e8edf8;font-size:13px;line-height:1.4;flex:1;min-width:180px;}
@keyframes hmKeyOrbit{to{transform:rotate(360deg)}}
@keyframes hmKeyPulse{from{opacity:.58;filter:blur(.2px)}to{opacity:1;filter:blur(0)}}
@media(max-width:640px){
  .hm-key-login-card,.hm-key-generate-card{width:min(94vw,430px)!important;padding:18px!important;}
  .premium-login-actions{gap:12px!important;}
  .premium-login-btn.hmkey{font-size:13px!important;}
  .access-key-settings-row{display:grid;grid-template-columns:1fr;}
  .access-key-settings-row .btn{width:100%;}
}

/* HackWallet history module */
.internal-wallet-history-wrap{
  margin-top:12px!important;
  display:grid!important;
  gap:10px!important;
}
.internal-wallet-history-toggle{
  width:100%!important;
  min-height:44px!important;
  border-radius:18px!important;
  color:#05080d!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  background:linear-gradient(135deg,#fafafa 0%,#b8c4d3 36%,#fff 58%,#8794a4 100%)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.36),inset 0 2px 0 rgba(255,255,255,.9),inset 0 -8px 18px rgba(0,0,0,.18)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.8),0 -1px 0 rgba(0,0,0,.28)!important;
}
.internal-wallet-history{
  overflow:hidden!important;
  max-height:0!important;
  opacity:0!important;
  transform:translateY(-8px) scale(.99)!important;
  transition:max-height .34s ease,opacity .24s ease,transform .26s ease!important;
}
.internal-wallet-history.open{
  max-height:640px!important;
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch!important;
  padding-bottom:8px!important;
}
.wallet-history-stats{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  background:rgba(240,247,255,.72)!important;
  border:1px solid rgba(255,255,255,.66)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 10px 24px rgba(0,0,0,.2)!important;
  color:#05080d!important;
}
.wallet-history-stats span{font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:11px!important;color:#111827!important}
.wallet-history-stats strong{font-size:12px!important;color:#05080d!important;text-shadow:0 1px 0 rgba(255,255,255,.75)!important}
.wallet-history-list{display:grid!important;gap:9px!important;margin-top:10px!important}
.wallet-history-item{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(172,186,204,.78),rgba(255,255,255,.68))!important;
  color:#05080d!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.30),inset 0 2px 0 rgba(255,255,255,.86),inset 0 -8px 18px rgba(0,0,0,.12)!important;
}
.wallet-history-icon{
  width:34px!important;height:34px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:rgba(0,0,0,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55)!important;
}
.wallet-history-main{min-width:0!important;display:grid!important;gap:2px!important}
.wallet-history-main strong{font-size:13px!important;color:#05080d!important;text-shadow:0 1px 0 rgba(255,255,255,.65)!important}
.wallet-history-main span{font-size:14px!important;font-weight:900!important;color:#05080d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.wallet-history-main em{font-size:10px!important;font-style:normal!important;color:#273241!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.wallet-history-side{display:grid!important;justify-items:end!important;gap:3px!important;min-width:76px!important}
.wallet-history-side em{font-size:10px!important;font-style:normal!important;color:#273241!important;white-space:nowrap!important}
.wallet-history-status{
  padding:4px 8px!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  color:#06110b!important;
  background:#f2c94c!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55)!important;
}
.wallet-history-status.completed{background:#60f5a4!important;color:#04120b!important}
.wallet-history-status.rejected{background:#ff6f7d!important;color:#170204!important}
.wallet-history-empty,.wallet-history-loading{
  margin-top:10px!important;
  padding:14px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.5)!important;
  color:#05080d!important;
  text-align:center!important;
  font-weight:800!important;
}
@media(max-width:560px){
  .wallet-history-item{grid-template-columns:30px minmax(0,1fr)!important;gap:8px!important;padding:9px!important}
  .wallet-history-side{grid-column:2!important;justify-items:start!important;display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
  .wallet-history-main span{font-size:13px!important}
  .wallet-history-stats{justify-content:center!important;text-align:center!important}
}

/* Release patch: Telegram Mini App only, centered login, marketplace catalog polish */
.hm-auth-gate .premium-login-actions,
.hm-auth-gate .hm-auth-actions,
.hm-auth-gate-card .premium-login-actions{
  width:min(330px,calc(100vw - 44px))!important;
  max-width:330px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  justify-items:stretch!important;
  align-items:center!important;
}
.hm-auth-gate .premium-login-btn,
.hm-auth-gate .btn,
.hm-auth-gate .connect-btn{
  width:100%!important;
  max-width:330px!important;
  min-height:42px!important;
  height:42px!important;
  margin:0 auto!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:16px!important;
  font-size:12px!important;
  letter-spacing:.035em!important;
}
@media(max-width:560px){
  .hm-auth-gate{place-items:center!important;padding:0!important;}
  .final-login-card,.hm-auth-gate-card{width:min(360px,calc(100vw - 28px))!important;margin:0 auto!important;padding:22px 16px!important;}
  .hm-auth-gate .premium-login-actions,.hm-auth-gate .hm-auth-actions{width:min(300px,calc(100vw - 52px))!important;max-width:300px!important;}
}

.marketplace-catalog-shell{display:grid!important;gap:16px!important;max-width:980px!important;margin:0 auto!important;}
.marketplace-category-card{
  width:100%!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:15px!important;
  text-align:left!important;
  padding:18px!important;
  border-radius:28px!important;
  border:1px solid rgba(245,249,255,.26)!important;
  background:linear-gradient(135deg,rgba(252,253,255,.18),rgba(145,158,178,.10) 42%,rgba(255,255,255,.15))!important;
  color:var(--hm-readable,#f6fbff)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.30),inset 0 -30px 58px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(12px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.05)!important;
  cursor:pointer!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.marketplace-category-card:hover,.marketplace-category-card.active{transform:translateY(-2px)!important;border-color:rgba(255,255,255,.48)!important;box-shadow:0 28px 88px rgba(0,0,0,.46),0 0 38px rgba(220,232,255,.16),inset 0 1px 0 rgba(255,255,255,.38)!important;}
.category-orb{width:64px!important;height:64px!important;border-radius:22px!important;display:grid!important;place-items:center!important;font-size:28px!important;background:linear-gradient(145deg,#fff,#aeb9c8 44%,#f8fbff)!important;color:#06101b!important;box-shadow:0 14px 34px rgba(0,0,0,.34),inset 0 2px 0 rgba(255,255,255,.9),inset 0 -10px 18px rgba(0,0,0,.18)!important;text-shadow:0 1px 0 rgba(255,255,255,.6)!important;}
.marketplace-category-card .card-title{font-size:clamp(20px,3vw,30px)!important;color:#f8fbff!important;text-shadow:0 2px 14px rgba(0,0,0,.55),0 0 24px rgba(235,243,255,.15)!important;}
.marketplace-category-card .card-sub{font-size:13px!important;color:rgba(239,246,255,.86)!important;line-height:1.45!important;text-shadow:0 1px 8px rgba(0,0,0,.5)!important;}
.category-chevron{font-size:11px!important;font-weight:1000!important;text-transform:uppercase!important;letter-spacing:.08em!important;padding:9px 12px!important;border-radius:999px!important;background:linear-gradient(135deg,#fff,#adb7c7,#fff)!important;color:#07101a!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 22px rgba(0,0,0,.25)!important;}
.marketplace-category-content{max-height:0!important;overflow:hidden!important;opacity:0!important;transform:translateY(-8px)!important;transition:max-height .34s ease,opacity .22s ease,transform .24s ease!important;}
.marketplace-category-content.open{max-height:1200px!important;opacity:1!important;transform:translateY(0)!important;overflow:visible!important;}
.marketplace-product-grid{margin-top:2px!important;}
.marketplace-product-grid .market-card{min-height:0!important;border-radius:26px!important;padding:16px!important;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(130,144,164,.12),rgba(255,255,255,.13))!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:0 18px 54px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.30),inset 0 -22px 40px rgba(0,0,0,.18)!important;}
.travel-market-card .travel-product-image{height:190px!important;border-radius:22px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 14px 34px rgba(0,0,0,.28)!important;}
.enft-marketplace-block{display:none!important;}
@media(max-width:560px){
  .marketplace-category-card{grid-template-columns:52px minmax(0,1fr)!important;padding:14px!important;gap:12px!important;border-radius:23px!important;}
  .category-orb{width:52px!important;height:52px!important;border-radius:18px!important;font-size:23px!important;}
  .category-chevron{grid-column:1 / -1!important;justify-self:stretch!important;text-align:center!important;}
  .marketplace-category-card .card-title{font-size:20px!important;}
  .marketplace-category-card .card-sub{font-size:12px!important;}
}

.enft-market-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:14px 0 18px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.04)}
.enft-filter-options,.enft-pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.enft-market-filters .active,.enft-pagination .active{border-color:rgba(77,255,168,.55);box-shadow:0 0 18px rgba(77,255,168,.18)}
.enft-filter-toggle[disabled]{opacity:1;cursor:default}
.enft-pagination{justify-content:center;margin-top:18px}
.enft-page-btn{min-width:42px}


/* Premium eNFT creator redesign: glass/silver metal cards with black engraved text and shimmer. */
.enft-card.compact-enft{
  background:linear-gradient(145deg,rgba(245,248,255,.88),rgba(176,188,205,.46) 42%,rgba(255,255,255,.18))!important;
  border:1px solid rgba(255,255,255,.64)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.88), inset 0 -22px 60px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(22px) saturate(1.22)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.22)!important;
  color:#05070b!important;
}
.enft-card.compact-enft:before{
  content:"";position:absolute;inset:-45%;pointer-events:none;
  background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.74) 48%,rgba(186,204,226,.34) 55%,transparent 68%);
  transform:translateX(-45%) rotate(8deg);animation:enftSilverSweep 4.8s ease-in-out infinite;mix-blend-mode:screen;z-index:1;
}
.enft-card.compact-enft:after{
  content:"";position:absolute;inset:8px;border-radius:16px;pointer-events:none;z-index:2;
  border:1px solid rgba(5,7,11,.18);box-shadow:inset 0 0 0 1px rgba(255,255,255,.32),inset 0 18px 55px rgba(255,255,255,.18);
}
.enft-card.compact-enft .enft-image-wrap{border:1px solid rgba(12,16,24,.24)!important;background:linear-gradient(145deg,#e9eef6,#aeb9c9)!important;box-shadow:inset 0 0 34px rgba(255,255,255,.32)!important;z-index:3;}
.enft-card.compact-enft .enft-body{position:relative;z-index:4;color:#05070b!important;}
.enft-card.compact-enft .enft-title-row h3,.enft-card.compact-enft .tiny,.enft-card.compact-enft .enft-price,.enft-card.compact-enft .enft-badges span{
  color:#05070b!important;text-shadow:0 1px 0 rgba(255,255,255,.45),0 -1px 0 rgba(0,0,0,.18)!important;
}
.enft-card.compact-enft .enft-title-row h3{font-weight:1000!important;letter-spacing:.01em!important;}
.enft-card.compact-enft .enft-badges span,.enft-card-rarity-label{
  background:rgba(235,240,248,.72)!important;border-color:rgba(5,7,11,.22)!important;color:#05070b!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.68)!important;
}
.enft-card.rarity-standard,.enft-detail-hero.rarity-standard{border-color:rgba(82,200,130,.72)!important;}
.enft-card.rarity-legend,.enft-detail-hero.rarity-legend{border-color:rgba(255,157,45,.9)!important;}
.enft-card.rarity-rarity,.enft-detail-hero.rarity-rarity{border-color:rgba(255,53,82,.95)!important;}
.enft-card.compact-enft .btn{position:relative;z-index:5;}
@keyframes enftSilverSweep{0%,18%{transform:translateX(-62%) rotate(8deg);opacity:.12}48%{opacity:.82}76%,100%{transform:translateX(62%) rotate(8deg);opacity:.10}}

/* Premium storefront + metallic network visual upgrade */
:root{--hm-metal-light:rgba(255,255,255,.84);--hm-metal-mid:rgba(188,198,214,.42);--hm-metal-dark:rgba(18,24,34,.78);--hm-lux-gold:#f4d27a;--hm-lux-blue:#8be9ff}
.btn,.button,button.btn,.nav-btn,.hm-wallet-top-btn,.connect-btn,.wallet-mini,.disconnect-mini,.premium-login-btn{
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.26)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(150,164,184,.11) 28%,rgba(27,34,48,.84) 55%,rgba(232,238,248,.18))!important;
  color:#f7fbff!important;
  text-shadow:0 1px 0 rgba(0,0,0,.72)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.52),inset 0 -10px 22px rgba(0,0,0,.18)!important;
  letter-spacing:.025em!important;
  font-weight:850!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease!important;
}
.btn:hover,.nav-btn:hover,.hm-wallet-top-btn:hover,.premium-login-btn:hover{transform:translateY(-2px);filter:saturate(1.16) brightness(1.08);border-color:rgba(139,233,255,.46)!important;box-shadow:0 22px 48px rgba(0,0,0,.46),0 0 28px rgba(139,233,255,.14),inset 0 1px 0 rgba(255,255,255,.62)!important}
.btn.secondary,.nav-btn{background:linear-gradient(140deg,rgba(245,248,255,.18),rgba(108,121,145,.13) 35%,rgba(10,16,27,.86) 70%,rgba(255,255,255,.12))!important}
.btn.danger{background:linear-gradient(135deg,rgba(255,160,160,.22),rgba(64,8,20,.88),rgba(255,255,255,.12))!important;border-color:rgba(255,120,130,.38)!important}.btn.gold{background:linear-gradient(135deg,rgba(255,238,172,.56),rgba(142,96,17,.82),rgba(255,255,255,.2))!important;color:#161006!important;text-shadow:0 1px rgba(255,255,255,.35)!important}
.card,.panel-premium,.profile-card,.post-card,.modal-card,.market-card{background:linear-gradient(150deg,rgba(255,255,255,.10),rgba(17,25,39,.82) 38%,rgba(5,9,18,.92) 78%,rgba(255,255,255,.07))!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 26px 80px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.18)!important;backdrop-filter:blur(22px) saturate(1.18)!important;-webkit-backdrop-filter:blur(22px) saturate(1.18)!important}
.sidebar.panel-premium,.bottom-dock{background:linear-gradient(145deg,rgba(238,243,252,.13),rgba(20,28,42,.86),rgba(7,10,17,.95))!important;border-color:rgba(226,235,248,.22)!important}.nav-btn{position:relative;overflow:hidden}.nav-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.24),transparent);transform:translateX(-120%);transition:transform .7s ease}.nav-btn:hover:before,.nav-btn.active:before{transform:translateX(120%)}.nav-btn.active,.nav-btn.hm-active{background:linear-gradient(135deg,rgba(139,233,255,.35),rgba(238,242,250,.18),rgba(18,27,43,.92))!important;border-color:rgba(139,233,255,.58)!important;color:white!important}.nav-label,.nav-ico{position:relative;z-index:1;color:#f9fbff!important}
.hm-auth-gate{background:radial-gradient(circle at 10% 8%,rgba(255,255,255,.16),transparent 28%),radial-gradient(circle at 90% 20%,rgba(139,233,255,.22),transparent 32%),radial-gradient(circle at 50% 100%,rgba(244,210,122,.14),transparent 36%),rgba(2,5,10,.78)!important}.auth-start-card,.auth-login-choice-card,.auth-info-card{width:min(760px,calc(100vw - 32px))!important;min-height:auto!important}.auth-start-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;width:min(620px,100%)!important}.auth-main-card{min-height:116px!important;font-size:18px!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(172,184,204,.18),rgba(12,18,30,.88))!important}.hm-auth-panel-title{font-size:clamp(28px,5vw,48px);font-weight:950;letter-spacing:.04em;color:#fff;text-shadow:0 0 26px rgba(139,233,255,.36);position:relative;z-index:1}.auth-three-actions{grid-template-columns:1fr!important;width:min(420px,100%)!important}.premium-login-btn.unified{background:linear-gradient(135deg,rgba(247,250,255,.36),rgba(150,168,194,.25),rgba(20,28,44,.9),rgba(139,233,255,.18))!important;color:#fff!important;min-height:66px!important;border-radius:24px!important}.auth-info-card{max-height:min(84vh,860px);overflow:auto;align-content:start!important}.auth-info-copy{position:relative;z-index:1;max-width:680px;text-align:left;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:20px}.auth-info-login{width:min(360px,100%);justify-self:center}.hm-script-subtitle{position:relative;z-index:1;color:rgba(255,255,255,.78);font-weight:700;margin-top:-16px}
.marketplace-showcase-hero{position:relative;overflow:hidden;border-radius:36px;padding:34px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;background:radial-gradient(circle at 15% 15%,rgba(139,233,255,.28),transparent 34%),radial-gradient(circle at 75% 22%,rgba(244,210,122,.24),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.16),rgba(10,17,29,.88))!important;border:1px solid rgba(255,255,255,.2);box-shadow:0 32px 100px rgba(0,0,0,.46),0 0 70px rgba(139,233,255,.10)}.marketplace-showcase-hero h1{font-size:clamp(34px,6vw,74px);margin:8px 0;background:linear-gradient(100deg,#fff,#8be9ff,#f4d27a,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.marketplace-showcase-hero p{max-width:720px;color:rgba(255,255,255,.78);font-size:17px}.marketplace-glass-orb{width:140px;height:140px;border-radius:36px;display:grid;place-items:center;font-weight:1000;font-size:42px;color:#050812;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(139,233,255,.62),rgba(244,210,122,.5));box-shadow:inset 0 2px rgba(255,255,255,.9),0 24px 70px rgba(0,0,0,.42);animation:hmOrbFloat 4.8s ease-in-out infinite}.marketplace-storefront{display:grid;gap:18px}.store-window{overflow:hidden;position:relative;border-radius:30px!important;background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(19,27,43,.86),rgba(139,233,255,.10))!important}.store-window:after{content:"";position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.28),transparent 58%);transform:translateX(-55%);animation:hmShopShine 5.5s ease-in-out infinite}.store-window>*{position:relative;z-index:1}.premium-shop-grid{gap:18px!important}.market-card{position:relative;overflow:hidden;min-height:360px;display:flex;flex-direction:column;justify-content:space-between}.market-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0,rgba(255,255,255,.18),transparent 28%),linear-gradient(120deg,transparent,rgba(255,255,255,.08),transparent);pointer-events:none}.market-card.blue-card{border-color:rgba(139,233,255,.38)!important;box-shadow:0 26px 80px rgba(0,0,0,.42),0 0 40px rgba(139,233,255,.14)!important}.market-card.gold-card{border-color:rgba(244,210,122,.5)!important;box-shadow:0 26px 80px rgba(0,0,0,.42),0 0 50px rgba(244,210,122,.16)!important}.feature-list li{margin:8px 0}.price{font-size:clamp(30px,4vw,48px);font-weight:1000;letter-spacing:-.03em;color:#fff;text-shadow:0 0 24px rgba(139,233,255,.24)}
.enft-hero,.enft-card{background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(185,195,212,.14),rgba(16,20,29,.88) 54%,rgba(230,236,246,.14))!important;border-color:rgba(235,240,250,.28)!important}.enft-card:after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 43%,rgba(255,255,255,.3),transparent 57%);transform:translateX(-45%);animation:hmCardPour 6s ease-in-out infinite;pointer-events:none}.enft-card{position:relative;overflow:hidden}.enft-body h3,.enft-title-row h3,.enft-body p,.enft-body .tiny{color:#05070b!important;text-shadow:0 1px rgba(255,255,255,.42)}.enft-body{background:linear-gradient(145deg,rgba(235,239,246,.88),rgba(153,163,178,.76))!important;border-radius:14px;padding:10px!important}.enft-card-rarity-label{background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(185,195,212,.86))!important;color:#02040a!important;border:1px solid rgba(0,0,0,.18)!important}.enft-price{font-weight:1000;color:#05070b!important}.enft-badges span{color:#02040a!important;background:rgba(255,255,255,.68)!important}
@keyframes hmOrbFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes hmShopShine{0%,58%{transform:translateX(-60%)}100%{transform:translateX(60%)}}@keyframes hmCardPour{0%,55%{transform:translateX(-50%) rotate(8deg)}100%{transform:translateX(50%) rotate(8deg)}}
@media(max-width:720px){.auth-start-actions{grid-template-columns:1fr!important}.auth-main-card{min-height:88px!important}.marketplace-showcase-hero{grid-template-columns:1fr;padding:24px}.marketplace-glass-orb{width:100px;height:100px;font-size:30px}.premium-login-actions{grid-template-columns:1fr!important}.auth-info-card{padding:20px!important}}

/* Client polish patch: cleaner landing, scrollable info, stable premium UI */
.hm-auth-gate{overflow:auto!important;-webkit-overflow-scrolling:touch!important;align-items:center!important;justify-items:center!important;padding:18px!important;}
.auth-start-only{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;width:min(680px,calc(100vw - 28px))!important;}
.auth-start-only:before,.auth-start-only:after{display:none!important;content:none!important;}
.auth-start-only .auth-start-actions{width:100%!important;max-width:680px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
.auth-main-card{height:auto!important;min-height:132px!important;border-radius:34px!important;font-size:clamp(18px,3.7vw,27px)!important;text-transform:none!important;background:linear-gradient(145deg,#f8fbff 0%,#bfc9d8 30%,#eef4ff 48%,#627083 72%,#18202d 100%)!important;color:#07101d!important;text-shadow:0 1px 0 rgba(255,255,255,.75),0 -1px 0 rgba(0,0,0,.18)!important;box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 2px 0 rgba(255,255,255,.95),inset 0 -18px 32px rgba(0,0,0,.22)!important;}
.auth-main-card:hover{color:#02070f!important;}
.auth-login-choice-card{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
.auth-login-choice-card:before,.auth-login-choice-card:after{display:none!important;content:none!important;}
.auth-login-choice-card .hm-auth-panel-title{margin-bottom:16px;text-align:center;}
.auth-login-choice-card .premium-login-btn.unified{height:auto!important;min-height:76px!important;border-radius:28px!important;background:linear-gradient(145deg,#f9fbff,#b8c2d0 36%,#eef3fb 52%,#576477 78%,#111927)!important;color:#050c17!important;text-shadow:0 1px rgba(255,255,255,.72)!important;}
.auth-info-card{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:14px!important;width:min(820px,calc(100vw - 24px))!important;height:min(88dvh,880px)!important;max-height:88dvh!important;overflow:hidden!important;padding:20px!important;background:linear-gradient(150deg,rgba(250,253,255,.92),rgba(198,209,224,.88),rgba(245,248,252,.84))!important;color:#07101a!important;border:1px solid rgba(255,255,255,.78)!important;box-shadow:0 26px 80px rgba(0,0,0,.38),inset 0 2px 0 rgba(255,255,255,.85)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
.auth-info-card .hm-auth-panel-title{color:#07101a!important;text-shadow:0 1px 0 rgba(255,255,255,.75)!important;text-align:center;}
.auth-info-scroll{min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;padding-right:4px!important;}
.auth-info-card .auth-info-copy{max-width:none!important;background:rgba(255,255,255,.54)!important;border-color:rgba(7,16,26,.10)!important;color:#07101a!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;}
.auth-info-card .auth-info-copy p{color:#07101a!important;line-height:1.58!important;}
.auth-info-card .auth-info-copy strong{color:#000!important;}
.auth-info-card .auth-info-login{height:54px!important;min-height:54px!important;background:linear-gradient(145deg,#111927,#5f6d80,#f7fbff)!important;color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.75)!important;}
.profile-view-card .eyebrow,.profile-status:not(.clean-profile-status){display:none!important;}
.profile-info-panel{gap:10px!important;}
.profile-title{font-size:clamp(24px,5vw,42px)!important;margin-top:0!important;}
.profile-actions-enhanced{margin-top:10px!important;}
.evm-profile-connect,.ton-profile-connect,#connectEvmProfileWalletMain,#connectTonProfileWalletMain{display:none!important;}
.messenger-fab{background:linear-gradient(145deg,#f7fbff,#c0cad8 38%,#5d6878 68%,#121a27)!important;color:#07101a!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 18px 50px rgba(0,0,0,.38),inset 0 2px 0 rgba(255,255,255,.9),inset 0 -10px 18px rgba(0,0,0,.22)!important;overflow:hidden!important;}
.hm-mail-icon{position:relative!important;width:25px!important;height:18px!important;display:block!important;border-radius:4px!important;background:linear-gradient(145deg,#ffffff,#b8c3d1)!important;border:2px solid #07101a!important;box-shadow:0 0 0 1px rgba(255,255,255,.32),0 8px 18px rgba(0,0,0,.22)!important;animation:hmMailFloat 2.7s ease-in-out infinite!important;}
.hm-mail-icon:before,.hm-mail-icon:after{content:""!important;position:absolute!important;left:2px!important;right:2px!important;top:2px!important;height:12px!important;border-top:2px solid #07101a!important;transform-origin:center top!important;}
.hm-mail-icon:before{transform:skewY(31deg)!important;}
.hm-mail-icon:after{transform:skewY(-31deg)!important;}
@keyframes hmMailFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-4px) rotate(2deg)}}
.marketplace-simple-title{margin:6px auto 22px!important;text-align:center!important;font-size:clamp(42px,9vw,86px)!important;line-height:.9!important;font-weight:1000!important;letter-spacing:-.06em!important;color:#fff!important;text-shadow:0 2px 0 rgba(0,0,0,.36),0 0 34px rgba(139,233,255,.24)!important;}
.marketplace-showcase-hero,.marketplace-glass-orb{display:none!important;}
.marketplace-catalog-shell{max-width:1060px!important;}
.marketplace-category-card{background:linear-gradient(145deg,rgba(250,253,255,.86),rgba(184,197,215,.82) 40%,rgba(246,249,255,.76) 58%,rgba(82,94,112,.72))!important;color:#07101a!important;border-color:rgba(255,255,255,.76)!important;box-shadow:0 24px 64px rgba(0,0,0,.34),inset 0 2px 0 rgba(255,255,255,.86),inset 0 -18px 34px rgba(0,0,0,.12)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
.marketplace-category-card .eyebrow,.marketplace-category-card .card-title,.marketplace-category-card .card-sub,.category-chevron{color:#07101a!important;text-shadow:0 1px 0 rgba(255,255,255,.72)!important;}
.category-orb{background:linear-gradient(145deg,#ffffff,#aeb9c9,#eef4ff)!important;color:#07101a!important;}
.card,.panel-premium,.profile-card,.post-card,.modal-card,.market-card,.profile-edit-modal-card,.wallet-save-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:translateZ(0)!important;will-change:auto!important;contain:paint!important;}
.card,.profile-card,.post-card,.market-card,.panel-premium{background:linear-gradient(155deg,rgba(250,253,255,.16),rgba(42,53,70,.74) 48%,rgba(11,17,28,.82))!important;border-color:rgba(255,255,255,.22)!important;}
.modal-host{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(2,5,10,.38)!important;}
.modal-host:not(.active){display:none!important;pointer-events:none!important;background:transparent!important;}
.profile-edit-host.active{background:rgba(2,5,10,.38)!important;}
.profile-edit-modal-card{max-height:calc(100dvh - 24px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;background:linear-gradient(155deg,rgba(250,253,255,.94),rgba(191,202,218,.91),rgba(245,248,252,.88))!important;color:#07101a!important;}
.profile-edit-modal-card label,.profile-edit-modal-card .tiny,.profile-edit-modal-card .card-title,.profile-edit-modal-card .card-sub,.wallet-save-panel span{color:#07101a!important;text-shadow:none!important;}
.profile-edit-modal-card .input,.profile-edit-modal-card .textarea,.profile-edit-modal-card .select{background:rgba(255,255,255,.72)!important;color:#07101a!important;border-color:rgba(7,16,26,.18)!important;}
@media(max-width:720px){.auth-start-only .auth-start-actions{grid-template-columns:1fr!important}.auth-main-card{min-height:108px!important}.auth-info-card{height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;padding:14px!important}.marketplace-category-card{grid-template-columns:52px minmax(0,1fr)!important}.category-chevron{grid-column:1/-1!important;justify-self:stretch!important;text-align:center!important}.hm-auth-gate .premium-login-actions,.hm-auth-gate .hm-auth-actions,.hm-auth-gate-card .premium-login-actions{max-width:none!important;width:100%!important}.hm-auth-gate .premium-login-btn{max-width:none!important}}

/* === v2.15 stability rebuild: remove heavy image/optimization layers, restore scrolling and contrast === */
:root{
  --hm-bg-desktop:none!important;
  --hm-bg-mobile:none!important;
  --hm-deep-bg:
    radial-gradient(circle at 18% 12%, rgba(53,84,118,.38), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(65,43,98,.32), transparent 36%),
    radial-gradient(circle at 50% 88%, rgba(18,74,88,.24), transparent 42%),
    linear-gradient(135deg,#01040a 0%,#07111f 37%,#050812 66%,#020307 100%);
}
html,body{background:#02050b!important;background-image:var(--hm-deep-bg)!important;background-attachment:fixed!important;background-size:cover!important;background-position:center!important;color:#edf3fb!important;}
body::before,.hm-maldives-bg,.background-shell{
  content:""!important;position:fixed!important;inset:0!important;z-index:0!important;pointer-events:none!important;
  background-image:var(--hm-deep-bg)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;
  opacity:1!important;filter:none!important;transform:none!important;backface-visibility:visible!important;contain:none!important;will-change:auto!important;
}
.background-shell .orb,.background-shell .grid-floor,.background-shell .noise,.intro-starfield,.intro-globe-lines{display:none!important;animation:none!important;}
.hm-landing-intro{background-image:var(--hm-deep-bg)!important;background-size:cover!important;background-position:center!important;touch-action:auto!important;overscroll-behavior:auto!important;contain:none!important;transform:none!important;backface-visibility:visible!important;}
.landing-slide,.mobile-intro-slide{background-image:var(--hm-deep-bg)!important;background-size:cover!important;background-position:center!important;transform:none!important;transition:opacity .28s ease!important;will-change:auto!important;backface-visibility:visible!important;}

/* Remove stacked performance hacks that caused black overlay artifacts while preserving layout-critical fixed elements. */
.app-shell,.main,.content,.card,.panel-premium,.modal-card,.post-card,.market-card,.profile-card,.profile-edit-modal-card,.wallet-save-panel,.messenger-screen,.messenger-list-card,.messenger-chat-card,.dm-bubble,.dm-transfer,.enft-card,.marketplace-category-card,.marketplace-product-grid .market-card{
  contain:none!important;will-change:auto!important;backface-visibility:visible!important;transform:none!important;filter:none!important;animation:none!important;
}
.sidebar,.sidebar.bottom-dock,.messenger-fab,.notification-fab{will-change:auto!important;backface-visibility:visible!important;contain:none!important;filter:none!important;}
.card:before,.card:after,.panel-premium:before,.panel-premium:after,.modal-card:before,.modal-card:after,.market-card:before,.market-card:after{pointer-events:none!important;}
*{scroll-behavior:auto!important;}

/* Start Information must scroll on desktop and mobile. */
.hm-auth-gate{
  position:fixed!important;inset:0!important;z-index:99998!important;display:grid!important;place-items:center!important;
  overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior:auto!important;
  padding:18px!important;background:rgba(1,4,10,.56)!important;
}
.auth-info-card{
  width:min(860px,calc(100vw - 24px))!important;height:min(88dvh,860px)!important;max-height:88dvh!important;
  display:flex!important;flex-direction:column!important;overflow:hidden!important;touch-action:pan-y!important;
  background:linear-gradient(155deg,rgba(9,15,26,.96),rgba(15,24,39,.96),rgba(5,8,15,.98))!important;
  border:1px solid rgba(207,222,242,.26)!important;color:#edf3fb!important;box-shadow:0 26px 90px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
.auth-info-scroll{
  flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior:contain!important;padding:2px 6px 14px 2px!important;
}
.auth-info-card .hm-auth-panel-title{color:#f2f6fb!important;text-shadow:0 0 20px rgba(175,215,255,.20)!important;}
.auth-info-card .auth-info-copy{background:rgba(255,255,255,.055)!important;border:1px solid rgba(207,222,242,.15)!important;color:#e8eef7!important;box-shadow:none!important;}
.auth-info-card .auth-info-copy p{color:#e8eef7!important;}
.auth-info-card .auth-info-copy strong{color:#ffffff!important;}
.auth-info-card .auth-info-login{flex:0 0 auto!important;margin-top:10px!important;background:linear-gradient(145deg,#dfe7f1,#8d9bae 48%,#263244)!important;color:#06101d!important;text-shadow:0 1px 0 rgba(255,255,255,.58)!important;}
@media(max-width:720px){.hm-auth-gate{align-items:stretch!important;padding:12px!important}.auth-info-card{height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;width:100%!important}.auth-info-scroll{padding-bottom:22px!important}}

/* Dark premium forms: no white washed edit/profile sections. */
.profile-edit-modal-card,.modal-card.profile-edit-modal-card,.profile-edit-host .modal-card{
  background:linear-gradient(155deg,rgba(7,12,21,.98),rgba(13,22,36,.98),rgba(5,8,15,.99))!important;
  color:#eef4fb!important;border:1px solid rgba(205,220,240,.22)!important;box-shadow:0 28px 90px rgba(0,0,0,.60)!important;
}
.profile-edit-modal-card label,.profile-edit-modal-card .tiny,.profile-edit-modal-card .card-title,.profile-edit-modal-card .card-sub,.profile-edit-modal-card p,.profile-edit-modal-card span,.profile-edit-modal-card strong,.profile-edit-modal-card .wallet-save-panel span{
  color:#eaf1f9!important;text-shadow:none!important;
}
.profile-edit-modal-card .input,.profile-edit-modal-card .textarea,.profile-edit-modal-card .select,.profile-edit-modal-card input,.profile-edit-modal-card textarea,.profile-edit-modal-card select{
  background:rgba(255,255,255,.075)!important;color:#f4f8ff!important;border:1px solid rgba(211,225,245,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.profile-edit-modal-card input::placeholder,.profile-edit-modal-card textarea::placeholder{color:rgba(235,242,250,.50)!important;}
.wallet-save-panel,.profile-edit-modal-card .wallet-save-panel{background:rgba(255,255,255,.055)!important;border:1px solid rgba(211,225,245,.15)!important;color:#eaf1f9!important;}

/* Marketplace: darker storefront with readable text, no blinding white cards. */
.marketplace-simple-title{color:#eaf2fb!important;text-shadow:0 2px 0 rgba(0,0,0,.55),0 0 32px rgba(137,204,255,.20)!important;}
.marketplace-category-card,.marketplace-product-grid .market-card,.market-card,.travel-market-card,.enft-market-card{
  background:linear-gradient(150deg,rgba(14,24,39,.96),rgba(24,36,54,.92) 45%,rgba(7,12,21,.98))!important;
  color:#edf3fb!important;border:1px solid rgba(198,214,235,.22)!important;box-shadow:0 22px 70px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.marketplace-category-card .eyebrow,.marketplace-category-card .card-title,.marketplace-category-card .card-sub,.marketplace-product-grid .market-card *,.market-card *,.travel-market-card *{
  color:#edf3fb!important;text-shadow:none!important;
}
.marketplace-category-card .card-sub,.market-card .card-sub,.market-card .tiny,.travel-market-card .tiny{color:rgba(229,238,249,.78)!important;}
.category-chevron,.market-card .btn,.marketplace-category-card .btn{background:linear-gradient(145deg,#dce5ef,#8f9daf 48%,#263243)!important;color:#06101d!important;text-shadow:0 1px 0 rgba(255,255,255,.55)!important;border:1px solid rgba(255,255,255,.34)!important;}
.category-orb{background:linear-gradient(145deg,#cfd9e6,#7f8fa4 48%,#202b3c)!important;color:#07101d!important;}
.travel-product-image,.market-card img{filter:saturate(.96) contrast(.98)!important;}

/* Global premium contrast without heavy glass. */
.card,.panel-premium,.profile-card,.post-card,.modal-card,.profile-view-card{
  background:linear-gradient(155deg,rgba(12,20,34,.92),rgba(18,29,46,.88),rgba(6,10,18,.94))!important;
  border-color:rgba(205,220,240,.18)!important;color:#edf3fb!important;box-shadow:0 20px 66px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.07)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.card .card-title,.panel-premium .card-title,.profile-card .card-title,.post-card .card-title,.card h1,.card h2,.card h3{color:#f1f6fd!important;}
.card .card-sub,.tiny,.muted,.hint{color:rgba(228,237,248,.72)!important;}
.btn,.connect-btn,.nav-btn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}

/* Keep dock fixed after transform reset. */
.sidebar.bottom-dock,.sidebar{transform:translate3d(-50%,0,0)!important;}
@media(max-width:760px){.sidebar.bottom-dock,.sidebar{transform:translate3d(0,0,0)!important}}

/* === v2.16 login, background and eNFT visual-only polish === */
:root{
  --hm-silver-bg:
    radial-gradient(circle at 18% 14%, rgba(172,188,210,.18), transparent 31%),
    radial-gradient(circle at 82% 22%, rgba(104,126,158,.16), transparent 34%),
    radial-gradient(circle at 52% 96%, rgba(28,40,58,.52), transparent 42%),
    linear-gradient(125deg,#010307 0%,#070b13 28%,#151c29 48%,#05070d 72%,#101723 100%);
}
html,body{background:#05070d!important;background-image:var(--hm-silver-bg)!important;background-attachment:fixed!important;background-size:cover!important;background-position:center!important;}
body::before,.hm-maldives-bg,.background-shell{
  background:var(--hm-silver-bg)!important;background-image:var(--hm-silver-bg)!important;background-size:cover!important;background-position:center!important;
  opacity:1!important;filter:none!important;transform:none!important;animation:none!important;transition:none!important;will-change:auto!important;contain:none!important;
}
body::before{z-index:-3!important}.hm-maldives-bg,.background-shell{z-index:-2!important}.app-shell,.hm-auth-gate{position:relative;z-index:1!important;}
.background-shell:before,.background-shell:after,.hm-maldives-bg:before,.hm-maldives-bg:after{display:none!important;content:none!important;animation:none!important;}

.hm-auth-gate{background:rgba(1,3,8,.28)!important;}
.auth-login-choice-card{width:min(500px,calc(100vw - 30px))!important;padding:22px 16px!important;display:grid!important;place-items:center!important;}
.auth-login-choice-card .hm-auth-panel-title{
  margin:0 0 18px!important;text-align:center!important;font-family:Georgia,'Times New Roman',serif!important;font-style:italic!important;
  font-size:clamp(27px,6vw,48px)!important;letter-spacing:.015em!important;line-height:1!important;
  color:#e9eef6!important;text-shadow:0 2px 0 rgba(0,0,0,.6),0 0 22px rgba(175,198,230,.28)!important;
}
.login-buttons-only .premium-login-actions,.auth-three-actions,.hm-auth-gate .premium-login-actions{
  width:min(280px,78vw)!important;max-width:280px!important;margin:0 auto!important;gap:10px!important;justify-items:center!important;
}
.auth-login-choice-card .premium-login-btn.unified,.login-buttons-only .premium-login-btn,.hm-auth-gate .premium-login-btn.unified{
  width:100%!important;min-height:44px!important;height:44px!important;border-radius:16px!important;font-size:12px!important;letter-spacing:.055em!important;padding:0 14px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  background:linear-gradient(145deg,#e8eef7,#a9b5c6 45%,#657286 72%,#151d2b)!important;color:#06101d!important;text-shadow:0 1px 0 rgba(255,255,255,.66)!important;
  box-shadow:0 13px 28px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.84),inset 0 -8px 16px rgba(0,0,0,.18)!important;
}
@media(max-width:720px){.auth-login-choice-card{min-height:0!important;margin:auto!important}.auth-login-choice-card .premium-login-btn.unified{height:42px!important;min-height:42px!important}.login-buttons-only .premium-login-actions,.auth-three-actions{width:min(260px,76vw)!important;max-width:260px!important}}

/* eNFT cards show artwork only; details stay inside the modal. */
.enft-card.compact-enft.visual-only-enft{padding:8px!important;display:grid!important;gap:8px!important;background:linear-gradient(145deg,#e6ebf2,#a9b4c4 42%,#eef3f8 55%,#697688 78%,#111926)!important;color:#050910!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 20px 55px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.86),inset 0 -18px 32px rgba(0,0,0,.12)!important;}
.enft-card.compact-enft.visual-only-enft .enft-image-wrap{aspect-ratio:1/1!important;border-radius:18px!important;overflow:hidden!important;background:#0b1019!important;border:1px solid rgba(8,12,18,.34)!important;box-shadow:inset 0 0 24px rgba(0,0,0,.26)!important;}
.enft-card.compact-enft.visual-only-enft .enft-image-wrap img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.enft-card.compact-enft.visual-only-enft .enft-body.enft-actions-only{background:transparent!important;border:0!important;padding:0!important;display:grid!important;gap:7px!important;color:#050910!important;}
.enft-card.compact-enft.visual-only-enft .enft-title-row,.enft-card.compact-enft.visual-only-enft p,.enft-card.compact-enft.visual-only-enft .tiny,.enft-card.compact-enft.visual-only-enft .enft-badges{display:none!important;}
.enft-card.compact-enft.visual-only-enft .enft-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin:0!important;}
.enft-card.compact-enft.visual-only-enft.market-enft .enft-actions{grid-template-columns:1fr!important;}
.enft-card.compact-enft.visual-only-enft .btn,.enft-card.compact-enft.visual-only-enft .enft-price{
  min-height:34px!important;border-radius:12px!important;font-size:11px!important;font-weight:1000!important;color:#050910!important;text-shadow:0 1px 0 rgba(255,255,255,.76)!important;
  background:linear-gradient(145deg,#f4f7fb,#aab5c4 48%,#6d798b)!important;border:1px solid rgba(0,0,0,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 9px 20px rgba(0,0,0,.20)!important;
}
.enft-card.compact-enft.visual-only-enft .enft-price{display:grid!important;place-items:center!important;margin:0!important;padding:0 8px!important;}
.enft-card-rarity-label{font-weight:1000!important;color:#050910!important;text-shadow:0 1px 0 rgba(255,255,255,.72)!important;border-width:1px!important;box-shadow:0 8px 18px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.55)!important;}
.enft-card-rarity-label.rarity-standard{background:linear-gradient(145deg,#72ffad,#2fb86d)!important;border-color:rgba(0,70,33,.38)!important;}
.enft-card-rarity-label.rarity-legend{background:linear-gradient(145deg,#ffd39b,#ff8f24)!important;border-color:rgba(120,54,0,.38)!important;}
.enft-card-rarity-label.rarity-rarity{background:linear-gradient(145deg,#ff8da0,#ff304f)!important;border-color:rgba(110,0,18,.42)!important;color:#160006!important;}
.enft-detail-modal,.enft-detail-modal *{color:#eef4fb!important}.enft-detail-modal .enft-detail-stats strong,.enft-detail-modal h2{color:#fff!important;}

/* Metallic cards: engraved dark text on silver surfaces only, not washed white. */
.btn,.premium-login-btn,.nav-btn,.hm-wallet-top-btn,.connect-btn{color:#06101d!important;text-shadow:0 1px 0 rgba(255,255,255,.65)!important;}
.nav-btn .nav-label,.nav-btn .nav-ico{color:#06101d!important;text-shadow:0 1px 0 rgba(255,255,255,.62)!important;}
.nav-btn.active .nav-label,.nav-btn.active .nav-ico{color:#02060d!important;}
.marketplace-category-card .eyebrow,.marketplace-category-card .card-title,.marketplace-category-card .card-sub,.category-chevron{color:#06101d!important;text-shadow:0 1px 0 rgba(255,255,255,.62)!important;}
.marketplace-category-card{background:linear-gradient(145deg,#e5ebf3,#a7b3c4 44%,#edf2f8 58%,#687588 82%,#182232)!important;color:#06101d!important;}

/* New custom messenger symbol: polished signal crystal, not a plane or envelope. */
.hm-mail-icon{width:28px!important;height:28px!important;border:0!important;border-radius:9px!important;background:linear-gradient(145deg,#eef4fb,#9daabd 44%,#334052 75%,#0b121e)!important;transform:rotate(45deg)!important;box-shadow:0 0 0 1px rgba(255,255,255,.48),0 10px 24px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.82)!important;animation:hmCrystalPulse 2.6s ease-in-out infinite!important;}
.hm-mail-icon:before{content:""!important;position:absolute!important;inset:7px!important;border-radius:50%!important;background:#07101a!important;box-shadow:0 0 0 3px rgba(255,255,255,.42)!important;transform:none!important;border:0!important;height:auto!important;left:7px!important;right:7px!important;top:7px!important;}
.hm-mail-icon:after{content:""!important;position:absolute!important;left:50%!important;top:-3px!important;width:3px!important;height:34px!important;border:0!important;border-radius:999px!important;background:linear-gradient(180deg,transparent,#07101a,transparent)!important;transform:translateX(-50%) rotate(90deg)!important;opacity:.82!important;}
@keyframes hmCrystalPulse{0%,100%{filter:brightness(1);box-shadow:0 0 0 1px rgba(255,255,255,.48),0 10px 24px rgba(0,0,0,.32),0 0 0 rgba(140,190,255,0),inset 0 1px 0 rgba(255,255,255,.82)}50%{filter:brightness(1.12);box-shadow:0 0 0 1px rgba(255,255,255,.62),0 13px 28px rgba(0,0,0,.36),0 0 26px rgba(150,200,255,.22),inset 0 1px 0 rgba(255,255,255,.9)}}

/* === v2.17 readability hotfix: mobile auth, wallet, marketplace, maps === */
.hm-auth-gate .auth-main-card,
.hm-auth-gate .premium-login-btn.unified,
.auth-login-choice-card .premium-login-btn.unified,
.login-buttons-only .premium-login-btn{
  color:#ffffff!important;
  text-shadow:0 2px 4px rgba(0,0,0,.92),0 0 14px rgba(120,180,255,.22)!important;
  background:linear-gradient(145deg,#121b29 0%,#455468 42%,#8592a5 58%,#1a2433 100%)!important;
  border:1px solid rgba(238,246,255,.62)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -10px 18px rgba(0,0,0,.34)!important;
}
.auth-start-only .auth-main-card{
  min-height:92px!important;
  font-size:clamp(17px,5vw,24px)!important;
  letter-spacing:.03em!important;
}
.auth-login-choice-card .hm-auth-panel-title,
.hm-auth-title-stage .hm-script-title,
.hm-auth-title-stage .hm-script-title span,
.hm-script-subtitle.post-login-subtitle{
  color:#ffffff!important;
  text-shadow:0 3px 8px rgba(0,0,0,.96),0 0 26px rgba(170,210,255,.38),0 0 2px #fff!important;
  -webkit-text-stroke:.35px rgba(255,255,255,.22);
}
.auth-login-choice-card .hm-auth-panel-title{
  font-family:Georgia,'Times New Roman',serif!important;
  font-weight:900!important;
  font-size:clamp(30px,8vw,50px)!important;
  line-height:1.08!important;
}
@media(max-width:720px){
  .auth-start-only{width:min(360px,calc(100vw - 28px))!important;}
  .auth-start-only .auth-start-actions{gap:12px!important;}
  .auth-start-only .auth-main-card{min-height:74px!important;border-radius:24px!important;}
  .hm-auth-title-stage{padding:18px!important;text-align:center!important;}
  .hm-auth-title-stage .hm-script-title{font-size:clamp(34px,11vw,58px)!important;line-height:.98!important;}
  .hm-script-subtitle.post-login-subtitle{font-size:clamp(16px,5vw,26px)!important;color:#f7fbff!important;}
}

/* Return messenger to a clear animated paper plane with premium styling. */
.messenger-fab{background:linear-gradient(145deg,#0f1724,#526176 48%,#dfe8f3)!important;color:#fff!important;border-color:rgba(255,255,255,.58)!important;}
.hm-mail-icon{
  position:relative!important;width:32px!important;height:24px!important;border-radius:0!important;border:0!important;background:transparent!important;transform:none!important;box-shadow:none!important;animation:hmPaperPlaneFloat 2.4s ease-in-out infinite!important;
}
.hm-mail-icon:before{
  content:""!important;position:absolute!important;inset:0!important;width:0!important;height:0!important;border-radius:0!important;
  border-top:12px solid transparent!important;border-bottom:12px solid transparent!important;border-left:32px solid #ffffff!important;
  background:transparent!important;box-shadow:0 0 18px rgba(255,255,255,.42)!important;transform:none!important;left:0!important;right:auto!important;top:0!important;
}
.hm-mail-icon:after{
  content:""!important;position:absolute!important;left:8px!important;top:10px!important;width:18px!important;height:2px!important;border-radius:999px!important;
  background:linear-gradient(90deg,rgba(7,14,25,.95),rgba(7,14,25,.22))!important;transform:rotate(-18deg)!important;opacity:.85!important;
}
@keyframes hmPaperPlaneFloat{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-4px) rotate(4deg)}}

/* HackWallet readability. */
.hm-wallet-top-btn,
.wallet-headline .card-title,
#openInternalWallet{color:#ffffff!important;text-shadow:0 2px 5px rgba(0,0,0,.88)!important;}
.wallet-close,#closeInternalWallet,.wallet-actions .btn.secondary,.wallet-panel .btn.secondary{color:#ffffff!important;text-shadow:0 2px 5px rgba(0,0,0,.88)!important;background:linear-gradient(145deg,#111a27,#56667c 55%,#101722)!important;}

/* Friends cards: silver metal, engraved readable black text. */
.friend-card,.friends-card,.friend-row,.profile-friend-card,[data-friend-id]{
  background:linear-gradient(145deg,#edf2f8,#aeb9c8 43%,#f7f9fc 57%,#707d90 82%,#1c2635)!important;
  border:1px solid rgba(255,255,255,.72)!important;color:#050b13!important;text-shadow:0 1px 0 rgba(255,255,255,.72)!important;
  box-shadow:0 15px 36px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.88),inset 0 -12px 22px rgba(0,0,0,.12)!important;
}
.friend-card *, .friends-card *, .friend-row *, .profile-friend-card *, [data-friend-id] *{color:#050b13!important;text-shadow:0 1px 0 rgba(255,255,255,.72)!important;}

/* TravelMaps buttons and traveler names readability. */
.travel-place-card .btn,.travel-place-actions .btn,.travel-map-card .btn,#saveTravelPlaceBtn,#deleteTravelPlaceBtn,#toggleTravelPlacesList,#toggleTravelersList,[data-place-id],[data-open-place]{
  color:#ffffff!important;text-shadow:0 2px 4px rgba(0,0,0,.9)!important;background:linear-gradient(145deg,#121a27,#55657a 54%,#111826)!important;
}
.traveler-row strong,.traveler-card strong,.travelers-list strong,.travel-user-name,.travel-place-user strong{
  color:#050b13!important;text-shadow:0 1px 0 rgba(255,255,255,.72)!important;
}

/* Marketplace category section names: black engraved on metal. */
.marketplace-category-card .card-title,
.marketplace-category-card h2,
.marketplace-category-card h3,
.marketplace-category-card .eyebrow,
.marketplace-category-card .card-sub,
.market-card .card-title,
.market-card h3{
  color:#050b13!important;text-shadow:0 1px 0 rgba(255,255,255,.75),0 0 1px rgba(0,0,0,.12)!important;
}
.marketplace-category-card .card-title,.market-card .card-title{font-weight:1000!important;letter-spacing:.035em!important;}

/* eNFT filter text in English and readable. */
.enft-filter-toggle,.enft-market-filters .btn{color:#ffffff!important;text-shadow:0 2px 5px rgba(0,0,0,.9)!important;background:linear-gradient(145deg,#101826,#536276 55%,#101722)!important;}


/* === HM FINAL PATCH FROM WORKING 1.18new24: mobile auth layers + clean info + centered start + envelope messenger === */
.hm-auth-gate{
  position:fixed!important;inset:0!important;z-index:99990!important;
  display:grid!important;place-items:center!important;align-items:center!important;justify-items:center!important;
  padding:16px!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;
  background:radial-gradient(circle at 20% 8%,rgba(205,218,235,.16),transparent 30%),radial-gradient(circle at 84% 28%,rgba(117,189,255,.12),transparent 34%),linear-gradient(145deg,rgba(3,6,12,.82),rgba(11,16,25,.68),rgba(2,4,9,.86))!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.hm-auth-gate-card.auth-start-only{
  width:min(520px,calc(100vw - 32px))!important;max-width:520px!important;margin:auto!important;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.auth-start-only .auth-start-actions{
  width:min(420px,88vw)!important;max-width:420px!important;margin:0 auto!important;
  display:grid!important;grid-template-columns:1fr!important;gap:14px!important;place-items:center!important;
}
.auth-start-only .auth-main-card{
  width:100%!important;min-height:76px!important;border-radius:24px!important;font-size:clamp(17px,4.7vw,23px)!important;
  color:#06101d!important;text-shadow:0 1px 0 rgba(255,255,255,.82)!important;
  background:linear-gradient(145deg,#f7fbff 0%,#b8c4d4 35%,#eef3fa 54%,#657386 82%,#172231 100%)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.42),inset 0 2px 0 rgba(255,255,255,.92),inset 0 -14px 24px rgba(0,0,0,.16)!important;
}
.auth-login-choice-card{width:min(420px,calc(100vw - 28px))!important;margin:auto!important;padding:22px 16px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
.auth-login-choice-card .hm-auth-panel-title{
  margin:0 0 16px!important;text-align:center!important;font-size:clamp(25px,8vw,42px)!important;line-height:1.02!important;
  color:#f7fbff!important;text-shadow:0 3px 18px rgba(0,0,0,.78),0 0 26px rgba(160,220,255,.34)!important;
}
.auth-login-choice-card .premium-login-actions{width:min(300px,82vw)!important;max-width:300px!important;margin:0 auto!important;gap:12px!important;}
.auth-login-choice-card .premium-login-btn.unified{width:100%!important;min-height:48px!important;height:48px!important;border-radius:18px!important;font-size:13px!important;color:#06101d!important;text-shadow:0 1px 0 rgba(255,255,255,.78)!important;background:linear-gradient(145deg,#f8fbff,#aebccc 45%,#eef3fa 57%,#5c6879 100%)!important;}
.auth-info-card{width:min(760px,calc(100vw - 24px))!important;height:min(88dvh,820px)!important;max-height:88dvh!important;margin:auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:10px!important;}
.auth-info-card .hm-auth-panel-title{flex:0 0 auto!important;color:#f7fbff!important;text-shadow:0 3px 18px rgba(0,0,0,.85),0 0 24px rgba(160,220,255,.28)!important;text-align:center!important;margin:0 0 10px!important;}
.auth-info-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior:contain!important;padding:0 4px 16px!important;}
.auth-info-card .auth-info-copy{max-width:680px!important;margin:0 auto!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#edf3fb!important;}
.auth-info-card .auth-info-copy p{color:#edf3fb!important;text-shadow:0 2px 9px rgba(0,0,0,.72)!important;line-height:1.58!important;}
.auth-info-card .auth-info-copy strong{color:#ffffff!important;text-shadow:0 2px 9px rgba(0,0,0,.82)!important;}
.auth-info-login{flex:0 0 auto!important;width:min(280px,82vw)!important;margin:12px auto 0!important;min-height:48px!important;color:#06101d!important;}
@media(max-width:720px){
  .hm-auth-gate{padding:12px!important;place-items:center!important;}
  .auth-start-only .auth-start-actions{width:min(320px,84vw)!important;}
  .auth-start-only .auth-main-card{min-height:70px!important;border-radius:22px!important;}
  .auth-info-card{height:calc(100dvh - 24px)!important;max-height:calc(100dvh - 24px)!important;width:calc(100vw - 24px)!important;padding:6px!important;}
}
.modal-host,.modal-host.active{position:fixed!important;inset:0!important;z-index:2147483646!important;}
.modal-host.active{display:grid!important;pointer-events:auto!important;}
body:has(.modal-host.active) #hmAuthGate{pointer-events:none!important;filter:blur(1px)!important;opacity:.22!important;}
.wallet-picker-card,.modal-card{position:relative!important;z-index:2147483647!important;}
/* Keep EVM/KEY wallet pickers above the start gate without changing auth logic. */
body.hm-auth-gate-active .modal-host.active{z-index:2147483646!important;}

/* Messenger: return to a clear animated premium envelope, not a plane. */
.messenger-fab{background:linear-gradient(145deg,#101724,#526176 48%,#e0e8f2)!important;border-color:rgba(255,255,255,.58)!important;}
.hm-mail-icon{position:relative!important;width:30px!important;height:22px!important;display:block!important;border-radius:5px!important;background:linear-gradient(145deg,#ffffff,#c4ceda 62%,#8794a6)!important;border:2px solid #07101a!important;box-shadow:0 0 0 1px rgba(255,255,255,.35),0 10px 20px rgba(0,0,0,.30)!important;transform:none!important;animation:hmEnvelopeFloat 2.5s ease-in-out infinite!important;}
.hm-mail-icon:before{content:""!important;position:absolute!important;left:2px!important;right:2px!important;top:2px!important;height:14px!important;border:0!important;border-top:2px solid #07101a!important;background:transparent!important;transform:skewY(32deg)!important;box-shadow:none!important;}
.hm-mail-icon:after{content:""!important;position:absolute!important;left:2px!important;right:2px!important;top:2px!important;height:14px!important;border:0!important;border-top:2px solid #07101a!important;background:transparent!important;transform:skewY(-32deg)!important;opacity:1!important;}
@keyframes hmEnvelopeFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-4px) rotate(3deg)}}

/* Marketplace headings must stay black on silver metal. */
.marketplace-category-card .card-title,.marketplace-category-card h2,.marketplace-category-card h3,.marketplace-category-card .eyebrow,.marketplace-category-card .card-sub,.market-card .card-title,.market-card h3{color:#050b13!important;text-shadow:0 1px 0 rgba(255,255,255,.78),0 0 1px rgba(0,0,0,.16)!important;}
.marketplace-category-card .card-title,.market-card .card-title{font-weight:1000!important;letter-spacing:.035em!important;}

/* === HM ABSOLUTE LAST PATCH: centered intro, black marketplace headings, silver Friends cards === */
.intro-panel,
.intro-launch .intro-panel{
  width:min(620px,calc(100vw - 28px))!important;
  max-width:calc(100vw - 28px)!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
  text-align:center!important;
  justify-self:center!important;
  align-self:center!important;
  left:auto!important;right:auto!important;
  overflow:hidden!important;
}
.intro-panel h1,
.intro-launch .intro-panel h1{
  display:block!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  hyphens:auto!important;
  font-size:clamp(33px,8.6vw,68px)!important;
  line-height:.92!important;
  letter-spacing:-.07em!important;
}
.intro-panel p,
.intro-launch .intro-panel p,
.intro-code,
.intro-code span{
  max-width:100%!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
}
@media(max-width:520px){
  .intro-panel,.intro-launch .intro-panel{width:calc(100vw - 24px)!important;padding:16px 12px!important;}
  .intro-panel h1,.intro-launch .intro-panel h1{font-size:clamp(30px,11vw,46px)!important;letter-spacing:-.055em!important;line-height:.96!important;}
  .intro-panel p,.intro-launch .intro-panel p{font-size:13px!important;line-height:1.42!important;}
}

/* Marketplace category titles: engraved black text on metal, overriding global card title rules. */
.content .marketplace-category-card .card-title,
.content .marketplace-category-card h2,
.content .marketplace-category-card h3,
.content .marketplace-category-card .eyebrow,
.content .marketplace-category-card .card-sub,
.marketplace-category-card .card-head .card-title,
.marketplace-category-card .card-head .eyebrow,
.marketplace-category-card .card-head .card-sub,
.marketplace-catalog-shell .marketplace-category-card .card-title,
.marketplace-catalog-shell .marketplace-category-card .eyebrow,
.marketplace-catalog-shell .marketplace-category-card .card-sub{
  color:#050b13!important;
  -webkit-text-fill-color:#050b13!important;
  text-shadow:0 1px 0 rgba(255,255,255,.82),0 -1px 0 rgba(0,0,0,.13),0 0 1px rgba(0,0,0,.22)!important;
  font-weight:1000!important;
}
.content .marketplace-category-card .card-title,
.marketplace-category-card .card-head .card-title{
  letter-spacing:.02em!important;
  text-transform:none!important;
}

/* Friends and friend search: silver metal cards, engraved black readable text, matching project style. */
.friend-result,
.friend-row-card,
.friends-modal-list .friend-row-card,
.friend-results .friend-result,
.notification-row.friend-request-row{
  background:linear-gradient(145deg,#eef3f8 0%,#b7c2d0 38%,#f8fafc 55%,#7a8798 78%,#222d3b 100%)!important;
  border:1px solid rgba(255,255,255,.76)!important;
  color:#050b13!important;
  box-shadow:0 18px 44px rgba(0,0,0,.30),inset 0 2px 0 rgba(255,255,255,.92),inset 0 -14px 24px rgba(0,0,0,.15)!important;
}
.friend-result *,
.friend-row-card *,
.friends-modal-list .friend-row-card *,
.friend-results .friend-result *,
.notification-row.friend-request-row *,
.friend-result .handle,
.friend-row-card strong,
.friend-row-card small,
.friend-result .wallet-chip,
.friend-result .tiny{
  color:#050b13!important;
  -webkit-text-fill-color:#050b13!important;
  text-shadow:0 1px 0 rgba(255,255,255,.80),0 -1px 0 rgba(0,0,0,.10)!important;
}
.friend-result .wallet-chip,
.friend-row-card small,
.friend-result .tiny{
  opacity:.82!important;
}
.friend-result .btn,
.friend-row-card .btn,
.friends-modal-list .friend-row-card .btn,
.notification-row.friend-request-row .btn{
  background:linear-gradient(145deg,#f7fbff,#aab7c7 48%,#eff4fa 58%,#536173 100%)!important;
  border:1px solid rgba(255,255,255,.76)!important;
  color:#050b13!important;
  -webkit-text-fill-color:#050b13!important;
  text-shadow:0 1px 0 rgba(255,255,255,.82)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 8px 18px rgba(0,0,0,.18)!important;
}
.friend-result .btn.danger,
.friend-row-card .btn.danger,
.friend-row-card .soft-danger{
  color:#3b0710!important;
  -webkit-text-fill-color:#3b0710!important;
}

/* === HM custom silver mini keyboard: blocks native mobile keyboard and keeps inputs visible === */
:root{--hm-custom-keyboard-height:0px;}
body.hm-keyboard-open{padding-bottom:calc(var(--hm-custom-keyboard-height, 236px) + env(safe-area-inset-bottom))!important;}
body.hm-keyboard-open textarea,
body.hm-keyboard-open input,
.hm-custom-input-target{caret-color:#101722!important;}
.hm-custom-keyboard{
  position:fixed!important;
  left:0!important;right:0!important;bottom:0!important;
  z-index:2147483647!important;
  isolation:isolate!important;
  contain:layout paint!important;
  transform:translateY(112%)!important;
  opacity:0!important;
  pointer-events:none!important;
  padding:8px 8px calc(8px + env(safe-area-inset-bottom))!important;
  transition:transform .24s cubic-bezier(.16,1,.3,1),opacity .2s ease!important;
  --hm-custom-keyboard-height:236px;
}
.hm-custom-keyboard.is-visible{transform:translateY(0)!important;opacity:1!important;pointer-events:auto!important;}
body.hm-keyboard-open{--hm-custom-keyboard-height:236px;}
.hm-kb-card{
  position:relative!important;
  width:min(720px,100%)!important;
  margin:0 auto!important;
  border-radius:22px!important;
  padding:8px!important;
  background:
    linear-gradient(118deg,rgba(255,255,255,.86),rgba(150,158,170,.96) 34%,rgba(247,250,255,.96) 52%,rgba(92,101,116,.98) 100%)!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 20px 55px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -18px 34px rgba(0,0,0,.18)!important;
  color:#05070b!important;
  overflow:hidden!important;
  backdrop-filter:blur(16px)!important;
}
.hm-kb-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);opacity:.35;}
.hm-kb-top{position:relative;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 6px!important;}
.hm-kb-title{font-size:10px!important;font-weight:900!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#151a22!important;text-shadow:0 1px 0 rgba(255,255,255,.75)!important;opacity:.86!important;padding-left:6px!important;}
.hm-kb-hide,.hm-kb-key{
  appearance:none!important;-webkit-appearance:none!important;
  user-select:none!important;-webkit-user-select:none!important;
  touch-action:manipulation!important;
  border:1px solid rgba(255,255,255,.76)!important;
  border-radius:13px!important;
  min-height:36px!important;
  padding:0 8px!important;
  font:900 15px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif!important;
  color:#020407!important;
  -webkit-text-fill-color:#020407!important;
  text-shadow:0 1px 0 rgba(255,255,255,.72),0 -1px 0 rgba(0,0,0,.25)!important;
  background:linear-gradient(145deg,#f8fbff,#b8c0cb 44%,#ffffff 58%,#687383 100%)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.95),inset 0 -7px 13px rgba(0,0,0,.22),0 4px 8px rgba(0,0,0,.22)!important;
}
.hm-kb-hide{min-height:30px!important;padding:0 12px!important;font-size:11px!important;border-radius:999px!important;}
.hm-kb-key:active,.hm-kb-key.active,.hm-kb-hide:active{transform:translateY(1px)!important;filter:brightness(.92)!important;box-shadow:inset 0 2px 8px rgba(0,0,0,.34),0 2px 5px rgba(0,0,0,.18)!important;}
.hm-kb-rows{position:relative;display:grid!important;gap:5px!important;}
.hm-kb-row{display:flex!important;justify-content:center!important;gap:4px!important;}
.hm-kb-key{flex:1 1 0!important;max-width:56px!important;}
.hm-kb-key.special{font-size:12px!important;max-width:76px!important;}
.hm-kb-key.wide{flex:3.5 1 120px!important;max-width:230px!important;}
body.hm-keyboard-open .modal-host.active{padding-bottom:calc(var(--hm-custom-keyboard-height,236px) + 18px + env(safe-area-inset-bottom))!important;}
body.hm-keyboard-open .modal-card,
body.hm-keyboard-open .messenger-screen,
body.hm-keyboard-open .view-shell,
body.hm-keyboard-open main#app{scroll-margin-bottom:calc(var(--hm-custom-keyboard-height,236px) + 32px)!important;}
body.hm-keyboard-open .bottom-nav,
body.hm-keyboard-open .sidebar.bottom-dock,
body.hm-keyboard-open .messenger-fab,
body.hm-keyboard-open .floating-plane,
body.hm-keyboard-open .floating-messenger,
body.hm-keyboard-open [data-floating-messenger],
body.hm-keyboard-open .desktop-messenger-float{opacity:.12!important;pointer-events:none!important;transform:translateY(18px) scale(.92)!important;}
@media(max-width:520px){
  .hm-custom-keyboard{padding-left:5px!important;padding-right:5px!important;--hm-custom-keyboard-height:224px;}
  body.hm-keyboard-open{--hm-custom-keyboard-height:224px;}
  .hm-kb-card{border-radius:18px!important;padding:6px!important;}
  .hm-kb-row{gap:3px!important;}
  .hm-kb-rows{gap:4px!important;}
  .hm-kb-key{min-height:33px!important;max-width:none!important;padding:0 5px!important;font-size:13px!important;border-radius:11px!important;}
  .hm-kb-key.special{font-size:10px!important;}
  .hm-kb-key.wide{max-width:180px!important;}
  .hm-kb-title{font-size:9px!important;}
}

/* === HM keyboard absolute top-layer fix === */
html body #hmCustomKeyboard.hm-custom-keyboard,
html body .hm-custom-keyboard.is-visible{
  z-index:2147483647!important;
}
html body.hm-keyboard-open .modal-host,
html body.hm-keyboard-open .modal-host.active,
html body.hm-keyboard-open .modal-card,
html body.hm-keyboard-open .sheet,
html body.hm-keyboard-open .drawer,
html body.hm-keyboard-open .popup,
html body.hm-keyboard-open .floating-panel,
html body.hm-keyboard-open .desktop-messenger-float,
html body.hm-keyboard-open .floating-messenger{
  z-index:auto!important;
}
html body.hm-keyboard-open #hmCustomKeyboard.hm-custom-keyboard{
  position:fixed!important;
  inset:auto 0 0 0!important;
  transform:translate3d(0,0,0)!important;
  opacity:1!important;
  pointer-events:auto!important;
  visibility:visible!important;
}

/* === HM header wallet/staking compact buttons + HMX staking modal === */
.hm-top-row{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;position:relative!important;padding:0 96px!important;min-height:46px!important;}
.hm-top-wordmark{min-width:0!important;text-align:center!important;white-space:normal!important;line-height:1.05!important;}
.hm-top-actions{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;gap:7px!important;z-index:6!important;}
.hm-icon-top-btn{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;padding:0!important;border-radius:14px!important;display:grid!important;place-items:center!important;font-size:18px!important;font-weight:950!important;line-height:1!important;color:#070a10!important;-webkit-text-fill-color:#070a10!important;background:linear-gradient(145deg,#fcfdff,#bcc4cf 42%,#ffffff 58%,#747f90)!important;border:1px solid rgba(255,255,255,.72)!important;box-shadow:0 10px 24px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -8px 14px rgba(0,0,0,.2)!important;text-shadow:0 1px 0 rgba(255,255,255,.72)!important;}
.hm-icon-top-btn:active{transform:translateY(1px)!important;filter:brightness(.94)!important;}
.hmx-staking-modal{max-width:min(560px,94vw)!important;}
.hmx-staking-list{display:grid!important;gap:12px!important;margin:14px 0!important;}
.hmx-staking-card{position:relative!important;overflow:hidden!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.7)!important;background:linear-gradient(135deg,rgba(245,248,255,.94),rgba(148,158,174,.95) 45%,rgba(255,255,255,.88))!important;color:#07101b!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 30px rgba(0,0,0,.28)!important;cursor:pointer!important;min-height:88px!important;}
.hmx-staking-card .hmx-staking-fill{position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:calc(var(--stake-progress,0) * 100%)!important;background:linear-gradient(180deg,rgba(118,210,255,.22),rgba(45,160,255,.58) 55%,rgba(17,88,180,.72))!important;transition:height .7s ease!important;filter:saturate(1.2)!important;}
.hmx-staking-card.is-active .hmx-staking-fill::before{content:"";position:absolute;inset:-20px 0 auto 0;height:40px;background:radial-gradient(ellipse at 18% 50%,rgba(255,255,255,.65),transparent 34%),radial-gradient(ellipse at 62% 40%,rgba(255,255,255,.42),transparent 30%);animation:hmxStakeWave 3s ease-in-out infinite;}
@keyframes hmxStakeWave{0%,100%{transform:translateX(-4%) translateY(0)}50%{transform:translateX(5%) translateY(5px)}}
.hmx-staking-content{position:relative!important;z-index:2!important;display:grid!important;gap:7px!important;padding:15px!important;}
.hmx-staking-content strong{font-size:17px!important;color:#050910!important;text-shadow:0 1px 0 rgba(255,255,255,.72)!important;}
.hmx-staking-content span,.hmx-staking-content em{display:block!important;font-size:12px!important;color:rgba(5,9,16,.75)!important;font-style:normal!important;}
.hmx-staking-card.is-ready{box-shadow:0 0 0 1px rgba(80,220,255,.55),0 16px 35px rgba(38,150,255,.28),inset 0 1px 0 rgba(255,255,255,.9)!important;}
.staking-balance-card strong{font-size:22px!important;}
@media(max-width:520px){.hm-top-row{padding:0 86px 0 8px!important;justify-content:flex-start!important}.hm-top-wordmark{text-align:left!important;font-size:clamp(17px,5vw,24px)!important}.hm-top-actions{right:8px!important;gap:5px!important}.hm-icon-top-btn{width:35px!important;height:35px!important;min-width:35px!important;min-height:35px!important;border-radius:12px!important;font-size:16px!important}.hmx-staking-content{padding:13px!important}.hmx-staking-content strong{font-size:15px!important}}
@media (hover:hover) and (pointer:fine){body.hm-native-keyboard-mode input,body.hm-native-keyboard-mode textarea{caret-color:auto!important}.hm-custom-keyboard{display:none!important}}

/* === User patch: HM Style keyboard title, larger header icons, visible staking action === */
.hm-kb-title{font-size:11px!important;letter-spacing:.18em!important;}
.hm-icon-top-btn{
  width:54px!important;height:44px!important;min-width:54px!important;min-height:44px!important;
  border-radius:16px!important;font-size:20px!important;
}
.hm-wallet-svg{width:25px!important;height:25px!important;display:block!important;fill:none!important;stroke:#070a10!important;stroke-width:4.2!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 1px 0 rgba(255,255,255,.75));}
.hm-top-actions{gap:9px!important;right:12px!important;}
.hm-top-row{padding-right:138px!important;min-height:52px!important;}
.hmx-staking-action.is-open{
  display:grid!important;gap:12px!important;margin-top:12px!important;
  border:1px solid rgba(255,255,255,.42)!important;
  background:linear-gradient(145deg,rgba(8,13,25,.94),rgba(24,31,46,.9))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.18)!important;
  scroll-margin-top:80px!important;scroll-margin-bottom:80px!important;
}
.hmx-staking-action .modal-actions{position:relative!important;bottom:auto!important;background:none!important;padding-top:0!important;}
@media(max-width:520px){
  .hm-top-row{padding-left:8px!important;padding-right:112px!important;min-height:50px!important;}
  .hm-top-actions{right:7px!important;gap:6px!important;}
  .hm-icon-top-btn{width:48px!important;height:42px!important;min-width:48px!important;min-height:42px!important;border-radius:15px!important;font-size:19px!important;}
  .hm-wallet-svg{width:23px!important;height:23px!important;}
  .hm-top-wordmark{max-width:calc(100vw - 124px)!important;font-size:clamp(16px,4.7vw,22px)!important;}
}

/* === Finance hologram menu: replaces top wallet/staking buttons === */
.hm-top-row{padding:0 12px!important;justify-content:center!important;min-height:52px!important;}
.hm-top-actions{display:none!important;}
.nav-wallet-svg{width:25px!important;height:25px!important;fill:none!important;stroke:currentColor!important;stroke-width:4.2!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 1px 0 rgba(255,255,255,.65));}
.finance-nav-btn .nav-ico{color:#06101d!important;}
.finance-holo-menu{position:fixed;left:50%;bottom:calc(104px + var(--safe-bottom,0px));transform:translate3d(-50%,20px,0) scale(.92);display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;width:min(540px,calc(100vw - 28px));padding:14px;border-radius:28px;background:linear-gradient(145deg,rgba(185,244,255,.17),rgba(88,122,171,.14),rgba(8,13,27,.78));border:1px solid rgba(158,238,255,.48);box-shadow:0 0 0 1px rgba(255,255,255,.13) inset,0 0 40px rgba(89,228,255,.20),0 30px 70px rgba(0,0,0,.56);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);opacity:0;pointer-events:none;visibility:hidden;z-index:2147482500;transition:opacity .24s ease,transform .24s ease,visibility .24s ease;}
.finance-holo-menu:before{content:"";position:absolute;inset:-18px;border-radius:36px;background:radial-gradient(circle at 50% 115%,rgba(95,235,255,.32),transparent 54%),linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);filter:blur(10px);z-index:-1;animation:financeHoloGlow 3.5s ease-in-out infinite;}
.finance-holo-menu.active{opacity:1;pointer-events:auto;visibility:visible;transform:translate3d(-50%,0,0) scale(1);}
.finance-holo-btn{appearance:none;border:1px solid rgba(235,250,255,.54);border-radius:22px;padding:13px 10px;min-height:92px;display:grid;place-items:center;gap:4px;background:linear-gradient(145deg,rgba(250,253,255,.86),rgba(154,166,184,.82) 44%,rgba(255,255,255,.72) 58%,rgba(90,103,124,.82));color:#06101d!important;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -12px 24px rgba(0,0,0,.18),0 14px 34px rgba(0,0,0,.32),0 0 22px rgba(110,237,255,.14);cursor:pointer;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;}
.finance-holo-btn:hover{transform:translateY(-3px);filter:brightness(1.08) saturate(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 -12px 24px rgba(0,0,0,.16),0 18px 44px rgba(0,0,0,.38),0 0 34px rgba(110,237,255,.22);}
.finance-holo-btn strong{font-size:13px;font-weight:1000;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.72);}
.finance-holo-btn em{font-size:10px;font-style:normal;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:rgba(6,16,29,.68);}
.finance-holo-ico{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;margin-bottom:2px;}
.finance-holo-ico img{width:32px;height:32px;border-radius:12px;object-fit:cover;filter:drop-shadow(0 0 10px rgba(102,247,255,.45));}
.finance-wallet-svg{width:32px!important;height:32px!important;fill:none!important;stroke:#06101d!important;stroke-width:4!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.finance-percent{font-size:28px!important;font-weight:1000;color:#06101d!important;text-shadow:0 1px 0 rgba(255,255,255,.75),0 0 12px rgba(255,255,255,.55);}
@keyframes financeHoloGlow{0%,100%{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}
@media(max-width:760px){.finance-holo-menu{bottom:calc(92px + var(--safe-bottom,0px));grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border-radius:24px;width:calc(100vw - 18px)}.finance-holo-btn{min-height:80px;border-radius:18px;padding:10px 5px}.finance-holo-btn strong{font-size:11px}.finance-holo-btn em{font-size:8.5px}.finance-holo-ico{width:29px;height:29px}.finance-holo-ico img,.finance-wallet-svg{width:28px!important;height:28px!important}.finance-percent{font-size:24px!important}.hm-top-row{padding:0 8px!important}.hm-top-wordmark{max-width:calc(100vw - 24px)!important;text-align:center!important}}
body.hm-keyboard-open .finance-holo-menu{bottom:calc(var(--hm-keyboard-height,260px) + 18px + var(--safe-bottom,0px));}

/* Finance hologram hard fix */
.finance-holo-menu{isolation:isolate!important;will-change:transform,opacity!important;}
.finance-nav-btn{touch-action:manipulation!important;}
.finance-holo-btn{touch-action:manipulation!important;user-select:none!important;-webkit-user-select:none!important;}
@media(min-width:761px){.finance-holo-menu{left:274px!important;bottom:44px!important;transform:translate3d(0,18px,0) scale(.92)!important;width:min(520px,calc(100vw - 310px))!important}.finance-holo-menu.active{transform:translate3d(0,0,0) scale(1)!important}}


/* Finance desktop hologram anchor + finance pages */
@media(min-width:761px){
  .finance-holo-menu{
    left:var(--finance-menu-left,50%)!important;
    bottom:var(--finance-menu-bottom,96px)!important;
    width:var(--finance-menu-width,420px)!important;
    transform:translate3d(-50%,18px,0) scale(.92)!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .finance-holo-menu.active{transform:translate3d(-50%,0,0) scale(1)!important;}
}
.finance-page-shell{position:relative!important;min-height:calc(100dvh - 120px)!important;display:grid!important;place-items:start center!important;padding:18px 10px 40px!important;overflow:visible!important;background:transparent!important;}
.finance-page-card{width:min(94vw,720px)!important;margin:0 auto!important;max-height:none!important;}
.finance-page-back{min-width:112px!important;}
@media(max-width:760px){.finance-page-shell{padding:8px 4px 96px!important;display:block!important}.finance-page-card{width:100%!important}.finance-page-back{min-width:92px!important}}
.finance-page-shell.internal-wallet-host{
  position:relative!important;
  inset:auto!important;
  height:auto!important;
  max-height:none!important;
  min-height:calc(100dvh - 120px)!important;
  overflow:visible!important;
  padding-top:18px!important;
  padding-bottom:44px!important;
  z-index:auto!important;
}
.finance-page-shell.internal-wallet-host::after,
.finance-page-shell.internal-wallet-host::before{display:none!important;content:none!important;}
.finance-page-shell .internal-wallet-card.premium-wallet-card.hm-wallet-premium-shell,
.finance-page-shell .internal-wallet-card.premium-wallet-card.hmx-staking-modal{
  max-height:none!important;
  margin-bottom:0!important;
  overflow:visible!important;
}

/* eNFT permanent author credit + likes */
.enft-author-credit{margin:10px 0 8px;padding:9px 12px;border:1px solid rgba(15,15,15,.28);border-radius:10px;background:linear-gradient(145deg,#f5f5f5,#aeb3b8 52%,#e8eaec);color:#101010;font-size:13px;letter-spacing:.02em;box-shadow:inset 1px 1px 2px rgba(255,255,255,.8),inset -1px -1px 2px rgba(0,0,0,.22)}
.enft-author-credit strong{font-weight:900}.enft-author-check{display:inline-grid;place-items:center;margin-left:5px;width:16px;height:16px;border-radius:50%;background:#080808;color:#ddd;font-size:11px}
.enft-like-btn{border:1px solid rgba(0,0,0,.3);border-radius:999px;padding:7px 11px;background:linear-gradient(#eceff1,#aeb4b9);color:#171717;font-weight:900;cursor:pointer}.enft-like-btn.liked{background:#171717;color:#fff}.enft-like-btn span{margin-left:4px}

/* eNFT author credit clarity fix */
.enft-author-credit,
.enft-author-credit *{
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  opacity:1!important;
  text-shadow:none!important;
}
.enft-author-credit strong{
  color:#050505!important;
  -webkit-text-fill-color:#050505!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  animation:none!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
}
.enft-author-check{
  display:inline!important;
  margin-left:5px!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:#050505!important;
  -webkit-text-fill-color:#050505!important;
  font-size:14px!important;
  font-weight:1000!important;
  line-height:1!important;
}

/* === Neon 3D mobile keyboard + clipboard + country chooser === */
.hm-custom-keyboard .hm-kb-card{background:linear-gradient(155deg,rgba(5,8,25,.98),rgba(14,5,36,.98))!important;border:1px solid rgba(69,245,255,.72)!important;box-shadow:0 -8px 30px rgba(0,229,255,.28),0 -2px 80px rgba(161,62,255,.22),inset 0 1px 0 rgba(255,255,255,.15)!important;perspective:900px!important}
.hm-custom-keyboard .hm-kb-title{color:#bffcff!important;text-shadow:0 0 7px #00eaff,0 0 18px #8a2cff!important}
.hm-custom-keyboard .hm-kb-key,.hm-custom-keyboard .hm-kb-hide{color:#efffff!important;background:linear-gradient(160deg,rgba(31,45,92,.96),rgba(9,12,35,.98))!important;border:1px solid rgba(90,239,255,.7)!important;box-shadow:0 5px 0 rgba(1,4,19,.95),0 0 11px rgba(0,229,255,.28),inset 0 1px 0 rgba(255,255,255,.22)!important;text-shadow:0 0 6px rgba(98,242,255,.95)!important;transform:translateZ(0)!important}
.hm-custom-keyboard .hm-kb-key:active,.hm-custom-keyboard .hm-kb-key.active{transform:translateY(4px)!important;box-shadow:0 1px 0 rgba(1,4,19,.95),0 0 18px rgba(187,71,255,.75),inset 0 0 18px rgba(0,230,255,.2)!important}
.hm-custom-keyboard .hm-kb-key.special{border-color:rgba(194,75,255,.72)!important;box-shadow:0 5px 0 rgba(1,4,19,.95),0 0 12px rgba(167,56,255,.34),inset 0 1px 0 rgba(255,255,255,.2)!important}
.travel-country-control{position:relative;display:grid;gap:7px;min-width:min(330px,100%)}
.travel-country-select{min-height:42px!important}
.travel-country-suggestions{display:none;position:absolute;top:46px;left:0;right:0;z-index:2147482000;max-height:260px;overflow:auto;padding:6px;border-radius:14px;background:rgba(5,10,27,.98);border:1px solid rgba(80,225,255,.65);box-shadow:0 14px 40px rgba(0,0,0,.55),0 0 25px rgba(0,221,255,.2)}
.travel-country-suggestions.visible{display:grid}
.travel-country-suggestions button{border:0;background:transparent;color:#fff;text-align:left;padding:10px 12px;border-radius:9px;font:inherit}
.travel-country-suggestions button:hover,.travel-country-suggestions button:active{background:rgba(50,217,255,.16)}
.hmxg-row{border-color:rgba(112,239,255,.42)!important}.hmxg-row .wallet-asset-logo{border-radius:50%;box-shadow:0 0 18px rgba(0,229,255,.42)}
.donation-currency-option.hmxg{border-color:rgba(70,235,255,.55)!important;background:linear-gradient(145deg,rgba(6,38,53,.94),rgba(18,8,49,.96))!important}

/* === Bright cyan neon keyboard readability + top Paste button === */
html body #hmCustomKeyboard .hm-kb-card{
  background:linear-gradient(165deg,rgba(0,18,35,.99),rgba(0,57,86,.97) 52%,rgba(0,10,27,.99))!important;
  border:2px solid #5ff7ff!important;
  box-shadow:0 -8px 32px rgba(0,221,255,.48),0 -2px 90px rgba(0,166,255,.36),inset 0 0 34px rgba(0,225,255,.12)!important;
}
html body #hmCustomKeyboard .hm-kb-title{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 0 5px #fff,0 0 12px #22eaff,0 0 25px #00aaff!important}
html body #hmCustomKeyboard .hm-kb-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
html body #hmCustomKeyboard .hm-kb-top-actions{display:flex!important;align-items:center!important;gap:8px!important}
html body #hmCustomKeyboard .hm-kb-key,
html body #hmCustomKeyboard .hm-kb-hide,
html body #hmCustomKeyboard .hm-kb-paste{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  opacity:1!important;filter:none!important;
  font-weight:900!important;
  background:linear-gradient(160deg,#0b8fc2 0%,#064d75 48%,#021d38 100%)!important;
  border:1px solid #8cfcff!important;
  text-shadow:0 1px 1px #00111d,0 0 5px #fff,0 0 11px #00dcff!important;
  box-shadow:0 5px 0 #001323,0 0 13px rgba(0,234,255,.85),inset 0 1px 2px rgba(255,255,255,.72)!important;
}
html body #hmCustomKeyboard .hm-kb-key.special{background:linear-gradient(160deg,#087ead,#033d68 55%,#01182e)!important;border-color:#b3ffff!important}
html body #hmCustomKeyboard .hm-kb-paste{min-width:74px!important;padding:8px 14px!important;border-radius:11px!important;cursor:pointer!important}
html body #hmCustomKeyboard .hm-kb-key:active,
html body #hmCustomKeyboard .hm-kb-key.active,
html body #hmCustomKeyboard .hm-kb-paste:active{transform:translateY(4px)!important;box-shadow:0 1px 0 #001323,0 0 22px #4ff5ff,inset 0 0 18px rgba(255,255,255,.28)!important}
.post-donation-metric.hmxg{border-color:rgba(69,238,255,.58)!important;background:linear-gradient(145deg,rgba(0,54,73,.72),rgba(7,20,52,.82))!important}

.hm-paste-fallback{position:fixed;inset:0;z-index:2147483647;display:grid;place-items:center;padding:18px;background:rgba(0,7,18,.78);backdrop-filter:blur(8px)}
.hm-paste-fallback-card{width:min(460px,100%);display:grid;gap:12px;padding:18px;border:1px solid #5ff7ff;border-radius:18px;background:linear-gradient(155deg,#06253a,#03101f);box-shadow:0 0 35px rgba(0,225,255,.4);color:#fff}
.hm-paste-fallback-card p{margin:0;color:#bdeeff;line-height:1.45}
.hm-paste-fallback-card textarea{min-height:110px;padding:12px;border-radius:12px;border:1px solid #5ff7ff;background:#001827;color:#fff;font:inherit;resize:vertical}
.hm-paste-fallback-card>div{display:flex;justify-content:flex-end;gap:9px}
.hm-paste-fallback-card button{padding:9px 14px;border-radius:10px;border:1px solid #71f8ff;background:#064c70;color:#fff;font-weight:800}

/* HMX Token relaunch — Robinhood Chain */
.nav-token-logo{width:31px;height:31px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 14px rgba(58,255,139,.52),0 5px 14px rgba(0,0,0,.4)}
.quick-wallet-fab{position:fixed;left:22px;bottom:22px;z-index:2200;display:flex;align-items:center;gap:9px;min-width:126px;height:52px;padding:0 17px;border-radius:18px;border:1px solid rgba(181,255,221,.48);background:linear-gradient(145deg,rgba(7,28,22,.97),rgba(12,65,43,.94));color:#eafff5;font-weight:800;letter-spacing:.04em;box-shadow:0 14px 38px rgba(0,0,0,.52),0 0 24px rgba(58,255,139,.22);cursor:pointer}.quick-wallet-fab:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(0,0,0,.58),0 0 32px rgba(58,255,139,.34)}.quick-wallet-icon{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:3}
.hmx-token-page{display:grid;gap:18px;max-width:1180px;margin:0 auto;padding:4px}.hmx-token-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.5fr);gap:26px;padding:34px;border-radius:32px;overflow:hidden;background:radial-gradient(circle at 84% 25%,rgba(48,255,139,.19),transparent 33%),linear-gradient(145deg,rgba(4,13,11,.98),rgba(7,31,23,.96))}.hmx-token-copy h1{font-size:clamp(34px,5vw,64px);line-height:.98;margin:8px 0 18px}.hmx-token-copy h1 span{color:#57ff9b;text-shadow:0 0 22px rgba(87,255,155,.45)}.hmx-token-copy p{font-size:17px;line-height:1.7;color:#d9f5e6;max-width:780px}.hmx-token-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.hmx-token-facts>div,.hmx-ca-box{border:1px solid rgba(143,255,196,.22);background:rgba(255,255,255,.045);border-radius:18px;padding:14px 16px}.hmx-token-facts small,.hmx-ca-box small{display:block;color:#8db9a2;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:5px}.hmx-token-facts strong{color:#fff}.hmx-ca-box{display:flex;align-items:center;justify-content:space-between;gap:14px}.hmx-ca-box code{display:block;color:#baffd7;overflow-wrap:anywhere;font-size:13px}.hmx-token-emblem{align-self:center;justify-self:center;display:grid;place-items:center;text-align:center}.hmx-token-emblem img{width:min(220px,42vw);aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(160,255,204,.45),0 0 54px rgba(45,255,137,.4),0 30px 60px rgba(0,0,0,.5)}.hmx-token-emblem strong{font-size:34px;margin-top:16px;color:#78ffad}.hmx-token-emblem span{color:#9dbbaa}.hmx-chart-card{padding:20px;border-radius:28px}.hmx-chart-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.hmx-chart-head h2,.hmx-buy-block h2{margin:4px 0 0}.hmx-dex-frame{display:block;width:100%;height:560px;border:0;border-radius:20px;background:#050806}.hmx-chart-fallback{font-size:12px;color:#8da99a;margin-top:10px}.hmx-buy-block{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:26px 30px;border-radius:28px;background:linear-gradient(135deg,rgba(7,31,23,.98),rgba(17,83,52,.92))}.hmx-buy-block p{margin:8px 0 0;color:#cce9d8}.hmx-buy-now{min-width:190px;min-height:58px;font-size:17px!important;background:linear-gradient(135deg,#7cffad,#22cb70)!important;color:#04130a!important;box-shadow:0 0 30px rgba(56,255,137,.34)!important}
@media(max-width:760px){.quick-wallet-fab{left:12px;bottom:calc(82px + var(--safe-bottom,0px));min-width:54px;width:54px;height:54px;padding:0;justify-content:center;border-radius:18px}.quick-wallet-fab span{display:none}.hmx-token-hero{grid-template-columns:1fr;padding:22px}.hmx-token-facts{grid-template-columns:1fr}.hmx-token-emblem{order:-1}.hmx-token-emblem img{width:132px}.hmx-ca-box{align-items:flex-start;flex-direction:column}.hmx-ca-box .btn{width:100%}.hmx-chart-head,.hmx-buy-block{align-items:stretch;flex-direction:column}.hmx-dex-frame{height:480px}.hmx-buy-now{width:100%}}

/* Final right-side Wallet + Messenger stack */
.right-action-stack{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:2200;display:flex;flex-direction:column;align-items:center;gap:14px}
.right-action-stack .quick-wallet-fab,.right-action-stack .messenger-fab{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:0!important;transform:none!important}
.right-action-stack .quick-wallet-fab{min-width:58px;width:58px;height:58px;padding:0;justify-content:center;border-radius:20px}
.right-action-stack .quick-wallet-fab span{display:none}
.right-action-stack .messenger-fab{width:58px!important;height:58px!important}
@media(max-width:760px){.right-action-stack{right:12px;top:50%;gap:12px}.right-action-stack .quick-wallet-fab,.right-action-stack .messenger-fab{width:54px!important;height:54px!important;min-width:54px!important}.quick-wallet-fab{left:auto!important;bottom:auto!important}}

/* Wallet visibility + live HMX chart hard fix */
html body .right-action-stack{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;right:22px!important;top:50%!important;bottom:auto!important;z-index:2147482000!important}
html body .right-action-stack .quick-wallet-fab{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;order:1!important}
html body .right-action-stack .messenger-fab{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;order:2!important}
.hmx-live-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}.hmx-live-stats>div{padding:13px 15px;border-radius:16px;border:1px solid rgba(111,255,174,.2);background:rgba(255,255,255,.04)}.hmx-live-stats small{display:block;color:#89ad99;text-transform:uppercase;font-size:10px;letter-spacing:.12em}.hmx-live-stats strong{display:block;margin-top:5px;color:#eafff3;font-size:18px}.hmx-live-chart-host{min-height:560px;border-radius:20px;overflow:hidden;background:#050806;display:grid;place-items:center}.hmx-chart-loading,.hmx-chart-empty{padding:28px;text-align:center;color:#b9d8c5;display:grid;gap:12px;justify-items:center}.hmx-chart-empty strong{font-size:20px;color:#fff}.hmx-chart-empty span{max-width:560px;line-height:1.5}.hmx-chart-actions{display:flex;justify-content:flex-end;width:100%;padding-top:10px;background:transparent}.hmx-live-chart-host:has(.hmx-dex-frame){display:block;overflow:visible;background:transparent}.hmx-live-chart-host .hmx-dex-frame{min-height:560px}
@media(max-width:760px){html body .right-action-stack{right:12px!important;top:50%!important}.hmx-live-stats{grid-template-columns:1fr}.hmx-live-chart-host,.hmx-live-chart-host .hmx-dex-frame{min-height:480px}}

/* Absolute, render-independent Wallet button — always above Messenger */
html body .quick-wallet-global-fab{
  position:fixed!important;
  right:22px!important;
  top:calc(50% - 72px)!important;
  left:auto!important;
  bottom:auto!important;
  z-index:2147483000!important;
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  align-items:center!important;
  justify-content:center!important;
  width:58px!important;
  min-width:58px!important;
  height:58px!important;
  padding:0!important;
  margin:0!important;
  border-radius:20px!important;
  border:1px solid rgba(181,255,221,.62)!important;
  background:linear-gradient(145deg,rgba(7,28,22,.98),rgba(12,78,49,.96))!important;
  color:#effff6!important;
  box-shadow:0 18px 42px rgba(0,0,0,.58),0 0 28px rgba(58,255,139,.32),inset 0 1px 0 rgba(255,255,255,.18)!important;
  cursor:pointer!important;
  transform:none!important;
}
html body .quick-wallet-global-fab:hover{transform:translateY(-2px)!important;box-shadow:0 22px 48px rgba(0,0,0,.62),0 0 36px rgba(58,255,139,.45)!important}
html body .quick-wallet-global-fab span{display:none!important}
html body .quick-wallet-global-fab .quick-wallet-icon{width:28px!important;height:28px!important;display:block!important;stroke:currentColor!important}
body.hm-keyboard-open .quick-wallet-global-fab{opacity:.18!important;pointer-events:none!important}
@media(max-width:760px){html body .quick-wallet-global-fab{right:12px!important;top:calc(50% - 68px)!important;width:54px!important;min-width:54px!important;height:54px!important;border-radius:18px!important}}

/* HMX holder tiers, synchronized right action stack and boost controls */
html body .quick-wallet-global-fab{display:none!important}
.right-action-stack{display:flex!important;visibility:visible!important;opacity:1!important}
.right-action-stack .quick-wallet-stack-fab,.right-action-stack .messenger-fab{display:grid!important;place-items:center!important;position:relative!important;width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;border-radius:20px!important;pointer-events:auto!important}
.quick-wallet-stack-fab{border:1px solid rgba(181,255,221,.62);background:linear-gradient(145deg,#071c16,#0c4e31);color:#effff6;box-shadow:0 18px 42px rgba(0,0,0,.58),0 0 28px rgba(58,255,139,.32);cursor:pointer}
.quick-wallet-stack-fab .quick-wallet-icon{width:28px;height:28px;stroke:currentColor}
.hm-chat-icon{width:28px;height:24px;display:block;position:relative;border:2px solid #fff;border-radius:9px;box-shadow:0 0 15px rgba(90,230,255,.8)}
.hm-chat-icon:after{content:"";position:absolute;left:5px;bottom:-7px;width:9px;height:9px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:skew(-20deg)}
body.hm-auth-gate-active .right-action-stack,body.hm-intro-active .right-action-stack{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.hmx-holder-badge{display:inline-flex;align-items:center;gap:6px;margin-left:7px;padding:3px 8px;border:1px solid;border-radius:9px;font-size:10px;font-weight:900;letter-spacing:.03em;white-space:nowrap}.hmx-holder-badge img{width:17px;height:17px;border-radius:50%}.hmx-holder-badge.bronze{color:#f2bd88;border-color:#b87333;background:rgba(94,47,14,.26)}.hmx-holder-badge.silver{color:#f0f4f8;border-color:#b9c3cf;background:rgba(124,136,150,.2)}.hmx-holder-badge.gold{color:#ffe37e;border-color:#e4b92f;background:rgba(117,87,0,.22)}
.post-card.hmx-holder-post.bronze{border-color:#b87333!important;box-shadow:0 0 0 1px rgba(184,115,51,.28),0 18px 55px rgba(76,36,8,.25)!important}.post-card.hmx-holder-post.silver{border-color:#c6d0db!important;box-shadow:0 0 0 1px rgba(198,208,219,.28),0 18px 55px rgba(125,143,160,.22)!important}.post-card.hmx-holder-post.gold{border-color:#e4b92f!important;box-shadow:0 0 0 1px rgba(228,185,47,.35),0 18px 62px rgba(133,98,0,.28)!important}
.hmx-boost-account-btn,.hmx-boost-post-btn{background:linear-gradient(135deg,#7cffad,#20ca6d)!important;color:#03130a!important;border-color:#9affc0!important;font-weight:950!important;box-shadow:0 0 24px rgba(50,255,136,.28)!important;animation:hmBoostPulse 2.2s ease-in-out infinite}.hmx-boost-post-btn{font-size:11px!important}@keyframes hmBoostPulse{50%{box-shadow:0 0 38px rgba(50,255,136,.55)!important;transform:translateY(-1px)}}
@media(max-width:760px){.right-action-stack .quick-wallet-stack-fab,.right-action-stack .messenger-fab{width:54px!important;height:54px!important;min-width:54px!important;min-height:54px!important}.hmx-holder-badge span{display:none}.hmx-holder-badge{padding:3px}}

/* Final synchronized Wallet/Messenger, boost payment and HMX usage */
.right-action-stack{position:fixed!important;right:18px!important;top:50%!important;transform:translateY(-50%)!important;z-index:2147482500!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:14px!important;pointer-events:none!important}
.right-action-stack>*{pointer-events:auto!important}.right-action-stack .quick-wallet-stack-fab{order:1!important;display:grid!important;visibility:visible!important;opacity:1!important}.right-action-stack .messenger-fab{order:2!important}
.hmx-payment-modal{text-align:center;overflow:hidden;position:relative}.hmx-payment-orb{width:88px;height:88px;margin:0 auto 14px;border-radius:50%;padding:10px;background:radial-gradient(circle,#5aff9c,#063d24 70%);box-shadow:0 0 48px rgba(54,255,139,.55);animation:hmPayFloat 2s ease-in-out infinite}.hmx-payment-orb img{width:100%;height:100%;object-fit:cover;border-radius:50%}.hmx-payment-amount{display:grid;gap:5px;margin:18px 0;padding:18px;border:1px solid rgba(91,255,160,.35);border-radius:18px;background:rgba(7,32,21,.65)}.hmx-payment-amount strong{font-size:24px}.hmx-payment-progress{height:7px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.08);margin:14px 0}.hmx-payment-progress i{display:block;width:25%;height:100%;background:linear-gradient(90deg,transparent,#54ff9f,transparent);transform:translateX(-130%)}.hmx-payment-modal.paying .hmx-payment-progress i{animation:hmPayScan 1.1s linear infinite}.hmx-payment-modal.paid{box-shadow:0 0 65px rgba(70,255,150,.5)}@keyframes hmPayScan{to{transform:translateX(520%)}}@keyframes hmPayFloat{50%{transform:translateY(-5px) scale(1.03)}}
.hmx-usage-card{margin-top:20px}.hmx-usage-card h2{margin:7px 0}.hmx-usage-card>p{max-width:900px;color:rgba(235,245,240,.75)}.hmx-usage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.hmx-usage-grid>div{padding:18px;border-radius:18px;border:1px solid rgba(65,255,144,.28);background:linear-gradient(145deg,rgba(7,30,20,.82),rgba(10,65,39,.45));display:grid;gap:8px}.hmx-usage-grid small{color:rgba(232,255,241,.65)}.hmx-usage-grid strong{font-size:19px;color:#91ffc0}
@media(max-width:760px){.right-action-stack{right:12px!important}.hmx-usage-grid{grid-template-columns:1fr}}


/* FINAL RESTORE: original standalone Wallet button that was visible reliably */
html body .quick-wallet-global-fab{
  display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  position:fixed!important;right:22px!important;top:calc(50% - 72px)!important;left:auto!important;bottom:auto!important;
  z-index:2147483646!important;align-items:center!important;justify-content:center!important;
  width:58px!important;min-width:58px!important;height:58px!important;padding:0!important;margin:0!important;
  border-radius:20px!important;border:1px solid rgba(181,255,221,.62)!important;
  background:linear-gradient(145deg,rgba(7,28,22,.98),rgba(12,78,49,.96))!important;color:#effff6!important;
  box-shadow:0 18px 42px rgba(0,0,0,.58),0 0 28px rgba(58,255,139,.32),inset 0 1px 0 rgba(255,255,255,.18)!important;
  cursor:pointer!important;transform:none!important;
}
html body .quick-wallet-global-fab .quick-wallet-icon{width:28px!important;height:28px!important;display:block!important;stroke:currentColor!important}
html body .quick-wallet-global-fab:hover{transform:translateY(-2px)!important}
body.hm-auth-gate-active .quick-wallet-global-fab,body.hm-intro-active .quick-wallet-global-fab{display:none!important}
@media(max-width:760px){html body .quick-wallet-global-fab{right:12px!important;top:calc(50% - 68px)!important;width:54px!important;min-width:54px!important;height:54px!important;border-radius:18px!important}}
.hmx-holder-badge{font:inherit;cursor:pointer;appearance:none}.hmx-holder-badge:hover{transform:translateY(-1px);filter:brightness(1.12)}
.boosted-account-chip{display:inline-flex;margin-left:7px;padding:2px 7px;border-radius:999px;border:1px solid rgba(49,226,255,.7);background:rgba(0,181,220,.15);color:#83efff;font-size:9px;font-weight:900;letter-spacing:.08em;vertical-align:middle}
.hmx-tier-info-card{text-align:center}.hmx-tier-info-logo{width:76px;height:76px;border-radius:50%;object-fit:cover;box-shadow:0 0 28px rgba(49,226,255,.35);margin:0 auto 12px}.hmx-tier-levels{display:grid;gap:7px;margin:16px 0}.hmx-tier-levels span{padding:9px 12px;border:1px solid rgba(255,255,255,.16);border-radius:11px;background:rgba(255,255,255,.05);font-weight:800}.hmx-tier-info-card.bronze{border-color:#b87333}.hmx-tier-info-card.silver{border-color:#c7d0da}.hmx-tier-info-card.gold{border-color:#e4b92f}

/* Boosts removed */
.hmx-boost-post-btn,.hmx-boost-account-btn,.boosted-account-chip,[data-boost-post],#boostAccountBtn{display:none!important;}

/* ===== HMdex ===== */
.hm-top-row{display:flex;align-items:center;justify-content:space-between;gap:18px}
.hm-dex-top-btn{position:relative;isolation:isolate;display:inline-flex;align-items:baseline;gap:2px;min-width:116px;justify-content:center;padding:12px 19px;border:1px solid rgba(155,255,64,.64);border-radius:18px;background:linear-gradient(145deg,rgba(21,42,14,.96),rgba(5,14,8,.98));box-shadow:0 0 0 1px rgba(163,255,80,.12) inset,0 0 28px rgba(115,255,40,.2),0 12px 30px rgba(0,0,0,.38);color:#dfffcb;cursor:pointer;overflow:hidden;transition:.25s transform,.25s box-shadow}
.hm-dex-top-btn span,.hm-dex-top-btn b{position:relative;z-index:2}.hm-dex-top-btn span{font:900 16px/1 system-ui}.hm-dex-top-btn b{font:italic 700 25px/1.1 cursive;color:#9cff49;text-shadow:0 0 14px rgba(133,255,57,.75)}.hm-dex-top-btn i{position:absolute;inset:-60% -20%;background:linear-gradient(115deg,transparent 37%,rgba(255,255,255,.36) 48%,transparent 59%);transform:translateX(-70%);animation:hmdexShine 3.8s infinite}.hm-dex-top-btn:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(163,255,80,.2) inset,0 0 38px rgba(115,255,40,.35),0 16px 34px rgba(0,0,0,.42)}
@keyframes hmdexShine{0%,55%{transform:translateX(-80%)}85%,100%{transform:translateX(80%)}}
.hmdex-page{position:relative;isolation:isolate;min-height:760px;padding:30px 0 42px;overflow:hidden}.hmdex-aurora{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 15% 8%,rgba(143,255,36,.18),transparent 32%),radial-gradient(circle at 86% 34%,rgba(35,255,126,.12),transparent 38%),linear-gradient(180deg,rgba(4,12,7,.12),rgba(1,5,3,.75));filter:saturate(1.3)}
.hmdex-hero{text-align:center;max-width:850px;margin:0 auto 30px;padding:18px}.hmdex-script-logo{font:italic 800 clamp(54px,8vw,92px)/.9 cursive;letter-spacing:-7px;color:#f1ffe7;text-shadow:0 0 8px rgba(198,255,150,.5),0 0 30px rgba(105,255,49,.35)}.hmdex-script-logo span{color:#9dff43}.hmdex-hero h1{margin:22px 0 9px;font:800 clamp(27px,4vw,44px)/1.08 system-ui;color:#efffe8}.hmdex-hero p{max-width:690px;margin:auto;color:#b7cbb2;font:500 16px/1.7 system-ui}.hmdex-network-pill{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:8px 14px;border:1px solid rgba(143,255,63,.26);border-radius:999px;background:rgba(12,24,13,.78);color:#d8ffbd;font:700 12px/1 system-ui;letter-spacing:.08em}.hmdex-network-pill i{width:8px;height:8px;border-radius:50%;background:#9dff43;box-shadow:0 0 12px #91ff36;animation:hmdexPulse 1.7s infinite}@keyframes hmdexPulse{50%{opacity:.5;transform:scale(.75)}}
.hmdex-stage{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:24px;max-width:1050px;margin:0 auto}.hmdex-trade-card{position:relative;padding:24px!important;border-color:rgba(143,255,63,.24)!important;background:linear-gradient(150deg,rgba(16,30,17,.96),rgba(4,11,7,.98))!important;box-shadow:0 22px 80px rgba(0,0,0,.5),0 0 60px rgba(101,255,39,.08)!important}.hmdex-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.hmdex-card-head small,.hmdex-main-token small{color:#8eff38;font:800 11px/1 system-ui;letter-spacing:.15em}.hmdex-card-head h2{margin:6px 0 0;color:#f0ffe8}.hmdex-connect-mini{padding:10px 13px;border:1px solid rgba(154,255,82,.35);border-radius:12px;background:rgba(124,255,54,.08);color:#dfffcb;font-weight:800;cursor:pointer}.hmdex-asset-box{padding:15px;border:1px solid rgba(154,255,82,.16);border-radius:22px;background:rgba(0,0,0,.28);transition:.2s border-color,.2s box-shadow}.hmdex-asset-box:focus-within{border-color:rgba(154,255,82,.5);box-shadow:0 0 25px rgba(132,255,57,.1)}.hmdex-asset-top{display:flex;justify-content:space-between;color:#82927d;font:700 11px/1 system-ui}.hmdex-asset-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:10px}.hmdex-asset-main>input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f2ffe9;font:800 31px/1.2 system-ui}.hmdex-asset-main>input::placeholder{color:#536150}.hmdex-token-select{display:flex;align-items:center;gap:9px;min-width:150px;padding:9px;border:1px solid rgba(155,255,75,.2);border-radius:16px;background:rgba(125,255,48,.07);color:white;cursor:pointer}.hmdex-token-select img,.hmdex-token-letter{width:33px;height:33px;object-fit:cover;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#a8ff54,#2c7d22);color:#071005;font-weight:900;box-shadow:0 0 16px rgba(139,255,55,.25)}.hmdex-token-select span:nth-child(2){display:grid;text-align:left}.hmdex-token-select strong{font-size:14px}.hmdex-token-select small{color:#879d80;font-size:9px}.hmdex-token-select b{margin-left:auto;color:#9eff45}.hmdex-flip{display:block;position:relative;z-index:2;width:44px;height:44px;margin:-6px auto;border:5px solid #081009;border-radius:15px;background:linear-gradient(145deg,#b1ff61,#5ac525);color:#10200d;font-size:22px;font-weight:900;cursor:pointer;transition:.25s transform}.hmdex-flip:hover{transform:rotate(180deg)}.hmdex-settings{display:flex;justify-content:space-between;align-items:center;padding:13px 4px;color:#899a84;font-size:12px}.hmdex-settings select{border:0;border-radius:8px;background:#162118;color:#dfffcb;padding:5px}.hmdex-settings strong{color:#9eff45}.hmdex-status{min-height:44px;padding:12px 13px;margin-bottom:12px;border-radius:13px;background:rgba(255,255,255,.035);color:#8da087;font-size:12px}.hmdex-status.loading{color:#d4ffc0}.hmdex-status.ready,.hmdex-status.success{color:#a8ff69;background:rgba(110,255,45,.07)}.hmdex-status.error{color:#ff9a9a;background:rgba(255,50,50,.07)}.hmdex-status a{color:inherit}.hmdex-spinner{display:inline-block;width:12px;height:12px;margin-right:7px;border:2px solid rgba(149,255,74,.25);border-top-color:#9dff43;border-radius:50%;animation:hmdexSpin .8s linear infinite}@keyframes hmdexSpin{to{transform:rotate(360deg)}}.hmdex-swap-button{width:100%;padding:16px;border:0;border-radius:18px;background:linear-gradient(100deg,#b5ff64,#52dc28 60%,#abff57);background-size:200% 100%;color:#071006;font:900 15px/1 system-ui;box-shadow:0 0 30px rgba(116,255,40,.27);cursor:pointer;animation:hmdexGradient 4s linear infinite}.hmdex-swap-button:disabled{opacity:.55;cursor:wait}@keyframes hmdexGradient{to{background-position:200% 0}}.hmdex-success-pulse{animation:hmdexSuccess .8s ease 2}@keyframes hmdexSuccess{50%{box-shadow:0 0 70px rgba(139,255,59,.48)}}
.hmdex-side{display:grid;gap:18px}.hmdex-main-token,.hmdex-flow-visual{padding:23px;border:1px solid rgba(154,255,74,.2);border-radius:25px;background:linear-gradient(145deg,rgba(17,31,17,.95),rgba(4,10,6,.98));box-shadow:0 18px 55px rgba(0,0,0,.38)}.hmdex-token-glow{width:96px;height:96px;padding:10px;margin-bottom:18px;border-radius:50%;background:radial-gradient(circle,rgba(151,255,63,.5),rgba(71,197,30,.12) 55%,transparent 70%);animation:hmdexFloat 3.2s ease-in-out infinite}.hmdex-token-glow img{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 0 35px rgba(125,255,48,.37)}@keyframes hmdexFloat{50%{transform:translateY(-7px)}}.hmdex-main-token h2{color:#f2ffe9}.hmdex-main-token h2 b{color:#9eff43}.hmdex-main-token code{display:block;overflow:hidden;text-overflow:ellipsis;color:#75906d;font-size:10px}.hmdex-main-token p{color:#95a890;font-size:13px;line-height:1.6}.hmdex-flow-visual{position:relative;min-height:145px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.hmdex-flow-visual span{position:absolute;width:110%;height:2px;left:-5%;background:linear-gradient(90deg,transparent,#91ff3e,transparent);filter:drop-shadow(0 0 6px #83ff32);animation:hmdexRoute 2.4s linear infinite}.hmdex-flow-visual span:nth-child(1){top:28%;transform:rotate(8deg)}.hmdex-flow-visual span:nth-child(2){top:48%;animation-delay:-.8s;transform:rotate(-5deg)}.hmdex-flow-visual span:nth-child(3){top:64%;animation-delay:-1.6s;transform:rotate(4deg)}@keyframes hmdexRoute{from{translate:-55% 0}to{translate:55% 0}}.hmdex-flow-visual strong{color:#dfffcc;letter-spacing:.1em}.hmdex-flow-visual small{color:#778b71;margin-top:6px}.hmdex-safety{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1050px;margin:24px auto 0}.hmdex-safety div{padding:17px;border:1px solid rgba(145,255,61,.13);border-radius:17px;background:rgba(8,17,9,.65)}.hmdex-safety b,.hmdex-safety span{display:block}.hmdex-safety b{color:#dfffca}.hmdex-safety span{margin-top:5px;color:#778b72;font-size:12px}
.hmdex-token-modal{max-width:580px!important}.hmdex-token-result{width:100%;display:flex;align-items:center;gap:12px;padding:12px;margin:9px 0;border:1px solid rgba(142,255,61,.16);border-radius:16px;background:rgba(10,20,11,.7);color:white;text-align:left;cursor:pointer}.hmdex-token-result.pinned{border-color:rgba(153,255,71,.45);box-shadow:0 0 20px rgba(120,255,45,.08)}.hmdex-token-result img{width:43px;height:43px;border-radius:50%}.hmdex-token-result span:nth-child(2){display:grid;min-width:0}.hmdex-token-result small{color:#74856f;overflow:hidden;text-overflow:ellipsis}.hmdex-token-result b{margin-left:auto;color:#9cff46;font-size:10px}.hmdex-import-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:15px 0}
@media(max-width:800px){.hmdex-stage{grid-template-columns:1fr}.hmdex-side{grid-template-columns:1fr 1fr}.hmdex-safety{grid-template-columns:1fr}.hmdex-page{padding-top:16px}.hm-dex-top-btn{min-width:92px;padding:10px 13px}.hm-dex-top-btn b{font-size:20px}.hmdex-asset-main>input{font-size:25px}.hmdex-token-select{min-width:132px}}
@media(max-width:560px){.hmdex-side{grid-template-columns:1fr}.hmdex-trade-card{padding:16px!important}.hmdex-card-head{align-items:flex-start}.hmdex-asset-main{grid-template-columns:minmax(0,1fr) 132px}.hmdex-token-select{min-width:0;width:132px}.hmdex-token-select small{max-width:76px;overflow:hidden;text-overflow:ellipsis}.hmdex-script-logo{letter-spacing:-4px}.hm-top-wordmark{max-width:58%;font-size:13px}.hm-dex-top-btn{min-width:84px}.hmdex-import-row{grid-template-columns:1fr}}

/* HackMessageHMXG18 social polish — preserves application logic */
:root{--social-lime:#b8ff3d;--social-lime-2:#78ff54;--social-panel:rgba(5,16,10,.78);--social-line:rgba(174,255,86,.22)}
body,.hm-maldives-bg,.background-shell{background-image:none!important;background:#020804!important;background-attachment:scroll!important}
body::before{content:""!important;display:block!important;position:fixed!important;inset:0!important;z-index:-4!important;pointer-events:none!important;background:
 radial-gradient(circle at 18% 12%,rgba(129,255,78,.14),transparent 30%),
 radial-gradient(circle at 82% 28%,rgba(182,255,50,.10),transparent 32%),
 linear-gradient(145deg,#020804 0%,#06150b 45%,#010503 100%)!important}
.background-shell{display:block!important;overflow:hidden!important;opacity:1!important}
.background-shell .orb,.background-shell .grid-floor,.background-shell .noise{display:block!important}
.background-shell .orb{filter:blur(70px)!important;opacity:.18!important;animation:none!important;background:radial-gradient(circle,var(--social-lime),transparent 68%)!important}
.background-shell .grid-floor{opacity:.16!important;background-image:linear-gradient(rgba(166,255,79,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(166,255,79,.08) 1px,transparent 1px)!important;background-size:64px 64px!important;animation:none!important}
.background-shell .noise{opacity:.025!important;animation:none!important}
.hm-top-row{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:0 6px!important;gap:24px!important;min-height:58px!important}
.hm-top-wordmark{margin-right:auto!important;text-align:left!important;max-width:none!important;font-size:clamp(20px,3vw,31px)!important;font-weight:950!important;letter-spacing:-.035em!important;color:#f7fff2!important;text-shadow:0 0 22px rgba(164,255,74,.12)!important}
.hm-dex-top-btn{margin-left:auto!important;flex:0 0 auto!important;animation:none!important;min-width:118px!important;background:linear-gradient(135deg,#c8ff45,#75ff58)!important;color:#071006!important;border-color:rgba(220,255,169,.76)!important;box-shadow:0 10px 28px rgba(112,255,55,.18)!important}
.hm-dex-top-btn i{display:none!important}
.panel-premium,.card,.profile-card,.sidebar,.topbar,.global-chat-toolbar,.post-card{background:linear-gradient(145deg,rgba(8,22,13,.90),rgba(3,10,6,.82))!important;border-color:var(--social-line)!important;box-shadow:0 18px 55px rgba(0,0,0,.32),inset 0 1px 0 rgba(212,255,180,.05)!important}
.nav-btn:hover,.nav-btn.active,.nav-btn.hm-active{background:linear-gradient(135deg,rgba(185,255,61,.19),rgba(101,255,76,.08))!important;border-color:rgba(179,255,69,.42)!important;color:#efffe6!important}
.btn,.connect-btn{background:linear-gradient(135deg,#d1ff4e,#6dff54)!important;color:#071006!important;box-shadow:0 12px 30px rgba(109,255,84,.16)!important}
.btn.secondary,.btn.ghost,.icon-btn{background:rgba(176,255,75,.07)!important;color:#efffe6!important;border-color:rgba(178,255,72,.25)!important;box-shadow:none!important}
.hmx-holder-badge,[data-hmx-tier-info]{display:none!important}
.post-card.hmx-holder-post,.post-card.hmx-holder-post.bronze,.post-card.hmx-holder-post.silver,.post-card.hmx-holder-post.gold{border-color:var(--social-line)!important;box-shadow:0 18px 55px rgba(0,0,0,.32)!important}
.page-transition,.ux-card-enter,.post-card,.card{animation:none!important;transition:transform .18s ease,border-color .18s ease,background-color .18s ease!important}
/* prevent realtime flashes caused by full-node entry animations */
.content{contain:layout style!important}.content>*{backface-visibility:hidden!important}

/* lightweight CSS 3D blockchain hero */
.blockchain-stage{perspective:900px;background:radial-gradient(circle at 50% 50%,rgba(159,255,68,.16),transparent 48%),linear-gradient(145deg,rgba(10,31,16,.82),rgba(2,10,5,.92))!important}
.blockchain-stage:before{display:none!important}
.chain-floor{position:absolute;inset:34% 4% -15%;transform:rotateX(66deg);transform-origin:center top;background-image:linear-gradient(rgba(173,255,75,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(173,255,75,.16) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(#000,transparent);opacity:.65}
.chain-cube{position:absolute;width:62px;height:62px;border:1px solid rgba(196,255,115,.75);background:linear-gradient(145deg,rgba(188,255,65,.22),rgba(54,128,42,.12));box-shadow:0 0 28px rgba(139,255,65,.34),inset 0 0 20px rgba(154,255,81,.18);transform-style:preserve-3d;animation:chainFloat 5.8s ease-in-out infinite}
.chain-cube i,.chain-cube b,.chain-cube span{position:absolute;inset:0;border:1px solid rgba(192,255,107,.45);background:rgba(129,255,68,.05)}
.chain-cube i{transform:rotateY(90deg) translateZ(31px)}.chain-cube b{transform:rotateX(90deg) translateZ(31px)}.chain-cube span{transform:translateZ(31px)}
.cube-a{left:13%;top:24%;transform:rotateX(-16deg) rotateY(30deg)}.cube-b{right:14%;top:18%;animation-delay:-1.8s;transform:rotateX(-20deg) rotateY(-30deg)}.cube-c{right:28%;bottom:17%;animation-delay:-3.4s;transform:rotateX(-18deg) rotateY(24deg)}
.chain-core{position:relative;z-index:4;width:104px;height:104px;border-radius:30px;padding:10px;background:linear-gradient(145deg,rgba(195,255,73,.30),rgba(31,82,30,.45));border:1px solid rgba(209,255,143,.7);box-shadow:0 0 42px rgba(144,255,72,.35);animation:coreFloat 4.8s ease-in-out infinite}
.chain-core img{width:100%!important;height:100%!important;object-fit:cover;border-radius:22px!important;border:0!important;box-shadow:none!important}
.chain-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,#aaff54,transparent);box-shadow:0 0 12px #9dff55;transform-origin:left center;opacity:.7}.line-a{width:42%;left:22%;top:37%;transform:rotate(10deg)}.line-b{width:34%;left:45%;top:58%;transform:rotate(-24deg)}.line-c{width:30%;left:25%;top:62%;transform:rotate(30deg)}
@keyframes chainFloat{0%,100%{translate:0 0;filter:brightness(.9)}50%{translate:0 -12px;filter:brightness(1.16)}}
@keyframes coreFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}

/* HMdex placeholder */
.hmdex-coming-soon{position:relative;min-height:calc(100vh - 190px);display:grid;place-items:center;overflow:hidden;border:1px solid rgba(178,255,73,.22);border-radius:34px;background:rgba(2,10,5,.66)}
.hmdex-coming-blur{position:absolute;inset:-12%;background:radial-gradient(circle at 35% 35%,rgba(166,255,61,.28),transparent 28%),radial-gradient(circle at 70% 62%,rgba(76,255,92,.17),transparent 32%),linear-gradient(135deg,#06180b,#020704);filter:blur(22px);transform:scale(1.08)}
.hmdex-coming-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(173,255,80,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(173,255,80,.07) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle,#000,transparent 76%)}
.hmdex-coming-card{position:relative;z-index:2;width:min(620px,calc(100% - 32px));padding:54px 28px;text-align:center;border-radius:30px;background:rgba(5,19,10,.56);backdrop-filter:blur(18px);border:1px solid rgba(190,255,102,.35);box-shadow:0 28px 90px rgba(0,0,0,.5)}
.hmdex-coming-logo{font:900 clamp(44px,9vw,86px)/.9 cursive;color:#f2ffe5;text-shadow:0 0 30px rgba(160,255,71,.25)}.hmdex-coming-logo span{color:#aaff4f;font-style:italic}.hmdex-coming-card h1{font-size:clamp(31px,5vw,58px);letter-spacing:-.04em;margin:22px 0 12px;text-transform:none}.hmdex-coming-card p{max-width:520px;margin:0 auto 28px;color:#cfe9c8;font-size:clamp(15px,2vw,19px)}
@media(max-width:760px){.hm-top-row{gap:10px!important;min-height:50px!important}.hm-top-wordmark{font-size:clamp(17px,5vw,23px)!important;line-height:1.02!important}.hm-dex-top-btn{min-width:88px!important;padding:9px 12px!important}.blockchain-stage{min-height:260px!important}.chain-cube{width:48px;height:48px}.chain-core{width:88px;height:88px}}
@media(prefers-reduced-motion:reduce){.chain-cube,.chain-core{animation:none!important}}

/* 2026 stability + deep blockchain scene */
.hm-maldives-bg,.background-shell,.background-shell *{display:none!important;background-image:none!important}
body{background:#010503!important}
.hm-blockchain-canvas{position:fixed;inset:0;z-index:-3;width:100%;height:100%;pointer-events:none;background:radial-gradient(circle at 50% 35%,rgba(86,180,42,.12),transparent 38%),linear-gradient(160deg,#010403,#06120a 52%,#010302)}
body:before{display:none!important;background:none!important}
.hm-top-row{position:relative;z-index:20}
.hm-dex-top-btn{position:relative!important;isolation:isolate!important;min-width:146px!important;padding:12px 24px!important;border-radius:18px!important;border:1px solid rgba(220,255,145,.75)!important;background:linear-gradient(115deg,#08130a 0%,#243c12 38%,#b8ff3e 52%,#203b10 67%,#071009 100%)!important;background-size:230% 100%!important;color:#efffd8!important;box-shadow:0 12px 34px rgba(84,255,39,.2),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -12px 24px rgba(0,0,0,.36)!important;text-shadow:0 1px 12px rgba(190,255,82,.65)!important;overflow:hidden!important;transition:transform .22s ease,box-shadow .22s ease!important}
.hm-dex-top-btn:before{content:"";position:absolute;inset:2px;border-radius:15px;border:1px solid rgba(213,255,135,.2);pointer-events:none}
.hm-dex-top-btn:after{content:"";position:absolute;top:-80%;left:-35%;width:35%;height:250%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:hmdexLuxurySweep 5.5s ease-in-out infinite;pointer-events:none}
.hm-dex-top-btn:hover{transform:translateY(-2px) scale(1.025)!important;box-shadow:0 17px 46px rgba(101,255,44,.3),inset 0 1px 0 rgba(255,255,255,.4)!important}
.hm-dex-top-btn span,.hm-dex-top-btn b{position:relative;z-index:2;font-weight:950!important;letter-spacing:-.04em}.hm-dex-top-btn span{color:#dfff9d}.hm-dex-top-btn b{font-size:22px!important}
@keyframes hmdexLuxurySweep{0%,68%{left:-45%;opacity:0}75%{opacity:.9}100%{left:125%;opacity:0}}

/* The real DEX remains visible underneath a controlled preview blur. */
.hmdex-preview-blurred{position:relative;min-height:calc(100vh - 180px);overflow:hidden;border-radius:30px}
.hmdex-preview-blurred>.hmdex-aurora,.hmdex-preview-blurred>.hmdex-hero,.hmdex-preview-blurred>.hmdex-stage,.hmdex-preview-blurred>.hmdex-safety{filter:blur(9px) saturate(.78);transform:scale(1.012);pointer-events:none;user-select:none}
.hmdex-preview-blurred:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(3,12,6,.12),rgba(1,5,3,.58));pointer-events:none}
.hmdex-launch-float{position:absolute;z-index:8;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none;text-shadow:0 8px 34px #000}
.hmdex-launch-float strong{font-size:clamp(42px,8vw,92px);line-height:.9;letter-spacing:-.065em;color:#edffd7;filter:drop-shadow(0 0 25px rgba(167,255,74,.35))}
.hmdex-launch-float span{margin-top:18px;font-size:clamp(14px,2vw,21px);font-weight:750;color:#cfeebc;letter-spacing:.02em}

/* eliminate realtime paint flashes */
.app-shell,.main,.content,.content>*{transform:translateZ(0);backface-visibility:hidden}
.content{isolation:isolate;contain:layout style;animation:none!important}
.page-transition,.ux-card-enter,.card,.post-card,.panel-premium{animation:none!important}
.post-card,.card,.panel-premium{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important}

/* cinematic Maldives login background */
.hm-maldives-intro-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:99970;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease;filter:saturate(1.08) contrast(1.02)}
body.hm-auth-gate-active .hm-maldives-intro-video{opacity:1;visibility:visible}
body.hm-auth-gate-active:after{content:"";position:fixed;inset:0;z-index:99971;pointer-events:none;background:linear-gradient(90deg,rgba(0,9,5,.52),rgba(0,5,3,.12) 48%,rgba(0,7,4,.44)),linear-gradient(0deg,rgba(0,8,4,.58),transparent 55%)}
.hm-auth-gate{z-index:99972!important;background:transparent!important}
.hm-auth-gate-card{backdrop-filter:blur(18px) saturate(1.12)!important;background:linear-gradient(145deg,rgba(4,18,9,.68),rgba(2,8,5,.48))!important;border-color:rgba(188,255,91,.38)!important}
@media(max-width:700px){.hm-dex-top-btn{min-width:104px!important;padding:10px 14px!important}.hmdex-preview-blurred>.hmdex-aurora,.hmdex-preview-blurred>.hmdex-hero,.hmdex-preview-blurred>.hmdex-stage,.hmdex-preview-blurred>.hmdex-safety{filter:blur(7px)}}
@media(prefers-reduced-motion:reduce){.hm-dex-top-btn:after{animation:none!important}.hm-blockchain-canvas{display:none!important}}

/* ===== HackMessage Global UI v3: photo intro, social eNFT/marketplace, Travel Passport ===== */
.hm-maldives-intro-video{display:none!important}
.hm-maldives-intro-photo{position:fixed;inset:0;z-index:99970;opacity:0;visibility:hidden;pointer-events:none;background-image:linear-gradient(180deg,rgba(0,8,4,.05),rgba(0,8,4,.35)),url('./intro-desktop.jpg');background-position:center;background-size:cover;background-repeat:no-repeat;transition:opacity .5s ease,visibility .5s ease;transform:translateZ(0)}
body.hm-auth-gate-active .hm-maldives-intro-photo,body.hm-intro-active .hm-maldives-intro-photo{opacity:1;visibility:visible}
@media(max-width:700px){.hm-maldives-intro-photo{background-image:linear-gradient(180deg,rgba(0,8,4,.03),rgba(0,8,4,.28)),url('./intro-mobile.jpg');background-position:center top}}

/* eNFT cards: clean social collectible style, no metal */
.enft-card.compact-enft.visual-only-enft{position:relative!important;padding:10px!important;border-radius:24px!important;overflow:hidden!important;background:linear-gradient(155deg,rgba(8,35,22,.96),rgba(4,19,13,.98))!important;border:1px solid rgba(171,255,72,.24)!important;color:#f5ffe9!important;box-shadow:0 18px 48px rgba(0,0,0,.34),0 0 0 1px rgba(171,255,72,.04),inset 0 1px rgba(255,255,255,.07)!important;transition:transform .34s cubic-bezier(.2,.8,.2,1),border-color .34s ease,box-shadow .34s ease!important}
.enft-card.compact-enft.visual-only-enft:before{content:""!important;position:absolute!important;inset:-40% 30% auto -30%!important;height:130px!important;background:radial-gradient(circle,rgba(174,255,60,.18),transparent 68%)!important;pointer-events:none!important}
.enft-card.compact-enft.visual-only-enft:after{display:none!important}
.enft-card.compact-enft.visual-only-enft:hover{transform:translateY(-5px) scale(1.012)!important;border-color:rgba(184,255,80,.52)!important;box-shadow:0 28px 70px rgba(0,0,0,.43),0 0 30px rgba(164,255,54,.10)!important}
.enft-card.compact-enft.visual-only-enft .enft-image-wrap{aspect-ratio:1/1!important;border-radius:18px!important;overflow:hidden!important;background:#06130d!important;border:1px solid rgba(184,255,80,.18)!important;box-shadow:none!important}
.enft-card.compact-enft.visual-only-enft .enft-image-wrap img{transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .4s ease!important}
.enft-card.compact-enft.visual-only-enft:hover .enft-image-wrap img{transform:scale(1.045)!important;filter:saturate(1.08) contrast(1.03)!important}
.enft-card-rarity-label{background:rgba(3,16,10,.78)!important;color:#caff71!important;border:1px solid rgba(186,255,91,.34)!important;backdrop-filter:blur(10px)!important;box-shadow:none!important}
.enft-card.compact-enft.visual-only-enft .enft-body.enft-actions-only{background:transparent!important;color:#efffdf!important}
.enft-card.compact-enft.visual-only-enft .btn,.enft-card.compact-enft.visual-only-enft .enft-price{min-height:42px!important;border-radius:13px!important;background:linear-gradient(135deg,#bfff4d,#79df27)!important;color:#071006!important;border:0!important;font-weight:900!important;box-shadow:0 8px 22px rgba(126,225,39,.16)!important;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease!important}
.enft-card.compact-enft.visual-only-enft .btn.secondary{background:rgba(174,255,70,.08)!important;color:#dfffad!important;border:1px solid rgba(174,255,70,.26)!important;box-shadow:none!important}
.enft-card.compact-enft.visual-only-enft .btn:hover{transform:translateY(-2px)!important;filter:brightness(1.07)!important;box-shadow:0 12px 28px rgba(126,225,39,.25)!important}

/* Marketplace: unified HackMessage social commerce style */
.marketplace-showcase-hero,.marketplace-category-card,.marketplace-product-grid .market-card,.market-card,.travel-market-card,.store-window{background:linear-gradient(155deg,rgba(7,31,20,.95),rgba(3,17,11,.98))!important;border:1px solid rgba(174,255,70,.20)!important;color:#f2ffe7!important;box-shadow:0 20px 58px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05)!important}
.marketplace-category-card,.marketplace-product-grid .market-card,.market-card{transition:max-height .48s cubic-bezier(.2,.8,.2,1),opacity .38s ease,transform .34s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease!important;transform-origin:top center!important}
.marketplace-category-card:hover,.marketplace-product-grid .market-card:hover,.market-card:hover{transform:translateY(-4px)!important;border-color:rgba(180,255,77,.42)!important;box-shadow:0 28px 76px rgba(0,0,0,.42),0 0 24px rgba(160,255,55,.08)!important}
.marketplace-category-card .card-title,.marketplace-category-card h2,.marketplace-category-card h3,.marketplace-category-card .eyebrow,.marketplace-category-card .card-sub,.market-card .card-title,.market-card h3,.market-card *{color:inherit!important;text-shadow:none!important}
.marketplace-category-card .card-sub,.market-card .card-sub,.market-card .tiny,.travel-market-card .tiny{color:rgba(226,244,216,.72)!important}
.category-chevron,.market-card .btn,.marketplace-category-card .btn{border-radius:14px!important;background:linear-gradient(135deg,#bdff4a,#75dc24)!important;color:#061005!important;border:0!important;text-shadow:none!important;box-shadow:0 10px 26px rgba(123,225,35,.15)!important;transition:transform .22s ease,box-shadow .22s ease!important}
.category-chevron:hover,.market-card .btn:hover,.marketplace-category-card .btn:hover{transform:translateY(-2px)!important;box-shadow:0 14px 34px rgba(123,225,35,.24)!important}
.marketplace-product-grid,.premium-shop-grid{animation:hmMarketReveal .42s cubic-bezier(.2,.8,.2,1) both}
@keyframes hmMarketReveal{from{opacity:0;transform:translateY(-12px) scale(.985)}to{opacity:1;transform:none}}

/* Travel Passport v3 */
.hm-travel-passport-v3{display:grid!important;gap:16px!important;background:transparent!important;color:#efffe2!important}
.hm-passport-world-cover{position:relative!important;min-height:260px!important;padding:30px!important;border-radius:30px!important;overflow:hidden!important;display:flex!important;align-items:flex-end!important;background:linear-gradient(135deg,rgba(3,28,18,.24),rgba(2,14,9,.88)),url('https://upload.wikimedia.org/wikipedia/commons/thumb/8/83/Equirectangular_projection_SW.jpg/1280px-Equirectangular_projection_SW.jpg') center/cover!important;border:1px solid rgba(183,255,82,.30)!important;box-shadow:0 24px 70px rgba(0,0,0,.42),inset 0 0 60px rgba(8,36,21,.48)!important}
.passport-map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(184,255,82,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(184,255,82,.07) 1px,transparent 1px);background-size:32px 32px;mix-blend-mode:screen;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent)}
.passport-cover-glow{position:absolute;width:240px;height:240px;border-radius:50%;right:-40px;top:-70px;background:radial-gradient(circle,rgba(177,255,67,.30),transparent 68%);animation:passportGlow 5s ease-in-out infinite}
.passport-cover-copy{position:relative;z-index:2;display:grid;gap:7px;text-shadow:0 3px 20px rgba(0,0,0,.75)}
.passport-cover-copy small{font-weight:900;letter-spacing:.18em;color:#caff70}.passport-cover-copy strong{font-size:clamp(34px,7vw,66px);line-height:.94;letter-spacing:-.045em}.passport-cover-copy span{font-size:12px;letter-spacing:.12em;color:rgba(244,255,233,.82)}.passport-cover-copy b{width:max-content;margin-top:8px;padding:8px 13px;border-radius:999px;background:rgba(5,23,14,.62);border:1px solid rgba(183,255,82,.30);color:#d9ff9f}
.hm-passport-page-v3{display:grid!important;gap:14px!important;padding:0!important;background:transparent!important;color:#efffe3!important}
.passport-motion-block{position:relative;padding:18px;border-radius:23px;background:linear-gradient(145deg,rgba(9,37,24,.96),rgba(3,18,11,.98));border:1px solid rgba(176,255,74,.20);box-shadow:0 16px 44px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05);animation:passportBlockIn .58s cubic-bezier(.2,.8,.2,1) both;overflow:hidden}
.passport-motion-block:nth-child(2){animation-delay:.08s}.passport-motion-block:nth-child(3){animation-delay:.16s}
.passport-motion-block:before{content:"";position:absolute;inset:-60px auto auto -60px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(174,255,68,.12),transparent 70%);pointer-events:none}
.passport-section-label{font-size:10px;letter-spacing:.18em;font-weight:900;color:#bfff58;margin-bottom:12px}
.hm-passport-page-v3 .passport-owner-row{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:13px!important;background:transparent!important;padding:0!important}
.hm-passport-page-v3 .passport-owner-row strong{color:#fff!important}.hm-passport-page-v3 .passport-owner-row small{display:block;color:rgba(229,246,216,.68)!important;margin-top:4px}
.passport-live-dot{font-size:10px;font-weight:900;color:#bfff55;display:flex;gap:6px;align-items:center}.passport-live-dot i{width:8px;height:8px;border-radius:50%;background:#9dff35;box-shadow:0 0 14px #9dff35;animation:passportPulse 1.8s ease-in-out infinite}
.passport-country-motion{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center}.passport-stat-orbit{width:120px;height:120px;border-radius:50%;display:grid;place-content:center;text-align:center;border:1px solid rgba(184,255,81,.32);background:radial-gradient(circle,rgba(172,255,64,.15),rgba(4,21,13,.9) 65%);box-shadow:inset 0 0 26px rgba(164,255,52,.10),0 0 24px rgba(164,255,52,.08);animation:passportOrbit 6s ease-in-out infinite}.passport-stat-orbit strong{font-size:38px;color:#c8ff75}.passport-stat-orbit span{font-size:11px;color:rgba(234,249,222,.68)}
.hm-passport-page-v3 .passport-countries{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.hm-passport-page-v3 .passport-countries span{padding:8px 11px!important;border-radius:999px!important;background:rgba(171,255,66,.08)!important;border:1px solid rgba(171,255,66,.20)!important;color:#e6ffc4!important;animation:passportStampIn .4s ease both;animation-delay:calc(var(--stamp-index,0) * 45ms)}
.hm-passport-page-v3 .passport-stamp-head{display:flex!important;justify-content:space-between!important;color:#caff76!important;margin-bottom:13px!important}.hm-passport-page-v3 .passport-stamps{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:10px!important}.hm-passport-page-v3 .passport-stamp{min-width:0!important;padding:14px 8px!important;border-radius:18px!important;background:rgba(170,255,65,.07)!important;border:1px solid rgba(170,255,65,.16)!important;text-align:center!important;transition:transform .25s ease,border-color .25s ease!important}.hm-passport-page-v3 .passport-stamp:hover{transform:translateY(-4px) rotate(-1deg)!important;border-color:rgba(182,255,78,.40)!important}.hm-passport-page-v3 .passport-stamp i{font-style:normal;font-size:23px}.hm-passport-page-v3 .passport-stamp strong{display:block;font-size:25px;color:#c7ff70}.hm-passport-page-v3 .passport-stamp span{font-size:11px;color:rgba(236,250,225,.68)}.hm-passport-page-v3 .passport-note{display:block;margin-top:12px;color:rgba(225,242,213,.60)!important}
@keyframes passportBlockIn{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}@keyframes passportStampIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes passportGlow{50%{transform:scale(1.15) translate(-10px,10px);opacity:.7}}@keyframes passportPulse{50%{opacity:.4;transform:scale(.75)}}@keyframes passportOrbit{50%{transform:translateY(-5px);box-shadow:inset 0 0 34px rgba(164,255,52,.15),0 12px 34px rgba(0,0,0,.18)}}
@media(max-width:640px){.hm-passport-world-cover{min-height:220px!important;padding:22px!important}.passport-country-motion{grid-template-columns:1fr!important}.passport-stat-orbit{width:104px;height:104px}.hm-passport-page-v3 .passport-stamps{grid-template-columns:repeat(2,1fr)!important}}
@media(prefers-reduced-motion:reduce){.enft-card,.market-card,.marketplace-product-grid,.passport-motion-block,.passport-cover-glow,.passport-live-dot i,.passport-stat-orbit{animation:none!important;transition:none!important}}

/* ===== HM Global v4: immediate navigation, centered mobile intro, readable commerce, no flicker ===== */
:root{--hm-lime:#baff3f;--hm-lime-2:#79dc23;--hm-ink:#020905;--hm-panel:rgba(5,22,14,.94)}

/* Top brand: readable split wordmark */
.hm-top-wordmark{display:flex!important;align-items:baseline!important;gap:.34em!important;white-space:nowrap!important;font-weight:950!important;letter-spacing:-.035em!important;color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.72)!important}
.hm-top-wordmark span{color:#fff!important}.hm-top-wordmark b{color:var(--hm-lime)!important;font:inherit!important;text-shadow:0 0 18px rgba(174,255,63,.28)!important}

/* Dock must exist immediately with the first social render */
body.hm-ui-ready:not(.hm-auth-gate-active) .sidebar.bottom-dock,
body:not(.hm-auth-gate-active) .app-shell .sidebar.bottom-dock{
 display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translate3d(0,0,0)!important;animation:none!important;transition:none!important
}
@media(max-width:820px){
 body.hm-ui-ready:not(.hm-auth-gate-active) .sidebar.bottom-dock,
 body:not(.hm-auth-gate-active) .app-shell .sidebar.bottom-dock{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(10px + var(--safe-bottom,0px))!important;top:auto!important;z-index:2147481000!important}
}

/* Mobile post-login title: centered, bounded, never off-screen */
.hm-auth-title-stage{position:fixed!important;inset:0!important;width:100vw!important;max-width:100vw!important;display:grid!important;place-content:center!important;justify-items:center!important;text-align:center!important;padding:24px!important;box-sizing:border-box!important;overflow:hidden!important}
.hm-auth-title-stage .hm-script-title,.post-login-title{position:relative!important;inset:auto!important;width:min(92vw,900px)!important;max-width:92vw!important;margin:0 auto!important;text-align:center!important;transform:none!important;white-space:normal!important;overflow-wrap:anywhere!important}
.hm-auth-title-stage .hm-script-title span,.post-login-title span{display:block!important;font-size:clamp(29px,8.4vw,72px)!important;line-height:1.04!important;letter-spacing:-.045em!important;text-align:center!important}
.hm-auth-title-stage .hm-script-subtitle,.post-login-subtitle{width:min(88vw,720px)!important;max-width:88vw!important;margin:14px auto 0!important;text-align:center!important;font-size:clamp(11px,3.2vw,17px)!important;line-height:1.35!important}

/* Start gate: exactly three clean readable actions */
.hm-auth-gate .auth-main-card,.hm-auth-gate .premium-login-btn.unified,.hm-auth-gate .auth-info-login{
 color:#071006!important;text-shadow:none!important;font-weight:950!important;border:1px solid rgba(205,255,131,.58)!important;background:linear-gradient(135deg,#d4ff77 0%,#aef33e 46%,#79d923 100%)!important;box-shadow:0 12px 30px rgba(79,163,17,.28),inset 0 1px 0 rgba(255,255,255,.65)!important
}
.hm-auth-gate .auth-main-card:hover,.hm-auth-gate .premium-login-btn.unified:hover,.hm-auth-gate .auth-info-login:hover{filter:brightness(1.05)!important;transform:translateY(-2px)!important}
.hm-auth-gate .hm-auth-panel-title{color:#fff!important;text-align:center!important;text-shadow:0 0 22px rgba(176,255,65,.24)!important}

/* Marketplace typography must stay white on every card and nested element */
.content .marketplace-catalog-shell .marketplace-category-card,
.content .marketplace-product-grid .market-card,
.content .market-card{color:#fff!important}
.content .marketplace-catalog-shell .marketplace-category-card :is(.card-title,h1,h2,h3,h4,.eyebrow,.card-sub,p,span,strong,small,label),
.content .marketplace-product-grid .market-card :is(.card-title,h1,h2,h3,h4,.eyebrow,.card-sub,p,span,strong,small,label),
.content .market-card :is(.card-title,h1,h2,h3,h4,.eyebrow,.card-sub,p,span,strong,small,label){color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.68)!important}
.content .marketplace-catalog-shell .marketplace-category-card .card-sub,
.content .marketplace-product-grid .market-card .card-sub,
.content .market-card .tiny{color:rgba(255,255,255,.78)!important}
.content .marketplace-category-card .category-chevron,
.content .market-card .btn{color:#071006!important;text-shadow:none!important}

/* Stable compositor: never hide/replay the whole interface during realtime updates */
#app,.app-shell,.main,.content,.sidebar,.hm-top-row{opacity:1!important;visibility:visible!important;filter:none!important;animation:none!important;backface-visibility:hidden!important;transform:translateZ(0)}
.content.page-transition,.content.page-transition>*{animation:none!important}
.card,.post-card,.market-card,.enft-card,.marketplace-category-card,.passport-motion-block{animation:none!important;will-change:auto!important}
body:not(.hm-auth-gate-active) .hm-maldives-intro-photo{display:none!important;opacity:0!important;visibility:hidden!important;transition:none!important}
body:not(.hm-auth-gate-active) #hmAuthGate{pointer-events:none!important}
@media(prefers-reduced-motion:no-preference){
 .nav-btn,.btn,.market-card,.enft-card,.marketplace-category-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease!important}
}
@media(max-width:560px){
 .hm-top-wordmark{font-size:clamp(15px,4.8vw,21px)!important;gap:.25em!important}
 .hm-top-row{gap:8px!important;padding-inline:8px!important}
 .hm-auth-gate .auth-start-actions,.hm-auth-gate .premium-login-actions{width:min(320px,calc(100vw - 36px))!important;gap:11px!important}
 .hm-auth-gate .auth-main-card,.hm-auth-gate .premium-login-btn.unified{min-height:52px!important;height:auto!important;padding:12px 16px!important;font-size:14px!important;border-radius:17px!important}
}

/* ===== HM Global v5: persistent controls, unified lime system, wallet/HMdex mobile polish ===== */
:root{--hm-action-a:#d7ff7a;--hm-action-b:#a9f23e;--hm-action-c:#73d51f;--hm-action-ink:#071006;--hm-card-bg:linear-gradient(145deg,rgba(8,31,19,.97),rgba(3,17,10,.98));}

/* Keep navigation, wallet and messenger visible during intro; photo already softens them */
body.hm-auth-gate-active .sidebar.bottom-dock,body.hm-intro-active .sidebar.bottom-dock,
body.hm-auth-gate-active .right-action-stack,body.hm-intro-active .right-action-stack,
body.hm-auth-gate-active .quick-wallet-global-fab,body.hm-intro-active .quick-wallet-global-fab,
body.hm-auth-gate-active .messenger-fab,body.hm-intro-active .messenger-fab{
 display:flex!important;visibility:visible!important;opacity:.72!important;pointer-events:auto!important;filter:blur(1.5px) saturate(.8)!important;transform:translate3d(0,0,0)!important;animation:none!important;transition:opacity .2s ease,filter .2s ease!important
}
body.hm-auth-gate-active .sidebar.bottom-dock,body.hm-intro-active .sidebar.bottom-dock{display:block!important}
body:not(.hm-auth-gate-active):not(.hm-intro-active) :is(.sidebar.bottom-dock,.right-action-stack,.quick-wallet-global-fab,.messenger-fab){filter:none!important;opacity:1!important}

/* One site-wide button language: no metallic surfaces */
:is(button,.btn,.nav-btn,.menu-btn,.action-btn,.wallet-action-primary,.wallet-action-secondary,.travel-btn,.chat-btn):not(.icon-only):not(.close-btn){
 border:1px solid rgba(207,255,137,.52)!important;border-radius:15px!important;background:linear-gradient(135deg,var(--hm-action-a),var(--hm-action-b) 48%,var(--hm-action-c))!important;color:var(--hm-action-ink)!important;text-shadow:none!important;font-weight:900!important;box-shadow:0 9px 24px rgba(91,178,25,.19),inset 0 1px 0 rgba(255,255,255,.62)!important;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important
}
:is(button,.btn,.nav-btn,.menu-btn,.action-btn,.wallet-action-primary,.wallet-action-secondary,.travel-btn,.chat-btn):not(.icon-only):not(.close-btn):hover{transform:translateY(-1px)!important;filter:brightness(1.045)!important;box-shadow:0 12px 28px rgba(91,178,25,.25),inset 0 1px 0 rgba(255,255,255,.7)!important}
:is(button,.btn,.nav-btn,.menu-btn,.action-btn):disabled{opacity:.48!important;filter:saturate(.45)!important;transform:none!important}

/* Marketplace text cannot inherit dark button/card typography */
:is(.market-card,.marketplace-category-card,.marketplace-product-card,.marketplace-catalog-shell) :is(h1,h2,h3,h4,h5,p,span,strong,small,label,.card-title,.card-sub,.eyebrow,.tiny){color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.72)!important}
:is(.market-card,.marketplace-category-card,.marketplace-product-card) button{color:#071006!important;text-shadow:none!important}

/* Robinhood-style wallet without metal; aligned token information */
.internal-wallet-card,.premium-wallet-card,.finance-page-card{background:var(--hm-card-bg)!important;border:1px solid rgba(180,255,78,.24)!important;box-shadow:0 22px 60px rgba(0,0,0,.38)!important;color:#fff!important}
.internal-wallet-total-card,.premium-wallet-asset,.internal-wallet-action,.internal-wallet-history-wrap{background:linear-gradient(145deg,rgba(13,48,29,.92),rgba(5,25,15,.96))!important;border:1px solid rgba(181,255,82,.18)!important;color:#fff!important;box-shadow:none!important}
.internal-wallet-row .wallet-asset-main{width:100%!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;align-items:center!important;gap:13px!important}
.internal-wallet-row .wallet-asset-meta{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:3px 12px!important;align-items:center!important;min-width:0!important;text-align:left!important}
.internal-wallet-row .wallet-asset-meta strong{grid-column:1!important;color:#fff!important;white-space:normal!important}
.internal-wallet-row .wallet-asset-meta span{grid-column:2!important;grid-row:1!important;color:#d7ff93!important;font-weight:900!important;text-align:right!important}
.internal-wallet-row .wallet-asset-meta em{grid-column:2!important;grid-row:2!important;color:#fff!important;text-align:right!important;font-style:normal!important}
.internal-wallet-row .wallet-asset-meta small{grid-column:1!important;grid-row:2!important;color:rgba(255,255,255,.7)!important}
.wallet-asset-actions{grid-column:1/-1!important;margin-top:12px!important;gap:9px!important}
.wallet-page-bottom-back{width:100%!important;margin-top:14px!important;min-height:50px!important}
.wallet-headline .finance-page-back{display:none!important}

/* HMdex centered on phones, real blurred exchange visible, with return action */
.hmdex-page{min-height:calc(100dvh - 90px)!important;position:relative!important;padding-bottom:120px!important}
.hmdex-launch-float{position:fixed!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(92vw,480px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:11px!important;text-align:center!important;z-index:80!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.hmdex-launch-float strong{font-size:clamp(31px,8vw,60px)!important;color:#fff!important;text-shadow:0 0 32px rgba(171,255,61,.58),0 4px 20px #000!important}
.hmdex-launch-float span{color:#eaffd6!important;text-shadow:0 2px 12px #000!important}
.hmdex-return-home{margin-top:8px!important;min-width:220px!important;min-height:50px!important}
.hmdex-script-logo b{font-family:"Trebuchet MS","Arial Rounded MT Bold",sans-serif!important;font-style:italic!important;font-weight:1000!important;letter-spacing:-.12em!important;color:#fff!important;text-shadow:0 0 18px rgba(255,255,255,.22)!important;margin-right:.09em!important}
.hmdex-script-logo span{font-family:inherit!important}
@media(max-width:700px){.hmdex-page{min-height:100dvh!important;padding:10px 8px 140px!important}.hmdex-stage{margin-top:0!important}.hmdex-launch-float{top:50dvh!important}.hmdex-launch-float strong{font-size:clamp(30px,10vw,44px)!important}.hmdex-return-home{width:min(82vw,300px)!important}}

/* TravelMap and Global Chat inherit the same buttons and white labels */
:is(.travel-map-page,.travelmap-page,.global-chat-page,.global-chat,.chat-shell) :is(.card-title,h1,h2,h3,p,span,strong,label){color:#fff!important}

/* Eliminate triple flash: no global entrance/re-entry animations, no opacity transitions on data refresh */
#app,.app-shell,.main,.content,.sidebar,.hm-top-row,.page,.view,.card,.post-card,.market-card,.enft-card,.chat-message,.travel-card{animation:none!important;transition-property:transform,border-color,box-shadow,filter!important;opacity:1!important;visibility:visible!important}
body.hm-ui-refreshing #app,body.realtime-updating #app,#app[aria-busy="true"]{opacity:1!important;filter:none!important}


/* ===== HM Global v6: restored dock, readable marketplace, transparent social controls ===== */
/* The dock and side actions never disappear after their first render. */
body .sidebar.bottom-dock,
body .sidebar.viewport-dock,
body .right-action-stack,
body .messenger-fab,
body .notification-fab,
body .quick-wallet-global-fab,
body .quick-wallet-stack-fab{
  display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  animation:none!important;transition:filter .18s ease,opacity .18s ease!important;
}
body.hm-auth-gate-active .sidebar.bottom-dock,
body.hm-intro-active .sidebar.bottom-dock,
body.hm-auth-gate-active .right-action-stack,
body.hm-intro-active .right-action-stack{opacity:.72!important;filter:blur(1.5px) saturate(.82)!important}

/* Restore the clear, dark navigation buttons from the previous version. */
.sidebar.bottom-dock .nav-btn,
.sidebar.viewport-dock .nav-btn{
  background:rgba(5,18,11,.66)!important;color:#efffe7!important;border:1px solid transparent!important;
  box-shadow:none!important;text-shadow:none!important;font-weight:800!important;border-radius:14px!important;
}
.sidebar.bottom-dock .nav-btn:hover,
.sidebar.bottom-dock .nav-btn.active,
.sidebar.bottom-dock .nav-btn.hm-active,
.sidebar.viewport-dock .nav-btn:hover,
.sidebar.viewport-dock .nav-btn.active,
.sidebar.viewport-dock .nav-btn.hm-active{
  background:linear-gradient(135deg,rgba(185,255,61,.19),rgba(101,255,76,.08))!important;
  border-color:rgba(179,255,69,.42)!important;color:#efffe6!important;
}
.sidebar .nav-btn .nav-ico,.sidebar .nav-btn .nav-label{color:inherit!important;filter:none!important}

/* Messenger uses the requested logo, wallet styling remains untouched. */
.messenger-fab{overflow:hidden!important;background:rgba(5,18,11,.92)!important;border:1px solid rgba(177,255,75,.36)!important;box-shadow:0 12px 34px rgba(0,0,0,.38)!important}
.messenger-fab-logo{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;border-radius:inherit!important}
.messenger-fab .hm-chat-icon{display:none!important}

/* Author identity inside posts: transparent panel, thin green outline, no green fill. */
.post-card .post-author,.post-card .post-author-click{
  background:rgba(0,0,0,.12)!important;border:1px solid rgba(163,255,69,.28)!important;
  border-radius:15px!important;color:#fff!important;box-shadow:none!important;
}
.post-card .post-author-click{padding:8px 10px!important;width:100%!important;text-align:left!important}
.post-card .post-author .handle,.post-card .post-author .tiny{color:#fff!important}
.post-card .post-author .tiny{color:rgba(255,255,255,.68)!important}

/* Likes, repost and views stay simple and transparent. */
.post-card .post-metric-pill,
.post-card .like-heart,
.post-card .post-repost-pill,
.post-card .post-views{
  background:rgba(0,0,0,.12)!important;border:1px solid rgba(163,255,69,.25)!important;
  color:#f5fff0!important;box-shadow:none!important;text-shadow:none!important;border-radius:999px!important;
}
.post-card .post-metric-pill:hover{background:rgba(162,255,65,.07)!important;border-color:rgba(163,255,69,.48)!important;transform:none!important}
.post-card .like-heart.liked{color:#ff557e!important;background:rgba(255,85,126,.08)!important;border-color:rgba(255,85,126,.34)!important}

/* Marketplace: dark cards, white copy and clearly separated lime actions. */
.marketplace-catalog-shell .marketplace-category-card,
.marketplace-product-grid .market-card,
.market-card,.travel-market-card,.store-window{
  background:linear-gradient(150deg,rgba(7,22,14,.97),rgba(2,10,6,.99))!important;
  border:1px solid rgba(177,255,75,.24)!important;color:#fff!important;
}
:is(.market-card,.marketplace-category-card,.marketplace-product-card,.store-window) :is(h1,h2,h3,h4,h5,p,span,strong,small,label,.card-title,.card-sub,.eyebrow,.tiny){
  color:#fff!important;opacity:1!important;text-shadow:0 1px 3px rgba(0,0,0,.85)!important;
}
:is(.market-card,.marketplace-category-card,.marketplace-product-card,.store-window) :is(button,.btn){
  background:linear-gradient(135deg,#d4ff77,#9be833)!important;color:#071006!important;
  border:1px solid rgba(225,255,174,.62)!important;text-shadow:none!important;box-shadow:0 8px 20px rgba(82,160,23,.20)!important;
}

/* Wallet asset cards are light Robinhood-green; all data on them is black. */
.internal-wallet-total-card,.premium-wallet-asset,.internal-wallet-action,.internal-wallet-row{
  background:linear-gradient(145deg,#d9ff8d,#a9ed45)!important;border:1px solid rgba(231,255,188,.78)!important;
  color:#071006!important;box-shadow:0 12px 28px rgba(82,160,23,.18)!important;
}
:is(.internal-wallet-total-card,.premium-wallet-asset,.internal-wallet-action,.internal-wallet-row) :is(h1,h2,h3,h4,p,span,strong,small,em,label,b){
  color:#071006!important;text-shadow:none!important;opacity:1!important;
}
.internal-wallet-row .wallet-asset-meta strong,
.internal-wallet-row .wallet-asset-meta span,
.internal-wallet-row .wallet-asset-meta em,
.internal-wallet-row .wallet-asset-meta small{color:#071006!important}

/* Avoid visibility changes during realtime repaint. */
body.hm-ui-refreshing :is(.sidebar.bottom-dock,.right-action-stack,.messenger-fab,.notification-fab),
body.realtime-updating :is(.sidebar.bottom-dock,.right-action-stack,.messenger-fab,.notification-fab){
  display:flex!important;visibility:visible!important;opacity:1!important;filter:none!important;
}


/* ===== HM Global v7: messenger rows, HMdex close, transparent authors, 3D marketplace actions ===== */
/* Messenger conversation/contact rows: transparent glass with a clean neon-lime outline. */
.messenger-list-card :is(.messenger-contact,.dialog-item,.conversation-item,.chat-item),
.messenger-contacts :is(button,[role="button"]){
  background:rgba(2,12,7,.18)!important;
  border:1px solid rgba(174,255,70,.42)!important;
  color:#f5fff0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 0 1px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;
}
.messenger-list-card :is(.messenger-contact,.dialog-item,.conversation-item,.chat-item):hover,
.messenger-contacts :is(button,[role="button"]):hover{
  background:rgba(174,255,70,.065)!important;
  border-color:rgba(183,255,80,.68)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.24),0 0 18px rgba(157,255,57,.08)!important;
}
.messenger-list-card :is(.messenger-contact,.dialog-item,.conversation-item,.chat-item) :is(strong,b,span,p){color:#fff!important}
.messenger-list-card :is(.messenger-contact,.dialog-item,.conversation-item,.chat-item) :is(small,em){color:rgba(240,255,232,.68)!important}

/* HMdex preview dissolves smoothly, then returns to the real home view. */
.hmdex-page.hmdex-is-closing{pointer-events:none!important;animation:hmDexDissolve .46s cubic-bezier(.4,0,.2,1) forwards!important;transform-origin:center center!important}
@keyframes hmDexDissolve{
  0%{opacity:1;filter:blur(0);transform:scale(1)}
  55%{opacity:.42;filter:blur(8px);transform:scale(.992)}
  100%{opacity:0;filter:blur(22px);transform:scale(.975)}
}

/* Author block is genuinely transparent; only the neon outline remains. */
.content .post-card :is(.post-author,.post-author-click,.post-author-shell,.post-author-row),
.post-card > :is(.post-author,.post-author-click,.post-author-shell,.post-author-row){
  background:transparent!important;
  background-image:none!important;
  border:1px solid rgba(180,255,70,.58)!important;
  box-shadow:0 0 14px rgba(155,255,48,.09),inset 0 0 0 1px rgba(255,255,255,.018)!important;
  color:#fff!important;
}
.content .post-card :is(.post-author,.post-author-click,.post-author-shell,.post-author-row)::before,
.content .post-card :is(.post-author,.post-author-click,.post-author-shell,.post-author-row)::after{background:none!important;box-shadow:none!important}

/* Marketplace buttons: dark-edged lime 3D controls that stand out from green cards. */
:is(.market-card,.marketplace-category-card,.marketplace-product-card,.store-window) :is(button,.btn,.category-chevron){
  position:relative!important;
  background:linear-gradient(180deg,#e6ff9b 0%,#b9f34c 48%,#7dbf20 100%)!important;
  color:#081006!important;
  border:2px solid #071006!important;
  border-bottom-width:4px!important;
  border-radius:13px!important;
  font-weight:950!important;
  text-shadow:0 1px 0 rgba(255,255,255,.55)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 -3px 5px rgba(44,91,4,.22),0 7px 0 #071006,0 12px 24px rgba(0,0,0,.34)!important;
  transform:translateY(-2px)!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
}
:is(.market-card,.marketplace-category-card,.marketplace-product-card,.store-window) :is(button,.btn,.category-chevron):hover{
  filter:brightness(1.06)!important;
  transform:translateY(-4px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),inset 0 -3px 5px rgba(44,91,4,.2),0 9px 0 #071006,0 16px 28px rgba(0,0,0,.38)!important;
}
:is(.market-card,.marketplace-category-card,.marketplace-product-card,.store-window) :is(button,.btn,.category-chevron):active{
  transform:translateY(4px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 4px rgba(44,91,4,.25),0 1px 0 #071006,0 5px 12px rgba(0,0,0,.26)!important;
}
@media(prefers-reduced-motion:reduce){.hmdex-page.hmdex-is-closing{animation-duration:.01ms!important}}

/* V8 — guest browsing, transparent HMdex, animated messenger outlines, exchange-style wallet */
.guest-browse-btn{background:rgba(5,18,10,.72)!important;color:#eaffdf!important;border:1px solid rgba(165,255,76,.72)!important;box-shadow:0 0 0 1px rgba(165,255,76,.08) inset,0 0 24px rgba(126,255,52,.13)!important}
.guest-browse-btn:hover{background:rgba(13,35,18,.86)!important;box-shadow:0 0 30px rgba(126,255,52,.25)!important}

.hm-dex-top-btn{background:rgba(4,14,8,.34)!important;background-image:none!important;border:1px solid transparent!important;color:#efffe7!important;box-shadow:0 10px 30px rgba(0,0,0,.25),inset 0 0 0 1px rgba(170,255,80,.2)!important;backdrop-filter:blur(12px)!important}
.hm-dex-top-btn:before{inset:-2px!important;border:0!important;border-radius:20px!important;background:conic-gradient(from 0deg,#92ff3f,#d9ff76,#39ff88,#92ff3f)!important;animation:hmBorderOrbit 3.2s linear infinite!important;z-index:-2!important}
.hm-dex-top-btn:after{content:""!important;position:absolute!important;inset:1px!important;width:auto!important;height:auto!important;top:1px!important;left:1px!important;transform:none!important;border-radius:17px!important;background:rgba(5,16,9,.88)!important;animation:none!important;z-index:-1!important}
.hm-dex-top-btn span{font-family:"Trebuchet MS","Arial Rounded MT Bold",system-ui,sans-serif!important;font-style:italic!important;letter-spacing:-.08em!important;color:#fff!important}
.hm-dex-top-btn b{color:#a8ff50!important}
@keyframes hmBorderOrbit{to{transform:rotate(360deg)}}

.messenger-list-card .dialog-item.messenger-contact{position:relative!important;isolation:isolate!important;background:rgba(2,10,6,.3)!important;border:1px solid transparent!important;box-shadow:none!important;overflow:hidden!important}
.messenger-list-card .dialog-item.messenger-contact:before{content:""!important;position:absolute!important;inset:-2px!important;border-radius:inherit!important;background:conic-gradient(from var(--chat-angle,0deg),#7cff35,#d4ff73,#35ff8c,#7cff35)!important;animation:chatCardOrbit 4.5s linear infinite!important;z-index:-2!important;opacity:.92!important;transform:none!important}
.messenger-list-card .dialog-item.messenger-contact:after{content:"";position:absolute;inset:1px;border-radius:calc(18px - 1px);background:rgba(3,13,8,.93);z-index:-1}
.messenger-list-card .dialog-item.messenger-contact:hover{transform:translateY(-2px)!important;box-shadow:0 0 26px rgba(135,255,57,.18)!important}
@keyframes chatCardOrbit{to{--chat-angle:360deg;transform:rotate(360deg)}}

.hackwallet-title{display:inline-flex;align-items:center;gap:0;font-weight:900;letter-spacing:-.045em;position:relative}
.hackwallet-title span{color:#fff}.hackwallet-title b{color:#9cff45}
.hackwallet-title:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:linear-gradient(90deg,transparent,#a8ff4d,#fff,#a8ff4d,transparent);background-size:220% 100%;animation:hackWalletShimmer 3.6s linear infinite}
@keyframes hackWalletShimmer{to{background-position:220% 0}}

.hm-wallet-premium-shell .premium-wallet-list{display:grid!important;gap:10px!important}
.hm-wallet-premium-shell .internal-wallet-row.premium-wallet-asset{position:relative!important;isolation:isolate!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;min-height:64px!important;padding:10px 12px!important;border-radius:18px!important;background:rgba(3,13,8,.38)!important;border:1px solid transparent!important;overflow:hidden!important;box-shadow:none!important;color:#fff!important}
.hm-wallet-premium-shell .internal-wallet-row.premium-wallet-asset:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 0deg,#7cff35,#dcff79,#37ff89,#7cff35);animation:walletCardOrbit 5s linear infinite;z-index:-2}
.hm-wallet-premium-shell .internal-wallet-row.premium-wallet-asset:after{content:"";position:absolute;inset:1px;border-radius:17px;background:rgba(4,15,9,.95);z-index:-1}
@keyframes walletCardOrbit{to{transform:rotate(360deg)}}
.wallet-exchange-line{display:grid!important;grid-template-columns:38px minmax(48px,.7fr) minmax(70px,1fr) minmax(82px,1fr)!important;align-items:center!important;gap:10px!important;width:100%!important}
.wallet-exchange-line .wallet-asset-logo{width:34px!important;height:34px!important;min-width:34px!important}
.wallet-exchange-line .wallet-symbol{font-size:14px!important;color:#fff!important;white-space:nowrap!important}
.wallet-exchange-line .wallet-amount{font-size:13px!important;color:#fff!important;text-align:right!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.wallet-exchange-line .wallet-usd{font-size:12px!important;color:#b8ff72!important;text-align:right!important;white-space:nowrap!important;font-style:normal!important}
.hm-wallet-premium-shell .wallet-asset-actions{grid-template-columns:1fr 1fr!important;gap:9px!important;width:100%!important}
.hm-wallet-premium-shell .wallet-page-bottom-back{display:block!important;margin:18px auto 0!important;min-width:150px!important}
@media(max-width:520px){
  .wallet-exchange-line{grid-template-columns:32px 48px minmax(62px,1fr) minmax(72px,1fr)!important;gap:7px!important}
  .wallet-exchange-line .wallet-asset-logo{width:29px!important;height:29px!important;min-width:29px!important}
  .wallet-exchange-line .wallet-symbol{font-size:12px!important}.wallet-exchange-line .wallet-amount{font-size:11px!important}.wallet-exchange-line .wallet-usd{font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){.hm-dex-top-btn:before,.messenger-list-card .dialog-item.messenger-contact:before,.hm-wallet-premium-shell .internal-wallet-row.premium-wallet-asset:before,.hackwallet-title:after{animation:none!important}}


/* ===== HM Global v9: wallet alignment, animated contacts, compact clean profile ===== */
/* Total balance now matches the transparent neon asset cards. */
.hm-wallet-premium-shell .internal-wallet-total-card{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  background:rgba(3,13,8,.38)!important;border:1px solid transparent!important;
  color:#fff!important;box-shadow:none!important;
}
.hm-wallet-premium-shell .internal-wallet-total-card::before{
  content:""!important;position:absolute!important;inset:-2px!important;border-radius:inherit!important;
  background:conic-gradient(from 0deg,#7cff35,#dcff79,#37ff89,#7cff35)!important;
  animation:walletTotalOrbit 5.8s linear infinite!important;z-index:-2!important;
}
.hm-wallet-premium-shell .internal-wallet-total-card::after{
  content:""!important;position:absolute!important;inset:1px!important;border-radius:calc(24px - 1px)!important;
  background:rgba(4,15,9,.95)!important;z-index:-1!important;
}
.hm-wallet-premium-shell .internal-wallet-total-card :is(span,strong,em){color:#fff!important;text-shadow:none!important}
.hm-wallet-premium-shell .internal-wallet-total-card em{color:#baff76!important}
@keyframes walletTotalOrbit{to{transform:rotate(360deg)}}

/* Exact exchange row: logo — ticker — token balance — USD value on one central line. */
.hm-wallet-premium-shell .internal-wallet-row.premium-wallet-asset{align-content:center!important}
.hm-wallet-premium-shell .wallet-exchange-line{
  display:grid!important;grid-template-columns:38px minmax(54px,.65fr) minmax(82px,1fr) minmax(86px,1fr)!important;
  align-items:center!important;align-content:center!important;justify-content:stretch!important;
  gap:11px!important;min-height:44px!important;width:100%!important;
}
.hm-wallet-premium-shell .wallet-exchange-line > *{align-self:center!important;margin:0!important}
.hm-wallet-premium-shell .wallet-exchange-line .wallet-symbol{text-align:left!important}
.hm-wallet-premium-shell .wallet-exchange-line .wallet-amount,
.hm-wallet-premium-shell .wallet-exchange-line .wallet-usd{text-align:right!important}
.hm-wallet-premium-shell .wallet-bottom-close,
.hm-wallet-premium-shell .wallet-page-bottom-back{display:flex!important;width:100%!important;min-height:50px!important;margin:16px 0 0!important;justify-content:center!important}
.hm-wallet-premium-shell .wallet-headline .wallet-close{display:none!important}

/* Every Messenger contact gets the same orbiting neon border as wallet assets. */
.messenger-list-card :is(.dialog-item,.messenger-contact,.conversation-item,.chat-item),
.messenger-contacts :is(button,[role="button"]){
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  background:rgba(2,10,6,.3)!important;border:1px solid transparent!important;box-shadow:none!important;
}
.messenger-list-card :is(.dialog-item,.messenger-contact,.conversation-item,.chat-item)::before,
.messenger-contacts :is(button,[role="button"])::before{
  content:""!important;position:absolute!important;inset:-2px!important;border-radius:inherit!important;
  background:conic-gradient(from 0deg,#7cff35,#d4ff73,#35ff8c,#7cff35)!important;
  animation:hmContactOrbit 4.8s linear infinite!important;z-index:-2!important;opacity:.95!important;
}
.messenger-list-card :is(.dialog-item,.messenger-contact,.conversation-item,.chat-item)::after,
.messenger-contacts :is(button,[role="button"])::after{
  content:""!important;position:absolute!important;inset:1px!important;border-radius:calc(18px - 1px)!important;
  background:rgba(3,13,8,.94)!important;z-index:-1!important;
}
@keyframes hmContactOrbit{to{transform:rotate(360deg)}}

/* Profile: remove the bulky information-panel surface but keep its useful content. */
.profile-view-card .profile-info-panel{
  background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:12px 0 0!important;
}
.profile-view-card .profile-title{
  font-size:clamp(22px,3.2vw,38px)!important;line-height:1.08!important;letter-spacing:-.04em!important;margin-bottom:8px!important;
}
.profile-view-card .profile-title .identity-line{align-items:center!important;column-gap:7px!important;row-gap:7px!important}
.profile-view-card .profile-title .identity-nick{max-width:min(100%,760px)!important}
.profile-view-card .profile-title .verified-check{
  display:inline-grid!important;place-items:center!important;align-self:center!important;
  width:1.12em!important;height:1.12em!important;min-width:1.12em!important;
  margin:0!important;line-height:1!important;font-size:.52em!important;transform:none!important;vertical-align:middle!important;
}
/* Organization is shown once, on its own readable line below the name. */
.profile-view-card .profile-title .org-identity{
  flex:0 0 100%!important;width:max-content!important;max-width:100%!important;margin:1px 0 0!important;
  justify-content:flex-start!important;font-size:12px!important;overflow:visible!important;
}
.profile-view-card .profile-title .org-identity-name{max-width:calc(100vw - 120px)!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
.profile-view-card .org-profile-info{display:none!important}

@media(max-width:520px){
  .hm-wallet-premium-shell .wallet-exchange-line{grid-template-columns:30px 44px minmax(64px,1fr) minmax(70px,1fr)!important;gap:6px!important;min-height:38px!important}
  .hm-wallet-premium-shell .wallet-exchange-line .wallet-asset-logo{width:28px!important;height:28px!important;min-width:28px!important}
  .hm-wallet-premium-shell .wallet-exchange-line .wallet-symbol{font-size:11px!important}
  .hm-wallet-premium-shell .wallet-exchange-line .wallet-amount{font-size:10.5px!important}
  .hm-wallet-premium-shell .wallet-exchange-line .wallet-usd{font-size:9.5px!important}
  .profile-view-card .profile-title{font-size:clamp(19px,6vw,26px)!important;letter-spacing:-.025em!important}
  .profile-view-card .profile-title .identity-line{flex-wrap:wrap!important;gap:5px!important}
  .profile-view-card .profile-title .identity-nick{max-width:calc(100% - 28px)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;word-break:normal!important}
  .profile-view-card .profile-title .verified-check{font-size:.58em!important}
  .profile-view-card .profile-title .org-identity{font-size:10.5px!important}
}
@media(prefers-reduced-motion:reduce){
 .hm-wallet-premium-shell .internal-wallet-total-card::before,
 .messenger-list-card :is(.dialog-item,.messenger-contact,.conversation-item,.chat-item)::before,
 .messenger-contacts :is(button,[role="button"])::before{animation:none!important}
}

/* ===== V10 compact Global Chat + exact wallet-style Messenger contacts ===== */
/* Transaction history has been removed from the wallet markup. */
.internal-wallet-history-wrap,.internal-wallet-history-toggle,.internal-wallet-history{display:none!important}

/* Contact rows: same transparent rotating neon frame used by wallet assets. */
.messenger-screen .messenger-list-card .dialog-list.messenger-contacts .dialog-item.messenger-contact{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:rgba(2,10,6,.32)!important;
  border:1px solid transparent!important;
  border-radius:20px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.22)!important;
}
.messenger-screen .messenger-list-card .dialog-list.messenger-contacts .dialog-item.messenger-contact::before{
  content:""!important;
  position:absolute!important;
  inset:-55%!important;
  width:210%!important;
  height:210%!important;
  background:conic-gradient(from 0deg,transparent 0 12%,#72ff32 21%,#d7ff78 31%,#20ff8a 42%,transparent 54% 68%,#8cff42 78%,#dfff82 87%,transparent 96%)!important;
  animation:hmContactNeonOrbit 4s linear infinite!important;
  z-index:-2!important;
  opacity:.95!important;
  pointer-events:none!important;
}
.messenger-screen .messenger-list-card .dialog-list.messenger-contacts .dialog-item.messenger-contact::after{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(3,14,8,.96),rgba(2,8,6,.88))!important;
  z-index:-1!important;
  pointer-events:none!important;
}
.messenger-screen .messenger-list-card .dialog-list.messenger-contacts .dialog-item.messenger-contact > *{position:relative!important;z-index:1!important}
.messenger-screen .messenger-list-card .dialog-list.messenger-contacts .dialog-item.messenger-contact.active{box-shadow:0 0 26px rgba(125,255,55,.2),0 8px 24px rgba(0,0,0,.25)!important}
@keyframes hmContactNeonOrbit{to{transform:rotate(360deg)}}

/* Compact authors and posts. */
.post-card.post-card-readable{border-radius:22px!important;overflow:hidden!important}
.post-card .post-body{padding:14px 15px 12px!important}
.post-card .compact-post-author{
  margin:0 0 10px!important;
  padding:0!important;
  width:auto!important;
  min-height:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.post-card .compact-post-author .post-author-click{
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  align-items:center!important;
  gap:9px!important;
  padding:5px 9px 5px 5px!important;
  border:1px solid rgba(142,255,65,.72)!important;
  border-radius:999px!important;
  background:rgba(2,10,6,.22)!important;
  box-shadow:0 0 12px rgba(126,255,52,.08)!important;
}
.post-card .compact-post-author .mini-avatar{width:32px!important;height:32px!important;min-width:32px!important;font-size:10px!important}
.compact-post-identity{display:inline-flex!important;align-items:center!important;gap:5px!important;min-width:0!important}
.compact-post-name{display:block!important;max-width:min(48vw,230px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;font-size:13px!important;font-weight:800!important;line-height:1.15!important}
.compact-post-identity .verified-check{display:inline-grid!important;place-items:center!important;flex:0 0 auto!important;margin:0!important;transform:none!important;align-self:center!important}
.post-card .post-text{margin-top:4px!important;line-height:1.52!important}
.post-card .post-social-row{margin-top:12px!important;gap:7px!important}
.post-card .post-action-stack{gap:7px!important}
.post-card .post-actions{margin-top:9px!important}
.post-card .post-share-row{margin-top:8px!important}
.post-date-bottom{display:block!important;margin-top:11px!important;padding-top:9px!important;border-top:1px solid rgba(135,255,57,.12)!important;color:rgba(230,241,233,.46)!important;font-size:10px!important;text-align:right!important;letter-spacing:.02em!important}
.post-donation-row{display:none!important}
@media(max-width:600px){
  .post-card .post-body{padding:11px 12px 10px!important}
  .compact-post-name{max-width:55vw!important;font-size:12px!important}
  .post-card .compact-post-author .mini-avatar{width:29px!important;height:29px!important;min-width:29px!important}
  .post-card .compact-post-author .post-author-click{padding:4px 8px 4px 4px!important}
}
@media(prefers-reduced-motion:reduce){.messenger-screen .messenger-list-card .dialog-list.messenger-contacts .dialog-item.messenger-contact::before{animation:none!important}}

/* ===== V11 eNFT / Messenger / Marketplace / Find Friends refinement ===== */
/* eNFT: one collectible per row and clean actions. */
.enft-grid{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
.enft-card.compact-enft.visual-only-enft{
  width:100%!important;max-width:760px!important;margin-inline:auto!important;
  display:grid!important;grid-template-columns:minmax(220px,44%) minmax(0,1fr)!important;
  align-items:stretch!important;padding:10px!important;border-radius:24px!important;
  background:rgba(2,11,7,.58)!important;border:1px solid rgba(145,255,64,.48)!important;
}
.enft-card.compact-enft .enft-image-wrap{height:100%!important;min-height:280px!important;border-radius:18px!important}
.enft-card.compact-enft .enft-image-wrap img{height:100%!important;min-height:280px!important;object-fit:cover!important}
.enft-card.compact-enft .enft-body{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:14px!important;padding:16px!important;background:transparent!important}
.enft-card .enft-author-credit{
  width:100%!important;margin:0!important;padding:10px 13px!important;border-radius:14px!important;
  background:transparent!important;border:1px solid rgba(155,255,73,.72)!important;color:#fff!important;
  box-shadow:0 0 16px rgba(118,255,42,.12)!important;
}
.enft-card .enft-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))!important;gap:10px!important;width:100%!important}
.enft-card .enft-actions .btn{width:100%!important;margin:0!important;min-width:0!important}
.enft-card .enft-like-btn{align-self:flex-start!important;margin:0!important}
@media(max-width:700px){
 .enft-card.compact-enft.visual-only-enft{grid-template-columns:1fr!important;max-width:100%!important}
 .enft-card.compact-enft .enft-image-wrap,.enft-card.compact-enft .enft-image-wrap img{min-height:0!important;height:auto!important;aspect-ratio:4/3!important}
 .enft-card.compact-enft .enft-body{padding:12px 4px 4px!important}
 .enft-card .enft-actions{grid-template-columns:1fr 1fr!important}
}

/* Messenger: animate a CSS angle instead of rotating the pseudo-element itself. */
@property --hm-contact-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.messenger-screen .messenger-list-card .dialog-list.messenger-contacts .dialog-item.messenger-contact::before{
 inset:-2px!important;width:auto!important;height:auto!important;transform:none!important;
 background:conic-gradient(from var(--hm-contact-angle),#77ff35,#d8ff79,#24ff91,#77ff35)!important;
 animation:hmContactBorderFlow 3.2s linear infinite!important;
}
@keyframes hmContactBorderFlow{to{--hm-contact-angle:360deg}}

/* Marketplace: transparent neon cards with distinct, readable controls. */
.marketplace-product-grid .market-card,.market-card,.travel-market-card,.store-window,.marketplace-category-card{
 background:rgba(2,12,8,.46)!important;border:1px solid rgba(145,255,65,.55)!important;
 box-shadow:0 12px 34px rgba(0,0,0,.28),0 0 20px rgba(118,255,45,.07)!important;
 backdrop-filter:blur(13px)!important;-webkit-backdrop-filter:blur(13px)!important;
}
.marketplace-product-grid .market-card{overflow:hidden!important;position:relative!important}
.marketplace-product-grid .market-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 28%,rgba(196,255,125,.13) 46%,transparent 64%);transform:translateX(-110%);animation:marketCardSweep 5.4s ease-in-out infinite}
@keyframes marketCardSweep{0%,58%{transform:translateX(-110%)}82%,100%{transform:translateX(110%)}}
:is(.market-card,.marketplace-category-card,.marketplace-product-card,.store-window) :is(button,.btn,.category-chevron){
 background:linear-gradient(180deg,#d9ff83 0%,#8eea36 100%)!important;color:#071006!important;
 border:2px solid #071006!important;border-radius:14px!important;font-weight:900!important;
 box-shadow:0 5px 0 #071006,0 10px 22px rgba(0,0,0,.28)!important;
}
:is(.market-card,.marketplace-category-card,.marketplace-product-card,.store-window) :is(button,.btn,.category-chevron):active{transform:translateY(4px)!important;box-shadow:0 1px 0 #071006,0 5px 12px rgba(0,0,0,.22)!important}

/* Find Friends: search first, compact animated members and results. */
.friend-search-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.friend-search-form{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important}
.members-summary-card{position:relative!important;overflow:hidden!important;background:rgba(2,12,8,.48)!important;border:1px solid rgba(146,255,66,.6)!important;box-shadow:0 0 24px rgba(118,255,42,.1)!important}
.members-summary-card::before{content:"";position:absolute;inset:-80%;background:conic-gradient(transparent,#8cff42,transparent 32%);animation:membersOrbit 5s linear infinite;opacity:.15;pointer-events:none}
.members-summary-card>*{position:relative;z-index:1}
@keyframes membersOrbit{to{transform:rotate(360deg)}}
.friend-result.card{padding:12px!important;border-radius:18px!important;background:rgba(2,12,8,.5)!important;border:1px solid rgba(145,255,65,.5)!important;box-shadow:0 8px 25px rgba(0,0,0,.22)!important}
.friend-result .friend-main{gap:10px!important}.friend-result .profile-avatar.small{width:42px!important;height:42px!important}
.friend-result .wallet-chip{font-size:10px!important;max-width:210px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.friend-result .tiny{margin:4px 0 0!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.friend-result .friend-actions{gap:8px!important}.friend-result .friend-actions .btn{min-height:36px!important;padding:0 11px!important}
@media(max-width:620px){.friend-search-form{grid-template-columns:1fr!important}.friend-search-form .btn{width:100%!important}.members-summary-card{grid-template-columns:auto 1fr!important}.members-summary-card .btn{grid-column:1/-1;width:100%!important}.friend-result .friend-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important}}

/* ===== V12 readability + animated navigation frame ===== */
/* eNFT author/name must stay readable on every collectible background. */
.enft-card .enft-author-credit,
.enft-card .enft-author-credit *,
.enft-card .enft-author-credit strong,
.enft-card .enft-author-name,
.enft-card .enft-owner,
.enft-card [class*="author"],
.enft-card [class*="creator"]{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 4px rgba(0,0,0,.92)!important;
}

/* Find Friends: force all member identity and metadata to be readable. */
.friend-result.card,
.friend-result.card *,
.friend-result,
.friend-result *,
.friend-row-card,
.friend-row-card *,
.members-summary-card,
.members-summary-card *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.82)!important;
}
.friend-result :is(.handle,.tiny,.wallet-chip,small),
.friend-row-card :is(.handle,.tiny,.wallet-chip,small){
  color:rgba(239,255,229,.82)!important;
  -webkit-text-fill-color:rgba(239,255,229,.82)!important;
}
.friend-result :is(button,.btn),
.friend-row-card :is(button,.btn),
.members-summary-card :is(button,.btn){
  color:#071006!important;
  -webkit-text-fill-color:#071006!important;
  text-shadow:none!important;
}

/* Bottom navigation: wallet-style transparent shell with a living neon perimeter. */
body .sidebar.bottom-dock,
body .sidebar.viewport-dock{
  position:fixed!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:1px solid transparent!important;
  background:rgba(3,11,7,.72)!important;
  box-shadow:0 12px 36px rgba(0,0,0,.42),0 0 24px rgba(121,255,48,.12)!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.15)!important;
}
body .sidebar.bottom-dock::before,
body .sidebar.viewport-dock::before{
  content:""!important;
  position:absolute!important;
  inset:-90%!important;
  width:280%!important;
  height:280%!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:conic-gradient(from 0deg,transparent 0 11%,#72ff32 19%,#ddff87 28%,#23ff92 38%,transparent 49% 63%,#8cff42 73%,#dfff82 84%,transparent 95%)!important;
  animation:hmDockNeonOrbit 5.2s linear infinite!important;
  will-change:transform!important;
}
body .sidebar.bottom-dock::after,
body .sidebar.viewport-dock::after{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  z-index:-1!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:linear-gradient(145deg,rgba(4,15,9,.97),rgba(2,8,5,.93))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body .sidebar.bottom-dock > *,
body .sidebar.viewport-dock > *{position:relative!important;z-index:1!important}
@keyframes hmDockNeonOrbit{to{transform:rotate(360deg)}}

@media(prefers-reduced-motion:reduce){
  body .sidebar.bottom-dock::before,
  body .sidebar.viewport-dock::before{animation:none!important}
}

/* ===== HackMessage Global UI V13: transparent marketplace, travelers, wallet and transitions ===== */
/* Marketplace category cards: transparent glass with animated neon perimeter. */
.marketplace-catalog-shell .marketplace-category-card,
.marketplace-showcase-hero .marketplace-category-card,
button.marketplace-category-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:rgba(2,12,7,.28)!important;
  border:1px solid rgba(173,255,78,.62)!important;
  color:#fff!important;
  box-shadow:0 16px 44px rgba(0,0,0,.30),inset 0 0 24px rgba(137,255,56,.035),0 0 20px rgba(145,255,61,.08)!important;
  backdrop-filter:blur(13px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(13px) saturate(1.08)!important;
  transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s ease,border-color .38s ease!important;
}
.marketplace-catalog-shell .marketplace-category-card::before,
button.marketplace-category-card::before{
  content:""!important;position:absolute!important;inset:-70%!important;z-index:-2!important;pointer-events:none!important;
  background:conic-gradient(from 0deg,transparent 0 24%,rgba(194,255,112,.96) 31%,rgba(66,255,135,.78) 38%,transparent 47% 74%,rgba(137,255,50,.7) 82%,transparent 91%)!important;
  animation:hmMarketCategoryOrbit 5.6s linear infinite!important;
}
.marketplace-catalog-shell .marketplace-category-card::after,
button.marketplace-category-card::after{
  content:""!important;position:absolute!important;inset:2px!important;z-index:-1!important;pointer-events:none!important;border-radius:calc(var(--radius,22px) - 2px)!important;
  background:linear-gradient(145deg,rgba(3,18,10,.88),rgba(1,8,5,.78))!important;
}
.marketplace-category-card:hover,.marketplace-category-card.active{transform:translateY(-5px) scale(1.008)!important;border-color:#c5ff77!important;box-shadow:0 24px 66px rgba(0,0,0,.42),0 0 30px rgba(143,255,56,.17)!important}
.marketplace-category-card :is(.card-title,.card-sub,.eyebrow,span,strong){color:#fff!important;text-shadow:0 1px 4px rgba(0,0,0,.9)!important}
@keyframes hmMarketCategoryOrbit{to{transform:rotate(360deg)}}

/* Remove the former Profile posts area even if stale markup is injected. */
#toggleProfilePosts,.profile-posts-block,.profile-posts-section,[data-profile-posts]{display:none!important}

/* HackWallet title color split, preserving shimmer. */
.hackwallet-title span{color:#fff!important}
.hackwallet-title b{color:#aaff4f!important}

/* Travelers heading photo and animated members block. */
.travelers-heading{display:flex;align-items:center;gap:13px;min-width:0}
.travelers-heading-photo{width:48px;height:48px;flex:0 0 48px;border-radius:15px;object-fit:cover;border:1px solid rgba(179,255,79,.72);box-shadow:0 0 20px rgba(150,255,57,.18)}
.members-overview-card,.friends-members-card{position:relative;overflow:hidden;background:rgba(2,13,7,.34)!important;border:1px solid rgba(174,255,74,.55)!important;box-shadow:0 15px 46px rgba(0,0,0,.32),0 0 23px rgba(144,255,55,.08)!important}

/* Cinematic auth handoff with Robinhood Chain statement. */
.hm-auth-title-stage{width:min(94vw,920px)!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:11px!important;padding:20px!important}
.hm-chain-first-line{color:#aaff4f!important;font-weight:850!important;font-size:clamp(13px,2.1vw,20px)!important;letter-spacing:.04em!important;text-align:center!important;text-shadow:0 0 14px rgba(150,255,62,.48),0 2px 10px rgba(0,0,0,.8)!important;opacity:0;transform:translateY(16px);animation:hmChainLineReveal 1.65s .32s cubic-bezier(.16,1,.3,1) both!important}
.hm-auth-animating .post-login-title{animation:hmIntroTextSequence 1.72s cubic-bezier(.16,1,.3,1) both!important}
.hm-auth-animating .post-login-subtitle{animation:hmIntroTextSequence 1.72s .12s cubic-bezier(.16,1,.3,1) both!important}
@keyframes hmChainLineReveal{0%{opacity:0;transform:translateY(16px);filter:blur(8px)}28%,72%{opacity:1;transform:none;filter:none}100%{opacity:0;transform:translateY(-9px);filter:blur(5px)}}
@keyframes hmIntroTextSequence{0%{opacity:0;transform:translateY(20px) scale(.96);filter:blur(9px)}24%,72%{opacity:1;transform:none;filter:none}100%{opacity:0;transform:translateY(-12px) scale(1.015);filter:blur(6px)}}

/* Social-network section transition: fast neon veil and soft content arrival. */
body.hm-section-switching .content.page-transition{animation:hmSocialSectionEnter .68s cubic-bezier(.16,1,.3,1) both!important}
body.hm-section-switching .main::after{content:"";position:fixed;inset:0;z-index:8000;pointer-events:none;background:linear-gradient(110deg,transparent 20%,rgba(157,255,72,.12) 47%,rgba(98,255,146,.08) 53%,transparent 80%);transform:translateX(-115%);animation:hmSocialSectionSweep .62s cubic-bezier(.4,0,.2,1) both}
@keyframes hmSocialSectionEnter{0%{opacity:0;transform:translateY(14px) scale(.992);filter:blur(7px)}52%{opacity:.86;filter:blur(1px)}100%{opacity:1;transform:none;filter:none}}
@keyframes hmSocialSectionSweep{to{transform:translateX(115%)}}
@media(max-width:640px){.travelers-heading-photo{width:42px;height:42px;flex-basis:42px}.hm-auth-title-stage{padding:14px 12px!important}.hm-chain-first-line{max-width:90vw;font-size:13px!important;line-height:1.35!important}}
@media(prefers-reduced-motion:reduce){.marketplace-category-card::before,.hm-chain-first-line,.hm-auth-animating .post-login-title,.hm-auth-animating .post-login-subtitle,body.hm-section-switching .content.page-transition,body.hm-section-switching .main::after{animation:none!important}}

/* ===== HackMessage Global UI V14: refined intro, static marketplace glass, cinematic navigation ===== */
/* Intro chain statement: elegant handwritten companion line, centered on every phone. */
.hm-chain-first-line{
  width:min(92vw,760px)!important;
  margin:2px auto 0!important;
  font-family:"Segoe Script","Brush Script MT","Lucida Handwriting",cursive!important;
  font-size:clamp(19px,3.1vw,32px)!important;
  line-height:1.28!important;
  font-weight:600!important;
  letter-spacing:.005em!important;
  color:#aaff4f!important;
  text-align:center!important;
  text-wrap:balance!important;
  text-shadow:0 0 10px rgba(174,255,79,.55),0 0 24px rgba(92,255,86,.24),0 3px 12px rgba(0,0,0,.88)!important;
  transform-origin:center!important;
  animation:hmChainSignature 1.85s .24s cubic-bezier(.16,1,.3,1) both!important;
}
@keyframes hmChainSignature{
  0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(9px) scale(.985);filter:blur(3px)}
  34%{opacity:1;clip-path:inset(0 0 0 0);transform:none;filter:none}
  76%{opacity:1;clip-path:inset(0 0 0 0);transform:none;filter:none}
  100%{opacity:0;clip-path:inset(0 0 0 0);transform:translateY(-8px) scale(1.012);filter:blur(4px)}
}
@media(max-width:640px){
  .hm-chain-first-line{width:min(90vw,430px)!important;font-size:clamp(17px,5.2vw,23px)!important;line-height:1.3!important;padding:0 4px!important}
}

/* Find Friends: the custom Travelers photo is the only icon. */
.members-summary-icon{display:none!important}
.members-summary-card{grid-template-columns:minmax(0,1fr) auto!important}
@media(max-width:620px){.members-summary-card{grid-template-columns:1fr!important}}

/* Marketplace categories: quiet transparent glass, simple neon contour, no perpetual animation. */
.marketplace-catalog-shell .marketplace-category-card,
.marketplace-showcase-hero .marketplace-category-card,
button.marketplace-category-card{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:rgba(1,10,6,.34)!important;
  border:1px solid rgba(169,255,74,.72)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(181,255,91,.055),0 14px 38px rgba(0,0,0,.28),0 0 17px rgba(130,255,53,.07)!important;
  backdrop-filter:blur(14px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.08)!important;
  transform:none!important;
  animation:none!important;
  transition:border-color .22s ease,box-shadow .22s ease,background .22s ease!important;
}
.marketplace-catalog-shell .marketplace-category-card::before,
.marketplace-catalog-shell .marketplace-category-card::after,
.marketplace-showcase-hero .marketplace-category-card::before,
.marketplace-showcase-hero .marketplace-category-card::after,
button.marketplace-category-card::before,
button.marketplace-category-card::after{content:none!important;display:none!important;animation:none!important}
.marketplace-category-card:hover,.marketplace-category-card.active{
  transform:none!important;
  background:rgba(3,18,10,.46)!important;
  border-color:#baff68!important;
  box-shadow:inset 0 0 0 1px rgba(190,255,107,.08),0 18px 46px rgba(0,0,0,.34),0 0 23px rgba(142,255,56,.12)!important;
}
/* Marketplace expand/collapse: restrained glass control rather than chunky 3D. */
.marketplace-category-card .category-chevron,
.marketplace-category-card > .btn,
.marketplace-category-card .card-head > .btn,
.marketplace-catalog-shell .category-chevron{
  min-height:38px!important;
  padding:8px 15px!important;
  border:1px solid rgba(183,255,94,.72)!important;
  border-radius:999px!important;
  background:rgba(8,25,14,.66)!important;
  color:#efffe7!important;
  -webkit-text-fill-color:#efffe7!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.035em!important;
  text-shadow:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 7px 18px rgba(0,0,0,.24)!important;
  transform:none!important;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
.marketplace-category-card .category-chevron:hover,
.marketplace-category-card > .btn:hover,
.marketplace-category-card .card-head > .btn:hover{
  background:rgba(151,255,63,.13)!important;
  border-color:#c7ff7f!important;
  box-shadow:inset 0 0 16px rgba(145,255,57,.09),0 9px 24px rgba(0,0,0,.28),0 0 15px rgba(137,255,51,.1)!important;
  transform:translateY(-1px)!important;
}
.marketplace-category-card .category-chevron:active,
.marketplace-category-card > .btn:active,
.marketplace-category-card .card-head > .btn:active{transform:translateY(1px)!important;box-shadow:inset 0 0 12px rgba(145,255,57,.1),0 3px 10px rgba(0,0,0,.25)!important}

/* Premium section transition: close current view, sweep, then reveal the next one. */
body.hm-section-switching{overflow-x:hidden!important}
body.hm-section-switching .content{
  pointer-events:none!important;
  transform-origin:center 24%!important;
  animation:hmPremiumViewExit .18s cubic-bezier(.4,0,1,1) both!important;
}
body.hm-section-switching.hm-section-entering .content{
  animation:hmPremiumViewEnter .55s cubic-bezier(.16,1,.3,1) both!important;
}
body.hm-section-switching .main::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:7998!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 50% 48%,rgba(143,255,60,.11),rgba(5,13,8,.42) 38%,rgba(0,3,2,.76) 100%)!important;
  opacity:0!important;
  animation:hmPremiumVeil .72s cubic-bezier(.4,0,.2,1) both!important;
}
body.hm-section-switching .main::after{
  content:""!important;
  position:fixed!important;
  top:-15vh!important;
  bottom:-15vh!important;
  left:-38vw!important;
  width:34vw!important;
  z-index:7999!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,transparent,rgba(188,255,113,.06) 24%,rgba(171,255,83,.28) 50%,rgba(78,255,143,.08) 76%,transparent)!important;
  filter:blur(12px)!important;
  transform:skewX(-12deg) translateX(0)!important;
  animation:hmPremiumSweep .7s cubic-bezier(.45,0,.25,1) both!important;
}
@keyframes hmPremiumViewExit{to{opacity:0;transform:scale(.975) translateY(6px);filter:blur(8px)}}
@keyframes hmPremiumViewEnter{0%{opacity:0;transform:scale(1.025) translateY(12px);filter:blur(10px)}55%{opacity:.92;filter:blur(1px)}100%{opacity:1;transform:none;filter:none}}
@keyframes hmPremiumVeil{0%{opacity:0}25%,58%{opacity:1}100%{opacity:0}}
@keyframes hmPremiumSweep{0%{transform:skewX(-12deg) translateX(0)}100%{transform:skewX(-12deg) translateX(180vw)}}
@media(prefers-reduced-motion:reduce){
  .hm-chain-first-line,body.hm-section-switching .content,body.hm-section-switching .main::before,body.hm-section-switching .main::after{animation:none!important}
}

/* ===== HackMessage Global UI V15: compact Travelers + real-Earth section transition ===== */
/* Keep the Travelers count and compact control on one row, including narrow phones. */
.members-summary-card{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  min-width:0!important;
}
.members-summary-card .travelers-heading{flex:1 1 auto!important;min-width:0!important;gap:9px!important}
.members-summary-card .travelers-heading > div{min-width:0!important}
.members-summary-card .card-title{font-size:clamp(15px,4vw,20px)!important;line-height:1.05!important;white-space:nowrap!important}
.members-summary-card .card-sub{margin-top:3px!important;font-size:clamp(11px,3vw,13px)!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#fff!important}
.members-summary-card #toggleMembersList{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:32px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.015em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 12px rgba(0,0,0,.24)!important;
}
@media(max-width:620px){
  .members-summary-card{display:flex!important;grid-template-columns:none!important;padding:12px!important}
  .travelers-heading-photo{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:12px!important}
  .members-summary-card #toggleMembersList{padding:6px 9px!important;font-size:9px!important}
}

/* True 0.65-second section transition: blur, real rotating Earth, reveal. */
.hm-view-transition-overlay{
  position:fixed;
  inset:0;
  z-index:12000;
  display:grid;
  place-items:center;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  background:radial-gradient(circle at 50% 48%,rgba(47,102,68,.20),rgba(2,8,5,.72) 46%,rgba(0,2,1,.91) 100%);
  backdrop-filter:blur(0);
  -webkit-backdrop-filter:blur(0);
}
.hm-view-transition-overlay.is-active{
  visibility:visible;
  animation:hmEarthOverlayCycle .65s cubic-bezier(.4,0,.2,1) both;
}
.hm-transition-space{position:relative;width:clamp(118px,26vw,190px);aspect-ratio:1;display:grid;place-items:center;filter:drop-shadow(0 0 28px rgba(126,255,82,.22))}
.hm-transition-earth{
  position:relative;
  z-index:2;
  width:76%;
  aspect-ratio:1;
  object-fit:cover;
  border-radius:50%;
  opacity:0;
  transform:scale(.72) rotate(-14deg);
  box-shadow:inset -18px -12px 30px rgba(0,0,0,.28),0 0 38px rgba(114,255,75,.23),0 18px 48px rgba(0,0,0,.58);
  animation:hmRealEarthSpin .65s cubic-bezier(.2,.8,.2,1) both;
}
.hm-transition-orbit{position:absolute;inset:7%;border-radius:50%;border:1px solid rgba(177,255,111,.40);transform:rotateX(68deg) rotateZ(-16deg) scale(.65);opacity:0;box-shadow:0 0 18px rgba(143,255,72,.17);animation:hmEarthOrbit .65s ease both}
.hm-transition-glow{position:absolute;inset:20%;border-radius:50%;background:rgba(153,255,85,.22);filter:blur(28px);opacity:0;animation:hmEarthGlow .65s ease both}
body.hm-section-switching .main{animation:hmViewBlurOut .31s cubic-bezier(.4,0,1,1) both!important}
body.hm-section-switching.hm-section-entering .main{animation:hmViewBlurIn .35s cubic-bezier(0,0,.2,1) both!important}
/* Disable older pseudo-element transition layers so the Earth transition is always visible. */
body.hm-section-switching .main::before,body.hm-section-switching .main::after{content:none!important;display:none!important;animation:none!important}
body.hm-section-switching .content,body.hm-section-switching.hm-section-entering .content{animation:none!important}
@keyframes hmEarthOverlayCycle{0%{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}18%,70%{opacity:1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}100%{opacity:0;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}}
@keyframes hmRealEarthSpin{0%{opacity:0;transform:scale(.72) rotate(-18deg);filter:blur(5px)}22%{opacity:1;filter:none}72%{opacity:1;transform:scale(1) rotate(28deg);filter:none}100%{opacity:0;transform:scale(.88) rotate(48deg);filter:blur(4px)}}
@keyframes hmEarthOrbit{0%{opacity:0;transform:rotateX(68deg) rotateZ(-16deg) scale(.55)}28%,70%{opacity:1}100%{opacity:0;transform:rotateX(68deg) rotateZ(28deg) scale(1.16)}}
@keyframes hmEarthGlow{0%,100%{opacity:0;transform:scale(.7)}36%,70%{opacity:1;transform:scale(1.2)}}
@keyframes hmViewBlurOut{0%{opacity:1;filter:none;transform:none}100%{opacity:.2;filter:blur(13px);transform:scale(.975)}}
@keyframes hmViewBlurIn{0%{opacity:.12;filter:blur(14px);transform:scale(1.025)}100%{opacity:1;filter:none;transform:none}}
@media(prefers-reduced-motion:reduce){
  .hm-view-transition-overlay.is-active,.hm-transition-earth,.hm-transition-orbit,.hm-transition-glow,body.hm-section-switching .main,body.hm-section-switching.hm-section-entering .main{animation-duration:.01ms!important}
}

/* === V16: transparent neon notifications + persistent transition polish === */
.notifications-card,
.notification-row,
.notification-row.unread{
  background:rgba(4,10,8,.30)!important;
  border:1px solid rgba(143,255,92,.72)!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(143,255,92,.08) inset,0 0 24px rgba(109,255,72,.10)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
}
.notification-row:hover{border-color:rgba(180,255,126,.96)!important;box-shadow:0 0 26px rgba(109,255,72,.18)!important;}
.notification-row span,.notification-row small{color:rgba(255,255,255,.78)!important;}
.notification-fab{background:rgba(3,10,7,.38)!important;border:1px solid rgba(143,255,92,.78)!important;box-shadow:0 0 24px rgba(109,255,72,.18),inset 0 0 18px rgba(109,255,72,.06)!important;backdrop-filter:blur(16px)!important;}

/* Information Login must stay reachable/visible */
.auth-info-card{display:flex!important;flex-direction:column!important;max-height:min(82dvh,760px)!important;}
.auth-info-scroll{flex:1 1 auto!important;min-height:0!important;overflow:auto!important;padding-bottom:16px!important;}
.auth-info-login{position:sticky!important;bottom:0!important;z-index:5!important;flex:0 0 auto!important;margin-top:12px!important;box-shadow:0 -16px 30px rgba(2,8,5,.72),0 0 20px rgba(133,255,81,.18)!important;}

/* Keep Earth transition re-playable on every fresh overlay */
.hm-view-transition-overlay{pointer-events:none!important;opacity:0!important;visibility:hidden!important;transition:opacity .16s ease,visibility 0s linear .66s!important;}
.hm-view-transition-overlay.is-active{opacity:1!important;visibility:visible!important;transition:opacity .16s ease!important;}
.hm-view-transition-overlay.is-active .hm-transition-earth{animation:hmEarthSpinV16 .65s linear both!important;}
@keyframes hmEarthSpinV16{from{transform:rotate(0deg) scale(.82);opacity:0}20%{opacity:1}to{transform:rotate(120deg) scale(1.02);opacity:0}}

/* === V17: notifications fully transparent, premium messenger === */
.notifications-card .notification-row,
.notifications-list .notification-row,
.notifications-card .notification-row.read,
.notifications-card .notification-row.unread{
  background:transparent!important;
  background-image:none!important;
  border:1px solid rgba(129,255,60,.72)!important;
  box-shadow:0 0 0 1px rgba(129,255,60,.07) inset,0 0 16px rgba(129,255,60,.08)!important;
  color:#fff!important;
}
.notifications-card .notification-row:hover{background:rgba(129,255,60,.035)!important;box-shadow:0 0 22px rgba(129,255,60,.14)!important}
.notifications-card .notification-row :is(strong,span,small){color:#fff!important}
.notifications-card .notification-row small{opacity:.62!important}

/* Messenger V17 — logic untouched; visual system rebuilt */
.messenger-screen.messenger-cinematic{
  gap:16px!important;
  padding:2px!important;
  background:transparent!important;
}
.messenger-screen .messenger-list-card,
.messenger-screen .messenger-chat-card{
  position:relative!important;
  overflow:hidden!important;
  background:rgba(2,8,5,.42)!important;
  border:1px solid rgba(130,255,59,.42)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.32),0 0 34px rgba(118,255,45,.07)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
}
.messenger-screen .messenger-list-card:before,
.messenger-screen .messenger-chat-card:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(135deg,rgba(165,255,99,.07),transparent 28%,transparent 72%,rgba(95,255,55,.035));
}
.messenger-screen .card-title{color:#fff!important;letter-spacing:-.02em!important}
.messenger-screen .card-sub{color:rgba(235,255,227,.58)!important}
.messenger-screen .dialog-list.messenger-contacts{display:flex!important;flex-direction:column!important;gap:10px!important}
.messenger-screen .dialog-item.messenger-contact{
  min-height:68px!important;padding:10px 12px!important;border-radius:18px!important;
  background:rgba(0,0,0,.16)!important;
}
.messenger-screen .dialog-item.messenger-contact::after{background:rgba(3,10,6,.88)!important;inset:1px!important}
.messenger-screen .dialog-item.messenger-contact.active::after{background:linear-gradient(135deg,rgba(17,38,20,.94),rgba(3,10,6,.93))!important}
.messenger-screen .messenger-chat-head{padding:10px 6px 14px!important;border-bottom:1px solid rgba(132,255,61,.18)!important}
.messenger-screen .messenger-history{padding:18px 8px!important;scrollbar-width:thin;scrollbar-color:rgba(126,255,54,.36) transparent}
.messenger-screen .dm-bubble{border:1px solid rgba(130,255,59,.22)!important;box-shadow:0 8px 28px rgba(0,0,0,.18)!important}
.messenger-screen .message-send.messenger-composer{margin-top:10px!important;padding:12px!important;border:1px solid rgba(128,255,56,.25)!important;border-radius:20px!important;background:rgba(0,0,0,.2)!important}
.messenger-screen .messenger-composer .textarea{background:rgba(0,0,0,.24)!important;border:1px solid rgba(128,255,56,.28)!important;color:#fff!important}
.messenger-screen .composer-actions{display:flex!important;gap:9px!important;flex-wrap:wrap!important}
.messenger-screen .composer-actions .btn{min-height:42px!important;border-radius:14px!important}
@media(max-width:760px){
 .messenger-screen.messenger-cinematic{gap:10px!important}
 .messenger-screen .messenger-list-card,.messenger-screen .messenger-chat-card{border-radius:22px!important}
 .messenger-screen .dialog-item.messenger-contact{min-height:64px!important}
}


/* === HMdex V18 premium direct-chain interface === */
.hmdex-v18{position:relative;isolation:isolate;max-width:1180px;margin:0 auto;padding:22px 18px 46px;overflow:hidden}.hmdex-v18-gridglow{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 12% 5%,rgba(139,255,0,.11),transparent 31%),linear-gradient(rgba(120,255,0,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(120,255,0,.025) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 86%)}
.hmdex-v18-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:18px 4px 28px}.hmdex-v18-hero h1{margin:8px 0 6px;font-size:clamp(28px,4vw,48px);letter-spacing:-.045em}.hmdex-v18-hero p{max-width:680px;color:rgba(255,255,255,.62);line-height:1.55}.hmdex-v18-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px;align-items:start}.hmdex-v18-card,.hmdex-v18-panel,.hmdex-listing-card{position:relative;background:rgba(4,8,5,.72)!important;border:1px solid rgba(145,255,45,.22)!important;box-shadow:0 22px 70px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(24px)}.hmdex-v18-card{padding:20px;border-radius:26px}.hmdex-v18-card:before,.hmdex-v18-panel:before,.hmdex-listing-card:before{content:"";position:absolute;pointer-events:none;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,transparent 0 30%,rgba(172,255,61,.8),transparent 48% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.4}.hmdex-v18-card .hmdex-asset-box{background:rgba(0,0,0,.35)!important;border:1px solid rgba(151,255,62,.18)!important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.hmdex-v18-card .hmdex-asset-box:focus-within{transform:translateY(-2px);border-color:rgba(162,255,66,.6)!important;box-shadow:0 0 0 4px rgba(131,255,0,.06)}.hmdex-v18-card input{color:#fff!important}.hmdex-v18-card select{color:#fff;background:#0a100b;border:1px solid rgba(151,255,62,.28);border-radius:12px;padding:8px 10px}.hmdex-rate{padding:0 4px 10px;color:rgba(205,255,169,.72);font-size:12px}.hmdex-v18-side{display:grid;gap:18px}.hmdex-v18-panel{border-radius:22px;padding:17px}.hmdex-v18-panelhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.hmdex-v18-panelhead span{font-weight:800;color:#fff}.hmdex-v18-panelhead small{color:#a6ff43;font-weight:800;letter-spacing:.08em}.hmdex-pair-list{display:grid;gap:8px}.hmdex-pair-list button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;width:100%;padding:12px;border:1px solid transparent;border-radius:16px;background:rgba(255,255,255,.025);color:#fff;text-align:left;transition:.22s ease}.hmdex-pair-list button:hover{transform:translateX(3px);border-color:rgba(157,255,67,.32);background:rgba(132,255,0,.055)}.hmdex-pair-list button b{font-size:13px}.hmdex-pair-list button small{color:rgba(255,255,255,.43);font-size:10px}.pair-logos{display:flex}.pair-logos img,.pair-logos i{width:28px;height:28px;border-radius:50%;object-fit:cover;border:2px solid #090d09;background:#161c17;display:grid;place-items:center;font-style:normal;font-weight:900;color:#b6ff5f}.pair-logos>*+*{margin-left:-8px}.hmdex-routing-panel{display:flex;gap:15px;align-items:center}.hmdex-routing-panel small{color:#a6ff43;font-weight:800}.hmdex-routing-panel b{display:block;color:#fff;margin:3px 0}.hmdex-routing-panel p{font-size:12px;color:rgba(255,255,255,.48);margin:0}.hmdex-route-orbit{position:relative;flex:0 0 78px;height:78px;display:grid;place-items:center}.hmdex-route-orbit img{width:38px;height:38px;border-radius:50%;object-fit:cover;z-index:2;box-shadow:0 0 28px rgba(145,255,0,.3)}.hmdex-route-orbit span{position:absolute;inset:5px;border:1px solid rgba(157,255,67,.3);border-radius:50%;animation:hmdexOrbitSpin 4s linear infinite}.hmdex-route-orbit span:after{content:"";position:absolute;top:-3px;left:50%;width:6px;height:6px;border-radius:50%;background:#aaff42;box-shadow:0 0 12px #8cff00}.hmdex-route-orbit span+span{inset:14px;animation-direction:reverse;animation-duration:2.8s}@keyframes hmdexOrbitSpin{to{transform:rotate(360deg)}}
.hmdex-swap-button{position:relative;overflow:hidden}.hmdex-swap-button:after{content:"";position:absolute;inset:-100% auto -100% -45%;width:35%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);animation:hmdexButtonSheen 4.2s ease-in-out infinite}@keyframes hmdexButtonSheen{0%,70%{left:-45%}90%,100%{left:125%}}.hmdex-listing-card{margin-top:18px;border-radius:24px;overflow:hidden}.hmdex-listing-toggle{width:100%;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;background:transparent;border:0;color:#fff;text-align:left}.hmdex-listing-toggle span{display:grid;gap:2px}.hmdex-listing-toggle small{color:#a6ff43;font-size:10px;letter-spacing:.12em}.hmdex-listing-toggle b{font-size:18px}.hmdex-listing-toggle i{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(158,255,65,.35);border-radius:50%;font-style:normal;color:#b5ff5d;transition:transform .35s ease}.hmdex-listing-toggle.open i{transform:rotate(45deg)}.hmdex-listing-body{max-height:0;opacity:0;overflow:hidden;padding:0 20px;transition:max-height .55s cubic-bezier(.2,.8,.2,1),opacity .3s ease,padding .45s ease}.hmdex-listing-body.open{max-height:900px;opacity:1;padding:0 20px 20px}.hmdex-listing-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hmdex-listing-fields label{display:grid;gap:6px;color:rgba(255,255,255,.6);font-size:12px}.hmdex-listing-body>p{color:rgba(255,255,255,.48);font-size:12px;line-height:1.6}.hmdex-listing-body>p strong{color:#b1ff56}.hmdex-listing-status{min-height:20px;margin:8px 0;color:#caff9a;font-size:12px}.hmdex-v18-back{display:block;margin:18px auto 0}.hmdex-known-list{display:grid;gap:8px;margin:14px 0}.hmdex-picker-loading{padding:16px;color:rgba(255,255,255,.55);text-align:center}
@media(max-width:780px){.hmdex-v18{padding:10px 10px calc(86px + env(safe-area-inset-bottom))}.hmdex-v18-hero{align-items:flex-start;flex-direction:column;padding:10px 4px 18px;gap:12px}.hmdex-v18-hero h1{font-size:30px}.hmdex-v18-hero p{font-size:13px}.hmdex-v18-layout{grid-template-columns:1fr}.hmdex-v18-side{grid-template-columns:1fr}.hmdex-v18-card{padding:13px;border-radius:21px}.hmdex-v18-card .hmdex-card-head{align-items:center}.hmdex-v18-card .hmdex-card-head h2{font-size:22px}.hmdex-connect-mini{font-size:11px;padding:8px 10px}.hmdex-v18-card .hmdex-asset-main{gap:8px}.hmdex-v18-card .hmdex-asset-main input{min-width:0;font-size:26px}.hmdex-token-select{min-width:126px!important;padding:8px!important}.hmdex-token-select small{max-width:72px;overflow:hidden;text-overflow:ellipsis}.hmdex-settings{gap:8px;flex-wrap:wrap}.hmdex-listing-fields{grid-template-columns:1fr}.hmdex-routing-panel{display:none}.hmdex-pair-list button{grid-template-columns:auto 1fr}.hmdex-pair-list button small{grid-column:2}.hmdex-listing-body.open{max-height:1100px}.hmdex-v18-back{width:100%}}
@media(prefers-reduced-motion:reduce){.hmdex-route-orbit span,.hmdex-swap-button:after{animation:none!important}}

/* === HMDEX V19 — open pair trading + refined transparent controls === */
.hmdex-v18 .hmdex-token-select{
  background:rgba(4,12,7,.18)!important;
  border:1px solid rgba(145,255,61,.62)!important;
  color:#fff!important;
  box-shadow:inset 0 0 18px rgba(108,255,33,.025),0 0 0 1px rgba(0,0,0,.18);
  backdrop-filter:blur(14px);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.hmdex-v18 .hmdex-token-select:hover{transform:translateY(-1px);border-color:#a9ff52!important;box-shadow:0 0 20px rgba(128,255,42,.12);background:rgba(13,28,14,.28)!important}
.hmdex-v18 .hmdex-token-select strong{color:#fff!important}.hmdex-v18 .hmdex-token-select small{color:rgba(255,255,255,.58)!important}
.hmdex-v18 .hmdex-token-select b{color:#a8ff4f!important}
.hmdex-pair-list button{background:transparent!important;border:1px solid rgba(145,255,61,.34)!important;color:#fff!important;box-shadow:inset 0 0 16px rgba(128,255,42,.02);overflow:hidden;position:relative}
.hmdex-pair-list button:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 0 38%,rgba(167,255,93,.08) 50%,transparent 62%);transform:translateX(-130%);transition:transform .55s ease}
.hmdex-pair-list button:hover:after{transform:translateX(130%)}
.hmdex-pair-list button:hover,.hmdex-pair-list button.active{background:rgba(112,255,37,.035)!important;border-color:rgba(165,255,83,.76)!important;box-shadow:0 0 22px rgba(106,255,26,.09),inset 0 0 22px rgba(110,255,36,.025)}
.hmdex-pair-list button b{color:#fff!important}.hmdex-pair-list button small{color:rgba(255,255,255,.52)!important}
.hmdex-pair-list .pair-logos img{background:#090d09!important}

.hmdex-listing-card{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important;text-align:center}
.hmdex-listing-card:before{display:none!important}
.hmdex-listing-toggle{width:auto!important;min-width:0!important;margin:0 auto!important;padding:10px 14px!important;border:1px solid rgba(153,255,69,.58)!important;border-radius:14px!important;background:rgba(4,12,7,.18)!important;color:#fff!important;gap:14px;backdrop-filter:blur(14px);box-shadow:0 0 20px rgba(114,255,31,.06);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}
.hmdex-listing-toggle:hover{transform:translateY(-2px);border-color:#a7ff4b!important;box-shadow:0 8px 28px rgba(112,255,32,.12)}
.hmdex-listing-toggle span{display:flex!important;align-items:baseline;gap:7px!important}.hmdex-listing-toggle b{font-size:13px!important;color:#fff}.hmdex-listing-toggle small{font-size:8px!important;color:#9dff47!important;letter-spacing:.08em!important}.hmdex-listing-toggle i{width:24px!important;height:24px!important;font-size:14px}
.hmdex-listing-body{max-width:780px;margin:10px auto 0;text-align:left;border:1px solid rgba(145,255,61,.22);border-radius:20px;background:rgba(3,9,5,.54);backdrop-filter:blur(20px)}
.hmdex-listing-body.open{padding:18px!important}

.hmdex-trade-card{overflow:hidden}
.hmdex-swap-motion{position:absolute;inset:0;z-index:8;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;background:radial-gradient(circle at center,rgba(93,255,20,.12),rgba(0,0,0,.72) 44%,rgba(0,0,0,.86));backdrop-filter:blur(10px);transition:opacity .24s ease,visibility .24s ease}
.hmdex-trade-card.hmdex-swapping .hmdex-swap-motion{opacity:1;visibility:visible}
.hmdex-swap-motion img{position:absolute;width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:0 0 30px rgba(132,255,43,.28)}
.hmdex-motion-a{transform:translateX(-54px);animation:hmdexSwapTokenA 1.15s cubic-bezier(.6,0,.2,1) infinite}
.hmdex-motion-b{transform:translateX(54px);animation:hmdexSwapTokenB 1.15s cubic-bezier(.6,0,.2,1) infinite}
.hmdex-motion-orbit{position:absolute;width:150px;height:68px;border:1px solid rgba(158,255,69,.5);border-left-color:transparent;border-right-color:transparent;border-radius:50%;animation:hmdexSwapOrbit .9s linear infinite;box-shadow:0 0 25px rgba(129,255,38,.1)}
.hmdex-swap-motion i{position:absolute;width:8px;height:8px;border-radius:50%;background:#a7ff46;box-shadow:0 0 18px #8cff00;animation:hmdexSwapParticle 1.05s ease-in-out infinite}
@keyframes hmdexSwapTokenA{0%,100%{transform:translateX(-54px) scale(1)}50%{transform:translateX(28px) scale(.82)}}
@keyframes hmdexSwapTokenB{0%,100%{transform:translateX(54px) scale(1)}50%{transform:translateX(-28px) scale(.82)}}
@keyframes hmdexSwapOrbit{to{transform:rotate(360deg)}}
@keyframes hmdexSwapParticle{0%,100%{transform:translate(-78px,-24px);opacity:.2}50%{transform:translate(78px,24px);opacity:1}}
.hmdex-trade-card[data-swap-stage="success"] .hmdex-swap-motion{background:radial-gradient(circle at center,rgba(113,255,37,.25),rgba(0,0,0,.78) 55%)}
.hmdex-flip-pop .hmdex-asset-box{animation:hmdexFlipPop .48s cubic-bezier(.2,.9,.2,1)}
@keyframes hmdexFlipPop{0%{transform:scale(.98);filter:blur(2px)}60%{transform:scale(1.012)}100%{transform:scale(1);filter:none}}
.hmdex-v18-card{animation:hmdexCardIn .55s cubic-bezier(.2,.8,.2,1) both}.hmdex-v18-side .hmdex-v18-panel{animation:hmdexSideIn .58s .08s cubic-bezier(.2,.8,.2,1) both}.hmdex-listing-card{animation:hmdexSideIn .62s .14s cubic-bezier(.2,.8,.2,1) both}
@keyframes hmdexCardIn{from{opacity:0;transform:translateY(18px) scale(.985);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes hmdexSideIn{from{opacity:0;transform:translateX(16px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:780px){
  .hmdex-listing-toggle{padding:9px 12px!important}.hmdex-listing-toggle span{gap:5px!important}.hmdex-listing-toggle small{display:none}
  .hmdex-pair-list{grid-template-columns:1fr 1fr}.hmdex-pair-list button{grid-template-columns:auto 1fr!important;padding:10px!important}.hmdex-pair-list button small{display:none}.hmdex-pair-list button b{font-size:11px!important;white-space:nowrap}
  .pair-logos img,.pair-logos i{width:25px!important;height:25px!important}
}
@media(max-width:390px){.hmdex-pair-list{grid-template-columns:1fr}.hmdex-v18 .hmdex-token-select{min-width:112px!important;width:112px!important}.hmdex-v18 .hmdex-token-select img,.hmdex-v18 .hmdex-token-letter{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.hmdex-swap-motion *,.hmdex-v18-card,.hmdex-v18-panel,.hmdex-listing-card{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* === HMDEX V20 — fully transparent token controls, live Trends, soft contour motion === */
.hmdex-v18 .hmdex-token-select,
.hmdex-v18 .hmdex-token-select:hover,
.hmdex-v18 .hmdex-token-select:focus,
.hmdex-v18 .hmdex-token-select:active{
  background:transparent!important;
  background-color:transparent!important;
  border:1px solid rgba(147,255,62,.72)!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.12),0 0 18px rgba(130,255,35,.055)!important;
}
.hmdex-v18 .hmdex-token-select:hover{border-color:#b5ff69!important;box-shadow:0 0 24px rgba(138,255,43,.14)!important}

.hmdex-trends-panel{overflow:hidden}
.hmdex-trend-list{display:grid;gap:8px;transition:opacity .26s ease,transform .26s ease,filter .26s ease}
.hmdex-trend-list.is-reordering{opacity:.18;transform:translateY(5px) scale(.992);filter:blur(3px)}
.hmdex-trends-loading{min-height:76px;display:flex;align-items:center;justify-content:center;gap:9px;color:rgba(255,255,255,.55);font-size:12px;text-align:center}
.hmdex-trend-token{
  width:100%;min-height:58px;display:grid;grid-template-columns:22px 34px minmax(0,1fr) 22px;align-items:center;gap:10px;
  padding:10px 12px;background:transparent!important;background-color:transparent!important;color:#fff!important;
  border:1px solid rgba(147,255,62,.38)!important;border-radius:15px;text-align:left;position:relative;overflow:hidden;
  box-shadow:inset 0 0 18px rgba(120,255,30,.018);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.hmdex-trend-token:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 22%,rgba(173,255,100,.075) 49%,transparent 74%);transform:translateX(-130%);transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.hmdex-trend-token:hover{transform:translateY(-2px);border-color:rgba(176,255,95,.78)!important;box-shadow:0 8px 26px rgba(112,255,30,.07),inset 0 0 22px rgba(125,255,37,.025)}
.hmdex-trend-token:hover:before{transform:translateX(130%)}
.hmdex-trend-token.pinned{border-color:rgba(171,255,84,.72)!important;box-shadow:0 0 20px rgba(128,255,37,.07)}
.hmdex-trend-token>img,.hmdex-trend-token>i{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#080c09;border:1px solid rgba(158,255,72,.25);display:grid;place-items:center;font-style:normal;font-weight:900;color:#afff59}
.hmdex-trend-rank{font-size:10px;color:rgba(255,255,255,.35);font-weight:800;text-align:center}
.hmdex-trend-copy{min-width:0;display:grid;gap:2px}.hmdex-trend-copy b{color:#fff!important;font-size:13px;line-height:1}.hmdex-trend-copy small{color:rgba(255,255,255,.48)!important;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hmdex-trend-arrow{color:#a8ff50;font-size:14px;text-align:right}

/* soft premium light flowing around HMdex block contours */
.hmdex-v18-card,.hmdex-v18-panel,.hmdex-listing-body,.hmdex-v18-card .hmdex-asset-box{position:relative}
.hmdex-v18-card::after,.hmdex-v18-panel::after,.hmdex-listing-body::after,.hmdex-v18-card .hmdex-asset-box::after{
  content:"";position:absolute;pointer-events:none;inset:-1px;border-radius:inherit;padding:1px;
  background:linear-gradient(115deg,rgba(118,255,28,.08),rgba(190,255,126,.8),rgba(94,255,20,.08),rgba(188,255,116,.55),rgba(118,255,28,.08));
  background-size:320% 100%;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.42;animation:hmdexContourFlow 6.5s linear infinite;z-index:2;
}
.hmdex-v18-card .hmdex-asset-box::after{opacity:.22;animation-duration:8.5s}
@keyframes hmdexContourFlow{0%{background-position:0% 50%}100%{background-position:320% 50%}}

@media(max-width:780px){
  .hmdex-trend-list{grid-template-columns:1fr 1fr}.hmdex-trend-token{grid-template-columns:18px 30px minmax(0,1fr);padding:9px;gap:7px;min-height:54px}.hmdex-trend-token>img,.hmdex-trend-token>i{width:30px;height:30px}.hmdex-trend-arrow{display:none}.hmdex-trend-copy b{font-size:12px}.hmdex-trend-copy small{font-size:8px}
}
@media(max-width:390px){.hmdex-trend-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.hmdex-v18-card::after,.hmdex-v18-panel::after,.hmdex-listing-body::after,.hmdex-v18-card .hmdex-asset-box::after{animation:none!important}}


/* === HMDEX V21 — hard transparency pass + animated premium contours === */
.hmdex-v18 .hmdex-token-select,
.hmdex-v18 .hmdex-token-select:hover,
.hmdex-v18 .hmdex-token-select:focus,
.hmdex-v18 .hmdex-token-select:focus-visible,
.hmdex-v18 .hmdex-token-select:active,
.hmdex-v18 .hmdex-trend-token,
.hmdex-v18 .hmdex-trend-token:hover,
.hmdex-v18 .hmdex-trend-token:focus,
.hmdex-v18 .hmdex-trend-token:active,
.hmdex-v18 .hmdex-pair-list button,
.hmdex-v18 .hmdex-pair-list button:hover,
.hmdex-v18 .hmdex-pair-list button.active {
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
}
.hmdex-v18 .hmdex-token-select::before,
.hmdex-v18 .hmdex-token-select::after {display:none!important;background:none!important;}
.hmdex-v18 .hmdex-token-select {border:1px solid rgba(152,255,67,.82)!important;box-shadow:0 0 16px rgba(115,255,31,.07)!important;}
.hmdex-v18 .hmdex-trend-token {border:1px solid rgba(152,255,67,.55)!important;box-shadow:none!important;}
.hmdex-v18 .hmdex-trend-token:hover {border-color:#baff72!important;box-shadow:0 0 22px rgba(127,255,42,.09)!important;}
.hmdex-v18 .hmdex-trend-token.pinned {background:none!important;background-color:transparent!important;background-image:none!important;}

/* subtle moving contour, no green fill */
.hmdex-v18-card,.hmdex-v18-panel,.hmdex-listing-body{overflow:hidden}
.hmdex-v18-card::after,.hmdex-v18-panel::after,.hmdex-listing-body::after{
  opacity:.55!important;
  background:linear-gradient(110deg,rgba(125,255,31,.05),rgba(202,255,149,.92),rgba(91,255,16,.08),rgba(180,255,104,.78),rgba(125,255,31,.05))!important;
  background-size:360% 100%!important;
  animation:hmdexContourFlowV21 5.2s linear infinite!important;
}
@keyframes hmdexContourFlowV21{0%{background-position:0% 50%}100%{background-position:360% 50%}}
.hmdex-v18-card:hover,.hmdex-v18-panel:hover{border-color:rgba(166,255,79,.5)!important;box-shadow:0 24px 74px rgba(0,0,0,.44),0 0 30px rgba(112,255,29,.055)!important;transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease}


/* === HMDEX V22 — absolute zero-fill token cards + randomized Trends === */
.hmdex-token-modal .hmdex-token-result,
.hmdex-token-modal .hmdex-token-result:hover,
.hmdex-token-modal .hmdex-token-result:focus,
.hmdex-token-modal .hmdex-token-result:focus-visible,
.hmdex-token-modal .hmdex-token-result:active,
.hmdex-token-modal .hmdex-token-result.pinned,
.hmdex-known-list .hmdex-token-result,
.hmdex-known-list .hmdex-token-result:hover,
.hmdex-known-list .hmdex-token-result:focus,
.hmdex-known-list .hmdex-token-result:active,
.hmdex-v18 .hmdex-trend-token,
.hmdex-v18 .hmdex-trend-token:hover,
.hmdex-v18 .hmdex-trend-token:focus,
.hmdex-v18 .hmdex-trend-token:active {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  -webkit-background-image: none !important;
}
.hmdex-token-modal .hmdex-token-result,
.hmdex-known-list .hmdex-token-result {
  border: 1px solid rgba(158,255,72,.72) !important;
  color: #fff !important;
  box-shadow: 0 0 14px rgba(126,255,37,.045) !important;
  transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease !important;
}
.hmdex-token-modal .hmdex-token-result:hover,
.hmdex-known-list .hmdex-token-result:hover {
  transform: translateY(-1px);
  border-color: #b8ff76 !important;
  box-shadow: 0 0 22px rgba(126,255,37,.11) !important;
}
.hmdex-token-modal .hmdex-token-result::before,
.hmdex-token-modal .hmdex-token-result::after,
.hmdex-known-list .hmdex-token-result::before,
.hmdex-known-list .hmdex-token-result::after,
.hmdex-v18 .hmdex-trend-token::after {
  background: none !important;
  background-image: none !important;
}
.hmdex-token-modal .hmdex-token-result strong,
.hmdex-token-modal .hmdex-token-result b,
.hmdex-known-list .hmdex-token-result strong,
.hmdex-known-list .hmdex-token-result b { color:#fff !important; }
.hmdex-token-modal .hmdex-token-result small,
.hmdex-known-list .hmdex-token-result small { color:rgba(255,255,255,.62) !important; }
.hmdex-v18 .hmdex-trend-token.pinned { border-color:rgba(152,255,67,.55)!important; box-shadow:none!important; }

/* === HMDEX V23 — ALL interactive controls: ZERO GREEN FILL ===
   User-requested hard reset: every button/token card inside HMdex must look like the transparent HMX trend row.
*/
.hmdex-v18 button,
.hmdex-v18 button:hover,
.hmdex-v18 button:focus,
.hmdex-v18 button:focus-visible,
.hmdex-v18 button:active,
.hmdex-v18 button[disabled],
.hmdex-v18 .btn,
.hmdex-v18 .btn:hover,
.hmdex-v18 .btn:focus,
.hmdex-v18 .btn:active,
.hmdex-v18 .hmdex-token-select,
.hmdex-v18 .hmdex-token-select:hover,
.hmdex-v18 .hmdex-token-select:focus,
.hmdex-v18 .hmdex-token-select:active,
.hmdex-v18 .hmdex-trend-token,
.hmdex-v18 .hmdex-trend-token:hover,
.hmdex-v18 .hmdex-trend-token:focus,
.hmdex-v18 .hmdex-trend-token:active,
.hmdex-v18 .hmdex-trend-token.pinned,
.hmdex-v18 .hmdex-swap-button,
.hmdex-v18 .hmdex-swap-button:hover,
.hmdex-v18 .hmdex-listing-toggle,
.hmdex-v18 .hmdex-listing-toggle:hover,
.hmdex-v18 .hmdex-v18-back,
.hmdex-v18 .hmdex-v18-back:hover,
.hmdex-v18 .hmdex-connect-mini,
.hmdex-v18 .hmdex-connect-mini:hover,
.hmdex-v18 .hmdex-flip,
.hmdex-v18 .hmdex-flip:hover {
  background: rgba(0,0,0,0) !important;
  background-color: rgba(0,0,0,0) !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 1px solid rgba(155,255,68,.72) !important;
  box-shadow: 0 0 0 1px rgba(130,255,35,.025), 0 0 16px rgba(122,255,34,.055) !important;
}

/* Disable any decorative pseudo-layer that can visually become a green fill. */
.hmdex-v18 button::before,
.hmdex-v18 button::after,
.hmdex-v18 .hmdex-token-select::before,
.hmdex-v18 .hmdex-token-select::after,
.hmdex-v18 .hmdex-trend-token::before,
.hmdex-v18 .hmdex-trend-token::after,
.hmdex-token-modal .hmdex-token-result::before,
.hmdex-token-modal .hmdex-token-result::after,
.hmdex-known-list .hmdex-token-result::before,
.hmdex-known-list .hmdex-token-result::after {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Token picker modal lives outside .hmdex-v18, so force the same zero-fill style there too. */
.hmdex-token-modal button.hmdex-token-result,
.hmdex-token-modal button.hmdex-token-result:hover,
.hmdex-token-modal button.hmdex-token-result:focus,
.hmdex-token-modal button.hmdex-token-result:focus-visible,
.hmdex-token-modal button.hmdex-token-result:active,
.hmdex-token-modal button.hmdex-token-result.pinned,
.hmdex-known-list button.hmdex-token-result,
.hmdex-known-list button.hmdex-token-result:hover,
.hmdex-known-list button.hmdex-token-result:focus,
.hmdex-known-list button.hmdex-token-result:active {
  background: rgba(0,0,0,0) !important;
  background-color: rgba(0,0,0,0) !important;
  background-image: none !important;
  color: #fff !important;
  border: 1px solid rgba(155,255,68,.72) !important;
  box-shadow: 0 0 14px rgba(122,255,34,.055) !important;
}

/* Keep controls readable without reverting to a filled state. */
.hmdex-v18 button:hover,
.hmdex-token-modal button.hmdex-token-result:hover,
.hmdex-known-list button.hmdex-token-result:hover {
  border-color: #b9ff78 !important;
  box-shadow: 0 0 22px rgba(128,255,42,.12) !important;
  transform: translateY(-1px);
}
.hmdex-v18 .hmdex-swap-button,
.hmdex-v18 .hmdex-v18-back {font-weight:900!important;color:#fff!important;}
.hmdex-v18 .hmdex-listing-toggle b,
.hmdex-v18 .hmdex-listing-toggle small {color:#fff!important;}
.hmdex-v18 .hmdex-listing-toggle small {opacity:.64;}

/* The trend header is intentionally only “Trends”. */
.hmdex-trends-panel .hmdex-v18-panelhead small {display:none!important;}


/* === HMDEX V24 — strict outline-only controls ===
   Every HMdex button and token row uses the same transparent treatment: no green fill, green contour only.
*/
.hmdex-v18 :is(button,.btn,.hmdex-token-select,.hmdex-trend-token,.hmdex-swap-button,.hmdex-listing-toggle,.hmdex-v18-back,.hmdex-connect-mini,.hmdex-flip),
.hmdex-v18 :is(button,.btn,.hmdex-token-select,.hmdex-trend-token,.hmdex-swap-button,.hmdex-listing-toggle,.hmdex-v18-back,.hmdex-connect-mini,.hmdex-flip):is(:hover,:focus,:focus-visible,:active,:disabled),
.hmdex-token-modal :is(button,.btn,.hmdex-token-result),
.hmdex-token-modal :is(button,.btn,.hmdex-token-result):is(:hover,:focus,:focus-visible,:active,:disabled),
.hmdex-known-list :is(button,.hmdex-token-result),
.hmdex-known-list :is(button,.hmdex-token-result):is(:hover,:focus,:focus-visible,:active,:disabled){
  -webkit-appearance:none!important;
  appearance:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#fff!important;
  border:1px solid rgba(155,255,68,.72)!important;
  box-shadow:none!important;
}
.hmdex-v18 :is(button,.btn,.hmdex-token-select,.hmdex-trend-token,.hmdex-swap-button,.hmdex-listing-toggle,.hmdex-v18-back,.hmdex-connect-mini,.hmdex-flip)::before,
.hmdex-v18 :is(button,.btn,.hmdex-token-select,.hmdex-trend-token,.hmdex-swap-button,.hmdex-listing-toggle,.hmdex-v18-back,.hmdex-connect-mini,.hmdex-flip)::after,
.hmdex-token-modal :is(button,.btn,.hmdex-token-result)::before,
.hmdex-token-modal :is(button,.btn,.hmdex-token-result)::after,
.hmdex-known-list :is(button,.hmdex-token-result)::before,
.hmdex-known-list :is(button,.hmdex-token-result)::after{
  content:none!important;
  display:none!important;
}
.hmdex-v18 :is(button,.btn,.hmdex-token-select,.hmdex-trend-token,.hmdex-swap-button,.hmdex-listing-toggle,.hmdex-v18-back,.hmdex-connect-mini,.hmdex-flip):hover,
.hmdex-token-modal :is(button,.btn,.hmdex-token-result):hover,
.hmdex-known-list :is(button,.hmdex-token-result):hover{
  border-color:#baff72!important;
  box-shadow:0 0 18px rgba(128,255,42,.10)!important;
}
.hmdex-v18 .hmdex-token-letter,
.hmdex-token-modal .hmdex-token-letter,
.hmdex-known-list .hmdex-token-letter{
  background:#080c09!important;
  color:#afff59!important;
  border:1px solid rgba(158,255,72,.45)!important;
  box-shadow:none!important;
}

/* === HMDEX V25 — hard compatibility pass: 100% transparent controls, outline only ===
   Kept deliberately without :is() so older Android/Telegram WebViews apply it reliably.
*/
.hmdex-v18 button,
.hmdex-v18 button:hover,
.hmdex-v18 button:focus,
.hmdex-v18 button:focus-visible,
.hmdex-v18 button:active,
.hmdex-v18 button:disabled,
.hmdex-v18 .btn,
.hmdex-v18 .btn:hover,
.hmdex-v18 .btn:focus,
.hmdex-v18 .btn:active,
.hmdex-v18 .hmdex-token-select,
.hmdex-v18 .hmdex-token-select:hover,
.hmdex-v18 .hmdex-token-select:focus,
.hmdex-v18 .hmdex-token-select:active,
.hmdex-v18 .hmdex-trend-token,
.hmdex-v18 .hmdex-trend-token:hover,
.hmdex-v18 .hmdex-trend-token:focus,
.hmdex-v18 .hmdex-trend-token:active,
.hmdex-v18 .hmdex-swap-button,
.hmdex-v18 .hmdex-swap-button:hover,
.hmdex-v18 .hmdex-listing-toggle,
.hmdex-v18 .hmdex-listing-toggle:hover,
.hmdex-v18 .hmdex-v18-back,
.hmdex-v18 .hmdex-v18-back:hover,
.hmdex-v18 .hmdex-connect-mini,
.hmdex-v18 .hmdex-connect-mini:hover,
.hmdex-v18 .hmdex-flip,
.hmdex-v18 .hmdex-flip:hover,
.hmdex-token-modal button,
.hmdex-token-modal button:hover,
.hmdex-token-modal button:focus,
.hmdex-token-modal button:active,
.hmdex-token-modal .hmdex-token-result,
.hmdex-token-modal .hmdex-token-result:hover,
.hmdex-token-modal .hmdex-token-result.pinned,
.hmdex-known-list button,
.hmdex-known-list button:hover,
.hmdex-known-list .hmdex-token-result,
.hmdex-known-list .hmdex-token-result:hover {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: rgba(0, 0, 0, 0) !important;
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: none !important;
  border: 1px solid #9bff44 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  filter: none !important;
  color: #fff !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Token selector rows + Trends cards: absolutely no fill in any state. */
.hmdex-token-select,
.hmdex-token-select:hover,
.hmdex-token-select:focus,
.hmdex-token-select:active,
.hmdex-trend-token,
.hmdex-trend-token:hover,
.hmdex-trend-token:focus,
.hmdex-trend-token:active,
.hmdex-trend-token.pinned,
.hmdex-token-result,
.hmdex-token-result:hover,
.hmdex-token-result:focus,
.hmdex-token-result:active,
.hmdex-token-result.pinned {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: #9bff44 !important;
  box-shadow: none !important;
}

/* Remove pseudo-element overlays that can look like a green fill. */
.hmdex-v18 button::before,
.hmdex-v18 button::after,
.hmdex-token-select::before,
.hmdex-token-select::after,
.hmdex-trend-token::before,
.hmdex-trend-token::after,
.hmdex-token-result::before,
.hmdex-token-result::after,
.hmdex-listing-toggle::before,
.hmdex-listing-toggle::after,
.hmdex-swap-button::before,
.hmdex-swap-button::after,
.hmdex-v18-back::before,
.hmdex-v18-back::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Slippage is a control in the same section: transparent with green outline too. */
.hmdex-v18 .hmdex-settings select,
.hmdex-v18 .hmdex-settings select:hover,
.hmdex-v18 .hmdex-settings select:focus {
  background: transparent !important;
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid #9bff44 !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Listing button text must remain clearly readable. */
.hmdex-v18 .hmdex-listing-toggle,
.hmdex-v18 .hmdex-listing-toggle b,
.hmdex-v18 .hmdex-listing-toggle span,
.hmdex-v18 .hmdex-listing-toggle i {
  color: #fff !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px #000, 0 0 8px rgba(0,0,0,.85) !important;
}
.hmdex-v18 .hmdex-listing-toggle b { font-weight: 900 !important; }

/* Trends title only — never show the old GLOBAL 24H VOLUME caption. */
.hmdex-trends-panel .hmdex-v18-panelhead small { display: none !important; }

/* === HMDEX V26 — absolute outline-only UI, zero green fill === */
/* These rules intentionally sit last in the stylesheet and remove every fill layer from HMdex controls. */
.hmdex-v18 button,
.hmdex-v18 button:hover,
.hmdex-v18 button:focus,
.hmdex-v18 button:focus-visible,
.hmdex-v18 button:active,
.hmdex-v18 button:disabled,
.hmdex-v18 .hmdex-token-select,
.hmdex-v18 .hmdex-token-select:hover,
.hmdex-v18 .hmdex-token-select:focus,
.hmdex-v18 .hmdex-token-select:active,
.hmdex-v18 .hmdex-trend-token,
.hmdex-v18 .hmdex-trend-token:hover,
.hmdex-v18 .hmdex-trend-token:focus,
.hmdex-v18 .hmdex-trend-token:active,
.hmdex-v18 .hmdex-trend-token.pinned,
.hmdex-v18 .hmdex-swap-button,
.hmdex-v18 .hmdex-listing-toggle,
.hmdex-v18 .hmdex-v18-back,
.hmdex-v18 .hmdex-connect-mini,
.hmdex-v18 .hmdex-flip,
.hmdex-token-modal button,
.hmdex-token-modal button:hover,
.hmdex-token-modal button:focus,
.hmdex-token-modal button:active,
.hmdex-token-modal .hmdex-token-result,
.hmdex-token-modal .hmdex-token-result:hover,
.hmdex-token-modal .hmdex-token-result:focus,
.hmdex-token-modal .hmdex-token-result:active,
.hmdex-known-list button,
.hmdex-known-list button:hover,
.hmdex-known-list .hmdex-token-result,
.hmdex-known-list .hmdex-token-result:hover {
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  -webkit-background-image: none !important;
  border: 1px solid #9bff44 !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  filter: none !important;
  color: #fff !important;
}
.hmdex-v18 button::before,
.hmdex-v18 button::after,
.hmdex-v18 .hmdex-token-select::before,
.hmdex-v18 .hmdex-token-select::after,
.hmdex-v18 .hmdex-trend-token::before,
.hmdex-v18 .hmdex-trend-token::after,
.hmdex-token-modal button::before,
.hmdex-token-modal button::after,
.hmdex-token-modal .hmdex-token-result::before,
.hmdex-token-modal .hmdex-token-result::after,
.hmdex-known-list button::before,
.hmdex-known-list button::after {
  content: none !important;
  display: none !important;
  background: none !important;
  opacity: 0 !important;
}
/* Keep the containers dark/transparent too, so transparent token buttons can never reveal a green parent fill. */
.hmdex-v18 .hmdex-asset-box,
.hmdex-v18 .hmdex-trend-list,
.hmdex-v18 .hmdex-listing-toggle,
.hmdex-token-modal .hmdex-known-list {
  background-color: transparent !important;
  background-image: none !important;
}

/* === HMDEX V27 FINAL: outline-only controls. No green fill, in any state. === */
.hmdex-v18 button,
.hmdex-v18 button:hover,
.hmdex-v18 button:focus,
.hmdex-v18 button:focus-visible,
.hmdex-v18 button:active,
.hmdex-v18 button:disabled,
.hmdex-v18 .btn,
.hmdex-v18 .hmdex-token-select,
.hmdex-v18 .hmdex-token-select:hover,
.hmdex-v18 .hmdex-token-select:focus,
.hmdex-v18 .hmdex-token-select:active,
.hmdex-v18 .hmdex-trend-token,
.hmdex-v18 .hmdex-trend-token:hover,
.hmdex-v18 .hmdex-trend-token:focus,
.hmdex-v18 .hmdex-trend-token:active,
.hmdex-v18 .hmdex-trend-token.pinned,
.hmdex-v18 .hmdex-swap-button,
.hmdex-v18 .hmdex-swap-button:hover,
.hmdex-v18 .hmdex-swap-button:active,
.hmdex-v18 .hmdex-listing-toggle,
.hmdex-v18 .hmdex-listing-toggle:hover,
.hmdex-v18 .hmdex-listing-toggle:active,
.hmdex-v18 .hmdex-connect-mini,
.hmdex-v18 .hmdex-connect-mini:hover,
.hmdex-v18 .hmdex-flip,
.hmdex-v18 .hmdex-flip:hover,
.hmdex-v18 .hmdex-v18-back,
.hmdex-v18 .hmdex-v18-back:hover,
.hmdex-token-modal button,
.hmdex-token-modal button:hover,
.hmdex-token-modal button:active,
.hmdex-token-modal .hmdex-token-result,
.hmdex-token-modal .hmdex-token-result:hover,
.hmdex-token-modal .hmdex-token-result:active,
.hmdex-known-list button,
.hmdex-known-list .hmdex-token-result {
  background: transparent !important;
  background-color: rgba(0,0,0,0) !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  filter: none !important;
  border: 1px solid #9bff44 !important;
  color: #fff !important;
}
.hmdex-v18 button::before,
.hmdex-v18 button::after,
.hmdex-v18 .hmdex-token-select::before,
.hmdex-v18 .hmdex-token-select::after,
.hmdex-v18 .hmdex-trend-token::before,
.hmdex-v18 .hmdex-trend-token::after,
.hmdex-token-modal button::before,
.hmdex-token-modal button::after,
.hmdex-token-modal .hmdex-token-result::before,
.hmdex-token-modal .hmdex-token-result::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  opacity: 0 !important;
}
/* Selector/card containers also stay transparent; only their green borders remain. */
.hmdex-v18 #hmdexFromSelector,
.hmdex-v18 #hmdexToSelector,
.hmdex-v18 .hmdex-trend-list,
.hmdex-v18 .hmdex-known-list {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
/* Readable listing text. */
.hmdex-v18 .hmdex-listing-toggle b { color:#fff !important; opacity:1 !important; font-weight:900 !important; text-shadow:0 1px 3px #000 !important; }

/* === HMDEX V28 — readable text on outline-only transparent controls === */
.hmdex-v18 button,
.hmdex-v18 .hmdex-token-select,
.hmdex-v18 .hmdex-trend-token,
.hmdex-v18 .hmdex-swap-button,
.hmdex-v18 .hmdex-listing-toggle,
.hmdex-v18 .hmdex-connect-mini,
.hmdex-v18 .hmdex-flip,
.hmdex-v18 .hmdex-v18-back,
.hmdex-token-modal button,
.hmdex-token-modal .hmdex-token-result {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;
  text-shadow:0 1px 2px rgba(0,0,0,.95) !important;
}
.hmdex-v18 button span,
.hmdex-v18 button strong,
.hmdex-v18 button b,
.hmdex-v18 .hmdex-token-select span,
.hmdex-v18 .hmdex-token-select strong,
.hmdex-v18 .hmdex-trend-token span,
.hmdex-v18 .hmdex-trend-token b,
.hmdex-token-modal button span,
.hmdex-token-modal button strong,
.hmdex-token-modal button b {
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  opacity:1 !important;
}
.hmdex-v18 .hmdex-token-select small,
.hmdex-v18 .hmdex-trend-token small,
.hmdex-v18 .hmdex-listing-toggle small,
.hmdex-token-modal .hmdex-token-result small {
  color:rgba(255,255,255,.72) !important;
  -webkit-text-fill-color:rgba(255,255,255,.72) !important;
  opacity:1 !important;
}
.hmdex-v18 .hmdex-swap-button,
.hmdex-v18 .hmdex-listing-toggle b,
.hmdex-v18 .hmdex-v18-back,
.hmdex-v18 .hmdex-connect-mini {
  font-weight:800 !important;
}

/* === HMDEX V29 — permanent readable labels, animated borderless flip, smooth 10-token trends === */
.hmdex-v18 #hmdexConnectBtn,
.hmdex-v18 #hmdexSwapButton,
.hmdex-v18 #hmdexListingSubmit,
.hmdex-v18 #hmdexReturnHome,
.hmdex-v18 .hmdex-connect-mini,
.hmdex-v18 .hmdex-swap-button,
.hmdex-v18 .hmdex-v18-back,
.hmdex-v18 .hmdex-listing-toggle,
.hmdex-v18 .hmdex-listing-toggle b,
.hmdex-v18 .hmdex-listing-toggle small {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  opacity:1 !important;
  visibility:visible !important;
  text-shadow:0 1px 2px #000,0 0 8px rgba(0,0,0,.9) !important;
}
.hmdex-v18 #hmdexConnectBtn:disabled,
.hmdex-v18 #hmdexSwapButton:disabled,
.hmdex-v18 #hmdexListingSubmit:disabled,
.hmdex-v18 #hmdexReturnHome:disabled {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  opacity:1 !important;
}
.hmdex-v18 .hmdex-flip,
.hmdex-v18 .hmdex-flip:hover,
.hmdex-v18 .hmdex-flip:focus,
.hmdex-v18 .hmdex-flip:active {
  width:48px !important;
  height:48px !important;
  margin:-7px auto !important;
  border:0 !important;
  outline:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  color:#9bff44 !important;
  -webkit-text-fill-color:#9bff44 !important;
  opacity:1 !important;
  font-size:30px !important;
  line-height:1 !important;
  text-shadow:0 0 8px rgba(155,255,68,.7),0 0 18px rgba(155,255,68,.32) !important;
  animation:hmdexFlipGlow 1.8s ease-in-out infinite !important;
  transform-origin:center !important;
}
@keyframes hmdexFlipGlow {
  0%,100% { transform:rotate(0deg) scale(1); text-shadow:0 0 7px rgba(155,255,68,.65),0 0 16px rgba(155,255,68,.25); }
  50% { transform:rotate(180deg) scale(1.08); text-shadow:0 0 12px rgba(155,255,68,.95),0 0 26px rgba(155,255,68,.48); }
}
.hmdex-trend-list{min-height:0!important;contain:layout paint;}
.hmdex-v18 .hmdex-trend-token,
.hmdex-v18 .hmdex-trend-market{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:1px solid #9bff44!important;
  box-shadow:none!important;
  transition:border-color .18s ease,transform .18s ease!important;
  animation:none!important;
}
.hmdex-v18 .hmdex-trend-market{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;}
.hmdex-trend-change{margin-left:auto;font:900 12px/1 system-ui;letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums;}
.hmdex-trend-change.up{color:#83ff55!important;-webkit-text-fill-color:#83ff55!important;}
.hmdex-trend-change.down{color:#ff626d!important;-webkit-text-fill-color:#ff626d!important;}
.hmdex-trend-change.flat{color:#a1aaa0!important;-webkit-text-fill-color:#a1aaa0!important;}
.hmdex-trend-list.is-reordering{opacity:1!important;transform:none!important;filter:none!important;}
.hmdex-swap-motion .hmdex-motion-a,
.hmdex-swap-motion .hmdex-motion-b{visibility:visible!important;opacity:1!important;}
\n\n/* HMdex v31: force real 24h trend direction colors above legacy global button rules. */\n.hmdex-v18 .hmdex-trend-token .hmdex-trend-change.up{color:#83ff55!important;-webkit-text-fill-color:#83ff55!important;text-shadow:0 0 10px rgba(131,255,85,.28)!important;}\n.hmdex-v18 .hmdex-trend-token .hmdex-trend-change.down{color:#ff4d5f!important;-webkit-text-fill-color:#ff4d5f!important;text-shadow:0 0 10px rgba(255,77,95,.22)!important;}\n.hmdex-v18 .hmdex-trend-token .hmdex-trend-change.flat{color:#a1aaa0!important;-webkit-text-fill-color:#a1aaa0!important;}\n
/* === v32 wallet: HMX / ETH / VISTA full balances + landscape fit === */
.hm-wallet-premium-shell .wallet-three-assets{display:grid!important;gap:8px!important}
.hm-wallet-premium-shell .wallet-static-asset{cursor:default!important}
.hm-wallet-premium-shell .wallet-exchange-line{
  display:grid!important;
  grid-template-columns:34px 54px minmax(0,1fr) minmax(74px,.75fr)!important;
  gap:8px!important;
  align-items:center!important;
  width:100%!important;
}
.hm-wallet-premium-shell .wallet-exchange-line .wallet-amount{
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-size:clamp(9px,2.5vw,13px)!important;
  letter-spacing:-.02em!important;
  min-width:0!important;
}
.hm-wallet-premium-shell .wallet-exchange-line .wallet-usd{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:clamp(9px,2.2vw,12px)!important;
}
@media (orientation:landscape) and (max-height:600px){
  .hm-wallet-premium-shell .internal-wallet-list{gap:5px!important}
  .hm-wallet-premium-shell .internal-wallet-row{padding:7px 10px!important;min-height:44px!important}
  .hm-wallet-premium-shell .wallet-exchange-line{grid-template-columns:28px 48px minmax(0,1fr) minmax(72px,.65fr)!important;gap:6px!important}
  .hm-wallet-premium-shell .wallet-exchange-line .wallet-asset-logo{width:26px!important;height:26px!important;min-width:26px!important}
  .hm-wallet-premium-shell .wallet-exchange-line .wallet-symbol{font-size:11px!important}
  .hm-wallet-premium-shell .wallet-exchange-line .wallet-amount{font-size:10px!important}
  .hm-wallet-premium-shell .wallet-exchange-line .wallet-usd{font-size:9.5px!important}
}

/* Verification payment options are horizontal. */
.payment-choice-card .badge-payment-row{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
.payment-choice-card .badge-payment-row .donation-currency-option{
  min-width:0!important;
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  gap:6px!important;
  padding:12px 7px!important;
}
.payment-choice-card .badge-payment-row .donation-token-logo{width:30px!important;height:30px!important}
.payment-choice-card .badge-payment-row strong{font-size:13px!important}
.payment-choice-card .badge-payment-row span{font-size:10px!important;line-height:1.2!important;word-break:break-word!important}
@media(max-width:420px){
  .payment-choice-card .badge-payment-row{gap:6px!important}
  .payment-choice-card .badge-payment-row .donation-currency-option{padding:10px 4px!important}
  .payment-choice-card .badge-payment-row strong{font-size:11px!important}
  .payment-choice-card .badge-payment-row span{font-size:9px!important}
}


/* === v33 HackWallet row alignment cleanup === */
.hm-wallet-premium-shell .wallet-three-assets{
  display:grid!important;
  gap:8px!important;
}
.hm-wallet-premium-shell .internal-wallet-row.premium-wallet-asset{
  display:block!important;
  min-height:58px!important;
  padding:9px 12px!important;
}
.hm-wallet-premium-shell .wallet-asset-main.wallet-exchange-line{
  display:grid!important;
  grid-template-columns:34px 52px minmax(0,1fr) minmax(78px,.8fr)!important;
  column-gap:9px!important;
  align-items:center!important;
  align-content:center!important;
  width:100%!important;
  min-height:40px!important;
  margin:0!important;
}
.hm-wallet-premium-shell .wallet-asset-main.wallet-exchange-line > *{
  align-self:center!important;
  margin:0!important;
  line-height:1.15!important;
}
.hm-wallet-premium-shell .wallet-asset-main.wallet-exchange-line .wallet-asset-logo{
  display:block!important;
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  object-fit:cover!important;
}
.hm-wallet-premium-shell .wallet-asset-main.wallet-exchange-line .wallet-symbol{
  display:block!important;
  text-align:left!important;
  white-space:nowrap!important;
  font-size:13px!important;
}
.hm-wallet-premium-shell .wallet-asset-main.wallet-exchange-line .wallet-amount{
  display:block!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:clamp(9px,2.7vw,12px)!important;
  min-width:0!important;
}
.hm-wallet-premium-shell .wallet-asset-main.wallet-exchange-line .wallet-usd{
  display:block!important;
  text-align:right!important;
  white-space:nowrap!important;
  font-style:normal!important;
  font-size:clamp(9px,2.35vw,11px)!important;
  min-width:0!important;
}
.hm-wallet-premium-shell #internalWalletAction,
.hm-wallet-premium-shell .premium-wallet-action{
  display:none!important;
}
@media (max-width:420px){
  .hm-wallet-premium-shell .internal-wallet-row.premium-wallet-asset{padding:8px 9px!important;min-height:52px!important}
  .hm-wallet-premium-shell .wallet-asset-main.wallet-exchange-line{
    grid-template-columns:30px 44px minmax(0,1fr) minmax(68px,.78fr)!important;
    column-gap:6px!important;
    min-height:36px!important;
  }
  .hm-wallet-premium-shell .wallet-asset-main.wallet-exchange-line .wallet-asset-logo{width:28px!important;height:28px!important;min-width:28px!important}
  .hm-wallet-premium-shell .wallet-asset-main.wallet-exchange-line .wallet-symbol{font-size:11px!important}
  .hm-wallet-premium-shell .wallet-asset-main.wallet-exchange-line .wallet-amount{font-size:clamp(8.5px,2.5vw,10.5px)!important}
  .hm-wallet-premium-shell .wallet-asset-main.wallet-exchange-line .wallet-usd{font-size:clamp(8px,2.25vw,9.8px)!important}
}
@media (orientation:landscape) and (max-height:600px){
  .hm-wallet-premium-shell .internal-wallet-row.premium-wallet-asset{padding:6px 9px!important;min-height:42px!important}
  .hm-wallet-premium-shell .wallet-asset-main.wallet-exchange-line{
    grid-template-columns:27px 43px minmax(0,1fr) minmax(70px,.7fr)!important;
    column-gap:6px!important;
    min-height:30px!important;
  }
  .hm-wallet-premium-shell .wallet-asset-main.wallet-exchange-line .wallet-asset-logo{width:25px!important;height:25px!important;min-width:25px!important}
}


/* ===== HackWallet v34 full-page experience ===== */
.wallet-v34-page{min-height:100dvh!important;padding:0!important;background:radial-gradient(circle at 20% 0%,rgba(95,255,83,.08),transparent 38%),#030705!important;overflow-x:hidden!important}
.wallet-v34-fullpage{position:relative!important;width:min(760px,100%)!important;min-height:100dvh!important;margin:0 auto!important;padding:calc(18px + env(safe-area-inset-top)) clamp(14px,4vw,28px) calc(28px + env(safe-area-inset-bottom))!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}
.wallet-v34-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.wallet-v34-ambient i{position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(82,255,68,.055);filter:blur(55px);animation:walletV34Float 9s ease-in-out infinite}.wallet-v34-ambient i:nth-child(1){top:-80px;left:-80px}.wallet-v34-ambient i:nth-child(2){top:35%;right:-120px;animation-delay:-3s}.wallet-v34-ambient i:nth-child(3){bottom:-100px;left:20%;animation-delay:-6s}@keyframes walletV34Float{50%{transform:translate3d(18px,-14px,0) scale(1.1)}}
.wallet-v34-headline{padding:8px 2px 14px!important}.wallet-v34-address{margin-top:5px;color:rgba(255,255,255,.46);font:500 11px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}
.wallet-v34-total{margin:0 0 14px!important}.wallet-v34-assets{display:grid!important;gap:10px!important}.wallet-v34-asset{appearance:none!important;width:100%!important;position:relative!important;cursor:pointer!important;color:#fff!important;text-align:left!important;border:1px solid rgba(108,255,88,.48)!important;background:rgba(4,12,7,.38)!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}.wallet-v34-asset:hover,.wallet-v34-asset:active{transform:translateY(-2px)!important;border-color:#84ff65!important;box-shadow:0 10px 28px rgba(60,255,60,.09)!important}.wallet-v34-row-chevron{position:absolute;right:6px;top:50%;transform:translateY(-50%);color:#75ff5e;font-size:20px;opacity:.7}
.wallet-v34-asset .wallet-exchange-line{padding-right:14px!important}
.wallet-v34-history-section{margin-top:24px;padding-top:4px}.wallet-v34-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.wallet-v34-section-head small{display:block;color:#75ff5e;font-size:9px;letter-spacing:.18em}.wallet-v34-section-head h3{margin:3px 0 0;color:#fff;font-size:20px}.wallet-v34-live{display:inline-flex;align-items:center;gap:6px;color:#b8ffaf;font-size:11px}.wallet-v34-live i{width:7px;height:7px;border-radius:50%;background:#63ff4f;box-shadow:0 0 10px #63ff4f;animation:walletV34Live 1.8s ease-in-out infinite}@keyframes walletV34Live{50%{opacity:.35;transform:scale(.75)}}
.wallet-v34-history{display:grid;gap:7px;min-height:64px}.wallet-v34-tx{display:grid;grid-template-columns:30px 32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.075);border-radius:15px;background:rgba(255,255,255,.025);text-decoration:none!important;transition:background .2s ease,transform .2s ease}.wallet-v34-tx:hover{background:rgba(255,255,255,.045);transform:translateX(2px)}.wallet-v34-tx-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;font-size:16px}.wallet-v34-tx-icon.in{color:#70ff5a;background:rgba(112,255,90,.08)}.wallet-v34-tx-icon.out{color:#ff8379;background:rgba(255,85,75,.08)}.wallet-v34-tx-logo{width:28px!important;height:28px!important;border-radius:50%;object-fit:cover}.wallet-v34-tx-main{min-width:0;display:flex;flex-direction:column;gap:2px}.wallet-v34-tx-main strong{color:#fff;font-size:12px}.wallet-v34-tx-main small{color:rgba(255,255,255,.44);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-v34-tx-amount{text-align:right;font-size:11px;font-weight:750;color:#fff}.wallet-v34-tx-amount.in{color:#73ff5e}.wallet-v34-tx-amount.out{color:#ff8b82}.wallet-v34-tx-amount small{display:block;margin-top:2px;color:rgba(255,255,255,.36);font-size:8px;text-transform:capitalize}.wallet-v34-history-empty{padding:20px;text-align:center;color:rgba(255,255,255,.45);font-size:12px;border:1px dashed rgba(255,255,255,.1);border-radius:14px}.wallet-v34-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px;color:rgba(255,255,255,.55);font-size:10px}.wallet-v34-pagination button{width:34px;height:30px;border-radius:10px;border:1px solid rgba(107,255,81,.38);background:transparent;color:#78ff61;font-size:19px}.wallet-v34-pagination button:disabled{opacity:.25}.wallet-v34-close{display:flex!important;width:100%!important;justify-content:center!important;margin-top:24px!important;color:#fff!important;border-color:rgba(105,255,83,.55)!important;background:transparent!important}
.wallet-v34-action-overlay{position:fixed;inset:0;z-index:10050;pointer-events:none;opacity:0;transition:opacity .22s ease}.wallet-v34-action-overlay.is-open{pointer-events:auto;opacity:1}.wallet-v34-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(8px)}.wallet-v34-sheet{position:absolute;left:50%;bottom:0;transform:translate(-50%,102%);width:min(680px,100%);max-height:min(86dvh,760px);overflow:auto;padding:10px clamp(14px,4vw,24px) calc(18px + env(safe-area-inset-bottom));border:1px solid rgba(110,255,89,.26);border-bottom:0;border-radius:26px 26px 0 0;background:linear-gradient(180deg,rgba(10,20,13,.98),rgba(3,8,5,.99));box-shadow:0 -24px 70px rgba(0,0,0,.5);transition:transform .34s cubic-bezier(.2,.8,.2,1)}.wallet-v34-action-overlay.is-open .wallet-v34-sheet{transform:translate(-50%,0)}.wallet-v34-sheet-grab{width:42px;height:4px;border-radius:999px;background:rgba(255,255,255,.18);margin:0 auto 18px}
.wallet-v34-asset-hero,.wallet-v34-form-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.wallet-v34-token-logo,.wallet-v34-form-head .wallet-v34-token-logo{width:48px!important;height:48px!important;border-radius:50%;object-fit:cover;box-shadow:0 0 24px rgba(91,255,72,.15)}.wallet-v34-asset-hero small,.wallet-v34-form-head small{display:block;color:#75ff5f;font-size:9px;letter-spacing:.16em}.wallet-v34-asset-hero h2,.wallet-v34-form-head h2{margin:3px 0 0;color:#fff;font-size:22px}.wallet-v34-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wallet-v34-action-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-height:135px;padding:16px;border:1px solid rgba(108,255,84,.3);border-radius:20px;background:rgba(255,255,255,.025);color:#fff;text-align:left}.wallet-v34-action-card strong{font-size:17px;margin-top:auto}.wallet-v34-action-card small{margin-top:4px;color:rgba(255,255,255,.46)}.wallet-v34-action-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:rgba(103,255,80,.08);color:#79ff63;font-size:24px;animation:walletV34Arrow 2.2s ease-in-out infinite}.wallet-v34-action-card.receive .wallet-v34-action-icon{animation-delay:-1.1s}@keyframes walletV34Arrow{50%{transform:translate3d(3px,-3px,0);box-shadow:0 0 18px rgba(103,255,80,.18)}}.wallet-v34-back{width:100%!important;margin-top:12px!important;background:transparent!important;color:#fff!important}
.wallet-v34-send-choice{display:grid;gap:9px}.wallet-v34-choice,.wallet-v34-friend{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.025);color:#fff;text-align:left}.wallet-v34-choice>span,.wallet-v34-friends-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:rgba(101,255,78,.08);color:#78ff61;font-size:21px}.wallet-v34-choice div,.wallet-v34-friend span{display:flex;min-width:0;flex-direction:column;gap:3px}.wallet-v34-choice strong,.wallet-v34-friend strong{font-size:13px}.wallet-v34-choice small,.wallet-v34-friend small{font-size:10px;color:rgba(255,255,255,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wallet-v34-choice>b,.wallet-v34-friend>b{color:#70ff5a;font-size:20px}.wallet-v34-friends{display:grid;gap:7px;max-height:48dvh;overflow:auto}.wallet-v34-friend{grid-template-columns:40px minmax(0,1fr) 18px}.wallet-v34-friend .mini-avatar,.wallet-v34-friend img{width:38px!important;height:38px!important}.wallet-v34-friend.is-disabled{opacity:.4}
.wallet-v34-field{display:grid;gap:6px;margin-bottom:11px}.wallet-v34-field>span{color:rgba(255,255,255,.58);font-size:10px}.wallet-v34-field .input{width:100%!important;color:#fff!important;background:rgba(255,255,255,.035)!important;border-color:rgba(105,255,82,.26)!important}.wallet-v34-amount-input{position:relative}.wallet-v34-amount-input b{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#78ff61;font-size:11px}.wallet-v34-amount-input .input{padding-right:58px!important}.wallet-v34-confirm-send{width:100%!important;color:#071007!important;background:#76ff5e!important}.wallet-v34-send-status{min-height:8px;margin:8px 0;color:#ff8e85;font-size:11px}.wallet-v34-sending{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;color:#fff}.wallet-v34-mini-logo{width:24px!important;height:24px!important;border-radius:50%}.wallet-v34-sending>i{width:42px;height:1px;background:linear-gradient(90deg,#6eff58,transparent);position:relative;overflow:visible}.wallet-v34-sending>i:after{content:'›';position:absolute;right:-2px;top:-10px;color:#6eff58;font-size:18px;animation:walletV34Fly 1s linear infinite}@keyframes walletV34Fly{0%{transform:translateX(-34px);opacity:0}30%{opacity:1}100%{transform:translateX(0);opacity:0}}.wallet-v34-destination-dot{color:#75ff60}.wallet-v34-send-success{display:flex;align-items:center;gap:8px;padding:10px;color:#7cff65}.wallet-v34-send-success>span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(112,255,92,.1)}.wallet-v34-send-success small{color:rgba(255,255,255,.45)}
.wallet-v34-receive-hero{text-align:center;padding:8px 0 15px;position:relative}.wallet-v34-receive-hero .wallet-v34-token-logo{width:68px!important;height:68px!important;margin:auto;border-radius:50%;position:relative;z-index:2}.wallet-v34-receive-hero h2{margin:10px 0 4px;color:#fff}.wallet-v34-receive-hero p{margin:0;color:rgba(255,255,255,.48);font-size:11px}.wallet-v34-receive-pulse{position:absolute;width:88px;height:88px;border:1px solid rgba(105,255,82,.28);border-radius:50%;left:50%;top:-2px;transform:translateX(-50%);animation:walletV34Pulse 2s ease-out infinite}@keyframes walletV34Pulse{0%{transform:translateX(-50%) scale(.65);opacity:1}100%{transform:translateX(-50%) scale(1.5);opacity:0}}.wallet-v34-address-box{display:grid;gap:9px;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.025)}.wallet-v34-address-box span{color:rgba(255,255,255,.45);font-size:9px}.wallet-v34-address-box code{color:#fff;word-break:break-all;font-size:11px}.wallet-v34-address-box .btn{width:100%!important}
@media(max-width:430px){.wallet-v34-fullpage{padding-left:11px!important;padding-right:11px!important}.wallet-v34-tx{grid-template-columns:26px 27px minmax(0,1fr) auto;gap:6px;padding:8px}.wallet-v34-tx-icon{width:25px;height:25px}.wallet-v34-tx-logo{width:25px!important;height:25px!important}.wallet-v34-tx-main strong{font-size:10.5px}.wallet-v34-tx-main small{font-size:8px}.wallet-v34-tx-amount{font-size:9.5px}.wallet-v34-action-grid{gap:8px}.wallet-v34-action-card{min-height:120px;padding:13px}.wallet-v34-sheet{border-radius:22px 22px 0 0}}
@media(prefers-reduced-motion:reduce){.wallet-v34-ambient i,.wallet-v34-live i,.wallet-v34-action-icon,.wallet-v34-receive-pulse,.wallet-v34-sending>i:after{animation:none!important}.wallet-v34-sheet,.wallet-v34-action-overlay{transition:none!important}}

/* ===== HackWallet v35: compact transparent actions + true centered modal + stability ===== */
.wallet-v34-action-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:grid!important;
  place-items:center!important;
  padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))!important;
  pointer-events:none!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:opacity .18s ease,visibility 0s linear .18s!important;
  contain:layout paint style!important;
}
.wallet-v34-action-overlay.is-open{
  pointer-events:auto!important;
  opacity:1!important;
  visibility:visible!important;
  transition:opacity .18s ease!important;
}
.wallet-v34-sheet-backdrop{
  position:absolute!important;
  inset:0!important;
  background:rgba(0,0,0,.66)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.wallet-v34-sheet{
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  top:auto!important;
  transform:translateY(10px) scale(.975)!important;
  width:min(520px,calc(100vw - 28px))!important;
  max-height:min(82dvh,700px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  padding:18px!important;
  border:1px solid rgba(110,255,89,.28)!important;
  border-radius:24px!important;
  background:rgba(5,13,8,.985)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.04)!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease!important;
  opacity:0!important;
  scrollbar-width:none!important;
  will-change:transform,opacity!important;
}
.wallet-v34-sheet::-webkit-scrollbar{display:none!important}
.wallet-v34-action-overlay.is-open .wallet-v34-sheet{transform:none!important;opacity:1!important}
.wallet-v34-sheet-grab{display:none!important}

.wallet-v34-action-grid{
  display:flex!important;
  align-items:stretch!important;
  gap:10px!important;
  margin-top:4px!important;
}
.wallet-v34-action-card{
  flex:1 1 0!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:11px 12px!important;
  border:1px solid rgba(111,255,87,.48)!important;
  border-radius:15px!important;
  background:transparent!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:9px!important;
  row-gap:1px!important;
  align-items:center!important;
  text-align:left!important;
  box-shadow:none!important;
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
.wallet-v34-action-card::before,.wallet-v34-action-card::after{content:none!important;display:none!important}
.wallet-v34-action-card:hover,.wallet-v34-action-card:focus-visible{
  background:rgba(103,255,80,.035)!important;
  border-color:rgba(126,255,103,.8)!important;
  box-shadow:0 0 18px rgba(90,255,70,.08)!important;
  transform:translateY(-1px)!important;
}
.wallet-v34-action-icon{
  grid-row:1 / span 2!important;
  grid-column:1!important;
  width:32px!important;
  height:32px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#79ff63!important;
  -webkit-text-fill-color:#79ff63!important;
  font-size:22px!important;
  line-height:1!important;
  filter:drop-shadow(0 0 7px rgba(103,255,80,.32))!important;
}
.wallet-v34-action-card strong{
  grid-column:2!important;
  margin:0!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:14px!important;
  line-height:1.1!important;
}
.wallet-v34-action-card small{
  grid-column:2!important;
  margin:2px 0 0!important;
  color:rgba(255,255,255,.55)!important;
  -webkit-text-fill-color:rgba(255,255,255,.55)!important;
  font-size:9px!important;
  line-height:1.2!important;
}

/* Keep transaction rows stable while realtime data refreshes. */
.wallet-v34-history{content-visibility:auto!important;contain-intrinsic-size:520px!important;overflow-anchor:none!important}
.wallet-v34-tx{contain:layout paint!important;transform:translateZ(0)!important}
.wallet-v34-fullpage{overflow-anchor:none!important}

@media(max-width:430px){
  .wallet-v34-action-overlay{padding:12px!important}
  .wallet-v34-sheet{width:calc(100vw - 24px)!important;max-height:78dvh!important;padding:15px!important;border-radius:20px!important}
  .wallet-v34-action-grid{gap:8px!important}
  .wallet-v34-action-card{padding:10px!important;grid-template-columns:30px minmax(0,1fr)!important;column-gap:7px!important}
  .wallet-v34-action-icon{width:28px!important;height:28px!important;font-size:20px!important}
  .wallet-v34-action-card strong{font-size:13px!important}
  .wallet-v34-action-card small{font-size:8px!important}
}
@media(prefers-reduced-motion:reduce){
  .wallet-v34-action-overlay,.wallet-v34-sheet,.wallet-v34-action-card{transition:none!important}
}

/* ===== HackWallet v36: force true transparent Send / Receive + friend picker cards ===== */
/* Explicitly neutralize every theme/button fill layer, including active/hover/focus states. */
#walletV34Overlay .wallet-v34-action-grid > button.wallet-v34-action-card,
#walletV34Overlay button.wallet-v34-action-card.send,
#walletV34Overlay button.wallet-v34-action-card.receive,
#walletV34Overlay .wallet-v34-action-card,
#walletV34Overlay .wallet-v34-action-card:hover,
#walletV34Overlay .wallet-v34-action-card:focus,
#walletV34Overlay .wallet-v34-action-card:focus-visible,
#walletV34Overlay .wallet-v34-action-card:active {
  -webkit-appearance:none!important;
  appearance:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  background-blend-mode:normal!important;
  box-shadow:none!important;
  filter:none!important;
}
#walletV34Overlay .wallet-v34-action-card::before,
#walletV34Overlay .wallet-v34-action-card::after {
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
/* Keep only the green outline; no filled hover state. */
#walletV34Overlay .wallet-v34-action-card:hover,
#walletV34Overlay .wallet-v34-action-card:focus-visible,
#walletV34Overlay .wallet-v34-action-card:active {
  border-color:rgba(126,255,103,.88)!important;
  background:transparent!important;
  box-shadow:0 0 16px rgba(90,255,70,.10)!important;
}

/* Send-to-friend cards: 100% transparent body with outline only. */
#walletV34Overlay .wallet-v34-friends > button.wallet-v34-friend,
#walletV34Overlay button.wallet-v34-friend,
#walletV34Overlay .wallet-v34-friend,
#walletV34Overlay .wallet-v34-friend:hover,
#walletV34Overlay .wallet-v34-friend:focus,
#walletV34Overlay .wallet-v34-friend:focus-visible,
#walletV34Overlay .wallet-v34-friend:active {
  -webkit-appearance:none!important;
  appearance:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  border:1px solid rgba(111,255,87,.42)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
#walletV34Overlay .wallet-v34-friend::before,
#walletV34Overlay .wallet-v34-friend::after {
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
#walletV34Overlay .wallet-v34-friend:hover,
#walletV34Overlay .wallet-v34-friend:focus-visible,
#walletV34Overlay .wallet-v34-friend:active {
  background:transparent!important;
  border-color:rgba(126,255,103,.82)!important;
  box-shadow:0 0 14px rgba(90,255,70,.08)!important;
}
#walletV34Overlay .wallet-v34-friend.is-disabled,
#walletV34Overlay .wallet-v34-friend:disabled {
  background:transparent!important;
  background-color:transparent!important;
  opacity:.42!important;
}

/* v37 — Choose recipient method buttons: transparent outline only */
.wallet-v34-send-choice .wallet-v34-choice,
.wallet-v34-send-choice .wallet-v34-choice:hover,
.wallet-v34-send-choice .wallet-v34-choice:focus,
.wallet-v34-send-choice .wallet-v34-choice:focus-visible,
.wallet-v34-send-choice .wallet-v34-choice:active,
.wallet-v34-send-choice .wallet-v34-choice[aria-pressed="true"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #fff !important;
  border: 1px solid rgba(101,255,78,.72) !important;
}
.wallet-v34-send-choice .wallet-v34-choice::before,
.wallet-v34-send-choice .wallet-v34-choice::after {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
.wallet-v34-send-choice .wallet-v34-choice > span {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid rgba(101,255,78,.42) !important;
  color: #78ff61 !important;
}
.wallet-v34-send-choice .wallet-v34-choice strong { color:#fff !important; }
.wallet-v34-send-choice .wallet-v34-choice small { color:rgba(255,255,255,.58) !important; }
.wallet-v34-send-choice .wallet-v34-choice > b { color:#70ff5a !important; }


/* v38 — persistent wallet + truly transparent Choose recipient actions */
#walletV34ByAddress,
#walletV34ByFriend,
#walletV34Overlay #walletV34ByAddress,
#walletV34Overlay #walletV34ByFriend,
#walletV34Overlay .wallet-v34-send-choice > button.wallet-v34-choice {
  -webkit-appearance:none!important;
  appearance:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  background-clip:padding-box!important;
  box-shadow:none!important;
  filter:none!important;
  color:#fff!important;
  border:1px solid rgba(101,255,78,.72)!important;
}
#walletV34ByAddress:hover,#walletV34ByAddress:focus,#walletV34ByAddress:focus-visible,#walletV34ByAddress:active,
#walletV34ByFriend:hover,#walletV34ByFriend:focus,#walletV34ByFriend:focus-visible,#walletV34ByFriend:active,
#walletV34Overlay .wallet-v34-send-choice > button.wallet-v34-choice:hover,
#walletV34Overlay .wallet-v34-send-choice > button.wallet-v34-choice:focus,
#walletV34Overlay .wallet-v34-send-choice > button.wallet-v34-choice:focus-visible,
#walletV34Overlay .wallet-v34-send-choice > button.wallet-v34-choice:active {
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:0 0 0 1px rgba(101,255,78,.12),0 0 18px rgba(101,255,78,.07)!important;
  filter:none!important;
}
#walletV34ByAddress::before,#walletV34ByAddress::after,
#walletV34ByFriend::before,#walletV34ByFriend::after {
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
#walletV34ByAddress > span,#walletV34ByFriend > span {
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#78ff61!important;
  border:1px solid rgba(101,255,78,.42)!important;
}

/* === v39: dedicated HackWallet route + hard transparent recipient choices === */
body.hackwallet-standalone-active{
  overflow:hidden!important;
  overscroll-behavior:none!important;
  background:#020704!important;
}
.hackwallet-standalone-root,
.hackwallet-standalone-page{
  width:100%!important;
  min-height:100dvh!important;
  height:100dvh!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% -10%,rgba(76,255,84,.08),transparent 34%),#020704!important;
}
.hackwallet-standalone-page .wallet-v34-page{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100dvh!important;
  min-height:100dvh!important;
  margin:0!important;
  padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  z-index:2147483000!important;
}
.hackwallet-standalone-page .hm-wallet-premium-shell{
  width:min(880px,100%)!important;
  min-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)))!important;
  max-height:none!important;
  margin:0 auto!important;
}
.wallet-route-loading{position:fixed;inset:0;display:grid;place-content:center;gap:10px;text-align:center;color:#fff;background:#020704}.wallet-route-loading small{color:rgba(255,255,255,.55);letter-spacing:.08em}
body.hackwallet-standalone-active .sidebar,
body.hackwallet-standalone-active .hm-top-row,
body.hackwallet-standalone-active .hm-social-footer,
body.hackwallet-standalone-active .right-action-stack,
body.hackwallet-standalone-active #quickWalletGlobalFab,
body.hackwallet-standalone-active .notification-fab{display:none!important}

/* These are the exact two Choose recipient buttons. Reset global button skin completely. */
#walletV34Overlay #walletV34ByAddress,
#walletV34Overlay #walletV34ByFriend{
  all:unset!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 18px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:64px!important;
  padding:11px 12px!important;
  border:1px solid rgba(104,255,83,.66)!important;
  border-radius:16px!important;
  background:rgba(0,0,0,0)!important;
  background-color:rgba(0,0,0,0)!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-align:left!important;
  cursor:pointer!important;
  font:inherit!important;
  -webkit-tap-highlight-color:transparent!important;
}
#walletV34Overlay #walletV34ByAddress:hover,
#walletV34Overlay #walletV34ByAddress:focus,
#walletV34Overlay #walletV34ByAddress:focus-visible,
#walletV34Overlay #walletV34ByAddress:active,
#walletV34Overlay #walletV34ByFriend:hover,
#walletV34Overlay #walletV34ByFriend:focus,
#walletV34Overlay #walletV34ByFriend:focus-visible,
#walletV34Overlay #walletV34ByFriend:active{
  background:rgba(0,0,0,0)!important;
  background-color:rgba(0,0,0,0)!important;
  background-image:none!important;
  box-shadow:0 0 0 1px rgba(104,255,83,.12)!important;
  filter:none!important;
  transform:none!important;
}
#walletV34Overlay #walletV34ByAddress::before,
#walletV34Overlay #walletV34ByAddress::after,
#walletV34Overlay #walletV34ByFriend::before,
#walletV34Overlay #walletV34ByFriend::after{content:none!important;display:none!important}
#walletV34Overlay #walletV34ByAddress>span,
#walletV34Overlay #walletV34ByFriend>span{
  display:grid!important;place-items:center!important;width:40px!important;height:40px!important;
  border:1px solid rgba(104,255,83,.38)!important;border-radius:13px!important;
  background:rgba(0,0,0,0)!important;background-color:rgba(0,0,0,0)!important;background-image:none!important;
  color:#79ff64!important;-webkit-text-fill-color:#79ff64!important;font-size:21px!important;box-shadow:none!important
}
#walletV34Overlay #walletV34ByAddress>div,
#walletV34Overlay #walletV34ByFriend>div{display:flex!important;min-width:0!important;flex-direction:column!important;gap:3px!important}
#walletV34Overlay #walletV34ByAddress strong,
#walletV34Overlay #walletV34ByFriend strong{color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:13px!important}
#walletV34Overlay #walletV34ByAddress small,
#walletV34Overlay #walletV34ByFriend small{color:rgba(255,255,255,.62)!important;-webkit-text-fill-color:rgba(255,255,255,.62)!important;font-size:10px!important}
#walletV34Overlay #walletV34ByAddress>b,
#walletV34Overlay #walletV34ByFriend>b{color:#70ff5a!important;-webkit-text-fill-color:#70ff5a!important;font-size:20px!important}

/* === v40: keep Return above every social navigation layer === */
body.hackwallet-standalone-active .sidebar,
body.hackwallet-standalone-active .sidebar.bottom-dock,
body.hackwallet-standalone-active .bottom-dock,
body.hackwallet-standalone-active .app-shell > .sidebar,
body.hackwallet-standalone-active nav.sidebar,
body.hackwallet-standalone-active [class~="bottom-dock"] {
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:-1!important;
}

body.hackwallet-standalone-active .hackwallet-standalone-root,
body.hackwallet-standalone-active .hackwallet-standalone-page,
body.hackwallet-standalone-active .wallet-v34-page {
  position:fixed!important;
  inset:0!important;
  z-index:2147483600!important;
}

body.hackwallet-standalone-active .wallet-v34-page {
  padding-bottom:calc(32px + env(safe-area-inset-bottom))!important;
}

body.hackwallet-standalone-active #walletV34Close.wallet-v34-close {
  position:relative!important;
  z-index:2147483646!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:52px!important;
  margin:24px 0 calc(24px + env(safe-area-inset-bottom))!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
  isolation:isolate!important;
}

body.hackwallet-standalone-active #walletV34Close.wallet-v34-close::before,
body.hackwallet-standalone-active #walletV34Close.wallet-v34-close::after {
  pointer-events:none!important;
}

/* HackWallet service payments */
.wallet-service-pay-btn{width:100%;margin-top:16px;min-height:52px;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 16px!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(47,219,255,.18),rgba(113,82,255,.22))!important;border:1px solid rgba(126,228,255,.38)!important;box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.16);font-weight:900;letter-spacing:.01em;overflow:hidden;position:relative}
.wallet-service-pay-btn::before{content:"";position:absolute;inset:-80% auto -80% -35%;width:32%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:rotate(18deg);animation:walletServiceShine 3.8s ease-in-out infinite}
.wallet-service-pay-icon{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);animation:walletServicePulse 2.2s ease-in-out infinite}
.wallet-service-pay-arrow{font-size:24px;line-height:1;opacity:.75;transition:transform .22s ease}.wallet-service-pay-btn:hover .wallet-service-pay-arrow{transform:translateX(3px)}
.wallet-service-payment-card{max-width:min(560px,calc(100vw - 24px))!important}.wallet-service-options{display:grid;gap:8px;margin-top:14px}.wallet-service-option{width:100%;min-height:62px;border-radius:17px;border:1px solid rgba(190,225,255,.16);background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 11px;color:#fff;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,filter .2s ease;position:relative;overflow:hidden}
.wallet-service-option:not(:disabled):hover{transform:translateY(-2px) scale(1.008);border-color:rgba(93,226,255,.44);box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 24px rgba(65,220,255,.08)}.wallet-service-option:not(:disabled):active{transform:scale(.985)}
.wallet-service-option-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-size:18px;font-weight:1000;box-shadow:inset 0 1px 0 rgba(255,255,255,.18);animation:walletServiceIconFloat 2.8s ease-in-out infinite}.wallet-service-option-icon.blue{background:linear-gradient(145deg,#42cfff,#2868ff);box-shadow:0 0 18px rgba(50,174,255,.24)}.wallet-service-option-icon.gold{background:linear-gradient(145deg,#ffe78b,#d8a321);color:#181006;box-shadow:0 0 18px rgba(255,210,72,.22)}.wallet-service-option-icon.neutral{background:rgba(255,255,255,.08);color:#b9c5d1;animation:none}
.wallet-service-option-copy{min-width:0;display:grid;gap:3px}.wallet-service-option-copy strong{font-size:13px;line-height:1.2;white-space:normal}.wallet-service-option-copy small{font-size:10px;color:var(--muted);line-height:1.25}.wallet-service-option-status{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#a9efff;padding:5px 7px;border-radius:999px;background:rgba(73,215,255,.08);border:1px solid rgba(73,215,255,.14)}
.wallet-service-option.gold .wallet-service-option-status{color:#ffe18a;background:rgba(255,205,62,.08);border-color:rgba(255,205,62,.16)}.wallet-service-option.is-disabled{opacity:.45;cursor:not-allowed;filter:saturate(.5)}.wallet-service-option.is-disabled .wallet-service-option-status{color:#a8b2bd;background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}.wallet-service-option.is-active{opacity:.66}
.wallet-service-payment-host .modal-actions{margin-top:14px}
.payment-choice-card .badge-payment-row .donation-currency-option{min-height:82px!important;border-radius:16px!important;gap:3px!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important}.payment-choice-card .badge-payment-row .donation-currency-option:not(:disabled):hover{transform:translateY(-2px) scale(1.02)!important}.payment-choice-card .badge-payment-row .donation-token-logo{width:28px!important;height:28px!important;border-radius:9px!important;animation:walletServiceIconFloat 2.8s ease-in-out infinite}
@keyframes walletServiceShine{0%,62%{transform:translateX(-180%) rotate(18deg)}82%,100%{transform:translateX(520%) rotate(18deg)}}
@keyframes walletServicePulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.18)}}
@keyframes walletServiceIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media(max-width:560px){.wallet-service-option{grid-template-columns:34px minmax(0,1fr) auto;padding:8px 9px;min-height:58px}.wallet-service-option-icon{width:31px;height:31px;border-radius:10px}.wallet-service-option-copy strong{font-size:12px}.wallet-service-option-copy small{font-size:9px}.payment-choice-card .badge-payment-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}.payment-choice-card .badge-payment-row .donation-currency-option{min-height:76px!important;padding:8px 3px!important}}

/* HackWallet v40.1 — service payment entry in the active standalone wallet */
.wallet-v34-service-pay{margin:14px 0 4px!important;position:relative;z-index:2}
.wallet-v34-service-pay .wallet-service-pay-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);animation:walletServiceIconPulse 2.4s ease-in-out infinite}
@keyframes walletServiceIconPulse{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.08) rotate(8deg)}}

/* v40.3 — premium glass filters for HMdex token picker */
.hmdex-token-filters{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:max-content!important;
  max-width:100%!important;
  margin:14px 0 14px!important;
  padding:5px!important;
  border:1px solid rgba(255,255,255,.11)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 16px 38px rgba(0,0,0,.26)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  overflow:hidden!important;
}
.hmdex-token-filters::before{
  content:"";position:absolute;inset:-120% auto -120% -38%;width:24%;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);
  transform:rotate(18deg);animation:hmdexGlassSweep 5.4s ease-in-out infinite;
}
.hmdex-token-filter{
  position:relative!important;z-index:1!important;appearance:none!important;
  min-width:76px!important;padding:9px 16px!important;border-radius:13px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012))!important;
  color:rgba(245,248,255,.66)!important;-webkit-text-fill-color:rgba(245,248,255,.66)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important;
  font:inherit!important;font-size:13px!important;font-weight:800!important;letter-spacing:.01em!important;
  cursor:pointer!important;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .24s ease,background .24s ease,color .24s ease,box-shadow .24s ease,filter .24s ease!important;
}
.hmdex-token-filter:hover{
  transform:translateY(-2px)!important;
  color:rgba(255,255,255,.94)!important;-webkit-text-fill-color:rgba(255,255,255,.94)!important;
  border-color:rgba(255,255,255,.18)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 20px rgba(0,0,0,.18)!important;
}
.hmdex-token-filter:active{transform:translateY(0) scale(.96)!important}
.hmdex-token-filter.is-active{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  border-color:rgba(255,255,255,.25)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.045))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.035),0 10px 24px rgba(0,0,0,.22),0 0 22px rgba(255,255,255,.035)!important;
  animation:hmdexGlassActive 2.8s ease-in-out infinite!important;
}
@keyframes hmdexGlassSweep{0%,58%{transform:translateX(-220%) rotate(18deg)}78%,100%{transform:translateX(620%) rotate(18deg)}}
@keyframes hmdexGlassActive{0%,100%{filter:brightness(1)}50%{filter:brightness(1.13)}}
@media(max-width:520px){.hmdex-token-filters{width:100%!important}.hmdex-token-filter{flex:1!important;min-width:0!important;padding:9px 10px!important}}
@media(prefers-reduced-motion:reduce){.hmdex-token-filters::before,.hmdex-token-filter.is-active{animation:none!important}.hmdex-token-filter{transition:none!important}}

/* ===== HMdex / HackWallet premium entry branding ===== */
.product-entry-intro{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:#020403;pointer-events:none;animation:hmProductIntroHide 2.25s cubic-bezier(.2,.72,.16,1) forwards;overflow:hidden}
.product-entry-intro:before{content:"";position:absolute;inset:-35%;background:radial-gradient(circle at 50% 50%,rgba(174,255,71,.22),transparent 34%),linear-gradient(115deg,transparent 34%,rgba(177,255,80,.18) 46%,rgba(213,255,169,.48) 50%,rgba(177,255,80,.14) 54%,transparent 66%);transform:translateX(-70%) rotate(-8deg);animation:hmProductLimeSweep 1.45s .16s cubic-bezier(.18,.72,.22,1) forwards}
.product-entry-intro-media{position:relative;width:min(72vw,520px);aspect-ratio:1/1;border-radius:34px;overflow:hidden;box-shadow:0 26px 100px rgba(0,0,0,.68),0 0 0 1px rgba(190,255,112,.28),0 0 54px rgba(151,255,48,.18);animation:hmProductLogoReveal 2.05s cubic-bezier(.2,.75,.18,1) forwards}
.product-entry-intro-media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.03) contrast(1.03)}
.product-entry-intro-media span{position:absolute;inset:-2px;background:linear-gradient(100deg,transparent 30%,rgba(199,255,130,.06) 42%,rgba(190,255,105,.75) 50%,rgba(199,255,130,.08) 58%,transparent 70%);transform:translateX(-120%);mix-blend-mode:screen;animation:hmProductLogoGlint 1.15s .35s ease-out forwards}
@keyframes hmProductLogoReveal{0%{opacity:0;transform:scale(.88);filter:blur(12px)}18%{opacity:1;transform:scale(1.018);filter:blur(0)}65%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.08);filter:blur(4px)}}
@keyframes hmProductLogoGlint{to{transform:translateX(120%)}}
@keyframes hmProductLimeSweep{0%{transform:translateX(-70%) rotate(-8deg);opacity:0}20%{opacity:1}100%{transform:translateX(70%) rotate(-8deg);opacity:0}}
@keyframes hmProductIntroHide{0%,78%{visibility:visible;opacity:1}100%{visibility:hidden;opacity:0}}
.hmdex-premium-brand,.hackwallet-premium-brand{display:inline-flex;align-items:center;gap:12px}
.hmdex-premium-brand>img,.hackwallet-premium-brand>img{width:44px;height:44px;border-radius:13px;object-fit:cover;border:1px solid rgba(205,255,153,.3);box-shadow:0 10px 30px rgba(0,0,0,.32),0 0 24px rgba(155,255,51,.12);transition:transform .32s ease,box-shadow .32s ease}
.hmdex-premium-brand:hover>img,.hackwallet-premium-brand:hover>img{transform:translateY(-2px) rotate(-2deg) scale(1.04);box-shadow:0 14px 34px rgba(0,0,0,.38),0 0 30px rgba(155,255,51,.24)}
.hmdex-premium-brand .hmdex-script-logo{margin:0}
.hackwallet-premium-brand .hackwallet-title{font-size:clamp(24px,3vw,34px)}
@media(max-width:780px){.product-entry-intro-media{width:min(82vw,390px);border-radius:27px}.hmdex-premium-brand>img,.hackwallet-premium-brand>img{width:39px;height:39px;border-radius:11px}.hmdex-premium-brand,.hackwallet-premium-brand{gap:10px}}
@media(prefers-reduced-motion:reduce){.product-entry-intro{animation-duration:.7s}.product-entry-intro:before,.product-entry-intro-media,.product-entry-intro-media span{animation:none}.product-entry-intro-media{opacity:1}}


/* HM v40.1 — fixed premium 1.7s entry intros for HMdex + HackWallet */
.hmdex-page .hmdex-v18-gridglow,
.wallet-v34-fullpage .wallet-v34-ambient{display:none!important}

.product-entry-intro{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(154,255,77,.075) 0,rgba(9,14,10,.96) 34%,#020403 72%)!important;
  transform:none!important;
  animation:hmLuxuryIntroExit 1.7s cubic-bezier(.22,.74,.15,1) both!important;
  contain:layout paint!important;
}
.product-entry-intro:before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:min(112vw,920px)!important;
  height:min(112vw,920px)!important;
  inset:auto!important;
  border-radius:50%!important;
  background:conic-gradient(from 190deg,transparent 0 32%,rgba(184,255,105,.24) 41%,rgba(220,255,183,.6) 48%,rgba(151,255,51,.16) 56%,transparent 66% 100%)!important;
  filter:blur(24px)!important;
  opacity:0!important;
  transform:translate(-50%,-50%) rotate(-34deg) scale(.72)!important;
  animation:hmLuxuryHalo 1.45s .05s cubic-bezier(.22,.75,.18,1) both!important;
}
.product-entry-intro-aura{
  position:absolute;
  left:50%;top:50%;
  width:min(78vw,520px);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(179,255,93,.2) 0,rgba(126,255,31,.07) 32%,transparent 67%);
  filter:blur(18px);
  transform:translate(-50%,-50%) scale(.58);
  opacity:0;
  animation:hmLuxuryAura 1.55s .06s cubic-bezier(.2,.75,.16,1) both;
}
.product-entry-intro-media{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:clamp(154px,42vw,330px)!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  margin:0!important;
  border-radius:clamp(24px,6vw,42px)!important;
  overflow:hidden!important;
  background:#050806!important;
  box-shadow:
    0 30px 90px rgba(0,0,0,.72),
    0 0 0 1px rgba(218,255,181,.25),
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 52px rgba(151,255,48,.14)!important;
  transform:translate(-50%,-50%) scale(.78)!important;
  opacity:0!important;
  animation:hmLuxuryLogo 1.55s .05s cubic-bezier(.16,.82,.2,1) both!important;
  will-change:transform,opacity,filter!important;
}
.product-entry-intro-media:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(145deg,rgba(255,255,255,.16),transparent 28%,transparent 70%,rgba(157,255,61,.12));
  pointer-events:none;
}
.product-entry-intro-media img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  transform:scale(1.04)!important;
  filter:saturate(1.04) contrast(1.06) brightness(.98)!important;
}
.product-entry-intro-media span{
  position:absolute!important;
  inset:-35% -70%!important;
  width:auto!important;height:auto!important;
  background:linear-gradient(104deg,transparent 42%,rgba(218,255,175,.08) 47%,rgba(211,255,164,.72) 50%,rgba(176,255,87,.12) 54%,transparent 59%)!important;
  mix-blend-mode:screen!important;
  transform:translateX(-38%) rotate(5deg)!important;
  animation:hmLuxuryGlint 1.05s .3s cubic-bezier(.19,.78,.18,1) both!important;
}
.product-entry-intro-ring{
  position:absolute;
  inset:9px;
  z-index:2;
  border-radius:calc(clamp(24px,6vw,42px) - 8px);
  border:1px solid rgba(210,255,170,.24);
  opacity:0;
  transform:scale(.93);
  animation:hmLuxuryRing 1.2s .2s ease-out both;
  pointer-events:none;
}
.product-entry-intro-line{
  position:absolute;
  left:50%;top:calc(50% + clamp(102px,26vw,190px));
  width:min(32vw,180px);
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(170,255,79,.9),transparent);
  box-shadow:0 0 18px rgba(154,255,56,.7);
  transform:translateX(-50%) scaleX(0);
  opacity:0;
  animation:hmLuxuryLine 1.15s .25s ease-out both;
}

@keyframes hmLuxuryIntroExit{
  0%,72%{opacity:1;visibility:visible}
  100%{opacity:0;visibility:hidden}
}
@keyframes hmLuxuryHalo{
  0%{opacity:0;transform:translate(-50%,-50%) rotate(-34deg) scale(.72)}
  38%{opacity:.9}
  100%{opacity:0;transform:translate(-50%,-50%) rotate(32deg) scale(1.12)}
}
@keyframes hmLuxuryAura{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.58)}
  38%{opacity:1}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.08)}
}
@keyframes hmLuxuryLogo{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.78);filter:blur(10px)}
  24%{opacity:1;filter:blur(0)}
  62%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.045);filter:blur(2px)}
}
@keyframes hmLuxuryGlint{
  0%{transform:translateX(-52%) rotate(5deg);opacity:0}
  20%{opacity:0}
  48%{opacity:1}
  100%{transform:translateX(52%) rotate(5deg);opacity:0}
}
@keyframes hmLuxuryRing{
  0%{opacity:0;transform:scale(.93)}
  35%{opacity:.8}
  100%{opacity:0;transform:scale(1.025)}
}
@keyframes hmLuxuryLine{
  0%{opacity:0;transform:translateX(-50%) scaleX(0)}
  38%{opacity:1;transform:translateX(-50%) scaleX(1)}
  100%{opacity:0;transform:translateX(-50%) scaleX(.4)}
}

@media(max-width:780px){
  .product-entry-intro-media{
    width:min(58vw,248px)!important;
    max-width:248px!important;
    max-height:248px!important;
    border-radius:30px!important;
  }
  .product-entry-intro-line{
    top:calc(50% + min(35vw,150px));
    width:min(42vw,150px);
  }
  .product-entry-intro-aura{width:min(92vw,430px)}
}
@media(max-width:420px){
  .product-entry-intro-media{width:min(62vw,220px)!important;border-radius:26px!important}
  .product-entry-intro-line{top:calc(50% + min(38vw,138px))}
}
@media(prefers-reduced-motion:reduce){
  .product-entry-intro{animation:hmLuxuryIntroExit .9s ease both!important}
  .product-entry-intro:before,.product-entry-intro-aura,.product-entry-intro-media,.product-entry-intro-media span,.product-entry-intro-ring,.product-entry-intro-line{animation:none!important}
  .product-entry-intro-media{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important}
}


/* HM v40.2 — branded intros ONLY; legacy planet is never visible over HMdex/HackWallet */
body.hackwallet-standalone-active > .hm-view-transition-overlay,
.hackwallet-standalone-root ~ .hm-view-transition-overlay,
.hmdex-page ~ .hm-view-transition-overlay{display:none!important}

.hmdex-entry-intro,
.hackwallet-entry-intro{
  position:fixed!important;
  inset:0!important;
  z-index:2147483640!important;
  display:grid!important;
  place-items:center!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:rgba(2,5,3,.985)!important;
  pointer-events:none!important;
  transform:none!important;
  animation:hmBrandCurtain 1.55s cubic-bezier(.22,.7,.18,1) both!important;
}
.hmdex-entry-intro .product-entry-intro-media,
.hackwallet-entry-intro .product-entry-intro-media{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:min(58vw,260px)!important;
  height:auto!important;
  aspect-ratio:1!important;
  transform:scale(.88)!important;
  opacity:0!important;
  border-radius:32px!important;
  overflow:hidden!important;
  box-shadow:
    0 24px 80px rgba(0,0,0,.75),
    0 0 0 1px rgba(205,255,169,.28),
    0 0 52px rgba(167,255,83,.18)!important;
  animation:hmBrandLogo 1.35s .06s cubic-bezier(.16,.82,.22,1) both!important;
}
.hmdex-entry-intro .product-entry-intro-media img,
.hackwallet-entry-intro .product-entry-intro-media img{
  width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;
}
.hmdex-entry-intro .product-entry-intro-aura,
.hackwallet-entry-intro .product-entry-intro-aura{
  position:absolute!important;
  left:50%!important;top:50%!important;
  width:min(84vw,520px)!important;
  height:min(84vw,520px)!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(177,255,91,.22),rgba(144,255,48,.06) 42%,transparent 68%)!important;
  transform:translate(-50%,-50%) scale(.65)!important;
  opacity:0!important;
  filter:blur(18px)!important;
  animation:hmBrandAura 1.35s .04s ease-out both!important;
}
.hmdex-entry-intro .product-entry-intro-line,
.hackwallet-entry-intro .product-entry-intro-line{
  position:absolute!important;
  left:50%!important;top:calc(50% + min(35vw,165px))!important;
  width:min(42vw,180px)!important;height:2px!important;
  background:linear-gradient(90deg,transparent,#baff74,transparent)!important;
  box-shadow:0 0 16px rgba(168,255,82,.8)!important;
  transform:translateX(-50%) scaleX(0)!important;
  opacity:0!important;
  animation:hmBrandLine 1.1s .18s ease-out both!important;
}
@keyframes hmBrandCurtain{
  0%,70%{opacity:1;visibility:visible}
  100%{opacity:0;visibility:hidden}
}
@keyframes hmBrandLogo{
  0%{opacity:0;transform:scale(.84);filter:blur(8px)}
  24%{opacity:1;filter:blur(0)}
  72%{opacity:1;transform:scale(1)}
  100%{opacity:0;transform:scale(1.025);filter:blur(1px)}
}
@keyframes hmBrandAura{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.62)}
  40%{opacity:1}
  100%{opacity:0;transform:translate(-50%,-50%) scale(1.12)}
}
@keyframes hmBrandLine{
  0%{opacity:0;transform:translateX(-50%) scaleX(0)}
  42%{opacity:1;transform:translateX(-50%) scaleX(1)}
  100%{opacity:0;transform:translateX(-50%) scaleX(.45)}
}
@media(max-width:480px){
  .hmdex-entry-intro .product-entry-intro-media,
  .hackwallet-entry-intro .product-entry-intro-media{
    width:min(62vw,220px)!important;
    border-radius:26px!important;
  }
  .hmdex-entry-intro .product-entry-intro-line,
  .hackwallet-entry-intro .product-entry-intro-line{
    top:calc(50% + min(39vw,142px))!important;
  }
}


/* HM v40.3 — Robinhood-style logo shimmer intro (1.5s) */
.hmdex-entry-intro,
.hackwallet-entry-intro{
  position:fixed!important;
  inset:0!important;
  z-index:2147483640!important;
  display:grid!important;
  place-items:center!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  background:transparent!important;
  backdrop-filter:blur(0)!important;
  transform:none!important;
  animation:hmLogoIntroFade 1.5s cubic-bezier(.2,.76,.18,1) both!important;
}

.hmdex-entry-intro::before,
.hackwallet-entry-intro::before,
.hmdex-entry-intro::after,
.hackwallet-entry-intro::after{
  content:none!important;
  display:none!important;
}

.brand-shimmer-stage{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:min(70vw,340px)!important;
  aspect-ratio:1!important;
  transform:translateZ(0)!important;
}

.brand-shimmer-glow{
  position:absolute!important;
  inset:-20%!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 50% 50%,
      rgba(190,255,118,.34) 0%,
      rgba(141,255,44,.19) 26%,
      rgba(76,255,0,.08) 45%,
      transparent 68%)!important;
  filter:blur(24px)!important;
  opacity:0!important;
  transform:scale(.72)!important;
  animation:hmLogoGlowPulse 1.35s .03s cubic-bezier(.19,.75,.2,1) both!important;
}

.brand-shimmer-card{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1!important;
  border-radius:32px!important;
  overflow:hidden!important;
  opacity:0!important;
  transform:scale(.86)!important;
  background:rgba(3,7,4,.06)!important;
  box-shadow:
    0 22px 70px rgba(0,0,0,.30),
    0 0 0 1px rgba(195,255,139,.22),
    0 0 46px rgba(150,255,58,.18)!important;
  animation:hmLogoCardInOut 1.42s .02s cubic-bezier(.18,.78,.2,1) both!important;
}

.brand-shimmer-card img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:inherit!important;
  filter:saturate(1.08) contrast(1.04) brightness(1.02)!important;
  transform:scale(1.015)!important;
}

.brand-shimmer-card i{
  position:absolute!important;
  inset:-35% -70%!important;
  display:block!important;
  background:
    linear-gradient(108deg,
      transparent 38%,
      rgba(190,255,120,.05) 44%,
      rgba(212,255,170,.38) 48%,
      rgba(169,255,76,.95) 50%,
      rgba(219,255,182,.50) 52%,
      rgba(132,255,34,.08) 58%,
      transparent 64%)!important;
  mix-blend-mode:screen!important;
  opacity:0!important;
  transform:translateX(-58%) rotate(7deg)!important;
  animation:hmRobinhoodSweep 1.15s .18s cubic-bezier(.18,.78,.17,1) both!important;
}

.brand-shimmer-card b{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  border-radius:inherit!important;
  box-shadow:
    inset 0 0 0 1px rgba(220,255,191,.30),
    inset 0 0 28px rgba(160,255,70,.08)!important;
  opacity:0!important;
  animation:hmLogoEdgeGlow 1.28s .1s ease-out both!important;
}

@keyframes hmLogoIntroFade{
  0%,76%{opacity:1;visibility:visible}
  100%{opacity:0;visibility:hidden}
}
@keyframes hmLogoGlowPulse{
  0%{opacity:0;transform:scale(.70)}
  28%{opacity:.95;transform:scale(.92)}
  66%{opacity:.70;transform:scale(1.04)}
  100%{opacity:0;transform:scale(1.16)}
}
@keyframes hmLogoCardInOut{
  0%{opacity:0;transform:scale(.84);filter:blur(8px)}
  18%{opacity:1;transform:scale(.96);filter:blur(0)}
  54%{opacity:1;transform:scale(1)}
  78%{opacity:1;transform:scale(1.012)}
  100%{opacity:0;transform:scale(1.035);filter:blur(1px)}
}
@keyframes hmRobinhoodSweep{
  0%{opacity:0;transform:translateX(-62%) rotate(7deg)}
  16%{opacity:0}
  38%{opacity:1}
  72%{opacity:.95}
  100%{opacity:0;transform:translateX(62%) rotate(7deg)}
}
@keyframes hmLogoEdgeGlow{
  0%{opacity:0}
  26%{opacity:.95}
  72%{opacity:.72}
  100%{opacity:0}
}

@media(max-width:680px){
  .brand-shimmer-stage{
    width:min(64vw,250px)!important;
  }
  .brand-shimmer-card{
    border-radius:26px!important;
  }
}
@media(max-width:420px){
  .brand-shimmer-stage{
    width:min(68vw,220px)!important;
  }
  .brand-shimmer-card{
    border-radius:22px!important;
  }
}


/* HM v40.4 — body-level branded product intros (reliable on every entry) */
#hmBrandedProductIntro{
  position:fixed;
  inset:0;
  z-index:2147483647;
  display:grid;
  place-items:center;
  width:100vw;
  height:100vh;
  height:100dvh;
  overflow:hidden;
  pointer-events:none;
  background:rgba(3,7,4,.22);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  opacity:0;
}
#hmBrandedProductIntro.is-playing{animation:hmProductIntroShell 1.52s cubic-bezier(.2,.74,.18,1) both}
.hm-brand-intro-logo{
  position:relative;
  width:min(54vw,280px);
  aspect-ratio:1;
  border-radius:34px;
  overflow:hidden;
  opacity:0;
  transform:scale(.82);
  box-shadow:0 28px 90px rgba(0,0,0,.56),0 0 0 1px rgba(202,255,155,.26),0 0 70px rgba(112,255,28,.22);
  animation:hmProductLogoReveal 1.44s .02s cubic-bezier(.16,.82,.2,1) both;
}
.hm-brand-intro-logo img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.015);filter:saturate(1.08) contrast(1.04)}
.hm-brand-intro-glow{
  position:absolute;
  left:50%;top:50%;
  width:min(92vw,560px);height:min(92vw,560px);
  border-radius:50%;
  transform:translate(-50%,-50%) scale(.62);
  background:radial-gradient(circle,rgba(199,255,135,.34) 0,rgba(132,255,39,.19) 27%,rgba(87,255,0,.07) 46%,transparent 69%);
  filter:blur(25px);
  opacity:0;
  animation:hmProductGlow 1.42s ease-out both;
}
.hm-brand-intro-sweep{
  position:absolute;inset:-40% -85%;
  background:linear-gradient(110deg,transparent 38%,rgba(190,255,109,.05) 44%,rgba(225,255,195,.5) 48%,rgba(155,255,52,.98) 50%,rgba(220,255,184,.56) 52%,rgba(118,255,19,.08) 58%,transparent 64%);
  mix-blend-mode:screen;
  transform:translateX(-58%) rotate(7deg);
  opacity:0;
  animation:hmProductSweep 1.04s .2s cubic-bezier(.18,.8,.18,1) both;
}
.hm-brand-intro-edge{position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(223,255,195,.32),inset 0 0 36px rgba(148,255,53,.1);animation:hmProductEdge 1.3s .08s ease-out both}
@keyframes hmProductIntroShell{0%{opacity:0}10%,76%{opacity:1}100%{opacity:0}}
@keyframes hmProductLogoReveal{0%{opacity:0;transform:scale(.82);filter:blur(10px)}18%{opacity:1;filter:blur(0)}62%{opacity:1;transform:scale(1)}82%{opacity:1;transform:scale(1.018)}100%{opacity:0;transform:scale(1.045);filter:blur(2px)}}
@keyframes hmProductGlow{0%{opacity:0;transform:translate(-50%,-50%) scale(.62)}30%{opacity:1;transform:translate(-50%,-50%) scale(.9)}70%{opacity:.72}100%{opacity:0;transform:translate(-50%,-50%) scale(1.18)}}
@keyframes hmProductSweep{0%,12%{opacity:0;transform:translateX(-60%) rotate(7deg)}38%{opacity:1}72%{opacity:.9}100%{opacity:0;transform:translateX(60%) rotate(7deg)}}
@keyframes hmProductEdge{0%{opacity:0}25%{opacity:1}75%{opacity:.8}100%{opacity:0}}
@media(max-width:600px){
  .hm-brand-intro-logo{width:min(66vw,230px);border-radius:27px}
  .hm-brand-intro-glow{width:min(110vw,440px);height:min(110vw,440px)}
}

/* HM v40.4 — official Documentation card */
.documentation-card{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(145deg,rgba(15,19,17,.98),rgba(7,10,9,.98));
  box-shadow:0 24px 70px rgba(0,0,0,.32);
}
.documentation-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.07)}
.documentation-header-copy{min-width:0}
.documentation-eyebrow{letter-spacing:.14em;color:#a7ff63;font-weight:800}
.documentation-title{display:flex;align-items:center;gap:10px;font-size:clamp(22px,3vw,30px);letter-spacing:-.03em}
.documentation-title-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(145deg,#c7ff8f,#83f52c);color:#0a1405;font-size:13px;box-shadow:0 0 22px rgba(139,255,48,.2)}
.documentation-subtitle{margin-top:5px;max-width:720px;color:rgba(255,255,255,.6)}
.documentation-toggle{white-space:nowrap}
.documentation-body{padding:24px;display:grid;gap:18px}
.documentation-disclaimer{
  position:relative;padding:20px 22px;border-radius:18px;
  border:1px solid rgba(255,74,74,.3);
  background:linear-gradient(135deg,rgba(89,16,18,.28),rgba(33,10,11,.18));
  box-shadow:inset 3px 0 0 #ff4c4c;
}
.documentation-disclaimer .documentation-section-label{color:#ff5d5d}
.documentation-disclaimer p{margin:8px 0 0;color:rgba(255,255,255,.88);line-height:1.7}
.documentation-section{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.025)}
.documentation-section-number{font-size:13px;font-weight:900;letter-spacing:.08em;color:#9bff50;padding-top:4px}
.documentation-section-label{font-size:11px;font-weight:900;letter-spacing:.14em;color:#9bff50}
.documentation-section h3{margin:5px 0 10px;font-size:22px;letter-spacing:-.025em}
.documentation-section p{margin:8px 0;color:rgba(255,255,255,.72);line-height:1.72}
.documentation-policy-box{margin-top:16px;padding:17px 18px;border-radius:15px;background:rgba(151,255,65,.055);border:1px solid rgba(151,255,65,.14)}
.documentation-policy-box h4{margin:0 0 8px;color:#d7ffb7;font-size:15px}
.documentation-developer-section{background:linear-gradient(135deg,rgba(154,255,76,.055),rgba(255,255,255,.018))}
.documentation-collapsed{padding:20px 24px}
.documentation-collapsed span{font-weight:800;color:#d9ffc0}
.documentation-collapsed p{margin:5px 0 0;color:rgba(255,255,255,.56);line-height:1.55}
@media(max-width:700px){
  .documentation-header{align-items:flex-start;flex-direction:column;padding:19px}
  .documentation-toggle{width:100%}
  .documentation-body{padding:14px}
  .documentation-section{grid-template-columns:1fr;gap:7px;padding:18px}
  .documentation-disclaimer{padding:18px}
}


/* HM v40.5 — login-screen Documentation */
.auth-documentation-copy{display:grid;gap:12px}
.auth-documentation-copy>p{margin:0;line-height:1.65}
.auth-doc-disclaimer{
  padding:14px 15px;
  border-radius:14px;
  border:1px solid rgba(255,78,78,.32);
  background:linear-gradient(135deg,rgba(105,18,20,.3),rgba(43,9,11,.2));
  box-shadow:inset 3px 0 0 #ff5050;
}
.auth-doc-disclaimer>strong{display:block;color:#ff6262;font-size:12px;letter-spacing:.14em;margin-bottom:6px}
.auth-doc-disclaimer p{margin:0;color:rgba(255,255,255,.88);line-height:1.65}


/* HMX Reward panel */
.hmx-reward-panel{position:relative;overflow:hidden;margin:18px 0;padding:24px;border:1px solid rgba(166,255,86,.2);border-radius:24px;background:linear-gradient(145deg,rgba(16,23,18,.98),rgba(7,11,8,.98));box-shadow:0 26px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05)}
.hmx-reward-glow{position:absolute;right:-120px;top:-150px;width:360px;height:360px;border-radius:50%;background:rgba(151,255,61,.13);filter:blur(70px);pointer-events:none}
.hmx-reward-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px}.hmx-reward-head h2{margin:4px 0 0;font-size:clamp(25px,4vw,38px);letter-spacing:-.045em}.hmx-reward-live{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(151,255,61,.22);border-radius:999px;color:#cfffad;font-size:11px;font-weight:850;letter-spacing:.1em;background:rgba(151,255,61,.055)}.hmx-reward-live i{width:7px;height:7px;border-radius:50%;background:#9bff44;box-shadow:0 0 12px #9bff44;animation:hmxRewardLive 1.6s ease-in-out infinite}
.hmx-reward-description{position:relative;max-width:920px;margin:15px 0 20px;color:rgba(255,255,255,.58);font-size:12px;line-height:1.65}
.hmx-reward-balance-wrap{position:relative;padding:20px;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:rgba(255,255,255,.025)}.hmx-reward-balance-wrap>span{font-size:10px;font-weight:900;letter-spacing:.15em;color:#9bff44}.hmx-reward-balance-line{display:flex;align-items:baseline;gap:12px;min-width:0;margin-top:5px;white-space:nowrap;overflow:hidden}.hmx-reward-balance-line strong{display:block;min-width:0;font-size:clamp(34px,8vw,76px);font-weight:850;letter-spacing:-.065em;line-height:1;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(90deg,#fff,#c9ffa2 55%,#8cff36);-webkit-background-clip:text;background-clip:text;color:transparent}.hmx-reward-balance-line strong.is-updating{animation:hmxRewardNumber .6s cubic-bezier(.2,.8,.2,1)}.hmx-reward-balance-line em{font-size:clamp(16px,3vw,28px);font-style:normal;font-weight:900;color:#9bff44}.hmx-reward-balance-wrap>small{display:block;margin-top:8px;color:rgba(255,255,255,.38);font-size:10px}
.hmx-reward-more{margin:22px 0 12px}.hmx-reward-more h3{margin:0;font-size:18px}.hmx-reward-more p{margin:5px 0 0;color:rgba(255,255,255,.55);font-size:12px}.hmx-reward-tasks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hmx-reward-task{position:relative;isolation:isolate;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;border:0;border-radius:16px;background:transparent!important;color:#fff;text-align:left;cursor:pointer;overflow:hidden;transition:transform .22s ease,filter .22s ease}.hmx-reward-task::before{content:"";position:absolute;inset:0;z-index:-1;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--hmx-task-angle,0deg),rgba(151,255,61,.10),#9bff44 14%,rgba(151,255,61,.18) 30%,rgba(151,255,61,.06) 50%,#c5ff8f 72%,rgba(151,255,61,.12));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:hmxRewardTaskBorder 3.2s linear infinite;pointer-events:none}.hmx-reward-task::after{content:"";position:absolute;inset:1px;z-index:-2;border-radius:15px;background:transparent!important;pointer-events:none}.hmx-reward-task:hover{transform:translateY(-2px);background:transparent!important;filter:drop-shadow(0 0 10px rgba(151,255,61,.24))}.hmx-reward-task:active{transform:translateY(0) scale(.99)}.hmx-reward-task.is-completed{background:transparent!important;opacity:.72}.hmx-reward-task.is-completed::before{animation-duration:5.2s;opacity:.7}.hmx-reward-task-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(151,255,61,.52);border-radius:12px;background:transparent!important;color:#baff7a;font-size:17px;box-shadow:inset 0 0 12px rgba(151,255,61,.035),0 0 12px rgba(151,255,61,.08)}.hmx-reward-task strong{display:block;color:#fff;font-size:13px;text-shadow:0 1px 8px rgba(0,0,0,.8)}.hmx-reward-task small{display:block;margin-top:3px;color:#aaff66;font-size:10px;text-shadow:0 1px 7px rgba(0,0,0,.85)}.hmx-reward-task>b{color:rgba(207,255,173,.72)}
@property --hmx-task-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes hmxRewardTaskBorder{to{--hmx-task-angle:360deg}}@keyframes hmxRewardLive{50%{opacity:.4;transform:scale(.75)}}@keyframes hmxRewardNumber{0%{opacity:.4;transform:translateY(8px);filter:blur(3px)}100%{opacity:1;transform:none;filter:none}}
@media(max-width:700px){.hmx-reward-panel{padding:17px;border-radius:20px}.hmx-reward-tasks{grid-template-columns:1fr}.hmx-reward-balance-line strong{font-size:clamp(31px,14vw,56px)}.hmx-reward-description{font-size:11px}}

/* FINAL OVERRIDE — HMX task buttons: zero fill, green outline only */
html body .hmx-reward-panel .hmx-reward-tasks button.hmx-reward-task,
html body .hmx-reward-panel .hmx-reward-tasks button.hmx-reward-task:hover,
html body .hmx-reward-panel .hmx-reward-tasks button.hmx-reward-task:focus,
html body .hmx-reward-panel .hmx-reward-tasks button.hmx-reward-task:focus-visible,
html body .hmx-reward-panel .hmx-reward-tasks button.hmx-reward-task:active,
html body .hmx-reward-panel .hmx-reward-tasks button.hmx-reward-task.is-completed,
html body .hmx-reward-panel .hmx-reward-tasks button.hmx-reward-task[disabled] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  background-clip: border-box !important;
  border: 1.5px solid #9bff44 !important;
  box-shadow: 0 0 0 0 rgba(155,255,68,0), 0 0 12px rgba(155,255,68,.16) !important;
  color: #fff !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  isolation: auto !important;
  animation: hmxTaskOutlinePulse 2.2s ease-in-out infinite !important;
}
html body .hmx-reward-panel .hmx-reward-tasks button.hmx-reward-task:hover {
  box-shadow: 0 0 0 1px rgba(155,255,68,.18), 0 0 18px rgba(155,255,68,.28) !important;
  transform: translateY(-2px) !important;
}
html body .hmx-reward-panel .hmx-reward-tasks button.hmx-reward-task::before,
html body .hmx-reward-panel .hmx-reward-tasks button.hmx-reward-task::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
}
html body .hmx-reward-panel .hmx-reward-tasks button.hmx-reward-task > span,
html body .hmx-reward-panel .hmx-reward-tasks button.hmx-reward-task > b,
html body .hmx-reward-panel .hmx-reward-tasks button.hmx-reward-task .hmx-reward-task-icon {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
html body .hmx-reward-panel .hmx-reward-tasks button.hmx-reward-task .hmx-reward-task-icon {
  box-shadow: none !important;
}
@keyframes hmxTaskOutlinePulse {
  0%,100% { border-color:#8dff35; box-shadow:0 0 7px rgba(155,255,68,.12) }
  50% { border-color:#c3ff91; box-shadow:0 0 16px rgba(155,255,68,.28) }
}


/* HMdex v60.1 — 24h performance inside token picker */
.hmdex-token-result-copy{
  min-width:0!important;
  flex:1 1 auto!important;
}
.hmdex-token-result-market{
  margin-left:auto!important;
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  white-space:nowrap!important;
}
.hmdex-picker-24h{
  display:inline-block!important;
  min-width:62px!important;
  text-align:right!important;
  font:900 12px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:.01em!important;
  font-variant-numeric:tabular-nums!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
.hmdex-token-modal .hmdex-picker-24h.up,
.hmdex-known-list .hmdex-picker-24h.up{
  color:#83ff55!important;
  -webkit-text-fill-color:#83ff55!important;
  text-shadow:0 0 10px rgba(131,255,85,.25)!important;
}
.hmdex-token-modal .hmdex-picker-24h.down,
.hmdex-known-list .hmdex-picker-24h.down{
  color:#ff4d5f!important;
  -webkit-text-fill-color:#ff4d5f!important;
  text-shadow:0 0 10px rgba(255,77,95,.22)!important;
}
.hmdex-token-modal .hmdex-picker-24h.flat,
.hmdex-known-list .hmdex-picker-24h.flat{
  color:#a1aaa0!important;
  -webkit-text-fill-color:#a1aaa0!important;
  text-shadow:none!important;
}
@media(max-width:560px){
  .hmdex-picker-24h{min-width:54px!important;font-size:11px!important;}
  .hmdex-token-result-market{gap:5px!important;}
}
\n\n/* NOCASHCAT risk warning */\n.hmdex-risk-modal{\n  position:relative!important;overflow:hidden!important;max-width:460px!important;\n  border:1px solid rgba(170,255,72,.32)!important;\n  background:linear-gradient(180deg,rgba(12,18,14,.98),rgba(5,8,7,.99))!important;\n  box-shadow:0 28px 90px rgba(0,0,0,.65),0 0 55px rgba(147,255,62,.10)!important;\n}\n.hmdex-risk-modal:before{content:\"\";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(circle at 78% 4%,rgba(151,255,74,.13),transparent 36%);}\n.hmdex-risk-orb{width:76px;height:76px;border-radius:24px;margin:0 0 16px;display:grid;place-items:center;border:1px solid rgba(159,255,75,.32);background:rgba(255,255,255,.025);box-shadow:0 0 30px rgba(150,255,69,.12);position:relative;z-index:1}\n.hmdex-risk-orb img{width:58px!important;height:58px!important;border-radius:50%!important;object-fit:cover!important;display:block!important}\n.hmdex-risk-eyebrow{color:#a6ff58!important;letter-spacing:.14em!important}\n.hmdex-risk-copy{font-size:14px!important;line-height:1.65!important;color:rgba(239,247,240,.78)!important;margin-top:12px!important}\n.hmdex-risk-copy strong{color:#fff!important}\n.hmdex-risk-points{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 20px;position:relative;z-index:1}\n.hmdex-risk-points span{font-size:11px;font-weight:800;letter-spacing:.035em;color:#dfffd0;border:1px solid rgba(159,255,77,.22);background:rgba(151,255,71,.055);padding:7px 9px;border-radius:999px}\n.hmdex-risk-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:1}\n.hmdex-risk-actions .btn{margin:0!important;width:100%!important}\n.hmdex-risk-confirm{background:#9bff44!important;color:#071004!important;border-color:#9bff44!important;font-weight:900!important}\n@media(max-width:520px){.hmdex-risk-modal{max-width:calc(100vw - 24px)!important}.hmdex-risk-actions{grid-template-columns:1fr}.hmdex-risk-orb{width:68px;height:68px}.hmdex-risk-orb img{width:52px!important;height:52px!important}}\n

/* v64 — Mobile eNFT gallery: 5 compact collectible thumbnails per row.
   Full controls remain in the existing detail modal opened by tapping a card. */
@media (max-width:720px){
  .enft-grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:5px!important;
    width:100%!important;
    justify-content:stretch!important;
    align-items:start!important;
  }
  .enft-card.compact-enft{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    border-radius:8px!important;
    overflow:hidden!important;
    aspect-ratio:1/1!important;
    cursor:pointer!important;
    transform:translateZ(0);
    animation:enftMobileTileIn .42s cubic-bezier(.2,.8,.2,1) both!important;
    transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important;
  }
  .enft-card.compact-enft:active{
    transform:scale(.9)!important;
    filter:brightness(1.18)!important;
  }
  .enft-card.compact-enft .enft-image-wrap{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    aspect-ratio:1/1!important;
    border-radius:7px!important;
  }
  .enft-card.compact-enft .enft-image-wrap img{
    width:100%!important;height:100%!important;object-fit:cover!important;
  }
  .enft-card.compact-enft .enft-body,
  .enft-card.compact-enft .enft-actions,
  .enft-card.compact-enft .enft-author,
  .enft-card.compact-enft .enft-like-btn,
  .enft-card.compact-enft .enft-price,
  .enft-card.compact-enft .enft-card-rarity-label{
    display:none!important;
  }
  .enft-grid>.enft-card.compact-enft:nth-of-type(n+31){display:none!important}
}
@keyframes enftMobileTileIn{
  from{opacity:0;transform:scale(.72) translateY(8px);filter:blur(3px)}
  to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}
}

/* Existing full eNFT modal gets a polished open/close motion. */
.enft-detail-modal,.enft-detail-card{
  animation:enftDetailOpen .32s cubic-bezier(.16,1,.3,1) both;
}
@keyframes enftDetailOpen{
  from{opacity:0;transform:translateY(18px) scale(.94);filter:blur(4px)}
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}


/* v65 — Mobile eNFT swipe deck.
   One floating collectible per viewport; native touch swipe + scroll snap. */
@media (max-width:720px){
  .enft-grid{
    display:flex!important;
    grid-template-columns:none!important;
    width:100%!important;
    max-width:100%!important;
    gap:0!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-snap-type:x mandatory!important;
    scroll-behavior:smooth!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:none!important;
    touch-action:pan-x pinch-zoom!important;
    padding:18px 0 24px!important;
    margin:0!important;
  }
  .enft-grid::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }
  .enft-grid>.enft-card.compact-enft{
    display:block!important;
    position:relative!important;
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
    min-width:100%!important;
    aspect-ratio:auto!important;
    scroll-snap-align:center!important;
    scroll-snap-stop:always!important;
    padding:0 9vw!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    animation:none!important;
    cursor:pointer!important;
  }
  .enft-grid>.enft-card.compact-enft .enft-image-wrap{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    border-radius:26px!important;
    overflow:hidden!important;
    border:1px solid rgba(102,247,255,.32)!important;
    background:#03050a!important;
    box-shadow:
      0 22px 65px rgba(0,0,0,.46),
      0 0 28px rgba(102,247,255,.14)!important;
    animation:enftSwipeFloat 3.6s ease-in-out infinite!important;
    transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important;
    transform-origin:center center!important;
  }
  .enft-grid>.enft-card.compact-enft:nth-child(2n) .enft-image-wrap{
    animation-delay:-1.2s!important;
  }
  .enft-grid>.enft-card.compact-enft:nth-child(3n) .enft-image-wrap{
    animation-delay:-2.15s!important;
  }
  .enft-grid>.enft-card.compact-enft:active .enft-image-wrap{
    transform:scale(.965) rotate(-1deg)!important;
    filter:brightness(1.08)!important;
  }
  .enft-grid>.enft-card.compact-enft .enft-image-wrap img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
  }

  /* No actions/details are shown until the card is opened. */
  .enft-grid>.enft-card.compact-enft .enft-body,
  .enft-grid>.enft-card.compact-enft .enft-actions,
  .enft-grid>.enft-card.compact-enft .enft-author,
  .enft-grid>.enft-card.compact-enft .enft-like-btn,
  .enft-grid>.enft-card.compact-enft .enft-price,
  .enft-grid>.enft-card.compact-enft .enft-card-rarity-label{
    display:none!important;
  }

  /* Undo the previous 30-item CSS hiding rule: pagination remains the source of limits. */
  .enft-grid>.enft-card.compact-enft:nth-of-type(n+31){
    display:block!important;
  }

  .enft-grid + .pagination,
  .enft-grid + [class*="pagination"]{
    margin-top:4px!important;
  }
}

@keyframes enftSwipeFloat{
  0%,100%{
    transform:translateY(0) rotate(-.45deg) scale(.985);
    box-shadow:0 20px 58px rgba(0,0,0,.44),0 0 22px rgba(102,247,255,.12);
  }
  50%{
    transform:translateY(-9px) rotate(.45deg) scale(1);
    box-shadow:0 30px 72px rgba(0,0,0,.52),0 0 38px rgba(102,247,255,.22);
  }
}


/* v66 — smoother mobile eNFT carousel + normal vertical page scrolling */
@media (max-width:720px){
  .enft-grid{
    /* Critical: allow the browser to handle vertical scrolling naturally.
       Horizontal overflow remains available for eNFT swiping. */
    touch-action:pan-y pan-x!important;
    scroll-snap-type:x proximity!important;
    scroll-behavior:auto!important;
    contain:layout paint!important;
    will-change:auto!important;
  }

  .enft-grid.is-enft-horizontal-swipe{
    scroll-snap-type:x mandatory!important;
  }

  .enft-grid>.enft-card.compact-enft{
    contain:layout paint style!important;
    will-change:auto!important;
  }

  .enft-grid>.enft-card.compact-enft .enft-image-wrap{
    /* Remove expensive animated blur/filter and huge repainting shadows.
       Keep a lightweight floating motion using transform only. */
    filter:none!important;
    will-change:transform!important;
    backface-visibility:hidden!important;
    -webkit-backface-visibility:hidden!important;
    transform:translate3d(0,0,0)!important;
    box-shadow:0 16px 40px rgba(0,0,0,.36),0 0 16px rgba(102,247,255,.10)!important;
    animation:enftSwipeFloatLite 4.8s ease-in-out infinite!important;
  }

  .enft-grid>.enft-card.compact-enft.has-glow .enft-image-wrap:after{
    animation:none!important;
    box-shadow:inset 0 0 18px rgba(102,247,255,.18)!important;
    opacity:.7!important;
  }

  .enft-grid>.enft-card.compact-enft:active .enft-image-wrap{
    filter:none!important;
  }
}

@keyframes enftSwipeFloatLite{
  0%,100%{transform:translate3d(0,0,0) rotate(-.2deg) scale(.992)}
  50%{transform:translate3d(0,-5px,0) rotate(.2deg) scale(1)}
}

@media (prefers-reduced-motion: reduce){
  .enft-grid>.enft-card.compact-enft .enft-image-wrap{
    animation:none!important;
    transform:none!important;
  }
}


/* ===== HackMessage v1 production smoothness pass ===== */
html,body,#app,.app-shell,.main,.content,.hackwallet-standalone-root,.hackwallet-standalone-page{
  background-color:#05070b!important;
}
#app{min-height:100dvh!important;isolation:isolate}
.content.page-transition,
.content.page-transition>*,
.ux-card-enter,
.card,
.post-card,
.market-card,
.profile-card,
.panel-premium{
  animation:none!important;
}
body.hm-section-switching .main,
body.hm-section-switching.hm-section-entering .main,
body.hm-section-switching .content,
body.hm-section-switching.hm-section-entering .content{
  animation:none!important;
  filter:none!important;
  transform:none!important;
  opacity:1!important;
}
body.hm-section-switching .main::before,
body.hm-section-switching .main::after{display:none!important;content:none!important}
.hm-view-transition-overlay.hm-v1-product-transition{
  background:rgba(3,6,10,.96)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.hm-view-transition-overlay.hm-v1-product-transition .hm-transition-earth{
  will-change:transform,opacity!important;
  backface-visibility:hidden!important;
}
.card,.post-card,.market-card,.profile-card,.enft-card{
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
@media(max-width:760px){
  .card,.post-card,.market-card,.profile-card{box-shadow:0 12px 34px rgba(0,0,0,.24)!important}
}

/* HMX is the visual anchor of HackWallet. */
.wallet-v34-asset.wallet-v1-hmx-main,
.internal-wallet-row.hmxg-row{
  position:relative!important;
  overflow:hidden!important;
  border-color:rgba(157,255,72,.58)!important;
  background:linear-gradient(115deg,rgba(157,255,72,.12),rgba(40,255,177,.055),rgba(90,210,255,.055),rgba(157,255,72,.12))!important;
  background-size:240% 100%!important;
  box-shadow:0 0 0 1px rgba(157,255,72,.10),0 13px 36px rgba(0,0,0,.24),0 0 22px rgba(157,255,72,.10)!important;
  animation:hmxWalletMainShimmer 5.4s linear infinite!important;
}
.wallet-v34-asset.wallet-v1-hmx-main::after,
.internal-wallet-row.hmxg-row::after{
  content:none!important;
  position:absolute!important;
  right:14px!important;
  top:8px!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
  color:#baff75!important;
  opacity:.82!important;
  pointer-events:none!important;
}
.wallet-v34-asset.wallet-v1-hmx-main .wallet-symbol,
.internal-wallet-row.hmxg-row .wallet-symbol{
  color:#c7ff8e!important;
  text-shadow:0 0 16px rgba(157,255,72,.35)!important;
}
@keyframes hmxWalletMainShimmer{from{background-position:0% 50%}to{background-position:240% 50%}}

.wallet-v1-ava-bsc::after{
  content:none!important;
  position:absolute!important;
  right:14px!important;
  top:8px!important;
  font-size:8px!important;
  letter-spacing:.12em!important;
  font-weight:950!important;
  color:#f3ba2f!important;
  opacity:.88!important;
}

/* Marketplace AVA option */
.donation-currency-option.ava{
  border-color:rgba(243,186,47,.28)!important;
}
.donation-currency-option.ava:hover{
  border-color:rgba(243,186,47,.62)!important;
  box-shadow:0 0 24px rgba(243,186,47,.10)!important;
}

/* Make expensive endless effects opt-in instead of repainting every page. */
@media(max-width:760px){
  .background-shell .grid-floor,
  .hmdex-aurora,
  .reward-halo{animation:none!important}
}
@media(prefers-reduced-motion:reduce){
  .wallet-v34-asset.wallet-v1-hmx-main,.internal-wallet-row.hmxg-row{animation:none!important}
}


/* ===== v68 HMdex professional trading terminal ===== */
.hmdex-v18{max-width:1480px!important}
.hmdex-terminal-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:0 0 14px;padding:14px 18px;border:1px solid rgba(155,255,68,.18);border-radius:18px;background:rgba(4,9,12,.82);box-shadow:0 18px 55px rgba(0,0,0,.24)}
.hmdex-terminal-pair{display:flex;align-items:baseline;gap:12px}.hmdex-terminal-pair>span,.hmdex-terminal-panelhead small{font-size:10px;letter-spacing:.16em;color:#7d8b91;font-weight:900}.hmdex-terminal-pair strong{font-size:22px;color:#f4fff0}.hmdex-terminal-pair small{color:#718078}
.hmdex-terminal-stats{display:flex;gap:24px}.hmdex-terminal-stats span{display:grid;gap:4px}.hmdex-terminal-stats small{font-size:9px;letter-spacing:.12em;color:#65746c}.hmdex-terminal-stats b{font-size:12px;color:#baff75}
.hmdex-terminal-layout{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(350px,.72fr)!important;gap:14px!important;align-items:stretch!important}
.hmdex-terminal-chart-panel,.hmdex-terminal-order-panel,.hmdex-terminal-activity,.hmdex-terminal-bottom .hmdex-v18-side{border:1px solid rgba(155,255,68,.16)!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(8,14,17,.96),rgba(3,7,10,.96))!important;box-shadow:0 22px 70px rgba(0,0,0,.28)!important}
.hmdex-terminal-chart-panel{min-height:510px;padding:18px;overflow:hidden}
.hmdex-terminal-panelhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.hmdex-terminal-panelhead strong{display:block;font-size:18px;margin-top:4px}
.hmdex-chart-periods{display:flex;gap:6px}.hmdex-chart-periods button{border:1px solid rgba(155,255,68,.14);background:transparent;color:#75827b;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:900}.hmdex-chart-periods button.is-active{border-color:#9bff44;color:#c8ff96;box-shadow:0 0 18px rgba(155,255,68,.12)}
.hmdex-terminal-chart{height:420px;position:relative;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(7,18,18,.8),rgba(2,6,8,.7))}
.hmdex-chart-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(155,255,68,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(155,255,68,.055) 1px,transparent 1px);background-size:100% 20%,12.5% 100%}
.hmdex-terminal-chart svg{position:absolute;inset:42px 0 18px;width:100%;height:calc(100% - 60px);overflow:visible}.hmdex-chart-area{fill:url(#hmChartFill)}.hmdex-chart-line{fill:none;stroke:#9bff44;stroke-width:3;filter:drop-shadow(0 0 8px rgba(155,255,68,.38))}
.hmdex-chart-price{position:absolute;left:20px;top:18px}.hmdex-chart-price small{display:block;font-size:9px;letter-spacing:.13em;color:#65746c}.hmdex-chart-price strong{display:block;margin-top:4px;font-size:22px;color:#d7ffb3}
.hmdex-terminal-order-panel{margin:0!important;height:100%}
.hmdex-terminal-bottom{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(350px,.72fr);gap:14px;margin-top:14px}.hmdex-terminal-activity{min-height:270px;padding:16px}.hmdex-terminal-bottom .hmdex-v18-side{padding:0;overflow:hidden}
.hmdex-terminal-tabs{display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:12px}.hmdex-terminal-tabs button{background:transparent;border:0;color:#69766f;font-weight:850;padding:7px 10px}.hmdex-terminal-tabs button.is-active{color:#caff9b;border-bottom:1px solid #9bff44}.hmdex-terminal-live{margin-left:auto;font-size:9px;color:#8b9a91;letter-spacing:.12em}.hmdex-terminal-live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9bff44;box-shadow:0 0 10px #9bff44;margin-right:5px}
.hmdex-terminal-table-head{display:grid;grid-template-columns:.7fr 1.2fr .7fr 1fr .7fr;gap:12px;padding:14px 10px;color:#65736b;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.hmdex-terminal-empty{min-height:150px;display:grid;place-content:center;text-align:center;color:#536158}.hmdex-terminal-empty b{color:#819087}.hmdex-terminal-empty small{margin-top:6px}
.hmdex-chain-badge{font-style:normal;margin-left:6px;padding:2px 6px;border-radius:999px;border:1px solid rgba(243,186,47,.42);color:#f3ba2f;font-size:8px;letter-spacing:.08em}
@media(max-width:860px){.hmdex-terminal-toolbar{align-items:flex-start;flex-direction:column}.hmdex-terminal-stats{width:100%;justify-content:space-between}.hmdex-terminal-layout,.hmdex-terminal-bottom{grid-template-columns:1fr!important}.hmdex-terminal-chart-panel{min-height:390px}.hmdex-terminal-chart{height:310px}.hmdex-terminal-order-panel{order:2}.hmdex-terminal-chart-panel{order:1}}
@media(max-width:520px){.hmdex-terminal-pair{flex-wrap:wrap}.hmdex-terminal-pair small{width:100%}.hmdex-terminal-stats{gap:8px}.hmdex-terminal-chart-panel{padding:12px;border-radius:18px!important}.hmdex-terminal-chart{height:275px}.hmdex-chart-periods button{padding:5px 7px}.hmdex-terminal-table-head{grid-template-columns:.7fr 1fr .7fr}.hmdex-terminal-table-head span:nth-child(4),.hmdex-terminal-table-head span:nth-child(5){display:none}}

/* v68 HackWallet HMX treatment: glow + verification check only. */
.wallet-v34-asset.wallet-v1-hmx-main,.internal-wallet-row.hmxg-row{
  overflow:visible!important;
  border-color:rgba(155,255,68,.46)!important;
  background:rgba(8,16,11,.72)!important;
  box-shadow:0 0 0 1px rgba(155,255,68,.08),0 0 24px rgba(155,255,68,.14),0 14px 38px rgba(0,0,0,.25)!important;
  animation:walletHmxGlow 3.8s ease-in-out infinite!important;
}
.wallet-v34-asset.wallet-v1-hmx-main::after,.internal-wallet-row.hmxg-row::after,.wallet-v1-ava-bsc::after{display:none!important;content:none!important}
.wallet-v34-asset.wallet-v1-hmx-main .wallet-symbol{display:inline-flex!important;align-items:center!important;gap:6px!important;color:#e8ffd5!important;text-shadow:0 0 14px rgba(155,255,68,.28)!important}
.wallet-hmx-verified{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#9bff44;color:#071005;font-size:11px;font-weight:1000;box-shadow:0 0 12px rgba(155,255,68,.38)}
@keyframes walletHmxGlow{0%,100%{box-shadow:0 0 0 1px rgba(155,255,68,.08),0 0 18px rgba(155,255,68,.10),0 14px 38px rgba(0,0,0,.25)}50%{box-shadow:0 0 0 1px rgba(155,255,68,.15),0 0 32px rgba(155,255,68,.20),0 14px 38px rgba(0,0,0,.25)}}


/* ===== v69 wallet: static, clean asset cards ===== */
.wallet-v34-asset,
.wallet-v34-asset::before,
.wallet-v34-asset::after,
.internal-wallet-row,
.internal-wallet-row::before,
.internal-wallet-row::after{
  animation:none!important;
  background-position:initial!important;
}
.wallet-v34-asset{
  transition:border-color .16s ease,background-color .16s ease!important;
}
.wallet-v34-asset:hover,.wallet-v34-asset:active{
  transform:none!important;
}
.wallet-v34-asset.wallet-v1-hmx-main,.internal-wallet-row.hmxg-row{
  animation:none!important;
  background:rgba(8,16,11,.72)!important;
  background-image:none!important;
  border-color:rgba(155,255,68,.42)!important;
  box-shadow:0 0 0 1px rgba(155,255,68,.055),0 0 18px rgba(155,255,68,.095),0 12px 30px rgba(0,0,0,.22)!important;
}
.wallet-v34-asset.wallet-v1-hmx-main .wallet-symbol{
  color:#edffe0!important;
  text-shadow:none!important;
  gap:5px!important;
}
.wallet-hmx-verified{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  border-radius:50%!important;
  margin-left:1px!important;
  border:1px solid rgba(155,255,68,.82)!important;
  background:transparent!important;
  color:#9bff44!important;
  box-shadow:none!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  vertical-align:1px!important;
}


/* ===== v69 real OHLCV terminal chart ===== */
.hmdex-terminal-chart{isolation:isolate}
#hmdexRealChartSvg{
  position:absolute!important;
  inset:42px 0 8px!important;
  width:100%!important;
  height:calc(100% - 50px)!important;
  overflow:visible!important;
  z-index:2!important;
}
#hmdexRealChartSvg .hm-real-grid{stroke:rgba(155,255,68,.07);stroke-width:1;vector-effect:non-scaling-stroke}
#hmdexRealChartSvg .hm-real-axis{fill:rgba(205,224,210,.46);font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
#hmdexRealChartSvg .hm-candle-wick{stroke-width:1.3;vector-effect:non-scaling-stroke}
#hmdexRealChartSvg .hm-candle-up{stroke:#9bff44;fill:#9bff44}
#hmdexRealChartSvg .hm-candle-down{stroke:#ff5364;fill:#ff5364}
#hmdexRealChartSvg .hm-candle-body{opacity:.95}
#hmdexRealChartSvg .hm-volume{opacity:.14}
#hmdexRealChartSvg .hm-last-price-line{stroke:#d6ffb3;stroke-width:1;stroke-dasharray:4 5;opacity:.42;vector-effect:non-scaling-stroke}
.hmdex-chart-price{z-index:4!important}
.hmdex-chart-price span{display:block;margin-top:3px;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#697871;font-size:9px}
.hmdex-chart-loader{
  position:absolute;inset:0;z-index:5;display:none;place-content:center;justify-items:center;gap:8px;
  background:rgba(3,8,10,.72);color:#9aaba1;text-align:center;font-size:11px;
}
.hmdex-chart-loader.is-visible{display:grid}
.hmdex-chart-loader.is-error{background:rgba(3,8,10,.83);color:#99a49e}
.hmdex-chart-loader.is-error b{color:#dbe7df;font-size:12px}
.hmdex-chart-loader small{color:#637067}
#hmdexTerminalChange.is-up{color:#9bff44!important}
#hmdexTerminalChange.is-down{color:#ff5364!important}


/* ===== v70 HackWallet — every token card uses the same transparent surface ===== */
.wallet-v34-asset,
.wallet-v34-asset.wallet-v1-hmx-main,
.wallet-v34-asset.wallet-v1-ava-bsc,
.internal-wallet-row,
.internal-wallet-row.hmxg-row{
  background:rgba(255,255,255,.018)!important;
  background-image:none!important;
  animation:none!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
.wallet-v34-asset.wallet-v1-hmx-main{
  border-color:rgba(155,255,68,.30)!important;
}
.wallet-v34-asset:hover,.wallet-v34-asset:active{
  background:rgba(255,255,255,.026)!important;
  border-color:rgba(255,255,255,.19)!important;
  box-shadow:none!important;
  transform:none!important;
}

/* ===== v70 HMdex terminal geometry ===== */
.hmdex-v18-layout.hmdex-terminal-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.72fr) minmax(330px,.78fr)!important;
  align-items:stretch!important;
  gap:14px!important;
  width:100%!important;
}
.hmdex-terminal-chart-panel,
.hmdex-terminal-order-panel{
  min-width:0!important;
  margin:0!important;
  height:auto!important;
}
.hmdex-terminal-chart-panel{
  display:flex!important;
  flex-direction:column!important;
}
.hmdex-terminal-chart{
  position:relative!important;
  flex:1 1 auto!important;
  min-height:430px!important;
  height:430px!important;
  overflow:hidden!important;
}
.hmdex-terminal-order-panel{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.hmdex-terminal-bottom{
  margin-top:14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.72fr) minmax(330px,.78fr)!important;
  gap:14px!important;
  align-items:start!important;
}
.hmdex-terminal-activity,.hmdex-v18-side{min-width:0!important;margin:0!important}

/* The chart SVG fills the actual chart box on desktop and mobile. */
#hmdexRealChartSvg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  z-index:2!important;
}
.hmdex-chart-price{top:14px!important;left:16px!important;z-index:4!important;pointer-events:none!important}

@media(max-width:860px){
  .hmdex-v18-layout.hmdex-terminal-layout,
  .hmdex-terminal-bottom{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
  }
  .hmdex-terminal-chart-panel,
  .hmdex-terminal-order-panel,
  .hmdex-terminal-activity,
  .hmdex-v18-side{
    width:100%!important;
    max-width:none!important;
  }
  .hmdex-terminal-chart{
    width:100%!important;
    height:330px!important;
    min-height:330px!important;
  }
  #hmdexRealChartSvg{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:330px!important;
  }
  .hmdex-terminal-order-panel{order:2!important}
  .hmdex-terminal-chart-panel{order:1!important}
  .hmdex-terminal-toolbar{margin-bottom:10px!important}
}
@media(max-width:520px){
  .hmdex-terminal-chart{height:285px!important;min-height:285px!important}
  #hmdexRealChartSvg{min-height:285px!important}
  .hmdex-terminal-panelhead{gap:8px!important;align-items:flex-start!important}
  .hmdex-chart-periods{display:flex!important;gap:4px!important}
  .hmdex-chart-periods button{min-width:36px!important;padding:7px 8px!important}
  .hmdex-chart-price span{max-width:210px!important}
}


/* ===== v71 HackWallet premium dark redesign ===== */
.hackwallet-standalone-root,.hackwallet-standalone-page,.finance-page-shell.wallet-v34-page{
  background:radial-gradient(circle at 50% -10%,rgba(155,255,68,.04),transparent 32%),#030506!important;
}
.wallet-v34-fullpage{
  max-width:920px!important;margin:0 auto!important;padding:24px!important;
  border:1px solid rgba(255,255,255,.075)!important;border-radius:28px!important;
  background:linear-gradient(180deg,rgba(10,13,15,.98),rgba(4,6,7,.99))!important;
  box-shadow:0 30px 100px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.wallet-v34-headline{padding:4px 2px 18px!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
.wallet-v34-total{
  margin:18px 0 14px!important;padding:22px!important;border:1px solid rgba(255,255,255,.065)!important;
  border-radius:22px!important;background:rgba(255,255,255,.014)!important;box-shadow:none!important;
}
.wallet-v34-total span{color:rgba(230,238,233,.44)!important;letter-spacing:.11em!important;text-transform:uppercase!important;font-size:9px!important}
.wallet-v34-total strong{font-size:clamp(30px,6vw,48px)!important;letter-spacing:-.035em!important;color:#f5f8f6!important}

/* All coin cards are genuinely transparent. */
.wallet-v34-assets{gap:8px!important}
.wallet-v34-asset,.wallet-v34-asset.wallet-v1-hmx-main,.wallet-v34-asset.wallet-v1-ava-bsc,
.internal-wallet-row.wallet-v34-asset,.wallet-v34-asset .wallet-asset-main,.wallet-v34-asset .wallet-exchange-line{
  background:transparent!important;background-color:transparent!important;background-image:none!important;
  animation:none!important;box-shadow:none!important;
}
.wallet-v34-asset,.wallet-v34-asset.wallet-v1-hmx-main,.wallet-v34-asset.wallet-v1-ava-bsc{
  min-height:68px!important;padding:10px 14px!important;border:1px solid rgba(255,255,255,.085)!important;
  border-radius:17px!important;transition:border-color .16s ease!important;
}
.wallet-v34-asset:hover,.wallet-v34-asset:active{background:transparent!important;border-color:rgba(255,255,255,.17)!important;transform:none!important;box-shadow:none!important}
.wallet-v34-asset.wallet-v1-hmx-main{border-color:rgba(155,255,68,.24)!important}
.wallet-v34-asset .wallet-asset-logo{width:42px!important;height:42px!important;border-radius:50%!important;box-shadow:0 0 0 1px rgba(255,255,255,.075)!important}
.wallet-v34-asset .wallet-symbol{font-size:14px!important;font-weight:850!important;color:#edf2ee!important;text-shadow:none!important}
.wallet-v34-asset .wallet-amount{font-size:15px!important;font-weight:760!important;color:#f7faf8!important}
.wallet-v34-asset .wallet-usd{font-size:11px!important;color:rgba(226,236,229,.43)!important}
.wallet-v34-row-chevron{color:rgba(230,240,233,.30)!important;font-size:18px!important}
.wallet-hmx-verified{
  width:13px!important;height:13px!important;min-width:13px!important;margin-left:2px!important;
  border:0!important;border-radius:50%!important;background:#9bff44!important;color:#071006!important;
  box-shadow:none!important;font-size:8px!important;font-weight:1000!important;
}
.wallet-v34-service-pay{margin-top:13px!important;border:1px solid rgba(155,255,68,.17)!important;background:rgba(155,255,68,.025)!important;color:#eaf6e6!important}
.wallet-v34-history-section{margin-top:28px!important;padding-top:20px!important;border-top:1px solid rgba(255,255,255,.055)!important}
.wallet-v34-history-row{background:transparent!important;border-color:rgba(255,255,255,.06)!important}
.wallet-v34-close{margin-top:18px!important;background:transparent!important;border-color:rgba(255,255,255,.10)!important}
@media(max-width:640px){
  .wallet-v34-fullpage{padding:16px!important;border-radius:22px!important}
  .wallet-v34-asset{min-height:62px!important;padding:8px 11px!important}
  .wallet-v34-asset .wallet-asset-logo{width:38px!important;height:38px!important}
}


/* ===== v72 FINAL HACKWALLET — DARK / TRANSPARENT TOKEN ROWS ===== */
.hackwallet-standalone-root,.hackwallet-standalone-page,.finance-page-shell.wallet-v34-page{
  background:#020304!important;
}
.wallet-v34-fullpage{
  max-width:920px!important;margin:0 auto!important;padding:24px!important;
  border:1px solid rgba(255,255,255,.07)!important;border-radius:28px!important;
  background:linear-gradient(180deg,#0a0c0e 0%,#050607 100%)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.wallet-v34-headline{padding:4px 2px 18px!important;border-bottom:1px solid rgba(255,255,255,.05)!important}
.wallet-v34-total{margin:18px 0 14px!important;padding:22px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:22px!important;background:rgba(255,255,255,.012)!important;background-image:none!important;box-shadow:none!important}
.wallet-v34-total span{color:rgba(225,232,228,.42)!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-size:9px!important}
.wallet-v34-total strong{color:#f4f7f5!important;font-size:clamp(31px,6vw,48px)!important;letter-spacing:-.04em!important}

/* absolutely transparent coin cards: HMX / ETH / VISTA */
.hackwallet-standalone-root .wallet-v34-assets,
.hackwallet-standalone-root .premium-wallet-list,
.hackwallet-standalone-root .wallet-v34-asset,
.hackwallet-standalone-root .wallet-v34-asset.wallet-v1-hmx-main,
.hackwallet-standalone-root .internal-wallet-row.wallet-v34-asset,
.hackwallet-standalone-root .premium-wallet-asset,
.hackwallet-standalone-root .wallet-static-asset,
.hackwallet-standalone-root .wallet-v34-asset .wallet-asset-main,
.hackwallet-standalone-root .wallet-v34-asset .wallet-exchange-line,
.hackwallet-standalone-root .wallet-v34-asset::before,
.hackwallet-standalone-root .wallet-v34-asset::after,
.hackwallet-standalone-root .internal-wallet-row::before,
.hackwallet-standalone-root .internal-wallet-row::after{
  background:transparent!important;background-color:transparent!important;background-image:none!important;
  animation:none!important;box-shadow:none!important;filter:none!important;
}
.hackwallet-standalone-root .wallet-v34-assets{gap:8px!important}
.hackwallet-standalone-root .wallet-v34-asset,
.hackwallet-standalone-root .wallet-v34-asset.wallet-v1-hmx-main{
  min-height:68px!important;padding:10px 14px!important;border:1px solid rgba(255,255,255,.085)!important;
  border-radius:17px!important;overflow:visible!important;transition:border-color .15s ease!important;
}
.hackwallet-standalone-root .wallet-v34-asset:hover,
.hackwallet-standalone-root .wallet-v34-asset:focus,
.hackwallet-standalone-root .wallet-v34-asset:active{
  background:transparent!important;background-color:transparent!important;background-image:none!important;
  border-color:rgba(255,255,255,.16)!important;box-shadow:none!important;transform:none!important;
}
.hackwallet-standalone-root .wallet-v34-asset.wallet-v1-hmx-main{border-color:rgba(155,255,68,.20)!important}
.hackwallet-standalone-root .wallet-v34-asset .wallet-asset-logo{width:42px!important;height:42px!important;border-radius:50%!important;box-shadow:0 0 0 1px rgba(255,255,255,.07)!important}
.hackwallet-standalone-root .wallet-v34-asset .wallet-symbol{color:#edf2ee!important;font-size:14px!important;font-weight:850!important;text-shadow:none!important}
.hackwallet-standalone-root .wallet-v34-asset .wallet-amount{color:#f7faf8!important;font-size:15px!important;font-weight:760!important}
.hackwallet-standalone-root .wallet-v34-asset .wallet-usd{color:rgba(226,236,229,.42)!important;font-size:11px!important}
.hackwallet-standalone-root .wallet-v34-row-chevron{color:rgba(230,240,233,.28)!important;font-size:18px!important}
.hackwallet-standalone-root .wallet-hmx-verified{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:13px!important;height:13px!important;min-width:13px!important;margin-left:3px!important;border:0!important;border-radius:50%!important;background:#9bff44!important;color:#071006!important;box-shadow:none!important;font-size:8px!important;line-height:1!important;font-weight:1000!important}
.hackwallet-standalone-root .wallet-v34-service-pay{margin-top:13px!important;border:1px solid rgba(255,255,255,.085)!important;background:rgba(255,255,255,.015)!important;background-image:none!important;color:#e8eeea!important;box-shadow:none!important}
.hackwallet-standalone-root .wallet-v34-history-section{margin-top:28px!important;padding-top:20px!important;border-top:1px solid rgba(255,255,255,.05)!important}
.hackwallet-standalone-root .wallet-v34-history-row{background:transparent!important;background-image:none!important;border-color:rgba(255,255,255,.06)!important;box-shadow:none!important}
.hackwallet-standalone-root .wallet-v34-close{margin-top:18px!important;background:transparent!important;background-image:none!important;border-color:rgba(255,255,255,.09)!important;box-shadow:none!important}
@media(max-width:640px){.wallet-v34-fullpage{padding:16px!important;border-radius:22px!important}.hackwallet-standalone-root .wallet-v34-asset{min-height:62px!important;padding:8px 11px!important}.hackwallet-standalone-root .wallet-v34-asset .wallet-asset-logo{width:38px!important;height:38px!important}}

/* v73 HMdex realtime transaction rows */
#hmdexTransactionRows{display:block;min-height:84px}
.hmdex-terminal-tx-row{display:grid;grid-template-columns:.7fr 1.35fr .75fr 1.1fr .75fr;gap:10px;align-items:center;padding:12px 14px;border-top:1px solid rgba(255,255,255,.055);color:rgba(239,244,241,.72);text-decoration:none;font-size:11px;transition:background .15s ease}
.hmdex-terminal-tx-row:hover{background:rgba(255,255,255,.018)}
.hmdex-terminal-tx-row b{color:#f4f7f5;font-weight:800}.hmdex-terminal-tx-row .is-confirmed{color:#9bff44;font-weight:800}
@media(max-width:680px){.hmdex-terminal-table-head{display:none!important}.hmdex-terminal-tx-row{grid-template-columns:.65fr 1.35fr .8fr;padding:11px 10px}.hmdex-terminal-tx-row span:nth-child(3),.hmdex-terminal-tx-row span:nth-child(4){display:none}.hmdex-terminal-tx-row span:last-child{text-align:right}}

/* ===== v74 High Potential token category ===== */
.hmdex-token-filter.hmdex-high-potential-tab{position:relative!important;border-color:rgba(255,182,72,.25)!important;color:#ffc56b!important}
.hmdex-token-filter.hmdex-high-potential-tab.is-active{border-color:rgba(255,182,72,.68)!important;color:#ffd08a!important;box-shadow:0 0 18px rgba(255,164,56,.10)!important}
.hmdex-potential-badge{display:inline-flex!important;align-items:center!important;margin-left:6px!important;padding:2px 6px!important;border:1px solid rgba(255,179,71,.38)!important;border-radius:999px!important;color:#ffc875!important;background:rgba(255,169,51,.055)!important;font-size:8px!important;line-height:1.35!important;font-style:normal!important;font-weight:900!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.hmdex-potential-disclaimer{border-color:rgba(255,178,65,.20)!important;background:linear-gradient(180deg,rgba(15,12,8,.98),rgba(6,7,8,.99))!important}
.hmdex-potential-warning{margin-top:14px!important;padding:12px 14px!important;border:1px solid rgba(255,177,64,.22)!important;border-radius:14px!important;background:rgba(255,170,45,.045)!important;color:#ffd08a!important;font-size:12px!important;line-height:1.5!important}
.hmdex-potential-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:18px!important}


/* v77 — trending HMdex token marker */
.hmdex-hot-token-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-left:5px!important;
  font-style:normal!important;
  font-size:13px!important;
  line-height:1!important;
  vertical-align:-1px!important;
  filter:drop-shadow(0 0 6px rgba(255,131,43,.32))!important;
}

/* ========================= WorldVerse / WorldPlace ========================= */
.worldplace-nav-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(145deg,#8affc1,#35a8ff);color:#04100d;font:900 15px/1 Inter,sans-serif;box-shadow:0 0 20px rgba(82,225,173,.25)}
body:has(.worldverse-app-active){overflow:hidden;background:#02070a}.worldverse-app-active{position:fixed;inset:0;z-index:2400;background:#03090d;color:#f4fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.wv-shell{height:100%;display:grid;grid-template-rows:68px 1fr 76px;background:radial-gradient(circle at 75% 10%,rgba(56,225,183,.09),transparent 28%),linear-gradient(180deg,#061016,#020608)}.wv-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid rgba(151,248,218,.12);background:rgba(3,11,15,.84);backdrop-filter:blur(18px)}
.wv-brand{display:flex;align-items:center;gap:12px}.wv-brand strong{display:block;font-size:18px;letter-spacing:-.02em}.wv-brand small{display:block;color:#7d949d;font-size:11px;margin-top:2px}.wv-orbit{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(145deg,#9affce,#48c5ff);color:#03120e;font-weight:950;box-shadow:0 0 28px rgba(91,236,192,.22)}.wv-orbit.big{width:62px;height:62px;border-radius:22px;font-size:27px;margin:0 auto 18px}.wv-balance{display:flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid rgba(129,241,206,.15);border-radius:14px;background:#0b161b}.wv-balance span{font-size:11px;color:#75e6b9;font-weight:800}.wv-balance strong{font-size:14px}.wv-main{min-height:0;overflow:auto;position:relative}.wv-game-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding:8px max(10px,env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom));border-top:1px solid rgba(151,248,218,.12);background:rgba(2,8,11,.95);backdrop-filter:blur(20px)}.wv-game-nav button{position:relative;border:0;border-radius:15px;background:transparent;color:#788d96;min-width:0;display:grid;place-items:center;gap:2px;padding:5px 3px;cursor:pointer}.wv-game-nav button span{font-size:20px;line-height:1}.wv-game-nav button b{font-size:10px;white-space:nowrap}.wv-game-nav button.active{color:#a7ffd6;background:linear-gradient(180deg,rgba(103,236,190,.12),rgba(53,158,255,.07));box-shadow:inset 0 0 0 1px rgba(114,241,201,.12)}.wv-game-nav button i{position:absolute;right:5px;top:2px;font:800 7px/1 Inter;color:#ffd66b;background:#3d3216;padding:2px 3px;border-radius:5px}
.wv-primary,.wv-secondary,.wv-link{border:0;cursor:pointer;font-weight:850;transition:.2s transform,.2s filter}.wv-primary{background:linear-gradient(135deg,#84ffc3,#50c4ff);color:#03120d;border-radius:13px;padding:12px 16px;box-shadow:0 10px 30px rgba(69,210,170,.12)}.wv-primary:hover{transform:translateY(-1px);filter:brightness(1.08)}.wv-primary:disabled{opacity:.5;cursor:wait}.wv-secondary{background:#0c171d;color:#d8f9ef;border:1px solid rgba(136,239,207,.18);border-radius:12px;padding:11px 14px}.wv-link{background:none;color:#8ba2ab;padding:9px}.wv-page-head{padding:30px clamp(18px,4vw,48px) 18px;display:flex;justify-content:space-between;gap:20px}.wv-page-head h1,.wv-intro h1,.wv-architect h1,.wv-coming h1{margin:4px 0 8px;font-size:clamp(28px,5vw,54px);letter-spacing:-.045em;line-height:1}.wv-page-head p,.wv-intro p,.wv-architect p{color:#8fa5ad;max-width:760px;line-height:1.6}.wv-page-head .eyebrow,.wv-intro .eyebrow,.wv-architect .eyebrow{color:#76e9bc;font-size:11px;font-weight:900;letter-spacing:.13em}
.wv-gate{height:100%;display:grid;place-items:center;position:relative;overflow:hidden}.wv-gate-bg{position:absolute;inset:-10%;background:radial-gradient(circle at 50% 35%,rgba(59,231,177,.18),transparent 25%),linear-gradient(120deg,#061117,#020608)}.wv-gate-bg:before,.wv-gate-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(126,255,212,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(126,255,212,.05) 1px,transparent 1px);background-size:44px 44px;transform:perspective(500px) rotateX(55deg) scale(1.4);transform-origin:50% 70%}.wv-gate-card{position:relative;width:min(92vw,440px);padding:34px;border:1px solid rgba(134,238,206,.16);border-radius:28px;background:rgba(7,17,22,.82);box-shadow:0 40px 100px rgba(0,0,0,.5);backdrop-filter:blur(20px);text-align:center}.wv-gate-card h1{font-size:34px;margin:8px 0}.wv-gate-card p{color:#8da2aa}.wv-gate-card label{display:grid;text-align:left;gap:7px;color:#9cb1b8;font-size:11px;font-weight:800;margin:22px 0}.wv-gate-card input{background:#071015;border:1px solid rgba(140,239,208,.18);color:#fff;border-radius:13px;padding:13px 14px;font-size:16px;outline:none}.wv-gate-card .wv-primary,.wv-gate-card .wv-link{width:100%;margin-top:7px}
.wv-intro{min-height:100%;display:grid;grid-template-columns:minmax(280px,1.15fr) minmax(320px,.85fr);align-items:stretch}.wv-intro-scene{position:relative;min-height:430px;overflow:hidden;background:radial-gradient(circle at 65% 22%,rgba(120,248,217,.17),transparent 23%),linear-gradient(180deg,#092331,#09202a 44%,#725b38 45%,#a58652 100%)}.wv-intro-scene:after{content:"";position:absolute;right:-10%;top:32%;width:43%;height:68%;background:linear-gradient(180deg,#2a96bd,#184d76);clip-path:polygon(25% 0,100% 8%,100% 100%,0 100%)}.wv-city-silhouette{position:absolute;left:8%;right:25%;bottom:21%;height:46%;background:linear-gradient(90deg,#122631 0 8%,transparent 8% 12%,#183342 12% 22%,transparent 22% 26%,#102b38 26% 39%,transparent 39% 43%,#183846 43% 55%,transparent 55% 60%,#102834 60% 69%,transparent 69% 74%,#173947 74% 91%);filter:drop-shadow(0 18px 15px rgba(0,0,0,.3))}.wv-intro-copy{align-self:center;padding:clamp(28px,6vw,80px)}.wv-intro-copy .wv-primary{margin-top:22px;min-width:150px}
.wv-land-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px;padding:8px clamp(18px,4vw,48px) 40px}.wv-land-card{background:linear-gradient(180deg,#0a151b,#071015);border:1px solid rgba(136,239,207,.12);border-radius:22px;padding:14px;box-shadow:0 20px 50px rgba(0,0,0,.18)}.wv-land-preview{height:155px;border-radius:16px;position:relative;overflow:hidden;background:linear-gradient(145deg,#9e8758,#d0ad70);box-shadow:inset 0 -30px 40px rgba(0,0,0,.2)}.wv-land-preview:before{content:"";position:absolute;inset:10%;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:10px 10px;transform:perspective(300px) rotateX(58deg) rotateZ(-9deg);border:1px solid rgba(255,255,255,.18)}.wv-land-preview:after{content:"";position:absolute;right:-15%;top:0;width:35%;height:100%;background:#2384a7;transform:skewX(-8deg)}.wv-land-preview span{position:absolute;z-index:2;left:12px;bottom:10px;background:rgba(3,11,15,.7);padding:5px 8px;border-radius:8px;font-size:11px}.wv-land-card h3{margin:14px 0 4px}.wv-land-card p{color:#81979f;font-size:13px;margin:0 0 14px}.wv-land-card>strong{display:block;color:#96ffce;margin-bottom:12px}.wv-land-card .wv-primary{width:100%}
.wv-city-wrap{height:100%;display:grid;grid-template-columns:270px 1fr;min-height:0}.wv-city-panel{padding:24px 18px;background:linear-gradient(180deg,#081319,#050d11);border-right:1px solid rgba(139,238,208,.11);overflow:auto}.wv-city-panel h2{font-size:25px;letter-spacing:-.03em;margin:6px 0 18px}.wv-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.wv-stat-grid div{padding:10px;border-radius:12px;background:#0d1a20;border:1px solid rgba(130,235,202,.08)}.wv-stat-grid span{display:block;color:#70868e;font-size:10px;text-transform:uppercase}.wv-stat-grid b{font-size:15px}.wv-city-panel .wv-primary,.wv-city-panel .wv-secondary{width:100%;margin-top:4px}.wv-tip{color:#6f848c;font-size:11px;line-height:1.5}.wv-map-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:#08151c}.wv-map-stage canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}.wv-map-stage canvas:active{cursor:grabbing}.wv-map-hud{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.wv-map-hud span{background:rgba(3,9,12,.74);backdrop-filter:blur(9px);border:1px solid rgba(166,245,220,.1);color:#aac0c8;border-radius:9px;padding:6px 9px;font-size:10px}
.wv-modal-host{z-index:5000!important;background:rgba(1,5,7,.72)!important;backdrop-filter:blur(12px)}.wv-catalog-modal{width:min(1120px,96vw);max-height:88vh;overflow:hidden;background:#071116;border:1px solid rgba(141,242,211,.15);border-radius:24px;box-shadow:0 40px 100px rgba(0,0,0,.55)}.wv-modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(138,237,207,.1)}.wv-modal-head h2{margin:3px 0 0}.wv-close{border:0;background:#111f25;color:#fff;width:38px;height:38px;border-radius:12px;font-size:24px;cursor:pointer}.wv-catalog-grid{padding:15px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;overflow:auto;max-height:calc(88vh - 80px)}.wv-item-card{text-align:left;border:1px solid rgba(131,232,201,.1);background:#0a171d;color:#fff;border-radius:16px;padding:8px;cursor:pointer;transition:.18s}.wv-item-card:hover{transform:translateY(-2px);border-color:rgba(129,244,208,.3);background:#0d1d24}.wv-item-card img{display:block;width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:11px}.wv-item-copy{display:grid;gap:3px;padding:8px 3px 2px}.wv-item-copy b{font-size:12px}.wv-item-copy small{font-size:9px;color:#758b93}.wv-item-copy strong{font-size:11px;color:#8fffc9}.wv-item-copy em{font-style:normal;font-size:9px;color:#e5c56d}
.wv-architect{padding-bottom:30px}.wv-architect-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(300px,1.15fr);gap:18px;padding:0 clamp(18px,4vw,48px)}.wv-upload-card{border:1px solid rgba(139,238,207,.12);background:#081319;border-radius:20px;padding:14px;display:grid;gap:12px}.wv-upload-card input[type=file]{color:#8aa0a8;font-size:12px}.wv-design-preview{height:260px;border:1px dashed rgba(138,238,207,.22);border-radius:15px;background:linear-gradient(145deg,#0b1c24,#081116);display:grid;place-items:center;color:#71868e;overflow:hidden}.wv-design-preview img{width:100%;height:100%;object-fit:cover}.wv-size-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wv-size-row label{display:grid;gap:5px;font-size:11px;color:#91a6ad}.wv-size-row select{background:#0c191f;color:#fff;border:1px solid rgba(137,238,207,.14);border-radius:10px;padding:9px}.wv-blueprint-list{display:grid;gap:8px}.wv-blueprint{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:10px;background:#0a171d;border:1px solid rgba(137,236,205,.1);padding:8px;border-radius:14px}.wv-blueprint img{width:58px;height:58px;object-fit:cover;border-radius:10px}.wv-blueprint small{display:block;color:#71878f;margin-top:4px}.wv-blueprint button{border:0;background:#17312d;color:#a4ffd4;border-radius:9px;padding:8px 10px}.wv-empty{color:#71878f}
.wv-coming{height:100%;position:relative;display:grid;place-items:center;overflow:hidden}.wv-market-blur{position:absolute;inset:0;filter:blur(12px);transform:scale(1.05);opacity:.5}.wv-fake-market{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:40px}.wv-fake-market div{padding:12px;border-radius:18px;background:#0d1b22}.wv-fake-market img{width:100%;border-radius:12px}.wv-coming-card{position:relative;text-align:center;width:min(90%,520px);padding:36px;border-radius:28px;background:rgba(5,14,18,.86);border:1px solid rgba(139,241,209,.18);backdrop-filter:blur(20px);box-shadow:0 30px 100px rgba(0,0,0,.6)}.wv-coming-card span{font-size:10px;letter-spacing:.16em;color:#77eabf;font-weight:900}.wv-coming-card h1{font-size:48px;margin:8px 0}.wv-coming-card p{color:#8ca2aa;line-height:1.6}.wv-coming-card .wv-primary{margin-top:15px}
.wv-travel-grid{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:14px;padding:5px clamp(18px,4vw,48px) 35px}.wv-destination{background:#081319;border:1px solid rgba(139,238,207,.11);border-radius:19px;padding:11px}.wv-destination-art{height:135px;border-radius:14px;background:linear-gradient(160deg,#154154,#2b8d8a 50%,#9c8051 51%);display:grid;place-items:center;font-size:38px}.wv-destination-art.mountain-bay{background:linear-gradient(155deg,#233b49,#607b63 55%,#174f69 56%)}.wv-destination-art.emerald-coast{background:linear-gradient(155deg,#163f3a,#55a56f 55%,#146b86 56%)}.wv-destination-art.night-metropolis{background:linear-gradient(155deg,#061324,#163c58 55%,#101c27 56%)}.wv-destination h3{margin:12px 2px 3px}.wv-destination p{color:#7e949c;font-size:12px;margin:0 2px 12px}.wv-destination .wv-primary{width:100%;font-size:11px}.wv-empty-state{grid-column:1/-1;text-align:center;padding:60px;border:1px dashed rgba(139,238,207,.15);border-radius:20px;color:#81969e}
@media(max-width:900px){.wv-land-grid{grid-template-columns:repeat(2,1fr)}.wv-catalog-grid{grid-template-columns:repeat(3,1fr)}.wv-travel-grid{grid-template-columns:repeat(2,1fr)}.wv-intro{grid-template-columns:1fr}.wv-intro-scene{min-height:280px}.wv-city-wrap{grid-template-columns:1fr;grid-template-rows:auto 1fr}.wv-city-panel{padding:10px 12px;border-right:0;border-bottom:1px solid rgba(139,238,207,.1);display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center}.wv-city-panel .eyebrow,.wv-city-panel h2{grid-column:1}.wv-city-panel h2{margin:0}.wv-stat-grid{grid-column:1/-1;grid-template-columns:repeat(4,1fr);margin:0}.wv-city-panel .wv-primary,.wv-city-panel .wv-secondary{grid-column:2;grid-row:1/3}.wv-city-panel .wv-tip{display:none}}
@media(max-width:620px){.wv-shell{grid-template-rows:58px 1fr 70px}.wv-topbar{padding:0 12px}.wv-brand small{display:none}.wv-balance{padding:6px 9px}.wv-game-nav{gap:1px;padding-left:4px;padding-right:4px}.wv-game-nav button{border-radius:11px}.wv-game-nav button span{font-size:18px}.wv-game-nav button b{font-size:8px}.wv-page-head{padding:19px 14px 10px}.wv-page-head h1{font-size:31px}.wv-land-grid{grid-template-columns:1fr;padding:5px 12px 25px}.wv-land-preview{height:130px}.wv-catalog-modal{width:100vw;max-height:92vh;border-radius:22px 22px 0 0;align-self:end}.wv-catalog-grid{grid-template-columns:repeat(2,1fr);max-height:calc(92vh - 75px);padding:9px;gap:7px}.wv-item-copy b{font-size:11px}.wv-city-panel{padding:8px 9px}.wv-stat-grid{gap:4px}.wv-stat-grid div{padding:7px}.wv-stat-grid span{font-size:8px}.wv-stat-grid b{font-size:12px}.wv-city-panel h2{font-size:18px}.wv-map-hud{bottom:6px;left:6px;right:6px}.wv-map-hud span:first-child{display:none}.wv-map-hud span{font-size:9px}.wv-architect-grid{grid-template-columns:1fr;padding:0 12px}.wv-design-preview{height:210px}.wv-travel-grid{grid-template-columns:1fr;padding:4px 12px 24px}.wv-coming-card h1{font-size:38px}.wv-intro-copy{padding:26px 18px}.wv-intro-scene{min-height:220px}}
/* ======================= /WorldVerse / WorldPlace ======================== */

/* ===== v91 Products ecosystem switcher ===== */
.hm-products-switch{position:relative;z-index:220}.hm-products-btn{display:flex;align-items:center;gap:12px;min-height:42px;padding:0 15px;border:1px solid rgba(155,255,68,.22);border-radius:13px;background:rgba(7,13,10,.86);color:#f4f8f5;font:800 12px/1 Inter,system-ui,sans-serif;letter-spacing:.02em;cursor:pointer;box-shadow:0 12px 34px rgba(0,0,0,.22);backdrop-filter:blur(16px)}.hm-products-btn b{color:#9bff44;font-size:13px;transition:transform .18s ease}.hm-products-switch.open .hm-products-btn b{transform:rotate(180deg)}
.hm-products-menu{position:absolute;right:0;top:calc(100% + 8px);width:min(310px,calc(100vw - 24px));padding:7px;border:1px solid rgba(255,255,255,.10);border-radius:17px;background:rgba(5,9,8,.97);box-shadow:0 26px 70px rgba(0,0,0,.48);backdrop-filter:blur(24px);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.985);transform-origin:top right;transition:.16s ease}.hm-products-switch.open .hm-products-menu{opacity:1;visibility:visible;transform:none}.hm-products-menu button{width:100%;display:grid;grid-template-columns:1fr;text-align:left;gap:3px;padding:11px 12px;border:0;border-radius:12px;background:transparent;color:#edf4ef;cursor:pointer}.hm-products-menu button:hover,.hm-products-menu button:focus{background:rgba(155,255,68,.075);outline:none}.hm-products-menu strong{font-size:13px}.hm-products-menu small{font-size:10px;color:rgba(225,237,229,.48)}
.wv-top-actions{display:flex;align-items:center;gap:9px}.worldverse-app-active .hm-products-btn{border-color:rgba(129,241,206,.16);background:#0b161b;color:#effff9}.worldverse-app-active .hm-products-menu{background:rgba(3,11,15,.98);border-color:rgba(129,241,206,.13)}.wv-gate-products{margin:14px auto 0;width:max-content}.wv-gate-products .hm-products-menu{left:50%;right:auto;transform:translate(-50%,-6px) scale(.985);transform-origin:top center}.wv-gate-products.open .hm-products-menu{transform:translate(-50%,0)}
@media(max-width:620px){.hm-products-btn{min-height:36px;padding:0 11px;font-size:10px}.hm-products-menu{position:fixed;right:10px;top:64px;width:calc(100vw - 20px)}.wv-top-actions{gap:5px}.worldverse-app-active .wv-products .hm-products-btn{padding:0 9px}.worldverse-app-active .wv-products .hm-products-btn span{font-size:9px}.wv-gate-products .hm-products-menu{left:10px;right:10px;top:auto;bottom:70px;width:auto;transform:translateY(6px)}.wv-gate-products.open .hm-products-menu{transform:none}}

/* v92 Products UX: transparent product navigation + WorldVerse boot isolation */
.hm-product-hmdex .sidebar .nav-btn,
.hm-product-hackwallet .sidebar .nav-btn,
.hm-product-hmdex .sidebar .nav-btn.active,
.hm-product-hmdex .sidebar .nav-btn.hm-active,
.hm-product-hackwallet .sidebar .nav-btn.active,
.hm-product-hackwallet .sidebar .nav-btn.hm-active{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
.hm-product-hmdex .sidebar .nav-btn.active,
.hm-product-hmdex .sidebar .nav-btn.hm-active,
.hm-product-hackwallet .sidebar .nav-btn.active,
.hm-product-hackwallet .sidebar .nav-btn.hm-active{
  border-color:rgba(155,255,68,.38)!important;
  color:#fff!important;
}
.hm-products-btn,
.worldverse-app-active .hm-products-btn{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
.hm-products-menu button,
.hm-products-menu button:hover,
.hm-products-menu button:focus{
  background:transparent!important;
  background-image:none!important;
}
.worldverse-app-active .wv-game-nav button,
.worldverse-app-active .wv-game-nav button.active{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
.worldverse-app-active .wv-game-nav button.active{
  border-color:rgba(129,241,206,.35)!important;
  color:#a7ffdc!important;
}
.wv-loading-screen{min-height:100dvh}.wv-loading-line{width:min(260px,70vw);height:4px;margin:18px auto 0;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.wv-loading-line i{display:block;height:100%;width:38%;border-radius:inherit;background:#8fffc9;animation:wvLoadSlide 1s ease-in-out infinite alternate}@keyframes wvLoadSlide{from{transform:translateX(-25%)}to{transform:translateX(190%)}}
/* Wallet lives only in Products > HackWallet. Hide legacy floating buttons if old cached markup survives. */
.quick-wallet-stack-fab,.quick-wallet-global-fab{display:none!important;visibility:hidden!important;pointer-events:none!important}

/* WorldVerse V95 premium game redesign */
.worldverse-app-active{background:#05070b;isolation:isolate}
.wv-shell{grid-template-rows:74px 1fr 82px;background:
radial-gradient(circle at 10% 0%,rgba(127,91,255,.18),transparent 28%),
radial-gradient(circle at 90% 15%,rgba(0,213,255,.16),transparent 25%),
linear-gradient(160deg,#080b14 0%,#05070c 48%,#0b1017 100%)}
.wv-topbar{padding:0 24px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(11,14,24,.90),rgba(8,11,18,.72));box-shadow:0 18px 50px rgba(0,0,0,.22);backdrop-filter:blur(24px) saturate(140%)}
.wv-brand{gap:14px}.wv-brand strong{font-size:19px;letter-spacing:-.025em}.wv-brand small{color:rgba(232,239,255,.45);letter-spacing:.06em;text-transform:uppercase;font-size:9px}
.wv-orbit{position:relative;overflow:hidden;width:42px;height:42px;border-radius:15px;background:linear-gradient(145deg,#8c72ff,#4bd8ff 55%,#87ffca);color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.14) inset,0 8px 30px rgba(91,110,255,.32)}
.wv-orbit:after{content:"";position:absolute;inset:-30%;border:1px solid rgba(255,255,255,.42);border-radius:50%;transform:rotate(-28deg);animation:wvOrbit 7s linear infinite}@keyframes wvOrbit{to{transform:rotate(332deg)}}
.wv-balance{position:relative;overflow:hidden;gap:12px;padding:9px 14px;border-radius:16px;border:1px solid rgba(161,181,255,.18);background:linear-gradient(135deg,rgba(35,40,64,.74),rgba(14,20,31,.78));box-shadow:inset 0 1px rgba(255,255,255,.05),0 12px 32px rgba(0,0,0,.22)}
.wv-balance:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:translateX(-120%);animation:wvSheen 6s ease-in-out infinite}@keyframes wvSheen{0%,65%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.wv-balance span{color:#8fe7ff;font-size:9px;letter-spacing:.14em}.wv-balance strong{font-size:15px;letter-spacing:.01em}
.wv-game-nav{gap:10px;padding:10px max(14px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(6,9,15,.80),rgba(4,6,10,.96));box-shadow:0 -18px 48px rgba(0,0,0,.25);backdrop-filter:blur(22px) saturate(135%)}
.wv-game-nav button{min-height:54px;border:1px solid transparent;border-radius:18px;color:rgba(221,231,245,.48);transition:transform .18s ease,color .18s ease,border-color .18s ease,background .18s ease}
.wv-game-nav button:hover{transform:translateY(-2px);color:#fff;background:rgba(255,255,255,.035)}
.wv-game-nav button.active{color:#fff;background:linear-gradient(180deg,rgba(124,108,255,.16),rgba(55,206,255,.07));border-color:rgba(139,173,255,.20);box-shadow:0 10px 28px rgba(63,88,190,.14),inset 0 1px rgba(255,255,255,.05)}
.wv-game-nav button span{font-size:21px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}.wv-game-nav button b{font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.wv-main{background:radial-gradient(circle at 50% 0%,rgba(90,113,255,.08),transparent 34%)}
.wv-primary{position:relative;overflow:hidden;background:linear-gradient(135deg,#8d7cff 0%,#54cfff 52%,#78f2c2 100%);color:#06101a;border-radius:15px;padding:13px 17px;box-shadow:0 14px 38px rgba(76,142,255,.22),inset 0 1px rgba(255,255,255,.55);letter-spacing:.01em}
.wv-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.32),transparent 70%);transform:translateX(-120%);transition:transform .45s ease}.wv-primary:hover:before{transform:translateX(120%)}
.wv-secondary{background:rgba(255,255,255,.04);color:#e9f1ff;border:1px solid rgba(255,255,255,.11);border-radius:14px}
.wv-page-head{padding-top:38px}.wv-page-head .eyebrow,.wv-intro .eyebrow,.wv-architect .eyebrow{color:#7edcff}.wv-page-head h1,.wv-intro h1,.wv-architect h1,.wv-coming h1{text-shadow:0 12px 50px rgba(59,111,255,.18)}
.wv-intro-scene{background:
radial-gradient(circle at 68% 20%,rgba(142,214,255,.28),transparent 18%),
linear-gradient(180deg,#10162a 0%,#132d47 42%,#695a55 43%,#b89063 100%)}
.wv-intro-scene:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 24% 24%,rgba(255,255,255,.12) 0 1px,transparent 2px),radial-gradient(circle at 72% 12%,rgba(255,255,255,.16) 0 1px,transparent 2px);background-size:120px 120px,170px 170px;animation:wvSkyDrift 20s linear infinite}@keyframes wvSkyDrift{to{transform:translate3d(-80px,20px,0)}}
.wv-city-silhouette{filter:drop-shadow(0 28px 28px rgba(0,0,0,.34));animation:wvCityFloat 8s ease-in-out infinite}@keyframes wvCityFloat{50%{transform:translateY(-5px)}}
.wv-land-card,.wv-upload-card,.wv-destination{border-color:rgba(141,163,255,.14);background:linear-gradient(160deg,rgba(20,25,41,.92),rgba(9,13,21,.94));box-shadow:0 24px 60px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035)}
.wv-land-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.wv-land-card:hover{transform:translateY(-5px);border-color:rgba(105,204,255,.30);box-shadow:0 32px 80px rgba(0,0,0,.34),0 0 40px rgba(68,130,255,.08)}
.wv-land-preview{background:linear-gradient(145deg,#7f6d52,#d1b47a);box-shadow:inset 0 -36px 54px rgba(0,0,0,.26),0 18px 36px rgba(0,0,0,.18)}
.wv-city-wrap{grid-template-columns:286px 1fr}.wv-city-panel{background:linear-gradient(180deg,rgba(13,17,28,.96),rgba(7,10,16,.97));border-right:1px solid rgba(255,255,255,.07);box-shadow:14px 0 46px rgba(0,0,0,.16);z-index:2}
.wv-stat-grid div{background:linear-gradient(145deg,rgba(30,37,58,.68),rgba(12,17,27,.82));border-color:rgba(151,173,255,.10);box-shadow:inset 0 1px rgba(255,255,255,.03)}
.wv-stat-grid span{color:rgba(218,228,244,.45)}.wv-stat-grid b{color:#f5f8ff}
.wv-map-stage{background:radial-gradient(circle at 50% 0%,#1a3245 0%,#0d1823 55%,#070b10 100%);box-shadow:inset 0 0 80px rgba(0,0,0,.28)}
.wv-map-stage:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px rgba(0,0,0,.34);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 18%,transparent 82%,rgba(0,0,0,.18))}
.wv-map-hud span{border-color:rgba(167,184,255,.11);background:rgba(8,12,20,.68);color:rgba(234,241,255,.72);box-shadow:0 10px 30px rgba(0,0,0,.25)}
.wv-catalog-modal{background:linear-gradient(155deg,#111729,#080c14);border-color:rgba(146,169,255,.16)}.wv-item-card{background:linear-gradient(155deg,#151c2e,#0b101a);border-color:rgba(150,171,255,.10)}.wv-item-card:hover{background:linear-gradient(155deg,#1b2540,#0f1725);border-color:rgba(95,204,255,.28)}.wv-item-copy strong{color:#8ee9ff}
.wv-coming-card{background:linear-gradient(160deg,rgba(18,24,40,.90),rgba(8,12,20,.92));border-color:rgba(150,173,255,.16)}
.wv-gate-bg{background:radial-gradient(circle at 50% 30%,rgba(112,98,255,.22),transparent 24%),radial-gradient(circle at 68% 62%,rgba(50,200,255,.12),transparent 28%),linear-gradient(145deg,#0a0d17,#05070c)}
.wv-gate-card{background:linear-gradient(155deg,rgba(22,27,45,.88),rgba(8,12,19,.90));border-color:rgba(157,177,255,.16);box-shadow:0 50px 120px rgba(0,0,0,.52),0 0 80px rgba(83,95,255,.08)}
.worldverse-app-active .hm-products-switch{display:none!important}
@media(max-width:620px){.wv-shell{grid-template-rows:62px 1fr 72px}.wv-topbar{padding:0 13px}.wv-city-wrap{grid-template-rows:auto 1fr}.wv-city-panel{background:rgba(8,12,20,.96)}.wv-game-nav button{min-height:48px;border-radius:14px}.wv-balance strong{font-size:13px}}


/* ================= WorldVerse v96: BLACK / STABLE ================= */
body:has(.worldverse-app-active),
.worldverse-app-active,
.worldverse-app-active .wv-shell,
.worldverse-app-active .wv-main,
.worldverse-app-active .wv-topbar,
.worldverse-app-active .wv-game-nav,
.worldverse-app-active .wv-gate,
.worldverse-app-active .wv-gate-bg,
.worldverse-app-active .wv-intro,
.worldverse-app-active .wv-loading-screen {
  background:#000 !important;
  background-image:none !important;
}
.worldverse-app-active{color:#f7f7f7!important}
.worldverse-app-active *{animation:none!important}
.worldverse-app-active .wv-topbar{
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.worldverse-app-active .wv-brand small,
.worldverse-app-active .wv-page-head p,
.worldverse-app-active .wv-intro-copy p,
.worldverse-app-active .wv-land-card p,
.worldverse-app-active .wv-blueprint small,
.worldverse-app-active .wv-tip{color:rgba(255,255,255,.48)!important}
.worldverse-app-active .wv-orbit{
  background:#070707!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:none!important;
}
.worldverse-app-active .wv-orbit:after{display:none!important}
.worldverse-app-active .wv-balance{
  background:#050505!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
.worldverse-app-active .wv-balance:before{display:none!important}
.worldverse-app-active .wv-balance span{color:rgba(255,255,255,.50)!important}
.worldverse-app-active .wv-balance strong{color:#fff!important}
.worldverse-app-active .wv-game-nav{
  background:#020202!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.worldverse-app-active .wv-game-nav button,
.worldverse-app-active .wv-game-nav button.active{
  background:transparent!important;
  box-shadow:none!important;
}
.worldverse-app-active .wv-game-nav button{color:rgba(255,255,255,.42)!important;border:1px solid transparent!important}
.worldverse-app-active .wv-game-nav button.active{color:#fff!important;border-color:rgba(255,255,255,.18)!important}
.worldverse-app-active .wv-game-nav button:hover{transform:none!important;background:rgba(255,255,255,.035)!important}
.worldverse-app-active .wv-primary{
  background:#fff!important;
  color:#000!important;
  border:1px solid #fff!important;
  box-shadow:none!important;
}
.worldverse-app-active .wv-secondary,
.worldverse-app-active .wv-link{
  background:#050505!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}
.worldverse-app-active .wv-land-card,
.worldverse-app-active .wv-upload-card,
.worldverse-app-active .wv-destination,
.worldverse-app-active .wv-gate-card,
.worldverse-app-active .wv-catalog-modal,
.worldverse-app-active .wv-item-card,
.worldverse-app-active .wv-coming-card,
.worldverse-app-active .wv-blueprint,
.worldverse-app-active .wv-stat-grid>div,
.worldverse-app-active .wv-city-panel{
  background:#050505!important;
  background-image:none!important;
  border-color:rgba(255,255,255,.11)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.worldverse-app-active .wv-land-card:hover,
.worldverse-app-active .wv-item-card:hover,
.worldverse-app-active .wv-destination:hover{
  transform:none!important;
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:none!important;
}
.worldverse-app-active .wv-page-head h1,
.worldverse-app-active h1,
.worldverse-app-active h2,
.worldverse-app-active h3,
.worldverse-app-active strong,
.worldverse-app-active b{color:#fff!important;text-shadow:none!important}
.worldverse-app-active .eyebrow{color:rgba(255,255,255,.52)!important}
.worldverse-app-active input,
.worldverse-app-active select,
.worldverse-app-active textarea{
  background:#030303!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}
.worldverse-app-active .wv-loading-line{background:#111!important}
.worldverse-app-active .wv-loading-line i{background:#fff!important;transform:none!important;width:100%!important}
.worldverse-app-active .wv-gate-bg:before,
.worldverse-app-active .wv-gate-bg:after,
.worldverse-app-active .wv-intro-scene:before{display:none!important}
.worldverse-app-active .wv-intro-scene{
  background:#020202!important;
  border-color:rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
.worldverse-app-active .wv-city-silhouette{filter:none!important;transform:none!important}
.worldverse-app-active .wv-map-hud{background:rgba(0,0,0,.88)!important;border-color:rgba(255,255,255,.12)!important;box-shadow:none!important}
.worldverse-app-active .wv-market-blur{filter:blur(12px) grayscale(1)!important}
/* No app-wide transition overlays may flash above the game. */
body:has(.worldverse-app-active) .hm-view-transition-overlay,
body:has(.worldverse-app-active) .product-entry-intro,
body:has(.worldverse-app-active) .intro-launch,
body:has(.worldverse-app-active) .hm-section-switching,
body:has(.worldverse-app-active) .main::before,
body:has(.worldverse-app-active) .main::after{display:none!important;animation:none!important;transition:none!important}
/* ================================================================ */

/* ================= WorldVerse v97: TRUE BLACK SHELL ================= */
.worldverse-app-active,
.worldverse-app-active .wv-shell,
.worldverse-app-active .wv-topbar,
.worldverse-app-active .wv-main,
.worldverse-app-active .wv-game-nav,
.worldverse-app-active .wv-city-panel,
.worldverse-app-active .wv-catalog-modal,
.worldverse-app-active .wv-item-card,
.worldverse-app-active .wv-land-card,
.worldverse-app-active .wv-upload-card,
.worldverse-app-active .wv-destination,
.worldverse-app-active .wv-coming-card,
.worldverse-app-active .wv-blueprint,
.worldverse-app-active .wv-gate-card,
.worldverse-app-active .wv-gate-bg {
  background:#000 !important;
  background-image:none !important;
  box-shadow:none !important;
}
.worldverse-app-active .wv-topbar,
.worldverse-app-active .wv-game-nav,
.worldverse-app-active .wv-city-panel,
.worldverse-app-active .wv-catalog-modal,
.worldverse-app-active .wv-item-card,
.worldverse-app-active .wv-land-card,
.worldverse-app-active .wv-upload-card,
.worldverse-app-active .wv-destination,
.worldverse-app-active .wv-coming-card,
.worldverse-app-active .wv-blueprint,
.worldverse-app-active .wv-gate-card {
  border-color:#202020 !important;
}
.worldverse-app-active .wv-primary {
  background:#f5f5f5 !important;
  color:#050505 !important;
  border:1px solid #f5f5f5 !important;
}
.worldverse-app-active .wv-secondary,
.worldverse-app-active .wv-link,
.worldverse-app-active .wv-balance,
.worldverse-app-active input,
.worldverse-app-active textarea,
.worldverse-app-active select {
  background:#080808 !important;
  color:#f5f5f5 !important;
  border-color:#242424 !important;
}
.worldverse-app-active .wv-game-nav button.active {
  background:#0b0b0b !important;
  color:#fff !important;
  border-color:#303030 !important;
}
.worldverse-app-active * {
  animation:none !important;
  transition:none !important;
}
/* ================================================================ */

/* ================= WorldVerse v98 mobile/game shell hard fix ================= */
/* Product chooser: never green-filled. */
.hm-products-btn,
.hm-products-btn:hover,
.hm-products-btn:focus,
.hm-products-switch.open .hm-products-btn,
.hm-products-menu,
.hm-products-menu button,
.hm-products-menu button:hover,
.hm-products-menu button:focus,
.hm-products-menu button[aria-current="true"]{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
.hm-products-btn{border-color:rgba(255,255,255,.18)!important;color:#f3f3f3!important}
.hm-products-btn b{color:#f3f3f3!important}
.hm-products-menu{background:#070707!important;border-color:#222!important}
.hm-products-menu button{border:1px solid transparent!important;color:#eee!important}
.hm-products-menu button:hover,.hm-products-menu button:focus{border-color:#2b2b2b!important}

/* WorldVerse is its own application surface. Kill every social dock/FAB while active. */
body:has(#app.worldverse-app-active) .sidebar,
body:has(#app.worldverse-app-active) .bottom-dock,
body:has(#app.worldverse-app-active) .notification-fab,
body:has(#app.worldverse-app-active) .messenger-fab,
body:has(#app.worldverse-app-active) .right-action-stack,
body:has(#app.worldverse-app-active) .social-footer,
body:has(#app.worldverse-app-active) .hm-top-row,
body:has(#app.worldverse-app-active) .mobile-bottom-nav{display:none!important}
#app.worldverse-app-active{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;margin:0!important;padding:0!important;z-index:9990!important;background:#000!important;overflow:hidden!important}
.worldverse-app-active .wv-shell{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:grid!important;grid-template-rows:62px minmax(0,1fr) 76px!important;background:#000!important}
.worldverse-app-active .wv-topbar{position:relative!important;z-index:4!important;background:#000!important}
.worldverse-app-active .wv-main{min-height:0!important;overflow:hidden!important;background:#000!important}
.worldverse-app-active .wv-game-nav{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:100%!important;z-index:8!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important;padding:7px 5px calc(7px + env(safe-area-inset-bottom))!important;background:#000!important;border-top:1px solid #222!important}
.worldverse-app-active .wv-game-nav button{position:relative!important;inset:auto!important;transform:none!important;min-height:54px!important;margin:0!important;padding:5px 2px!important;background:transparent!important;color:#777!important;border:1px solid transparent!important;border-radius:12px!important}
.worldverse-app-active .wv-game-nav button.active{background:#0a0a0a!important;color:#fff!important;border-color:#303030!important}
.worldverse-app-active .wv-game-nav button span{font-size:20px!important}.worldverse-app-active .wv-game-nav button b{font-size:9px!important}
.worldverse-app-active .wv-city-wrap{height:100%!important;min-height:0!important}
.worldverse-app-active .wv-map-stage{min-height:0!important;height:100%!important;width:100%!important;background:#050505!important;overflow:hidden!important}
.worldverse-app-active #wvCityCanvas{display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;touch-action:none!important}

@media(max-width:620px){
  .worldverse-app-active .wv-shell{grid-template-rows:54px minmax(0,1fr) 72px!important}
  .worldverse-app-active .wv-topbar{padding:0 10px!important}
  .worldverse-app-active .wv-brand strong{font-size:15px!important}
  .worldverse-app-active .wv-balance{padding:5px 8px!important}
  .worldverse-app-active .wv-city-wrap{display:block!important;position:relative!important;height:100%!important}
  .worldverse-app-active .wv-city-panel{position:absolute!important;top:8px!important;left:8px!important;right:auto!important;width:auto!important;max-width:calc(100vw - 16px)!important;z-index:5!important;padding:7px 9px!important;border:1px solid #242424!important;border-radius:12px!important;background:rgba(0,0,0,.82)!important;backdrop-filter:blur(10px)!important;display:flex!important;align-items:center!important;gap:8px!important;overflow:visible!important}
  .worldverse-app-active .wv-city-panel .eyebrow,.worldverse-app-active .wv-city-panel h2,.worldverse-app-active .wv-city-panel .wv-tip{display:none!important}
  .worldverse-app-active .wv-stat-grid{display:flex!important;gap:5px!important;margin:0!important}
  .worldverse-app-active .wv-stat-grid div{padding:4px 6px!important;min-width:48px!important;background:#090909!important}
  .worldverse-app-active .wv-stat-grid span{font-size:7px!important}.worldverse-app-active .wv-stat-grid b{font-size:10px!important}
  .worldverse-app-active .wv-city-panel .wv-primary,.worldverse-app-active .wv-city-panel .wv-secondary{width:auto!important;min-height:32px!important;margin:0!important;padding:5px 8px!important;font-size:9px!important}
  .worldverse-app-active .wv-map-stage{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
  .worldverse-app-active .wv-map-hud{left:8px!important;right:8px!important;bottom:8px!important;z-index:4!important}
  .worldverse-app-active .wv-map-hud span:first-child{display:block!important;background:rgba(0,0,0,.78)!important;color:#aaa!important}
  .worldverse-app-active .wv-game-nav button{min-height:50px!important;border-radius:10px!important}
  .worldverse-app-active .wv-game-nav button span{font-size:19px!important}.worldverse-app-active .wv-game-nav button b{font-size:8px!important}
}
/* ========================================================================== */

/* ===== v99 hard fixes: Products + exclusive WorldVerse ===== */
.hm-products-switch .hm-products-btn,
.hm-products-switch .hm-products-btn:hover,
.hm-products-switch .hm-products-btn:focus,
.hm-products-switch.open .hm-products-btn,
.hm-products-switch .hm-products-menu button,
.hm-products-switch .hm-products-menu button:hover,
.hm-products-switch .hm-products-menu button:focus,
.hm-products-switch .hm-products-menu button:active,
.hm-products-switch .hm-products-menu button[aria-current="true"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}
.hm-products-switch .hm-products-btn::before,
.hm-products-switch .hm-products-btn::after,
.hm-products-switch .hm-products-menu button::before,
.hm-products-switch .hm-products-menu button::after { content:none !important; display:none !important; background:none !important; }
.hm-products-switch .hm-products-menu { background:#050505 !important; background-image:none !important; border:1px solid #242424 !important; }
.hm-products-switch .hm-products-menu button { border:1px solid transparent !important; color:#f2f2f2 !important; }
.hm-products-switch .hm-products-menu button:hover,
.hm-products-switch .hm-products-menu button:focus { border-color:#343434 !important; color:#fff !important; }
.hm-products-switch .hm-products-btn b { color:#fff !important; }

body.worldverse-exclusive > .sidebar,
body.worldverse-exclusive > .bottom-dock,
body.worldverse-exclusive > .viewport-dock,
body.worldverse-exclusive > .messenger-fab,
body.worldverse-exclusive > .notification-fab,
body.worldverse-exclusive > .right-action-stack,
body.worldverse-exclusive .hm-dock-hit-shield { display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; }
body.worldverse-exclusive { overflow:hidden !important; background:#000 !important; }
body.worldverse-exclusive .hm-maldives-bg { display:none !important; }

/* More grounded city-builder rendering surface */
.worldverse-app-active .wv-map-stage{background:linear-gradient(#111,#060606)!important}
.worldverse-app-active #wvCityCanvas{image-rendering:auto!important;filter:contrast(1.03) saturate(.92)!important}
.worldverse-app-active .wv-item-card img{border-radius:12px!important;background:#080808!important;object-fit:cover!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important}
.worldverse-app-active .wv-item-card{background:#080808!important;border-color:#242424!important}
.worldverse-app-active .wv-item-card:hover{background:#0c0c0c!important;border-color:#3a3a3a!important}

/* ===== v100 Products readability + WorldVerse object/architect controls ===== */
.hm-products-btn,
.hm-products-btn span,
.hm-products-btn b,
.hm-products-switch .hm-products-menu button,
.hm-products-switch .hm-products-menu button strong,
.hm-products-switch .hm-products-menu button small {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  opacity:1 !important;
}
.hm-products-switch .hm-products-menu button small { color:rgba(255,255,255,.72) !important; -webkit-text-fill-color:rgba(255,255,255,.72) !important; }
.hm-products-switch .hm-products-menu button:disabled { color:rgba(255,255,255,.45) !important; -webkit-text-fill-color:rgba(255,255,255,.45) !important; }
.wv-object-modal,.wv-architect-next{width:min(520px,calc(100vw - 28px));margin:auto;background:#090909;border:1px solid #2a2a2a;border-radius:22px;padding:20px;color:#fff}
.wv-object-preview{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-top:1px solid #222;border-bottom:1px solid #222;margin:10px 0 16px}
.wv-object-preview span,.wv-object-note,.wv-architect-next p{color:rgba(255,255,255,.68)}
.wv-object-actions,.wv-architect-next-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wv-object-actions .wv-secondary{grid-column:1/-1}
.wv-danger{border:1px solid #6a2020!important;background:#1a0808!important;color:#ffb8b8!important;border-radius:14px;padding:12px 16px;font-weight:700;cursor:pointer}
.wv-architect-next img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px;border:1px solid #262626;background:#050505;margin:10px 0 14px}.wv-architect-next h2{margin:0 0 8px}.wv-architect-next-actions button:disabled{opacity:.42;cursor:not-allowed}
@media(max-width:620px){.wv-object-actions,.wv-architect-next-actions{grid-template-columns:1fr}.wv-object-actions .wv-secondary{grid-column:auto}.wv-object-modal,.wv-architect-next{padding:16px;border-radius:18px}}


/* WorldVerse v102 — AIRDROP, architect sizing, polished city surfaces */
.worldverse-exclusive .wv-game-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.wv-airdrop{min-height:100%;padding:clamp(18px,4vw,56px);background:#050505;color:#fff}
.wv-airdrop-hero{max-width:900px;margin:0 auto;padding:clamp(24px,5vw,64px) 0;border-bottom:1px solid #252525}
.wv-airdrop-hero h1{font-size:clamp(42px,8vw,88px);letter-spacing:-.055em;margin:10px 0 12px}.wv-airdrop-hero h1 span{font-variant-numeric:tabular-nums}
.wv-airdrop-rate{display:flex;gap:14px;align-items:center;margin-top:26px}.wv-airdrop-rate span{color:#8d8d8d}.wv-airdrop-rate strong{font-variant-numeric:tabular-nums}
.wv-airdrop-grid{max-width:900px;margin:24px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wv-airdrop-grid article{background:#0b0b0b;border:1px solid #242424;border-radius:18px;padding:20px}.wv-airdrop-grid span{display:block;color:#8f8f8f;font-size:12px;margin-bottom:10px}.wv-airdrop-grid strong{font-size:18px}
.wv-project-size{display:grid;gap:8px}.wv-project-size label{display:grid;gap:7px;color:#fff}.wv-project-size select{appearance:auto;background:#080808;color:#fff;border:1px solid #303030;border-radius:12px;padding:12px 14px}.wv-project-size small{color:#888;line-height:1.4}
.wv-map-stage canvas{image-rendering:auto!important}
@media(max-width:620px){.wv-airdrop-grid{grid-template-columns:1fr}.worldverse-exclusive .wv-game-nav button b{font-size:8.5px}.worldverse-exclusive .wv-game-nav{gap:1px;padding-left:2px!important;padding-right:2px!important}.worldverse-exclusive .wv-game-nav button{min-width:0!important;padding-inline:2px!important}}

/* v104 — HackFound */
.hm-product-hackfound{background:#050505!important;color:#fff!important}
.hm-product-hackfound .app-shell{background:#050505!important}
.hm-product-hackfound .content{background:#050505!important}
.hackfound-page{max-width:1180px;margin:0 auto;padding:34px 20px 110px;color:#fff;background:#050505;min-height:100vh}
.hackfound-hero{padding:34px 0 38px;border-bottom:1px solid rgba(255,255,255,.12)}
.hackfound-hero .eyebrow{color:#8c8c8c;letter-spacing:.16em;font-size:11px}
.hackfound-hero h1{margin:8px 0 14px;font-size:clamp(38px,7vw,76px);line-height:.95;letter-spacing:-.05em;color:#fff}
.hackfound-hero p{max-width:860px;color:#b6b6b6;font-size:16px;line-height:1.7;margin:0}
.hackfound-goal{margin-top:28px;display:inline-flex;align-items:baseline;gap:18px;border:1px solid #292929;border-radius:16px;padding:14px 18px;background:#0b0b0b}
.hackfound-goal span{color:#878787;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.hackfound-goal strong{font-size:28px;color:#fff}
.hackfound-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:32px 0 16px}.hackfound-section-head span,.hackfound-section-head small{color:#777}.hackfound-section-head h2{margin:3px 0 0;font-size:28px}
.hackfound-assets{display:grid;gap:14px}.hackfound-asset{background:#0a0a0a;border:1px solid #242424;border-radius:18px;overflow:hidden}.hackfound-row{display:grid;grid-template-columns:54px minmax(170px,1.5fr) minmax(120px,.7fr) minmax(150px,.9fr);gap:16px;align-items:center;padding:16px 18px}.hackfound-row>img{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid #333}.hackfound-name,.hackfound-live,.hackfound-value{display:flex;flex-direction:column;gap:4px;min-width:0}.hackfound-name strong{font-size:16px}.hackfound-name span,.hackfound-live small,.hackfound-value small{color:#777;font-size:12px}.hackfound-live b,.hackfound-value strong{color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hackfound-chart{height:78px;border-top:1px solid #1e1e1e;background:#070707;color:#d8d8d8;padding:6px 10px;display:flex;align-items:center}.hackfound-chart svg{width:100%;height:100%;display:block}.hackfound-chart span{color:#555;font-size:12px}.hackfound-total{margin-top:22px;border:1px solid #303030;border-radius:20px;background:#0b0b0b;padding:22px;display:grid;grid-template-columns:1fr auto;gap:6px 18px;align-items:end}.hackfound-total span{color:#969696}.hackfound-total strong{font-size:clamp(26px,5vw,44px);line-height:1;color:#fff}.hackfound-total small{grid-column:1/-1;color:#606060}
@media(max-width:720px){.hackfound-page{padding:20px 12px 100px}.hackfound-hero{padding-top:18px}.hackfound-row{grid-template-columns:44px 1fr;gap:10px 12px}.hackfound-row>img{width:40px;height:40px}.hackfound-live,.hackfound-value{grid-column:2;display:grid;grid-template-columns:90px 1fr;align-items:center;gap:8px}.hackfound-live b,.hackfound-value strong{font-size:14px}.hackfound-chart{height:66px}.hackfound-section-head{align-items:start;flex-direction:column}.hackfound-total{grid-template-columns:1fr}.hackfound-total strong{margin-top:4px}}

/* Locked HMX — public team-token lock dashboard */
.hm-product-lockedhmx{background:#03050a!important;color:#fff!important}.hm-product-lockedhmx .content{background:radial-gradient(circle at 50% -15%,rgba(51,255,158,.12),transparent 42%),#03050a!important}
.locked-hmx-page{max-width:1180px;margin:0 auto;padding:38px 20px 120px;min-height:100vh;color:#fff}.locked-hmx-hero{position:relative;padding:38px 0 42px}.locked-hmx-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(86,255,174,.5),transparent)}.locked-hmx-hero .eyebrow{color:#58f3a7;letter-spacing:.18em}.locked-hmx-hero h1{margin:10px 0 18px;font-size:clamp(44px,8vw,86px);line-height:.9;letter-spacing:-.06em}.locked-hmx-hero p{max-width:880px;margin:0;color:#aeb8b4;font-size:16px;line-height:1.75}.locked-hmx-live{display:flex;align-items:center;gap:9px;margin-top:24px;color:#8fa49a;font-size:12px}.locked-hmx-live i{width:8px;height:8px;border-radius:50%;background:#48f59e;box-shadow:0 0 16px #48f59e;animation:lockedPulse 1.8s infinite}.locked-hmx-pools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.locked-hmx-pool{position:relative;overflow:hidden;border:1px solid rgba(92,255,174,.2);border-radius:26px;padding:24px;background:linear-gradient(145deg,rgba(15,24,22,.96),rgba(5,8,12,.98));box-shadow:0 24px 80px rgba(0,0,0,.35);isolation:isolate;animation:lockedRise .65s both}.locked-hmx-pool:nth-child(2){animation-delay:.12s}.locked-hmx-glow{position:absolute;width:260px;height:260px;right:-120px;top:-130px;border-radius:50%;background:rgba(65,255,156,.12);filter:blur(35px);z-index:-1;animation:lockedFloat 5s ease-in-out infinite}.locked-hmx-pool-head{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#6ef6af;font-size:11px;letter-spacing:.14em}.locked-hmx-pool-head a{color:#83938b;text-decoration:none;letter-spacing:0}.locked-hmx-amount{display:flex;align-items:center;gap:14px;margin:28px 0}.locked-hmx-amount img{width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 5px rgba(255,255,255,.04),0 0 28px rgba(57,255,158,.2)}.locked-hmx-amount div{display:flex;flex-direction:column;gap:4px}.locked-hmx-amount small,.locked-hmx-data small{color:#748078;font-size:11px;text-transform:uppercase;letter-spacing:.09em}.locked-hmx-amount strong{font-size:clamp(24px,3vw,34px);letter-spacing:-.035em}.locked-hmx-meter{height:12px;border-radius:99px;background:#101612;border:1px solid rgba(255,255,255,.07);padding:2px;overflow:hidden}.locked-hmx-meter i{display:block;width:var(--lock-progress);height:100%;border-radius:99px;background:linear-gradient(90deg,#1aad67,#69ffb5);box-shadow:0 0 22px rgba(73,255,161,.55);transition:width 1s cubic-bezier(.2,.8,.2,1);position:relative}.locked-hmx-meter i:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.45) 50%,transparent 80%);animation:lockedShine 2.2s linear infinite}.locked-hmx-progress{display:flex;justify-content:space-between;margin:10px 0 22px;font-size:12px}.locked-hmx-progress b{color:#65f5aa}.locked-hmx-progress span{color:#77847d}.locked-hmx-data{display:grid;grid-template-columns:1fr 1fr;gap:12px}.locked-hmx-data>div{min-width:0;padding:14px;border-radius:15px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055);display:flex;flex-direction:column;gap:6px}.locked-hmx-data strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.locked-hmx-withdraw{width:100%;margin-top:18px;border:0;border-radius:15px;padding:15px 18px;font-weight:800;background:linear-gradient(135deg,#57ffa7,#22bd71);color:#02130a;cursor:pointer;box-shadow:0 12px 32px rgba(40,225,129,.18);transition:transform .2s,filter .2s}.locked-hmx-withdraw:hover{transform:translateY(-2px);filter:brightness(1.08)}.locked-hmx-withdraw:disabled{opacity:.6;cursor:wait}.locked-hmx-skeleton{height:420px;border-radius:26px;background:linear-gradient(100deg,#09100d 20%,#111d17 45%,#09100d 70%);background-size:220% 100%;animation:lockedSkeleton 1.5s infinite}.locked-hmx-error{grid-column:1/-1;padding:30px;border:1px solid rgba(255,90,90,.25);border-radius:20px;color:#ff9b9b;background:rgba(255,70,70,.05)}
@keyframes lockedPulse{50%{opacity:.35;transform:scale(.75)}}@keyframes lockedRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes lockedFloat{50%{transform:translate(-18px,18px) scale(1.08)}}@keyframes lockedShine{from{transform:translateX(-120%)}to{transform:translateX(120%)}}@keyframes lockedSkeleton{to{background-position:-220% 0}}
@media(max-width:820px){.locked-hmx-page{padding:20px 12px 100px}.locked-hmx-pools{grid-template-columns:1fr}.locked-hmx-pool{padding:19px}.locked-hmx-data{grid-template-columns:1fr}.locked-hmx-hero{padding-top:20px}.locked-hmx-hero h1{font-size:52px}}


/* === V106 GLOBAL OUTLINE UI / LOCKED HMX REDESIGN === */
/* All interactive buttons: transparent surface, readable white text. */
button,
.btn,
input[type="button"],
input[type="submit"],
input[type="reset"],
[role="button"]{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.95)!important;
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:none!important;
}
button:hover,.btn:hover,[role="button"]:hover{
  background:rgba(255,255,255,.045)!important;
  background-image:none!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.52)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.05),0 10px 28px rgba(0,0,0,.26)!important;
}
button:active,.btn:active,[role="button"]:active{background:rgba(255,255,255,.075)!important;color:#fff!important}
button:disabled,.btn:disabled{color:rgba(255,255,255,.5)!important;background:transparent!important}
/* Marketplace category tiles and their controls must never reveal a green fill. */
.marketplace-category-card,
.marketplace-category-card:hover,
.marketplace-category-card.active,
.marketplace-catalog-shell .marketplace-category-card,
button.marketplace-category-card{
  background:rgba(5,8,12,.58)!important;
  background-image:none!important;
  color:#fff!important;
}
.marketplace-category-card::before,.marketplace-category-card::after{background:transparent!important;background-image:none!important}
:is(.market-card,.marketplace-category-card,.marketplace-product-card,.store-window) :is(button,.btn,.category-chevron){background:transparent!important;background-image:none!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important;box-shadow:none!important}
/* Author identity: one clean frame only; avatar remains the profile photo. */
.post-author-click,.compact-post-author .post-author-click,.post-author .handle,.post-author .identity-line,.post-author .identity-nick{
  background:transparent!important;
  box-shadow:none!important;
}
.post-author .handle,.post-author .identity-line,.post-author .identity-nick{border:0!important;outline:0!important;padding-left:0!important;padding-right:0!important}
.post-author-click{border:1px solid rgba(255,255,255,.13)!important;border-radius:999px!important;padding:4px 10px 4px 4px!important}
.mini-avatar.org-mini-avatar{border-radius:50%!important}
/* New Locked HMX visual system. */
.locked-hmx-page{max-width:1240px;padding:34px 18px 130px;position:relative}
.locked-hmx-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 15%,rgba(92,120,255,.10),transparent 28%),radial-gradient(circle at 85% 25%,rgba(210,80,255,.08),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.015),transparent 35%);z-index:-1}
.locked-hmx-hero{text-align:center;padding:54px 20px 52px;border:1px solid rgba(255,255,255,.10);border-radius:34px;background:linear-gradient(145deg,rgba(12,15,25,.78),rgba(4,6,11,.72));backdrop-filter:blur(22px);overflow:hidden}
.locked-hmx-hero:before{content:"";position:absolute;inset:-100%;background:conic-gradient(from 0deg,transparent,rgba(130,105,255,.12),transparent 28%,rgba(255,255,255,.08),transparent 58%);animation:lockedHeroSpin 16s linear infinite;pointer-events:none}
.locked-hmx-hero:after{left:10%;right:10%;background:linear-gradient(90deg,transparent,rgba(174,155,255,.75),transparent)}
.locked-hmx-hero>*{position:relative;z-index:1}.locked-hmx-hero .eyebrow{color:#d8d0ff;letter-spacing:.24em}.locked-hmx-hero h1{font-size:clamp(48px,8vw,92px);background:linear-gradient(100deg,#fff,#bcb0ff 45%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none!important}.locked-hmx-hero p{margin-inline:auto;color:rgba(255,255,255,.67);font-size:15px}.locked-hmx-live{justify-content:center;color:rgba(255,255,255,.58)}.locked-hmx-live i{background:#fff;box-shadow:0 0 16px rgba(190,175,255,.9)}
.locked-hmx-pools{gap:24px;margin-top:26px;perspective:1400px}
.locked-hmx-pool{min-height:510px;padding:28px;border:1px solid rgba(184,170,255,.23);border-radius:30px;background:linear-gradient(150deg,rgba(18,20,32,.92),rgba(4,6,12,.96))!important;box-shadow:0 32px 100px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08);transform-style:preserve-3d;animation:lockedCardEnter .85s cubic-bezier(.16,.82,.25,1) both,lockedCardFloat 6s ease-in-out 1s infinite}
.locked-hmx-pool:nth-child(2){animation-delay:.14s,1.4s}.locked-hmx-pool:hover{transform:translateY(-8px) rotateX(1.5deg) rotateY(-1.5deg);border-color:rgba(216,207,255,.55);box-shadow:0 42px 120px rgba(0,0,0,.58),0 0 42px rgba(128,98,255,.12),inset 0 1px 0 rgba(255,255,255,.13)}
.locked-hmx-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,#000,transparent 78%);pointer-events:none}
.locked-hmx-glow{width:320px;height:320px;background:rgba(117,82,255,.18);filter:blur(55px);animation:lockedGlowDrift 7s ease-in-out infinite}
.locked-hmx-orbit{position:absolute;right:-46px;top:-46px;width:180px;height:180px;border:1px solid rgba(195,184,255,.14);border-radius:50%;animation:lockedOrbit 18s linear infinite}.locked-hmx-orbit i{position:absolute;inset:20px;border:1px dashed rgba(255,255,255,.14);border-radius:50%}.locked-hmx-orbit i+ i{inset:46px;border-style:solid}
.locked-hmx-pool-head{position:relative;z-index:2;color:#d9d1ff}.locked-hmx-pool-head a{color:rgba(255,255,255,.62)}
.locked-hmx-amount{position:relative;z-index:2;margin:34px 0}.locked-hmx-amount img{width:60px;height:60px;box-shadow:0 0 0 6px rgba(255,255,255,.035),0 0 36px rgba(141,113,255,.24);animation:lockedTokenPulse 3.5s ease-in-out infinite}.locked-hmx-amount strong{font-size:clamp(27px,3.2vw,38px)}
.locked-hmx-meter{position:relative;z-index:2;height:14px;background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.10)}.locked-hmx-meter i{background:linear-gradient(90deg,#7867ff,#c4b7ff,#fff);box-shadow:0 0 26px rgba(160,139,255,.45)}
.locked-hmx-progress{position:relative;z-index:2}.locked-hmx-progress b{color:#d6ceff}.locked-hmx-progress span{color:rgba(255,255,255,.48)}
.locked-hmx-data{position:relative;z-index:2}.locked-hmx-data>div{background:rgba(255,255,255,.032);border-color:rgba(255,255,255,.08);transition:transform .25s,border-color .25s,background .25s}.locked-hmx-data>div:hover{transform:translateY(-3px);border-color:rgba(196,184,255,.28);background:rgba(255,255,255,.055)}.locked-hmx-data small{color:rgba(255,255,255,.42)}
.locked-hmx-withdraw{position:relative;z-index:2;border:1px solid rgba(207,198,255,.38)!important;background:transparent!important;color:#fff!important;box-shadow:inset 0 0 22px rgba(140,111,255,.06)!important;letter-spacing:.08em;text-transform:uppercase}.locked-hmx-withdraw:hover{background:rgba(154,132,255,.08)!important;border-color:rgba(231,225,255,.72)!important;box-shadow:0 0 28px rgba(129,102,255,.15),inset 0 0 24px rgba(152,129,255,.08)!important}
.locked-hmx-skeleton{background:linear-gradient(100deg,rgba(12,14,22,.9) 20%,rgba(38,35,62,.75) 45%,rgba(12,14,22,.9) 70%);background-size:220% 100%}
@keyframes lockedHeroSpin{to{transform:rotate(360deg)}}@keyframes lockedCardEnter{from{opacity:0;transform:translateY(45px) rotateX(7deg) scale(.96)}to{opacity:1;transform:none}}@keyframes lockedCardFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes lockedGlowDrift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-45px,35px) scale(1.14)}}@keyframes lockedOrbit{to{transform:rotate(360deg)}}@keyframes lockedTokenPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06);filter:brightness(1.14)}}
@media(max-width:820px){.locked-hmx-hero{padding:40px 18px}.locked-hmx-pool{min-height:auto}.locked-hmx-pool:hover{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.locked-hmx-hero:before,.locked-hmx-pool,.locked-hmx-glow,.locked-hmx-orbit,.locked-hmx-amount img{animation:none!important}}

/* =========================================================
   V107 FINAL UI OVERRIDES — transparent controls everywhere
   ========================================================= */
:where(button,.btn,a.btn,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]),
:where(button,.btn,a.btn,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]):hover,
:where(button,.btn,a.btn,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]):focus,
:where(button,.btn,a.btn,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]):focus-visible,
:where(button,.btn,a.btn,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]):active,
:where(button,.btn,a.btn,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]).active,
:where(button,.btn,a.btn,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]).is-active,
:where(button,.btn,a.btn,[role="button"],input[type="button"],input[type="submit"],input[type="reset"])[aria-selected="true"]{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
}
:where(button,.btn,a.btn,[role="button"],input[type="button"],input[type="submit"],input[type="reset"])::before,
:where(button,.btn,a.btn,[role="button"],input[type="button"],input[type="submit"],input[type="reset"])::after{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
:where(button,.btn,a.btn,[role="button"]):hover{border-color:rgba(255,255,255,.55)!important}
:where(button,.btn,a.btn,[role="button"]):disabled{background:transparent!important;color:rgba(255,255,255,.42)!important;-webkit-text-fill-color:rgba(255,255,255,.42)!important}

/* No frame around the author name or author row in posts. */
.post-card .post-author,
.post-card .compact-post-author,
.post-card .post-author-click,
.post-card .handle,
.post-card .compact-post-identity,
.post-card .compact-post-name,
.post-card .identity-line,
.post-card .identity-nick{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.post-card .post-author{margin-bottom:12px!important;padding:0!important}
.post-card .post-author-click{width:auto!important;padding:0!important;gap:10px!important}
.post-card .handle,.post-card .compact-post-identity,.post-card .compact-post-name{padding:0!important;margin:0!important}
.post-card .post-author::before,.post-card .post-author::after,
.post-card .post-author-click::before,.post-card .post-author-click::after,
.post-card .handle::before,.post-card .handle::after,
.post-card .compact-post-identity::before,.post-card .compact-post-identity::after{
  content:none!important;display:none!important;border:0!important;background:none!important;box-shadow:none!important;
}

/* Locked HMX V107 — compact horizontal black luxury cards. */
.locked-hmx-page{max-width:1180px!important;padding:26px 18px 110px!important}
.locked-hmx-page:before{
  background:#020203!important;
  box-shadow:inset 0 0 180px rgba(255,255,255,.018)!important;
}
.locked-hmx-hero{
  text-align:left!important;
  padding:28px 30px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:#050506!important;
  box-shadow:0 22px 70px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
.locked-hmx-hero:before{
  inset:-80% -20%!important;
  background:conic-gradient(from 180deg,transparent 0 36%,rgba(255,255,255,.055) 43%,transparent 50% 100%)!important;
  animation:lockedLuxurySweep 12s linear infinite!important;
}
.locked-hmx-hero:after{content:""!important;position:absolute!important;left:30px!important;right:30px!important;bottom:0!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent)!important}
.locked-hmx-hero .eyebrow{color:rgba(255,255,255,.52)!important;letter-spacing:.22em!important}
.locked-hmx-hero h1{font-size:clamp(34px,5vw,58px)!important;margin:7px 0 8px!important;background:none!important;color:#fff!important;-webkit-text-fill-color:#fff!important;letter-spacing:-.045em!important}
.locked-hmx-hero p{max-width:820px!important;margin:0!important;font-size:13px!important;line-height:1.65!important;color:rgba(255,255,255,.58)!important}
.locked-hmx-live{justify-content:flex-start!important;margin-top:15px!important}
.locked-hmx-live i{background:#fff!important;box-shadow:0 0 14px rgba(255,255,255,.65)!important}
.locked-hmx-pools{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin-top:16px!important;perspective:none!important}
.locked-hmx-pool{
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(210px,.82fr) minmax(350px,1.65fr) minmax(135px,.42fr)!important;
  grid-template-rows:auto auto auto!important;
  column-gap:24px!important;
  row-gap:12px!important;
  align-items:center!important;
  padding:20px 22px!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.105)!important;
  background:#050506!important;
  box-shadow:0 18px 55px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.045)!important;
  animation:lockedCompactEnter .72s cubic-bezier(.2,.8,.2,1) both,lockedCompactBreath 7s ease-in-out 1s infinite!important;
  transform:none!important;
}
.locked-hmx-pool:nth-child(2){animation-delay:.11s,1.35s!important}
.locked-hmx-pool:hover{transform:translateY(-3px)!important;border-color:rgba(255,255,255,.25)!important;box-shadow:0 25px 72px rgba(0,0,0,.64),0 0 0 1px rgba(255,255,255,.025),inset 0 1px 0 rgba(255,255,255,.08)!important}
.locked-hmx-grid{opacity:.10!important;background-size:24px 24px!important;mask-image:linear-gradient(90deg,#000,transparent 78%)!important}
.locked-hmx-glow{width:220px!important;height:220px!important;right:-100px!important;top:-105px!important;background:rgba(255,255,255,.055)!important;filter:blur(48px)!important;animation:lockedSilverDrift 8s ease-in-out infinite!important}
.locked-hmx-orbit{width:120px!important;height:120px!important;right:-38px!important;top:-48px!important;border-color:rgba(255,255,255,.08)!important;animation-duration:24s!important}
.locked-hmx-orbit i{border-color:rgba(255,255,255,.08)!important}
.locked-hmx-pool-head{grid-column:1/-1!important;grid-row:1!important;padding-bottom:10px!important;border-bottom:1px solid rgba(255,255,255,.065)!important;color:rgba(255,255,255,.72)!important;font-size:10px!important}
.locked-hmx-pool-head a{color:rgba(255,255,255,.45)!important}
.locked-hmx-amount{grid-column:1!important;grid-row:2/4!important;margin:0!important;gap:12px!important}
.locked-hmx-amount img{width:44px!important;height:44px!important;box-shadow:0 0 0 4px rgba(255,255,255,.025),0 0 24px rgba(255,255,255,.08)!important;animation:lockedTokenSoft 4.5s ease-in-out infinite!important}
.locked-hmx-amount small,.locked-hmx-data small{font-size:9px!important;color:rgba(255,255,255,.38)!important}
.locked-hmx-amount strong{font-size:clamp(20px,2.45vw,29px)!important;white-space:nowrap!important}
.locked-hmx-meter{grid-column:2!important;grid-row:2!important;height:8px!important;margin-top:4px!important;padding:1px!important;background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.08)!important}
.locked-hmx-meter i{background:linear-gradient(90deg,#5f5f64,#bfc0c6,#fff)!important;box-shadow:0 0 16px rgba(255,255,255,.18)!important}
.locked-hmx-progress{grid-column:2!important;grid-row:2!important;align-self:end!important;margin:0!important;padding-top:22px!important;font-size:10px!important}
.locked-hmx-progress b{color:#fff!important}.locked-hmx-progress span{color:rgba(255,255,255,.38)!important}
.locked-hmx-data{grid-column:2!important;grid-row:3!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
.locked-hmx-data>div{padding:9px 10px!important;border-radius:10px!important;background:rgba(255,255,255,.018)!important;border:1px solid rgba(255,255,255,.06)!important;gap:3px!important}
.locked-hmx-data>div:hover{transform:none!important;background:rgba(255,255,255,.03)!important;border-color:rgba(255,255,255,.13)!important}
.locked-hmx-data strong{font-size:10px!important;color:rgba(255,255,255,.84)!important}
.locked-hmx-withdraw{grid-column:3!important;grid-row:2/4!important;width:100%!important;margin:0!important;min-height:46px!important;padding:12px 14px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.24)!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font-size:10px!important;letter-spacing:.13em!important}
.locked-hmx-withdraw:hover{background:transparent!important;border-color:#fff!important;box-shadow:0 0 22px rgba(255,255,255,.075)!important;transform:translateY(-2px)!important}
.locked-hmx-skeleton{height:172px!important;border-radius:20px!important;background:linear-gradient(100deg,#050506 20%,#101012 45%,#050506 70%)!important;background-size:220% 100%!important}
@keyframes lockedLuxurySweep{to{transform:rotate(360deg)}}
@keyframes lockedCompactEnter{from{opacity:0;transform:translateY(18px) scale(.985);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes lockedCompactBreath{0%,100%{box-shadow:0 18px 55px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.045)}50%{box-shadow:0 22px 64px rgba(0,0,0,.62),0 0 28px rgba(255,255,255,.025),inset 0 1px 0 rgba(255,255,255,.07)}}
@keyframes lockedSilverDrift{0%,100%{transform:translate(0,0)}50%{transform:translate(-34px,25px)}}
@keyframes lockedTokenSoft{0%,100%{transform:scale(1);filter:brightness(.92)}50%{transform:scale(1.035);filter:brightness(1.12)}}
@media(max-width:900px){
  .locked-hmx-pool{grid-template-columns:1fr auto!important;grid-template-rows:auto auto auto auto!important}
  .locked-hmx-pool-head{grid-column:1/-1!important}.locked-hmx-amount{grid-column:1!important;grid-row:2!important}.locked-hmx-meter{grid-column:1/-1!important;grid-row:3!important}.locked-hmx-progress{grid-column:1/-1!important;grid-row:3!important}.locked-hmx-data{grid-column:1/-1!important;grid-row:4!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.locked-hmx-withdraw{grid-column:2!important;grid-row:2!important;min-width:130px!important}
}
@media(max-width:560px){
  .locked-hmx-page{padding-inline:10px!important}.locked-hmx-hero{padding:22px 18px!important}.locked-hmx-pool{display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:17px!important}.locked-hmx-pool-head{width:100%!important}.locked-hmx-amount{width:100%!important}.locked-hmx-meter{width:100%!important}.locked-hmx-progress{width:100%!important;padding-top:0!important}.locked-hmx-data{width:100%!important;grid-template-columns:1fr 1fr!important}.locked-hmx-withdraw{width:100%!important;min-height:42px!important}
}
@media(prefers-reduced-motion:reduce){.locked-hmx-hero:before,.locked-hmx-pool,.locked-hmx-glow,.locked-hmx-orbit,.locked-hmx-amount img{animation:none!important}}


/* =========================================================
   BLACK + NEON GREEN GLOBAL THEME
   Visual-only overrides. No runtime/DOM mutation.
   ========================================================= */
:root{
  --hm-bg:#000000!important;
  --hm-panel:#030503!important;
  --hm-panel-2:#050805!important;
  --hm-green:#39ff14!important;
  --hm-green-soft:rgba(57,255,20,.38)!important;
  --hm-green-faint:rgba(57,255,20,.12)!important;
  --hm-text:#ffffff!important;
  --hm-muted:rgba(255,255,255,.68)!important;
}
html,body,#app,.app-shell,.main,.content{
  background-color:#000!important;
  color:#fff!important;
}
body{
  background-image:
    radial-gradient(circle at 18% 0%,rgba(57,255,20,.07),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(57,255,20,.045),transparent 24%)!important;
}

/* Main visual blocks, cards, menus, dialogs and panels */
:where(
  .card,.panel,.modal,.modal-card,.dialog,.popup,.dropdown,.dropdown-menu,
  .menu,.sidebar,.topbar,.bottom-nav,.nav-panel,.sheet,.drawer,
  .profile-card,.post,.post-card,.chat-panel,.chat-message,.message-bubble,
  .market-card,.marketplace-card,.product-card,.category-card,.enft-card,
  .wallet-card,.finance-card,.staking-card,.fund-card,.hmx-card,.pool-card,
  .travel-card,.friend-card,.notification-card,.settings-card,
  .hm-products-menu,.hm-products-switch,.locked-hmx-hero,.locked-hmx-card,
  [class*="-card"],[class*="-panel"],[class*="-modal"],[class*="-menu"]
){
  background-color:#030503!important;
  background-image:none!important;
  border-color:rgba(57,255,20,.48)!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(57,255,20,.05),0 10px 36px rgba(0,0,0,.55)!important;
}

/* Inputs remain dark and readable */
:where(input,textarea,select){
  background:#000!important;
  color:#fff!important;
  border-color:rgba(57,255,20,.46)!important;
  box-shadow:none!important;
}
:where(input,textarea)::placeholder{color:rgba(255,255,255,.46)!important}
:where(input,textarea,select):focus{
  border-color:#39ff14!important;
  box-shadow:0 0 0 2px rgba(57,255,20,.12),0 0 18px rgba(57,255,20,.12)!important;
  outline:none!important;
}

/* Every button everywhere: transparent, green border, white text */
:where(
  button,.btn,a.btn,[role="button"],
  input[type="button"],input[type="submit"],input[type="reset"],
  .nav-btn,.action-btn,.icon-btn,.primary-btn,.secondary-btn,
  [class*="-btn"],[class*="button"]
){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#39ff14!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
:where(
  button,.btn,a.btn,[role="button"],
  input[type="button"],input[type="submit"],input[type="reset"],
  .nav-btn,.action-btn,.icon-btn,.primary-btn,.secondary-btn,
  [class*="-btn"],[class*="button"]
) :where(span,strong,b,small,i,em,svg){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
:where(
  button,.btn,a.btn,[role="button"],
  input[type="button"],input[type="submit"],input[type="reset"],
  .nav-btn,.action-btn,.icon-btn,.primary-btn,.secondary-btn,
  [class*="-btn"],[class*="button"]
):is(:hover,:focus-visible,.active,.hm-active,[aria-current="page"],[aria-selected="true"]){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#fff!important;
  border-color:#39ff14!important;
  box-shadow:0 0 0 1px rgba(57,255,20,.25),0 0 18px rgba(57,255,20,.26)!important;
}
:where(
  button,.btn,a.btn,[role="button"],
  input[type="button"],input[type="submit"],input[type="reset"],
  .nav-btn,.action-btn,.icon-btn,.primary-btn,.secondary-btn,
  [class*="-btn"],[class*="button"]
)::before,
:where(
  button,.btn,a.btn,[role="button"],
  input[type="button"],input[type="submit"],input[type="reset"],
  .nav-btn,.action-btn,.icon-btn,.primary-btn,.secondary-btn,
  [class*="-btn"],[class*="button"]
)::after{
  background:transparent!important;
  background-image:none!important;
}
:where(button,[role="button"],input[type="button"],input[type="submit"],input[type="reset"]):disabled{
  opacity:.45!important;
  background:transparent!important;
  color:#fff!important;
}

/* Green structural accents */
a:not(.btn){color:#9aff85}
hr,.divider,[class*="divider"]{border-color:rgba(57,255,20,.25)!important}
.badge,.tag,.chip,[class*="badge"],[class*="chip"]{
  background:rgba(57,255,20,.06)!important;
  border-color:rgba(57,255,20,.5)!important;
  color:#fff!important;
}

/* =========================================================
   HMX CLUB · PRIVATE TOKENIZED STOCK REWARDS
   ========================================================= */
.hm-product-hmxclub{--club-green:#39ff14;--club-green-soft:rgba(57,255,20,.12);--club-line:rgba(57,255,20,.38)}
.hm-product-hmxclub .content{background:#000!important}
.hmx-club-page{position:relative;min-height:calc(100vh - 120px);padding:clamp(18px,3vw,42px);color:#fff;overflow:hidden;background:
 radial-gradient(circle at 75% 0%,rgba(57,255,20,.09),transparent 33%),
 radial-gradient(circle at 5% 80%,rgba(24,190,124,.06),transparent 28%),#000}
.hmx-club-page:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(57,255,20,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,20,.08) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
.hmx-club-page>*{position:relative;z-index:1}
.hmx-club-loading{min-height:62vh;display:grid;place-content:center;justify-items:center;gap:18px;color:#9aff85;letter-spacing:.16em;text-transform:uppercase;font-size:12px}
.hmx-club-loading i{width:46px;height:46px;border:1px solid rgba(57,255,20,.25);border-top-color:#39ff14;border-radius:50%;animation:hmxClubSpin .8s linear infinite;box-shadow:0 0 24px rgba(57,255,20,.25)}
@keyframes hmxClubSpin{to{transform:rotate(360deg)}}
.hmx-club-hero{max-width:1000px;margin:0 auto 34px;padding:clamp(24px,4vw,54px);border:1px solid var(--club-line);border-radius:30px;background:linear-gradient(145deg,rgba(10,15,10,.94),rgba(0,0,0,.98));box-shadow:0 24px 80px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.04);overflow:hidden}
.hmx-club-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-120px;top:-160px;border:1px solid rgba(57,255,20,.3);box-shadow:0 0 80px rgba(57,255,20,.14);animation:hmxClubFloat 7s ease-in-out infinite}
@keyframes hmxClubFloat{50%{transform:translate(-12px,18px) scale(1.05)}}
.hmx-club-kicker{display:flex;align-items:center;gap:10px;color:#9aff85;font-size:11px;font-weight:800;letter-spacing:.2em}
.hmx-club-kicker i,.hmx-club-live i{width:7px;height:7px;border-radius:50%;background:#39ff14;box-shadow:0 0 15px #39ff14;animation:hmxClubPulse 1.7s ease-in-out infinite}
@keyframes hmxClubPulse{50%{opacity:.28;transform:scale(.72)}}
.hmx-club-hero h1{margin:22px 0 14px;font-size:clamp(42px,7vw,88px);line-height:.91;letter-spacing:-.065em;font-weight:900}
.hmx-club-hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(57,255,20,.8);text-shadow:0 0 28px rgba(57,255,20,.14)}
.hmx-club-hero>p{max-width:650px;font-size:clamp(17px,2vw,22px);line-height:1.55;color:#d9e5db}
.hmx-club-how{margin-top:28px;padding:20px 22px;border-left:2px solid #39ff14;background:rgba(57,255,20,.035);border-radius:0 16px 16px 0;max-width:850px}
.hmx-club-how strong{display:block;color:#9aff85;margin-bottom:7px;text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.hmx-club-how p{margin:0;color:#aebbb0;line-height:1.65;font-size:14px}
.hmx-club-balance{max-width:1000px;margin:0 auto 34px;padding:26px 30px;border:1px solid var(--club-line);border-radius:22px;background:#030503;display:grid;grid-template-columns:1fr auto auto;align-items:end;gap:8px 14px;box-shadow:inset 0 0 50px rgba(57,255,20,.025)}
.hmx-club-balance small{grid-column:1/-1;color:#81a987;font-size:10px;font-weight:800;letter-spacing:.18em}
.hmx-club-balance strong{font-size:clamp(34px,6vw,66px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-shadow:0 0 24px rgba(57,255,20,.15)}
.hmx-club-balance>span{font-size:18px;color:#39ff14;font-weight:900;margin-bottom:7px}.hmx-club-balance em{font-style:normal;color:#829087;font-size:12px;margin-bottom:9px;text-align:right}
.hmx-club-assets{max-width:1000px;margin:0 auto}.hmx-club-section-title span{color:#39ff14;font-size:10px;letter-spacing:.2em;font-weight:900}.hmx-club-section-title h2{margin:7px 0 18px;font-size:clamp(25px,4vw,42px)}
.hmx-club-stock-card{position:relative;display:grid;grid-template-columns:110px 1fr minmax(230px,1.25fr);grid-template-areas:"logo name reward" "logo rate live";align-items:center;gap:16px 24px;padding:25px;border:1px solid rgba(57,255,20,.52);border-radius:24px;background:linear-gradient(105deg,#020302,#070c07 55%,#020302);overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.65)}
.hmx-club-stock-card:after{content:"";position:absolute;inset:-1px;background:linear-gradient(100deg,transparent 20%,rgba(57,255,20,.09),transparent 70%);transform:translateX(-120%);animation:hmxClubScan 6s ease-in-out infinite;pointer-events:none}
@keyframes hmxClubScan{50%,100%{transform:translateX(120%)}}
.hmx-club-stock-glow{position:absolute;width:180px;height:180px;left:-60px;top:50%;transform:translateY(-50%);background:rgba(57,255,20,.12);filter:blur(65px);border-radius:50%}
.hmx-club-stock-logo{grid-area:logo;width:96px;height:96px;border-radius:23px;display:grid;place-items:center;background:#050805;border:1px solid rgba(57,255,20,.42);box-shadow:inset 0 0 32px rgba(57,255,20,.05),0 0 35px rgba(57,255,20,.08)}
.hmx-club-stock-logo svg{width:63px;height:63px;fill:#e82127;filter:drop-shadow(0 0 9px rgba(232,33,39,.3))}
.hmx-club-stock-name{grid-area:name}.hmx-club-stock-name small,.hmx-club-stock-reward small,.hmx-club-stock-rate small,.hmx-club-total small{display:block;color:#78917d;font-size:9px;font-weight:900;letter-spacing:.16em}.hmx-club-stock-name h3{font-size:32px;margin:4px 0 0}.hmx-club-stock-name p{margin:2px 0 0;color:#849087;font-size:13px}
.hmx-club-stock-reward{grid-area:reward;text-align:right}.hmx-club-stock-reward strong{display:block;font-size:clamp(26px,4vw,45px);font-variant-numeric:tabular-nums;letter-spacing:-.035em;color:#fff;text-shadow:0 0 16px rgba(57,255,20,.18)}.hmx-club-stock-reward span{color:#39ff14;font-size:11px;font-weight:900;letter-spacing:.14em}
.hmx-club-stock-rate{grid-area:rate}.hmx-club-stock-rate b{display:block;margin-top:5px;font-size:13px;color:#dfffe2}.hmx-club-stock-rate em{font-style:normal;font-size:10px;color:#657168}
.hmx-club-live{grid-area:live;justify-self:end;display:flex;align-items:center;gap:8px;color:#9aff85;font-size:9px;font-weight:900;letter-spacing:.16em}
.hmx-club-total{max-width:1000px;margin:20px auto 0;padding:24px 28px;border:1px solid var(--club-line);border-radius:20px;background:#020402;display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px 20px}.hmx-club-total strong{display:block;font-size:clamp(34px,5vw,58px);margin-top:3px}.hmx-club-total b{display:block;font-size:20px;color:#9aff85;text-align:right;margin-top:5px}.hmx-club-total>span{grid-column:1/-1;color:#58635b;font-size:10px}
.hmx-club-gate{display:grid;place-items:center}.hmx-club-gate-card{width:min(610px,100%);padding:clamp(30px,6vw,62px);text-align:center;border:1px solid rgba(57,255,20,.55);border-radius:30px;background:#020402;box-shadow:0 30px 90px rgba(0,0,0,.75),0 0 60px rgba(57,255,20,.06)}.hmx-club-lock{width:78px;height:78px;margin:0 auto 20px;display:grid;place-items:center;border:1px solid #39ff14;border-radius:24px;color:#39ff14;font-size:37px;box-shadow:0 0 30px rgba(57,255,20,.13)}.hmx-club-gate-card>span{color:#39ff14;font-size:10px;letter-spacing:.2em;font-weight:900}.hmx-club-gate-card h1{font-size:clamp(42px,8vw,72px);margin:9px 0 13px}.hmx-club-gate-card p{color:#aab4ac;line-height:1.65}.hmx-club-gate-balance{margin:25px 0;padding:17px;border:1px solid rgba(57,255,20,.22);border-radius:15px;background:#000}.hmx-club-gate-balance small{display:block;color:#718075;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.hmx-club-gate-balance strong{display:block;margin-top:6px;font-size:22px}.hmx-club-buy{min-width:200px;padding:14px 24px!important;border-color:#39ff14!important;color:#fff!important;background:transparent!important;border-radius:999px!important;font-weight:900!important;letter-spacing:.12em!important}
@media(max-width:760px){.hmx-club-page{padding:14px}.hmx-club-hero{padding:25px 20px;border-radius:22px}.hmx-club-hero h1{font-size:44px}.hmx-club-balance{grid-template-columns:1fr auto;padding:22px 18px}.hmx-club-balance em{grid-column:1/-1;text-align:left}.hmx-club-stock-card{grid-template-columns:76px 1fr;grid-template-areas:"logo name" "reward reward" "rate rate" "live live";padding:19px;gap:14px}.hmx-club-stock-logo{width:72px;height:72px;border-radius:18px}.hmx-club-stock-logo svg{width:48px;height:48px}.hmx-club-stock-reward{text-align:left;padding-top:10px;border-top:1px solid rgba(57,255,20,.16)}.hmx-club-live{justify-self:start}.hmx-club-total{grid-template-columns:1fr}.hmx-club-total b{text-align:left}.hmx-club-total>span{grid-column:auto}}

/* HMX Club multi-stock portfolio update */
.hmx-club-balance-simple{max-width:1000px;margin:0 auto 34px;padding:12px 0;text-align:center;background:transparent!important;border:0!important;box-shadow:none!important}
.hmx-club-balance-simple strong{display:block;color:#fff;font-size:clamp(38px,7vw,76px);font-weight:950;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.055em;text-shadow:0 0 28px rgba(57,255,20,.18)}
.hmx-club-balance-simple span{color:#39ff14;font-size:.38em;letter-spacing:.08em;vertical-align:.2em}
.hmx-club-stock-list{display:grid;gap:18px}
.hmx-club-stock-logo img{width:58%;height:58%;object-fit:contain;display:block}
.hmx-club-stock-logo-aapl img{filter:invert(1) drop-shadow(0 0 12px rgba(255,255,255,.22))}
.hmx-club-stock-logo-googl{background:#fff!important;border-color:rgba(57,255,20,.52)!important}
.hmx-club-stock-logo-googl img{width:62%;height:62%}
.hmx-club-total{grid-template-columns:minmax(260px,1fr) minmax(330px,1.1fr)!important}
.hmx-club-total-main strong{font-variant-numeric:tabular-nums}
.hmx-club-price-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.hmx-club-price-list>div{padding:12px 14px;border:1px solid rgba(57,255,20,.22);border-radius:12px;background:#000}
.hmx-club-price-list b{font-size:15px!important;text-align:left!important;color:#9aff85!important;font-variant-numeric:tabular-nums}
@media(max-width:760px){.hmx-club-balance-simple{margin-bottom:22px}.hmx-club-total{grid-template-columns:1fr!important}.hmx-club-price-list{grid-template-columns:1fr}.hmx-club-stock-list{gap:14px}}

/* HMX Club — global community earnings */
.hmx-club-global{max-width:1000px;margin:20px auto 0;padding:28px;border:1px solid rgba(57,255,20,.52);border-radius:24px;background:linear-gradient(145deg,#020302,#050905);box-shadow:0 24px 70px rgba(0,0,0,.68),inset 0 0 60px rgba(57,255,20,.025);position:relative;overflow:hidden}
.hmx-club-global:before{content:"";position:absolute;inset:-60% -20%;background:linear-gradient(110deg,transparent 42%,rgba(57,255,20,.065) 50%,transparent 58%);animation:hmxClubScan 8s ease-in-out infinite;pointer-events:none}
.hmx-club-global>*{position:relative;z-index:1}.hmx-club-global-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.hmx-club-global-head span{color:#39ff14;font-size:10px;font-weight:900;letter-spacing:.2em}.hmx-club-global-head h2{margin:7px 0 0;font-size:clamp(25px,4vw,40px)}
.hmx-club-global-live{display:flex;align-items:center;gap:9px;color:#9aff85;font-size:11px;white-space:nowrap}.hmx-club-global-live i{width:8px;height:8px;border-radius:50%;background:#39ff14;box-shadow:0 0 16px #39ff14;animation:hmxClubPulse 1.7s ease-in-out infinite}
.hmx-club-global-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hmx-club-global-grid article{padding:18px;border:1px solid rgba(57,255,20,.2);border-radius:16px;background:#000}.hmx-club-global-grid small,.hmx-club-global-value small{display:block;color:#78917d;font-size:9px;font-weight:900;letter-spacing:.14em}.hmx-club-global-grid strong{display:block;margin-top:8px;font-size:clamp(22px,3vw,34px);font-variant-numeric:tabular-nums;letter-spacing:-.035em}.hmx-club-global-grid span{color:#39ff14;font-size:10px;font-weight:900;letter-spacing:.13em}
.hmx-club-global-value{margin-top:14px;padding:21px 22px;border:1px solid rgba(57,255,20,.3);border-radius:17px;background:rgba(57,255,20,.018)}.hmx-club-global-value strong{display:block;margin-top:5px;font-size:clamp(34px,6vw,60px);font-variant-numeric:tabular-nums;text-shadow:0 0 24px rgba(57,255,20,.15)}.hmx-club-global-value span{display:block;margin-top:5px;color:#647168;font-size:10px}
@media(max-width:760px){.hmx-club-global{padding:20px 16px}.hmx-club-global-head{align-items:flex-start;flex-direction:column}.hmx-club-global-grid{grid-template-columns:1fr}.hmx-club-global-grid article{padding:15px}.hmx-club-global-value{padding:18px}}

/* =========================================================
   V114 SOCIAL RELIABILITY — truly transparent buttons
   High-specificity, CSS-only override. No DOM mutation.
   ========================================================= */
html body #app :is(
  button,
  .btn,
  a.btn,
  [role="button"],
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  .nav-btn,
  .action-btn,
  .icon-btn,
  .primary-btn,
  .secondary-btn,
  [class*="-btn"],
  [class*="button"]
),
html body #app :is(
  button,
  .btn,
  a.btn,
  [role="button"],
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  .nav-btn,
  .action-btn,
  .icon-btn,
  .primary-btn,
  .secondary-btn,
  [class*="-btn"],
  [class*="button"]
):is(:hover,:focus,:focus-visible,:active,.active,.is-active,.hm-active,[aria-current="page"],[aria-selected="true"]){
  -webkit-appearance:none!important;
  appearance:none!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#39ff14!important;
  text-shadow:none!important;
  filter:none!important;
}
html body #app :is(button,.btn,a.btn,[role="button"],[class*="-btn"],[class*="button"])::before,
html body #app :is(button,.btn,a.btn,[role="button"],[class*="-btn"],[class*="button"])::after,
html body #app :is(button,.btn,a.btn,[role="button"],[class*="-btn"],[class*="button"]) > :is(span,strong,b,small,i,em){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body #app :is(button,.btn,a.btn,[role="button"]):hover{
  box-shadow:0 0 0 1px rgba(57,255,20,.28),0 0 18px rgba(57,255,20,.22)!important;
}
/* Keep profile actions above decorative layers and reliably clickable. */
html body #app .profile-actions-row,
html body #app .profile-actions-enhanced,
html body #app #toggleProfileEdit{
  position:relative!important;
  z-index:20!important;
  pointer-events:auto!important;
}

/* =========================================================
   V115 FINAL SOCIAL BUTTON RESET
   Plain selectors for maximum browser compatibility.
   Every actual social-network button is transparent.
   ========================================================= */
html body button,
html body input[type="button"],
html body input[type="submit"],
html body input[type="reset"],
html body .btn,
html body a.btn,
html body .nav-btn,
html body .action-btn,
html body .icon-btn,
html body .primary-btn,
html body .secondary-btn,
html body .cover-upload-btn,
html body .dialog-item,
html body .messenger-head-profile,
html body .post-cta-btn,
html body .friend-action,
html body .friend-actions a,
html body .pagination button,
html body [role="button"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid #39ff14 !important;
  text-shadow: none !important;
  filter: none !important;
}
html body button:hover,
html body button:focus,
html body button:active,
html body button.active,
html body input[type="button"]:hover,
html body input[type="submit"]:hover,
html body input[type="reset"]:hover,
html body .btn:hover,
html body .btn:focus,
html body .btn:active,
html body .btn.active,
html body .dialog-item:hover,
html body .dialog-item.active,
html body [role="button"]:hover,
html body [role="button"]:active {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-color: #39ff14 !important;
  box-shadow: 0 0 0 1px rgba(57,255,20,.25), 0 0 18px rgba(57,255,20,.22) !important;
}
html body button::before,
html body button::after,
html body .btn::before,
html body .btn::after,
html body .dialog-item::before,
html body .dialog-item::after,
html body [role="button"]::before,
html body [role="button"]::after,
html body button > span,
html body button > strong,
html body button > b,
html body button > i,
html body button > small,
html body .btn > span,
html body .btn > strong,
html body .btn > b,
html body .btn > i,
html body .btn > small {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html body #toggleProfileEdit,
html body .profile-actions-row,
html body .profile-actions-enhanced {
  pointer-events: auto !important;
  position: relative !important;
  z-index: 999 !important;
}

/* === v116 — transparent premium buttons + gentle floating motion === */
@keyframes hmButtonSoftHop {
  0%, 72%, 100% { transform: translateY(0); }
  78% { transform: translateY(-3px); }
  84% { transform: translateY(0); }
  90% { transform: translateY(-1.5px); }
  96% { transform: translateY(0); }
}

/* Start screen: Login / Register / Information and all nested labels */
html body .hm-auth-gate .auth-main-card,
html body .hm-auth-gate .auth-main-card:hover,
html body .hm-auth-gate .auth-main-card:focus,
html body .hm-auth-gate .auth-main-card:active,
html body .hm-auth-gate .premium-login-btn,
html body .hm-auth-gate .premium-login-btn:hover,
html body .hm-auth-gate .premium-login-btn:focus,
html body .hm-auth-gate .premium-login-btn:active,
html body .hm-auth-gate .premium-login-btn.unified,
html body .hm-auth-gate .auth-info-login,
html body .hm-auth-gate .auth-info-login:hover,
html body .hm-auth-gate .auth-info-login:focus,
html body .hm-auth-gate .auth-info-login:active,
html body .auth-start-only .auth-main-card,
html body .auth-login-choice-card .premium-login-btn.unified,
html body .login-buttons-only .premium-login-btn {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 1px solid rgba(57,255,20,.92) !important;
  box-shadow: 0 0 0 1px rgba(57,255,20,.10), 0 10px 26px rgba(0,0,0,.34), inset 0 0 18px rgba(57,255,20,.035) !important;
  text-shadow: 0 0 12px rgba(255,255,255,.12) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
html body .hm-auth-gate .auth-main-card::before,
html body .hm-auth-gate .auth-main-card::after,
html body .hm-auth-gate .premium-login-btn::before,
html body .hm-auth-gate .premium-login-btn::after,
html body .hm-auth-gate .auth-info-login::before,
html body .hm-auth-gate .auth-info-login::after,
html body .auth-start-only .auth-main-card::before,
html body .auth-start-only .auth-main-card::after {
  background: transparent !important;
  background-image: none !important;
  content: none !important;
}
html body .hm-auth-gate .auth-main-card *,
html body .hm-auth-gate .premium-login-btn *,
html body .hm-auth-gate .auth-info-login * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: transparent !important;
  background-image: none !important;
}

/* Refined interaction for every actual button */
html body button,
html body input[type="button"],
html body input[type="submit"],
html body input[type="reset"],
html body .btn,
html body a.btn,
html body .nav-btn,
html body .action-btn,
html body .icon-btn,
html body .primary-btn,
html body .secondary-btn,
html body .dialog-item,
html body [role="button"] {
  animation: hmButtonSoftHop 4.8s cubic-bezier(.22,.8,.3,1) infinite !important;
  transition: border-color .22s ease, box-shadow .22s ease, filter .22s ease !important;
  transform-origin: center bottom !important;
}
html body button:nth-of-type(2n),
html body .btn:nth-of-type(2n),
html body [role="button"]:nth-of-type(2n) { animation-delay: .55s !important; }
html body button:nth-of-type(3n),
html body .btn:nth-of-type(3n),
html body [role="button"]:nth-of-type(3n) { animation-delay: 1.05s !important; }
html body button:hover,
html body button:focus-visible,
html body .btn:hover,
html body .btn:focus-visible,
html body [role="button"]:hover,
html body [role="button"]:focus-visible {
  animation-play-state: paused !important;
  filter: brightness(1.1) !important;
  box-shadow: 0 0 0 1px rgba(57,255,20,.34), 0 0 24px rgba(57,255,20,.28), 0 12px 28px rgba(0,0,0,.36) !important;
}
@media (prefers-reduced-motion: reduce) {
  html body button,
  html body input[type="button"],
  html body input[type="submit"],
  html body input[type="reset"],
  html body .btn,
  html body [role="button"] { animation: none !important; }
}

/* =========================================================
   V117 — marketplace readability, static buttons, clean chat authors
   ========================================================= */

/* Marketplace: every label on product/category cards remains readable. */
html body #app :is(
  .market-card,
  .marketplace-card,
  .marketplace-category-card,
  .marketplace-product-card,
  .product-card,
  .category-card,
  .store-window,
  .marketplace-catalog-shell,
  .marketplace-product-grid
) :is(h1,h2,h3,h4,h5,h6,p,span,strong,b,small,label,.card-title,.card-sub,.eyebrow,.tiny,.price,.product-price,.market-price,.category-title,.category-subtitle) {
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.82)!important;
}

/* Remove the v116 hopping animation from every control. */
html body button,
html body input[type="button"],
html body input[type="submit"],
html body input[type="reset"],
html body .btn,
html body a.btn,
html body .nav-btn,
html body .action-btn,
html body .icon-btn,
html body .primary-btn,
html body .secondary-btn,
html body .dialog-item,
html body [role="button"] {
  animation:none!important;
  animation-delay:0s!important;
  transform:none;
}
html body button:hover,
html body button:focus-visible,
html body .btn:hover,
html body .btn:focus-visible,
html body [role="button"]:hover,
html body [role="button"]:focus-visible {
  animation:none!important;
}

/* Global Chat: author identity is plain text, never a framed button/block. */
html body #app .global-chat-page .post-author,
html body #app .global-chat-page .compact-post-author,
html body #app .global-chat-page .post-author-click,
html body #app .post-list .post-author,
html body #app .post-list .compact-post-author,
html body #app .post-list .post-author-click {
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  filter:none!important;
  animation:none!important;
}
html body #app .post-list .post-author-click:hover,
html body #app .post-list .post-author-click:focus,
html body #app .post-list .post-author-click:active {
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
}
html body #app .post-list .post-author-click::before,
html body #app .post-list .post-author-click::after,
html body #app .post-list .post-author::before,
html body #app .post-list .post-author::after {
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
html body #app .post-list .post-author-click .handle,
html body #app .post-list .post-author-click .identity-line,
html body #app .post-list .post-author-click .identity-nick {
  background:transparent!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* =========================================================
   V118 — premium transparent controls + compact animated feed
   ========================================================= */

/* Author name: elegant green/violet animated shimmer, without a box. */
html body #app .post-list .compact-post-name,
html body #app .global-chat-page .compact-post-name {
  color:#fff!important;
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(90deg,#43ff64 0%,#9a63ff 34%,#e06cff 52%,#43ff64 100%)!important;
  background-size:220% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  animation:hmAuthorShimmer 4.8s linear infinite!important;
  font-weight:750!important;
  letter-spacing:.01em!important;
  text-shadow:0 0 14px rgba(85,255,120,.18)!important;
}
@keyframes hmAuthorShimmer { to { background-position:220% 0; } }

/* Definitive targeted transparent buttons inside Edit Profile, payments and Create eNFT. */
html body :is(
  .profile-edit-form,.profile-edit-card,.profile-modal,.edit-profile-modal,
  .payment-choice-card,.wallet-service-payment-card,.wallet-pay-options,.payment-methods,.payment-options,
  .enft-wizard,.enft-wizard-card,.enft-create-modal,.enft-modal,.enft-step,.enft-actions
) :is(button,.btn,a.btn,input[type="button"],input[type="submit"],[role="button"]),
html body :is(
  .profile-edit-form,.profile-edit-card,.profile-modal,.edit-profile-modal,
  .payment-choice-card,.wallet-service-payment-card,.wallet-pay-options,.payment-methods,.payment-options,
  .enft-wizard,.enft-wizard-card,.enft-create-modal,.enft-modal,.enft-step,.enft-actions
) :is(button,.btn,a.btn,input[type="button"],input[type="submit"],[role="button"]):is(:hover,:focus,:active,.active) {
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid #39ff14!important;
  box-shadow:0 0 0 1px rgba(57,255,20,.12),0 0 16px rgba(57,255,20,.12)!important;
  filter:none!important;
}
html body :is(
  .profile-edit-form,.profile-edit-card,.profile-modal,.edit-profile-modal,
  .payment-choice-card,.wallet-service-payment-card,.wallet-pay-options,.payment-methods,.payment-options,
  .enft-wizard,.enft-wizard-card,.enft-create-modal,.enft-modal,.enft-step,.enft-actions
) :is(button,.btn,a.btn,[role="button"]) :is(span,strong,b,i,small) {
  background:transparent!important;
  background-image:none!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Global chat feed: full-width, compact, refined motion. */
html body #app .post-list,
html body #app .global-chat-page .post-list {
  width:100%!important;
  max-width:none!important;
  gap:10px!important;
}
html body #app .post-list .post-card,
html body #app .global-chat-page .post-card {
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:1px solid rgba(57,255,20,.34)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(5,8,6,.96),rgba(1,3,2,.98))!important;
  box-shadow:0 10px 28px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.025)!important;
  overflow:hidden!important;
  animation:hmPostCardIn .46s cubic-bezier(.2,.8,.2,1) both!important;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important;
}
html body #app .post-list .post-card:hover {
  transform:translateY(-2px)!important;
  border-color:rgba(90,255,65,.68)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.42),0 0 22px rgba(57,255,20,.08)!important;
}
@keyframes hmPostCardIn { from {opacity:0;transform:translateY(10px) scale(.992)} to {opacity:1;transform:none} }
html body #app .post-list .post-body {
  padding:12px 14px 10px!important;
}
html body #app .post-list .post-author-click {
  font-size:13px!important;
  gap:8px!important;
}
html body #app .post-list .post-text {
  font-size:13px!important;
  line-height:1.48!important;
  margin-top:8px!important;
}
html body #app .post-list .post-media {
  max-height:380px!important;
  object-fit:cover!important;
}

/* Bottom row: one clean line, no boxes or borders. */
html body #app .post-list .compact-post-stats {
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  width:100%!important;
  margin-top:10px!important;
  padding:8px 2px 0!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
html body #app .post-list .compact-post-stats .post-metric-pill,
html body #app .post-list .compact-post-stats button.post-metric-pill,
html body #app .post-list .compact-post-stats .post-metric-pill:is(:hover,:focus,:active) {
  flex:0 1 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:0!important;
  padding:2px 4px!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.74)!important;
  -webkit-text-fill-color:rgba(255,255,255,.74)!important;
  font-size:12px!important;
  transform:none!important;
}
html body #app .post-list .compact-post-stats .metric-icon {
  font-size:15px!important;
  line-height:1!important;
  color:rgba(255,255,255,.72)!important;
  -webkit-text-fill-color:rgba(255,255,255,.72)!important;
}
html body #app .post-list .compact-post-stats .metric-like.liked .metric-icon {
  color:#ff4f86!important;
  -webkit-text-fill-color:#ff4f86!important;
  text-shadow:0 0 12px rgba(255,79,134,.45)!important;
}
html body #app .post-list .compact-post-stats .post-popularity .metric-value {
  color:#67ff79!important;
  -webkit-text-fill-color:#67ff79!important;
}

@media (max-width:640px) {
  html body #app .post-list .post-card { border-radius:12px!important; }
  html body #app .post-list .post-body { padding:10px 11px 8px!important; }
  html body #app .post-list .post-text { font-size:12.5px!important; }
  html body #app .post-list .compact-post-stats { gap:4px!important; }
  html body #app .post-list .compact-post-stats .post-metric-pill { font-size:11px!important;padding:2px!important; }
}

/* ===== HM v119: subscriptions + premium living feed ===== */
.profile-follow-count{appearance:none;border:0!important;background:transparent!important;color:#fff!important;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:72px;padding:4px 8px;cursor:pointer;line-height:1.05}
.profile-follow-count strong{font-size:15px;color:#fff}.profile-follow-count span{font-size:10px;color:#87ffb4;text-transform:uppercase;letter-spacing:.08em}.profile-follow-count:hover strong{color:#b46cff}
.follow-btn.is-following{border-color:#a85cff!important;color:#fff!important;box-shadow:0 0 18px rgba(168,92,255,.22)!important}
.follow-list{display:grid;gap:8px}.follow-person{width:100%;border:0;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;text-align:left;cursor:pointer}.follow-person:hover{background:rgba(42,255,123,.06)}.follow-person>span{display:flex;flex-direction:column;gap:3px}.follow-person small{color:#8c9a91}
.post-org-logo-only{width:18px;height:18px;border-radius:50%;object-fit:cover;display:inline-block;margin-left:5px;vertical-align:middle;box-shadow:0 0 10px rgba(42,255,123,.3)}
.post-card{position:relative;overflow:hidden;opacity:0;transform:translateY(28px) scale(.985);transition:opacity .58s cubic-bezier(.2,.8,.2,1),transform .58s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease!important;background:linear-gradient(145deg,rgba(0,0,0,.98),rgba(4,13,8,.98))!important}
.post-card::before{content:"";position:absolute;inset:-2px;pointer-events:none;background:linear-gradient(115deg,transparent 5%,rgba(42,255,123,.16) 28%,rgba(166,70,255,.18) 52%,rgba(0,225,255,.11) 68%,transparent 88%);background-size:220% 220%;animation:postAurora 7s ease-in-out infinite;mix-blend-mode:screen;opacity:.58}
.post-card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;border:1px solid rgba(42,255,123,.38);box-shadow:inset 0 0 30px rgba(42,255,123,.035)}
.post-card.post-visible{opacity:1;transform:translateY(0) scale(1)}
.post-card.post-visible:hover{transform:translateY(-2px) scale(1.002);box-shadow:0 14px 40px rgba(0,0,0,.52),0 0 24px rgba(42,255,123,.12),0 0 34px rgba(157,70,255,.08)!important}
.post-card .post-body,.post-card .post-media{position:relative;z-index:1}
.comment-icon{font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif!important;font-size:14px!important;line-height:1!important;display:inline-flex!important;visibility:visible!important;opacity:1!important}
.hm-pagination .page-nav{min-width:58px}.hm-pagination button:disabled{opacity:.35;pointer-events:none}
@keyframes postAurora{0%,100%{background-position:0% 50%;opacity:.35}50%{background-position:100% 50%;opacity:.72}}
@media(prefers-reduced-motion:reduce){.post-card,.post-card.post-visible{opacity:1;transform:none;transition:none!important}.post-card::before{animation:none}}


/* ===== HM BUILD v120-follows-feed: cache-safe final activation ===== */
html body[data-hm-build]{}
.no-js .post-card{opacity:1!important;transform:none!important}


/* ===== HM BUILD v121: follow counters, real badges, scroll reveal, friends controls ===== */
/* Followers / Following are plain text counters with no frames or button chrome. */
html body #app .profile-follow-count,
html body #app .profile-follow-count:is(:hover,:focus,:active) {
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
  border-radius:0!important;
  padding:3px 7px!important;
  min-width:auto!important;
  transform:none!important;
}
html body #app .profile-follow-count::before,
html body #app .profile-follow-count::after { content:none!important;display:none!important; }

/* Verification colors must win over global white button text rules. */
html body #app .verified-check.blue,
html body #app button .verified-check.blue,
html body #app [role="button"] .verified-check.blue {
  color:#2797ff!important;
  -webkit-text-fill-color:#2797ff!important;
  text-shadow:0 0 6px rgba(39,151,255,.95),0 0 15px rgba(39,151,255,.6)!important;
  filter:drop-shadow(0 0 5px rgba(39,151,255,.8))!important;
}
html body #app .verified-check.gold,
html body #app .verified-check.org-check,
html body #app button .verified-check.gold,
html body #app [role="button"] .verified-check.gold {
  color:#ffd54a!important;
  -webkit-text-fill-color:#ffd54a!important;
  text-shadow:0 0 6px rgba(255,213,74,.95),0 0 16px rgba(255,174,0,.65)!important;
  filter:drop-shadow(0 0 6px rgba(255,196,43,.85))!important;
}

/* Posts reveal every time they re-enter the viewport; remove old one-shot keyframe. */
html body #app .post-list .post-card,
html body #app .global-chat-page .post-card {
  animation:none!important;
  opacity:0!important;
  transform:translate3d(0,30px,0) scale(.982)!important;
  filter:blur(3px)!important;
  transition:
    opacity .62s cubic-bezier(.2,.8,.2,1) var(--post-reveal-delay,0ms),
    transform .62s cubic-bezier(.2,.8,.2,1) var(--post-reveal-delay,0ms),
    filter .5s ease var(--post-reveal-delay,0ms),
    box-shadow .3s ease,
    border-color .3s ease!important;
  will-change:opacity,transform,filter!important;
}
html body #app .post-list .post-card.post-visible,
html body #app .global-chat-page .post-card.post-visible {
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  filter:none!important;
}
html body #app .post-list .post-card.post-visible:hover {
  transform:translate3d(0,-2px,0) scale(1.002)!important;
}

/* Find Friends: exactly three compact controls in one row. */
html body #app .friend-result .friend-actions.friend-actions-compact {
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
  align-items:center!important;
}
html body #app .friend-result .friend-actions.friend-actions-compact .btn {
  width:100%!important;
  min-width:0!important;
  min-height:30px!important;
  height:30px!important;
  padding:0 5px!important;
  margin:0!important;
  font-size:10px!important;
  line-height:1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  border-radius:9px!important;
}
html body #app .hm-pagination { position:relative!important;z-index:5!important;pointer-events:auto!important; }
html body #app .hm-pagination .page-btn { pointer-events:auto!important;cursor:pointer!important; }
html body #app .hm-pagination .page-btn:not(:disabled):active { transform:scale(.96)!important; }
@media(max-width:520px){
  html body #app .friend-result .friend-actions.friend-actions-compact {gap:4px!important;}
  html body #app .friend-result .friend-actions.friend-actions-compact .btn {font-size:9px!important;padding:0 3px!important;}
}

/* v122 — restore HMX post donations */
.post-donation-row.hmx-only-donation-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;margin:4px 0 0!important;padding:0!important;overflow:visible!important}
.hmx-only-donation-row .post-donation-metric{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-height:38px!important;background:rgba(0,0,0,.18)!important;border:1px solid rgba(58,255,121,.32)!important;color:#fff!important}
.hmx-only-donation-row .metric-token-logo{width:21px!important;height:21px!important;border-radius:50%!important;object-fit:cover!important}
.hmx-only-donation-row .metric-token{font-size:11px!important;color:rgba(255,255,255,.72)!important}
.hmx-donate-post-btn{min-height:38px!important;padding:8px 14px!important;white-space:nowrap!important;background:transparent!important;color:#fff!important;border:1px solid #39ff77!important}
.hmx-donate-post-btn:hover{background:transparent!important;box-shadow:0 0 18px rgba(57,255,119,.28)!important;transform:translateY(-1px)!important}
.post-reader-donation{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;margin:12px 0!important}
@media(max-width:520px){.post-donation-row.hmx-only-donation-row,.post-reader-donation{grid-template-columns:1fr!important}.hmx-donate-post-btn{width:100%!important}}

/* ===== Pulse v123 ===== */
body:has(.pulse-screen){overflow:hidden!important;background:#000!important}
#app.pulse-app-active{position:fixed!important;inset:0!important;z-index:9990!important;background:#000!important;overflow:hidden!important}
body:has(.pulse-screen) .messenger-fab,body:has(.pulse-screen) .quick-messenger,body:has(.pulse-screen) .floating-messenger{display:none!important}
.pulse-screen{position:relative;width:100vw;height:100dvh;background:#000;overflow:hidden;color:#fff;font-family:Inter,system-ui,sans-serif}
.pulse-stage{position:absolute;inset:0;touch-action:pan-x;background:radial-gradient(circle at 50% 30%,rgba(80,255,30,.08),transparent 42%),#000}
.pulse-slide{position:absolute;inset:0;display:grid;place-items:center;animation:pulseIn .5s cubic-bezier(.2,.8,.2,1)}
.pulse-video{width:100%;height:100%;object-fit:contain;background:#000}
.pulse-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 22%,transparent 65%,rgba(0,0,0,.82))}
.pulse-back{position:absolute;z-index:5;top:max(16px,env(safe-area-inset-top));left:16px;border:1px solid rgba(123,255,58,.65)!important;background:rgba(0,0,0,.35)!important;color:#fff!important;border-radius:999px!important;padding:10px 14px!important;backdrop-filter:blur(14px)}
.pulse-actions{position:absolute;z-index:5;right:14px;bottom:110px;display:flex;flex-direction:column;gap:15px}
.pulse-action{width:56px;height:56px;padding:0!important;border-radius:50%!important;border:1px solid rgba(126,255,52,.55)!important;background:rgba(0,0,0,.42)!important;color:#fff!important;display:grid;place-items:center;backdrop-filter:blur(14px);box-shadow:0 0 24px rgba(94,255,34,.12)!important}
.pulse-action span{font-size:23px;line-height:1}.pulse-action small{font-size:10px;margin-top:-7px}.pulse-heart{font-size:34px!important;transition:.25s}.pulse-action.liked .pulse-heart{color:#ff3e82!important;transform:scale(1.16);text-shadow:0 0 18px #ff3e82}
.pulse-author{position:absolute;z-index:5;left:18px;right:90px;bottom:30px;text-shadow:0 2px 12px #000}.pulse-author-name{font-weight:900;font-size:16px}.pulse-caption{font-size:13px;color:rgba(255,255,255,.85);margin-top:5px}.pulse-check{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;margin-left:6px;font-size:11px;color:#fff!important}.pulse-check-blue{background:#168cff!important}.pulse-check-gold{background:linear-gradient(135deg,#ffe88a,#c89900)!important;color:#151000!important}
.pulse-progress{position:absolute;z-index:5;top:12px;left:50%;transform:translateX(-50%);display:flex;gap:4px;max-width:45vw}.pulse-progress i{width:18px;height:2px;background:rgba(255,255,255,.28);border-radius:5px}.pulse-progress i.active{background:#7cff36;box-shadow:0 0 10px #7cff36}
.pulse-loading,.pulse-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff}.pulse-empty span{color:rgba(255,255,255,.55)}
.pulse-upload-preview{display:none;width:100%;max-height:48vh;object-fit:contain;background:#000;border-radius:16px;margin:12px 0}.pulse-upload-status{min-height:22px;color:#9fff75;font-size:12px;margin:8px 0}.pulse-comments-list{max-height:55vh;overflow:auto;display:flex;flex-direction:column;gap:10px;margin:14px 0}.pulse-comment{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-bottom:1px solid rgba(126,255,52,.13)}.pulse-comment span{color:rgba(255,255,255,.82)}.pulse-comment-compose{display:flex;gap:8px}.pulse-comment-compose .input{flex:1}
@keyframes pulseIn{from{opacity:0;transform:scale(1.035);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:700px){.pulse-back span{display:none}.pulse-video{object-fit:cover}.pulse-actions{right:10px;bottom:100px}.pulse-action{width:50px;height:50px}.pulse-author{left:14px;bottom:22px}}

/* Pulse v124 loading, views and trend polish */
.pulse-loader-ring{width:34px;height:34px;border:2px solid rgba(82,255,126,.2);border-top-color:#62ff83;border-radius:50%;display:block;margin:0 auto 12px;animation:pulseSpin .8s linear infinite}
@keyframes pulseSpin{to{transform:rotate(360deg)}}
.pulse-video-loading{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:#030504;font-size:13px;letter-spacing:.06em;z-index:1}
.pulse-error span{max-width:540px;text-align:center;opacity:.72}
#pulseViewsBtn{cursor:default}
#pulseViewsBtn>span{font-size:25px;line-height:1;color:#fff;text-shadow:0 0 12px rgba(82,255,126,.45)}

/* Pulse v125: preserve source aspect ratio and center borderless controls */
.pulse-video{object-fit:contain!important;background:#000!important}
.pulse-actions{right:14px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;gap:14px!important}
.pulse-action,.pulse-action:hover,.pulse-action:focus,.pulse-action:active{border:0!important;outline:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;backdrop-filter:none!important}
.pulse-action span{filter:drop-shadow(0 2px 8px rgba(0,0,0,.9)) drop-shadow(0 0 10px rgba(126,255,52,.28))}
.pulse-action small{color:#fff!important;text-shadow:0 2px 8px #000,0 0 8px #000;font-weight:800}
@media(max-width:700px){.pulse-video{object-fit:contain!important}.pulse-actions{right:8px!important;top:50%!important;bottom:auto!important}}

/* Pulse v130 — native reliable playback */
.pulse-big-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border:0!important;border-radius:999px!important;background:rgba(0,0,0,.52)!important;color:#fff!important;font-size:30px!important;display:grid;place-items:center;z-index:8;box-shadow:0 0 34px rgba(53,255,112,.34)!important;backdrop-filter:blur(12px);transition:.25s ease}
.pulse-big-play.hidden{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.78)}
.pulse-video{width:100%;height:100%;object-fit:contain;background:#000;display:block}
.pulse-video::-webkit-media-controls{opacity:.9}
.pulse-video-loading{z-index:7;max-width:min(88vw,520px);text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}
.pulse-open-video{display:inline-flex!important;width:auto!important;margin-top:8px}


/* HMX Club v131: public access + live eligibility warning */
.hmx-club-warning{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 20px;padding:18px 20px;border:1px solid rgba(255,205,43,.72)!important;border-radius:18px;background:rgba(72,52,0,.18)!important;box-shadow:0 0 30px rgba(255,196,0,.08)}
.hmx-club-warning[hidden]{display:none!important}.hmx-club-warning strong{display:block;color:#ffd94a;letter-spacing:.1em;font-size:12px}.hmx-club-warning p{margin:5px 0 0;color:#fff2b6;line-height:1.5;font-size:13px}.hmx-club-stock-card.is-paused{opacity:.72;filter:saturate(.55)}.hmx-club-stock-card.is-paused .hmx-club-live{color:#ffd94a!important}.hmx-club-stock-card.is-paused .hmx-club-live i{background:#ffd94a!important;box-shadow:0 0 12px rgba(255,217,74,.55)!important}
@media(max-width:720px){.hmx-club-warning{align-items:flex-start;flex-direction:column}.hmx-club-warning .hmx-club-buy{width:100%}}
