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