:root{--bg:#04040a;--bg2:#090613;--panel:rgba(18,15,29,.78);--panel2:rgba(255,255,255,.055);--stroke:rgba(255,255,255,.105);--stroke2:rgba(139,92,246,.22);--text:#f7f4ff;--muted:#a6a0b8;--soft:#d9d2ef;--purple:#7c3aed;--purple2:#a855f7;--blue:#3b82f6;--gold:#f6c65b;--danger:#ff5c7a;--green:#38d996;--shadow:0 24px 70px rgba(0,0,0,.52);--radius:28px;--safe:env(safe-area-inset-bottom)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(900px 540px at 18% -12%,rgba(94,52,180,.28),transparent 58%),radial-gradient(800px 550px at 100% 0%,rgba(50,30,95,.24),transparent 60%),linear-gradient(145deg,var(--bg),#08060f 48%,#020205);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:hidden}.bg-noise:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 90%);z-index:-1}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.glass{background:linear-gradient(145deg,rgba(255,255,255,.078),rgba(255,255,255,.032));border:1px solid var(--stroke);box-shadow:var(--shadow);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}.app{display:grid;grid-template-columns:280px minmax(0,760px) 340px;gap:22px;max-width:1460px;margin:0 auto;padding:22px}.sidebar{position:sticky;top:22px;height:calc(100vh - 44px);border-radius:34px;padding:20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.logo{width:48px;height:48px;border-radius:18px;background:linear-gradient(145deg,#9b5cff,#35145d 52%,#0b0812);box-shadow:0 0 34px rgba(124,58,237,.34),inset 0 1px 0 rgba(255,255,255,.24)}.brand h1{font-size:24px;margin:0;letter-spacing:-.7px}.nav{display:grid;gap:7px}.nav a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:19px;color:var(--soft);transition:.22s}.nav a.active,.nav a:hover{background:rgba(124,58,237,.16);border:1px solid rgba(168,85,247,.20);color:white}.ico{width:26px;text-align:center}.post-btn,.primary{border:0;border-radius:20px;padding:13px 17px;color:white;background:linear-gradient(135deg,#7c3aed,#4c1d95);box-shadow:0 15px 35px rgba(124,58,237,.26)}.post-btn{margin-top:18px;width:100%;font-weight:800}.spacer{flex:1}.mini-profile,.person,.post-head,.row{display:flex;align-items:center;gap:12px}.mini-profile{padding:12px;border-radius:22px;background:rgba(255,255,255,.045);min-width:0}.mini-profile>div:last-child,.post-head>div:nth-child(2){min-width:0}.mini-profile b,.name{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.verified{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:17px;height:17px;border-radius:50%;font-size:11px;background:linear-gradient(135deg,#38bdf8,#2563eb);color:white;box-shadow:0 0 18px rgba(59,130,246,.45)}.muted{color:var(--muted);font-size:13px;line-height:1.35;min-width:0;overflow:hidden;text-overflow:ellipsis}.main{min-width:0;display:grid;gap:16px}.topbar{position:sticky;top:22px;z-index:9;border-radius:30px;padding:12px;display:flex;align-items:center;gap:12px}.search{flex:1;min-width:0;border:1px solid var(--stroke);background:rgba(0,0,0,.22);color:white;outline:0;border-radius:18px;padding:13px 15px}.balance{white-space:nowrap;border-radius:17px;padding:11px 13px;background:rgba(246,198,91,.10);border:1px solid rgba(246,198,91,.20);color:#ffe9a9;font-weight:800}.icon-btn,.ghost,.chip,.tab{border:1px solid var(--stroke);background:rgba(255,255,255,.045);color:white;border-radius:16px;padding:10px 12px}.mobile-head{display:none}.hero-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-card{position:relative;overflow:hidden;border-radius:30px;padding:18px;min-height:132px}.hero-card:after{content:"";position:absolute;right:-25px;bottom:-35px;width:130px;height:130px;border-radius:50%;background:rgba(124,58,237,.22);filter:blur(2px)}.hero-card b{font-size:20px;display:block;margin-bottom:6px}.hero-stat{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--stroke);border-radius:999px;background:rgba(255,255,255,.045);padding:7px 10px;color:var(--soft);font-size:12px}.composer,.card,.panel{border-radius:32px;padding:17px}.composer textarea,.modal textarea{width:100%;min-height:94px;resize:vertical;border:1px solid var(--stroke);background:rgba(0,0,0,.2);color:white;outline:0;border-radius:24px;padding:16px}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;flex-wrap:wrap}.avatar{width:48px;height:48px;border-radius:50%;flex:0 0 auto;background:linear-gradient(145deg,#e9ddff,#7c3aed 45%,#15101e);border:1px solid rgba(255,255,255,.18)}.avatar.sm{width:38px;height:38px}.post-text{color:#eee9ff;line-height:1.55}.media-frame{height:310px;border-radius:28px;border:1px solid var(--stroke);background:linear-gradient(135deg,rgba(124,58,237,.26),rgba(255,255,255,.04)),radial-gradient(circle at 30% 15%,rgba(255,255,255,.18),transparent 28%);display:flex;align-items:flex-end;padding:16px;overflow:hidden}.tag{font-size:12px;background:rgba(0,0,0,.42);border:1px solid var(--stroke);padding:8px 11px;border-radius:999px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.actions button{border:1px solid var(--stroke);background:rgba(255,255,255,.045);color:var(--soft);border-radius:16px;padding:10px 12px}.rightbar{display:grid;gap:16px;align-content:start;position:sticky;top:22px;height:max-content}.premium-card{background:linear-gradient(145deg,rgba(124,58,237,.20),rgba(255,255,255,.04))}.trend{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.trend:last-child{border-bottom:0}.bottom-nav{display:none}.fab{position:fixed;right:18px;bottom:calc(86px + var(--safe));z-index:20;width:58px;height:58px;border:0;border-radius:22px;background:linear-gradient(135deg,#7c3aed,#26104c);color:#fff;font-size:28px;box-shadow:0 18px 40px rgba(0,0,0,.45)}.modal{display:none;position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.58);place-items:end center;padding:18px}.modal.open{display:grid}.sheet{width:min(620px,100%);border-radius:32px;padding:18px}.toast{position:fixed;left:50%;bottom:calc(98px + var(--safe));transform:translateX(-50%);z-index:99;background:#14101e;border:1px solid var(--stroke);border-radius:999px;padding:12px 16px;box-shadow:var(--shadow)}
/* Messages */.messages-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px}.chat-list,.chat-box{border-radius:32px;padding:14px;min-width:0}.chat-list h2,.chat-box h2{margin:4px 4px 14px}.chat-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:22px;border:1px solid transparent;min-width:0}.chat-item.active,.chat-item:hover{background:rgba(124,58,237,.13);border-color:rgba(168,85,247,.18)}.chat-item .meta{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}.chat-content{height:480px;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:75%;padding:12px 14px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid var(--stroke);line-height:1.45}.bubble.me{align-self:flex-end;background:linear-gradient(135deg,rgba(124,58,237,.42),rgba(59,130,246,.18))}.chat-input{display:flex;gap:8px;padding-top:10px}.chat-input input{flex:1;min-width:0;border:1px solid var(--stroke);background:rgba(0,0,0,.22);border-radius:18px;color:white;padding:13px;outline:0}.empty-mobile-hint{display:none;color:var(--muted);text-align:center;padding:30px 10px}.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.iban-card{border-radius:28px;padding:16px;background:rgba(0,0,0,.2);border:1px solid rgba(246,198,91,.22)}.iban-line{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.07);padding:12px 0}.iban-line:last-child{border-bottom:0}.iban-code{font-weight:900;color:#ffe9a9;word-break:break-word}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.setting-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07)}.setting-row:last-child{border:0}.profile-hero{border-radius:36px;overflow:hidden}.cover{height:190px;background:linear-gradient(135deg,rgba(124,58,237,.34),rgba(255,255,255,.04)),radial-gradient(circle at 80% 20%,rgba(59,130,246,.28),transparent 34%)}.profile-info{padding:0 18px 18px;margin-top:-42px}.profile-info .avatar{width:94px;height:94px;border:4px solid #100b19}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.stat{border-radius:20px;padding:12px;background:rgba(255,255,255,.045);text-align:center}.stat b{display:block;font-size:18px}
@media(max-width:1180px){.app{grid-template-columns:92px minmax(0,1fr);padding:16px}.rightbar{display:none}.sidebar{padding:14px}.brand h1,.nav span:not(.ico),.post-btn span,.mini-profile div:last-child{display:none}.nav a{justify-content:center}.post-btn{padding:14px}.topbar{top:16px}}
@media(max-width:760px){body{padding-bottom:calc(86px + var(--safe))}.mobile-head{display:flex;position:sticky;top:0;z-index:30;align-items:center;gap:8px;padding:10px 12px;background:rgba(5,4,10,.78);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.07)}.brand-mini{font-weight:900;display:flex;align-items:center;gap:8px;min-width:0}.brand-mini .logo{width:34px;height:34px;border-radius:14px}.mobile-head .balance{margin-left:auto;font-size:12px;padding:9px 10px}.app{display:block;padding:12px}.sidebar,.topbar{display:none}.main{gap:12px}.hero-tabs,.wallet-grid,.grid-2,.messages-layout{grid-template-columns:1fr}.hero-card{min-height:118px;padding:15px}.composer,.card,.panel,.chat-list,.chat-box{border-radius:26px;padding:14px}.media-frame{height:230px}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.actions button{min-width:0}.bottom-nav{position:fixed;left:10px;right:10px;bottom:calc(10px + var(--safe));z-index:40;display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:8px;border-radius:24px;background:rgba(11,8,18,.84);border:1px solid var(--stroke);backdrop-filter:blur(26px);box-shadow:0 18px 50px rgba(0,0,0,.55)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border-radius:16px;color:var(--muted);font-size:18px}.bottom-nav a span{font-size:10px;white-space:nowrap}.bottom-nav a.active{color:white;background:rgba(124,58,237,.18)}.fab{right:14px;bottom:calc(82px + var(--safe));width:52px;height:52px}.composer-actions{align-items:stretch}.composer-actions>div{display:flex;gap:6px;overflow:auto;padding-bottom:2px}.chip{white-space:nowrap}.post-head{align-items:flex-start}.name{max-width:calc(100vw - 150px)}.messages-layout{display:block}.chat-box{display:none;margin-top:12px}.chat-box.open{display:block}.chat-list.hidden-mobile{display:none}.empty-mobile-hint{display:block}.chat-content{height:430px}.bubble{max-width:88%}.wallet-grid{gap:12px}.iban-line{align-items:flex-start;flex-direction:column}.cover{height:150px}.stats{grid-template-columns:repeat(3,1fr)} }
@media(max-width:390px){.bottom-nav a span{font-size:9px}.bottom-nav{left:6px;right:6px}.hero-tabs{gap:10px}.card,.composer,.panel{padding:12px}.name{max-width:calc(100vw - 135px)}.mobile-head .balance{display:none}}