:root{color:#f7fbff;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #07111f;--panel: rgba(255, 255, 255, .11);--panel-strong: rgba(255, 255, 255, .17);--panel-soft: rgba(255, 255, 255, .07);--line: rgba(255, 255, 255, .18);--line-soft: rgba(255, 255, 255, .1);--text: #f7fbff;--muted: rgba(230, 240, 255, .68);--muted-strong: rgba(230, 240, 255, .82);--accent: #6ee7f9;--accent-2: #a78bfa;--karma: #ffd166;--success: #4ade80;--danger: #fb7185;--shadow: 0 22px 70px rgba(0, 0, 0, .34);--radius: 26px;--radius-sm: 18px}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(145deg,#050c1afa,#0d1f36fa 48%,#08262afa),#07111f}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 36%),linear-gradient(90deg,rgba(110,231,249,.1),transparent 45%,rgba(255,209,102,.08));opacity:.84}button,textarea,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{position:relative;z-index:1;width:min(100%,560px);min-height:100vh;margin:0 auto;padding:18px 16px 104px}.app-shell.center,.screen.center{display:grid;place-items:center;align-content:center;gap:16px;text-align:center}.screen{display:grid;gap:16px}.hero,.section,.profile,.stat,.asset-card,.row,.leader-row,.asset-row,.ledger-row,.operation-row,.deposit-row,.wallet-address,.notice{border:1px solid var(--line);background:linear-gradient(180deg,#ffffff24,#ffffff12),var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}.hero,.section,.profile{border-radius:var(--radius)}.hero{display:grid;gap:18px;padding:24px;overflow:hidden}.hero h1,.profile h2,.section-title h2,.cta-section h2{margin:0;letter-spacing:0}.hero h1{margin-top:8px;max-width:11ch;font-size:clamp(30px,9vw,46px);line-height:.96}.hero p,.profile p,.cta-section p,.screen-note{margin:8px 0 0;color:var(--muted);line-height:1.45}.hero-balance{display:grid;gap:6px;padding:16px;border:1px solid rgba(110,231,249,.26);border-radius:22px;background:#6ee7f91a}.hero-balance span,.eyebrow,.section-title span,.stat span,.row span,.leader-row small,.field span,.asset-card span,.asset-row span,.asset-row p,.ledger-row span,.ledger-row p,.operation-row span,.operation-row p,.deposit-row span,.deposit-row p,.wallet-address span,.wallet-note,.wallet-warning{color:var(--muted);font-size:13px}.hero-balance strong{color:var(--accent);font-size:25px;overflow-wrap:anywhere}.ton-status{display:inline-flex;align-items:center;width:fit-content;min-height:30px;margin-top:14px;padding:0 12px;border:1px solid var(--line-soft);border-radius:999px;background:#ffffff14;color:var(--muted-strong);font-size:13px;font-weight:800}.ton-status.connected{border-color:#4ade8047;background:#4ade801a;color:var(--success)}.eyebrow{display:block;color:var(--accent);font-weight:900;text-transform:uppercase}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{min-height:92px;display:grid;align-content:space-between;gap:12px;padding:15px;border-radius:22px}.stat strong{min-width:0;overflow-wrap:anywhere;color:var(--text);font-size:22px;line-height:1.1}.stats-grid .stat:first-child strong{color:var(--karma);text-shadow:0 0 22px rgba(255,209,102,.28)}.section{padding:18px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.section-title h2,.cta-section h2{font-size:20px}.cta-section{display:grid;gap:16px;border-color:#a78bfa42;background:linear-gradient(135deg,#a78bfa29,#6ee7f914),var(--panel)}.list{display:grid;gap:10px}.compact-list{gap:8px}.row,.leader-row,.asset-row,.ledger-row,.operation-row,.deposit-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:70px;padding:13px;border-radius:var(--radius-sm);box-shadow:0 14px 36px #0000002e}.row div,.leader-row div,.asset-row div,.ledger-row div,.operation-row div,.deposit-row div{min-width:0}.row strong,.leader-row strong,.asset-row strong,.ledger-row strong,.operation-row strong,.deposit-row strong{display:block;overflow-wrap:anywhere}.row p,.asset-row p,.ledger-row p,.operation-row p,.deposit-row p{margin:6px 0 0;overflow-wrap:anywhere}.operation-comment{color:#ffffffd1!important}.row b,.leader-row b,.asset-row b,.ledger-row b,.operation-row b,.deposit-row b{flex:0 0 auto;max-width:42%;text-align:right;overflow-wrap:anywhere}.positive{color:var(--success)}.negative{color:var(--danger)}.neutral{color:var(--accent)}.empty{margin:0;padding:24px 10px;color:var(--muted);text-align:center}.asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-card{min-height:94px;display:grid;align-content:space-between;gap:10px;padding:14px;border-radius:22px}.asset-card strong,.asset-card span{display:block}.asset-card b{overflow-wrap:anywhere;color:var(--accent);font-size:21px}.send-form,.field{display:grid;gap:14px}.gift-panel{border-color:#6ee7f940}.amount-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.amount,.segments button,.mock-users button,.bottom-nav button{border:1px solid var(--line);border-radius:18px;background:#ffffff14;color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.amount{min-height:56px;font-weight:900;font-size:18px}.amount:active,.segments button:active,.mock-users button:active,.bottom-nav button:active,.primary:active,.secondary:active{transform:translateY(1px) scale(.99)}.amount.active,.segments button.active,.mock-users button.active{border-color:#6ee7f98f;background:#6ee7f929;color:var(--accent)}.field textarea,.field input,.field select{width:100%;border:1px solid var(--line);border-radius:20px;color:var(--text);background:#ffffff14;outline:none}.field textarea{resize:vertical;min-height:130px;padding:15px}.field input,.field select{min-height:50px;padding:0 15px}.field textarea::placeholder,.field input::placeholder{color:#e6f0ff6b}.field textarea:focus,.field input:focus,.field select:focus{border-color:#6ee7f99e;box-shadow:0 0 0 4px #6ee7f91f}.fee-note{display:grid;gap:6px;padding:13px;border:1px solid rgba(110,231,249,.22);border-radius:18px;background:#6ee7f914}.fee-note p{margin:0;color:var(--muted);font-size:13px;line-height:1.35}.fee-note p:first-child{color:var(--text);font-weight:800}.referral-hero h2{margin:8px 0 0;font-size:26px;letter-spacing:0}.referral-link-box{min-height:58px;display:flex;align-items:center;padding:13px 14px;border:1px solid rgba(110,231,249,.22);border-radius:20px;background:#6ee7f914}.referral-link-box span{min-width:0;color:var(--muted-strong);font-size:13px;line-height:1.35;overflow-wrap:anywhere}.referral-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.rules-list{display:grid;gap:10px}.rules-list p{margin:0;padding:12px 13px;border:1px solid var(--line-soft);border-radius:18px;background:#ffffff0f;color:var(--muted);line-height:1.4}.primary,.secondary{width:100%;min-height:54px;border-radius:20px;cursor:pointer;font-weight:900;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.primary{border:0;background:linear-gradient(135deg,#6ee7f9,#a78bfa);color:#06111f;box-shadow:0 18px 38px #6ee7f93d}.primary.small{width:auto;min-width:116px;padding:0 16px}.secondary{border:1px solid var(--line);background:#ffffff14;color:var(--text)}.primary:disabled,.secondary:disabled{cursor:wait;opacity:.58}.segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.segments button{min-height:44px;padding:0 8px;font-weight:800}.gift-mode{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.leader-row>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:14px;background:#6ee7f924;color:var(--accent);font-weight:900}.leaderboard-split{display:grid;gap:14px}.leaderboard-split h3{margin:0 0 10px;font-size:15px;letter-spacing:0}.dev-section,.all-intro{border-color:#ffffff24}.asset-row.inactive{opacity:.68}.ledger-filter,.ledger-filter-actions{display:grid;gap:12px}.ledger-filter-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.global-ledger-row{align-items:flex-start}.ton-section{display:grid;gap:14px}.ton-section .section-title{margin-bottom:0}.ton-amounts{grid-template-columns:repeat(3,minmax(0,1fr))}.deposit-box{display:grid;gap:10px;padding-top:4px}.deposit-row .failed-reason{color:var(--danger);font-weight:800}.profile{display:grid;justify-items:center;gap:8px;padding:26px 18px;text-align:center}.wallet-section{display:grid;gap:14px}.wallet-section .section-title{margin-bottom:0}.wallet-state{display:flex;align-items:center;gap:10px;min-width:0}.wallet-state strong{overflow-wrap:anywhere}.wallet-dot{flex:0 0 auto;width:11px;height:11px;border-radius:50%;background:#e6f0ff6b;box-shadow:0 0 0 5px #ffffff0a}.wallet-dot.connected{background:var(--success);box-shadow:0 0 0 5px #4ade801f}.wallet-address{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:13px;border-radius:18px}.wallet-address.muted{background:#ffffff0f;color:var(--muted)}.wallet-address b{min-width:0;overflow-wrap:anywhere}.wallet-note{margin:0}.wallet-warning{margin:0;padding:13px;border:1px solid rgba(255,209,102,.32);border-radius:18px;background:#ffd16617;color:#ffe3a0;line-height:1.35}.wallet-actions{display:grid;gap:10px}.avatar{display:grid;place-items:center;width:72px;height:72px;border:1px solid rgba(255,209,102,.26);border-radius:50%;background:#ffd1661f;color:var(--karma);font-size:30px;font-weight:900;box-shadow:0 0 38px #ffd16624}.mock-users{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mock-users button{min-height:46px;padding:0 10px;overflow-wrap:anywhere}.bottom-nav{position:fixed;left:50%;bottom:12px;z-index:10;width:min(calc(100% - 24px),520px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px;border:1px solid rgba(255,255,255,.18);border-radius:26px;background:#091222b8;box-shadow:0 22px 54px #0000006b;transform:translate(-50%);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}.bottom-nav button{min-height:48px;padding:0 8px;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:900}.bottom-nav button.active{background:#ffffff21;color:var(--text);box-shadow:inset 0 0 0 1px #ffffff1a}.notice{position:sticky;top:10px;z-index:20;width:100%;min-height:48px;margin-bottom:12px;padding:11px 14px;border-radius:18px;cursor:pointer;text-align:left;font-weight:800}.notice.error{border-color:#fb718557;background:#fb71851f;color:#fecdd3}.notice.success{border-color:#4ade8057;background:#4ade801f;color:#bbf7d0}.loader{width:38px;height:38px;border:4px solid rgba(255,255,255,.18);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:520px){.hero{grid-template-columns:1fr .85fr;align-items:end}.cta-section{grid-template-columns:1fr auto;align-items:center}.cta-section .primary{width:auto;min-width:160px;padding:0 18px}}@media(max-width:390px){.app-shell{padding-inline:12px}.stats-grid,.asset-grid,.mock-users{grid-template-columns:1fr}.asset-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.row,.leader-row,.asset-row,.ledger-row,.operation-row,.deposit-row,.wallet-address{flex-direction:column;align-items:stretch}.row b,.leader-row b,.asset-row b,.ledger-row b,.operation-row b,.deposit-row b{max-width:100%;text-align:left}}
