: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}
