:root{--bg-0: #0F0F0F;--bg-1: #18181A;--bg-2: #222224;--bg-3: #262629;--border: rgba(255,255,255,.07);--border-strong: rgba(255,255,255,.14);--fg-1: #FFFFFF;--fg-2: #C1CAD2;--fg-3: #909099;--fg-4: #6A7785;--accent: #31A6F5;--accent-2: #5A9BD7;--green: #29CC6A;--green-soft: #4dff6d;--gold: #ffe14d;--orange: #F5A73B;--red: #ff8844;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg-0);color:var(--fg-1);font-family:-apple-system,BlinkMacSystemFont,SF Pro,Segoe UI,Roboto,sans-serif;font-size:14px;overscroll-behavior:none}button{font-family:inherit}a{color:var(--accent)}.app,.app-container{min-height:100%;display:flex;flex-direction:column}.screen{padding:14px 14px calc(80px + var(--safe-bottom));max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.center{justify-content:center;align-items:center;min-height:60vh}.muted{color:var(--fg-3)}.small{font-size:12px}.error{background:#ff88441f;border:1px solid rgba(255,136,68,.3);color:var(--red);padding:10px 12px;border-radius:10px;font-size:13px}.back{background:transparent;color:var(--accent);border:0;padding:0;cursor:pointer;align-self:flex-start;font-size:14px}h1,h2,h3{margin:0;font-weight:700}h2{font-size:20px}h3{font-size:15px}.pp-page{display:flex;flex-direction:column;gap:12px;padding:14px;padding-bottom:calc(20px + var(--safe-bottom));max-width:520px;margin:0 auto}.pp-hero{background:linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%);border:1px solid var(--border);border-radius:18px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px}.pp-hero-avatar{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.pp-hero-avatar-img{width:100%;height:100%;object-fit:cover}.pp-hero-avatar-letter{font-size:30px;font-weight:700;color:#fff}.pp-hero-username{font-size:17px;font-weight:600}.pp-hero-pills{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.pp-hero-pill{padding:5px 11px;border-radius:999px;font-size:11px;font-weight:600;background:var(--bg-3);color:var(--fg-2)}.pp-hero-pill.pill-on{background:#29cc6a26;color:var(--green);border:1px solid rgba(41,204,106,.3)}.pp-hero-pill.pill-off{background:#ff88441a;color:var(--red);border:1px solid rgba(255,136,68,.25)}.pp-stat{background:linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%);border:1px solid var(--border);border-radius:18px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.pp-stat-aside{text-align:right;display:flex;flex-direction:column;gap:2px}.pp-stat-label{font-size:11px;color:var(--fg-3);text-transform:uppercase;letter-spacing:.4px}.pp-stat-value{font-size:22px;font-weight:700}.pp-stat-bar{background:#ffffff14;height:8px;border-radius:4px;overflow:hidden;margin-top:8px}.pp-stat-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--green) 100%);transition:width .4s}.pp-stat-dots{display:flex;gap:4px;margin-top:6px}.pp-stat-dots>span{flex:1;height:3px;background:#ffffff1a;border-radius:2px}.pp-stat-dots>span.on{background:var(--accent)}.action-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.action-buttons.single{grid-template-columns:1fr}.action-buttons.single .action-icon-wrap{padding:18px}.action-buttons.single .action-icon-svg{font-size:32px}.action-buttons.single .action-label{font-size:14px}.action-icon-wrap{background:linear-gradient(180deg,var(--bg-2) 0%,var(--bg-1) 100%);border:1px solid var(--border);border-radius:16px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--fg-1);cursor:pointer;transition:transform .15s,border-color .15s}.action-icon-wrap:active{transform:scale(.97)}.action-icon-wrap:hover{border-color:var(--border-strong)}.action-icon-svg{font-size:24px}.action-label{font-size:11px;font-weight:600;color:var(--fg-2);text-align:center}.btn-cta{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;border:0;border-radius:14px;padding:16px;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:.5px;text-transform:uppercase;box-shadow:0 8px 24px #31a6f540}.btn-cta:active{transform:scale(.98)}.btn-cta:disabled{opacity:.5;box-shadow:none}.whitelist-row{display:flex;align-items:center;gap:12px;background:var(--bg-1);border:1px solid var(--border);border-radius:14px;padding:14px}.whitelist-icon{font-size:22px}.whitelist-label{flex:1}.whitelist-label .wl-name{font-weight:600}.whitelist-until{color:var(--fg-3);font-size:12px}.whitelist-toggle{width:44px;height:26px;background:var(--bg-3);border-radius:999px;position:relative;cursor:pointer;transition:background .2s}.whitelist-toggle.on{background:var(--green)}.whitelist-toggle:after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;background:#fff;border-radius:50%;transition:transform .2s}.whitelist-toggle.on:after{transform:translate(18px)}.referral-card{background:linear-gradient(135deg,#f5a73b2e,#ffe14d0f);border:1px solid rgba(245,167,59,.25);border-radius:14px;padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer}.referral-bonus{font-size:26px;font-weight:800;color:var(--gold)}.referral-bonus-currency{font-size:14px;opacity:.7}.referral-title{font-weight:700}.referral-description{color:var(--fg-3);font-size:12px;margin-top:2px}.referral-btn-icon{font-size:20px;opacity:.8}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:flex-end;justify-content:center;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}}.sheet{background:var(--bg-1);width:100%;max-width:520px;border-radius:22px 22px 0 0;padding:8px 16px calc(16px + var(--safe-bottom));max-height:90vh;overflow:auto;animation:slideUp .25s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}}.cm-handle{display:flex;justify-content:center;padding:6px 0 8px}.cm-handle-bar{width:40px;height:4px;background:var(--bg-3);border-radius:2px}.cm-header{display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:12px}.cm-logo{font-size:32px}.cm-title{font-size:18px;font-weight:700}.cm-desc{color:var(--fg-3);font-size:13px;text-align:center}.cm-section-label{font-size:11px;font-weight:600;color:var(--fg-3);text-transform:uppercase;letter-spacing:.5px;margin:12px 0 6px}.cm-periods{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.cm-period{background:var(--bg-2);border:2px solid transparent;border-radius:14px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:all .15s;position:relative}.cm-period.active{border-color:var(--accent);background:linear-gradient(180deg,rgba(49,166,245,.15) 0%,var(--bg-2) 100%)}.cm-period.popular:after{content:"Хит";position:absolute;top:-8px;right:8px;background:var(--orange);color:#fff;font-size:10px;padding:2px 8px;border-radius:99px;font-weight:700}.cm-period-num{font-size:22px;font-weight:800}.cm-period-unit{font-size:11px;color:var(--fg-3)}.cm-period-price{font-size:13px;font-weight:600;margin-top:4px}.cm-star-price{font-size:11px;color:var(--fg-3)}.cm-star-icon{color:var(--gold)}.cm-proto-pills{display:flex;gap:6px;flex-wrap:wrap}.cm-proto-pill{background:var(--bg-2);border:1px solid var(--border);border-radius:99px;padding:8px 14px;font-size:13px;cursor:pointer;color:var(--fg-2)}.cm-proto-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}.cm-payments{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.cm-pay-tab{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:12px 8px;font-size:13px;cursor:pointer;color:var(--fg-2);text-align:center;font-weight:600}.cm-pay-tab.active{background:var(--bg-3);color:var(--fg-1);border-color:var(--accent)}.cm-total{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0 12px;border-top:1px solid var(--border);margin-top:14px}.cm-total-label{font-size:13px;color:var(--fg-3)}.cm-total-price{font-size:24px;font-weight:800}.cm-pay-btn{width:100%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);color:#fff;border:0;border-radius:14px;padding:16px;font-size:16px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.cm-pay-btn:disabled{opacity:.5}.country-modal-top-line{width:40px;height:4px;background:var(--bg-3);border-radius:2px;margin:6px auto 12px}.country-modal-title{font-size:18px;font-weight:700;text-align:center;margin-bottom:14px}.country-list{display:flex;flex-direction:column;gap:6px}.country-item{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px;cursor:pointer}.country-item.active{border-color:var(--accent);background:#31a6f514}.country-item-flag{font-size:24px}.country-item-info{flex:1}.country-item-name{font-weight:600}.country-item-address{font-size:11px;color:var(--fg-4);margin-top:2px}.country-item-radio-outer{width:22px;height:22px;border:2px solid var(--border-strong);border-radius:50%;display:flex;align-items:center;justify-content:center}.country-item-radio-inner{width:12px;height:12px;background:var(--accent);border-radius:50%;opacity:0;transition:opacity .15s}.country-item.active .country-item-radio-inner{opacity:1}.country-empty{text-align:center;padding:30px;color:var(--fg-3)}.history-page{display:flex;flex-direction:column;gap:12px;padding:14px;max-width:520px;margin:0 auto;padding-bottom:calc(20px + var(--safe-bottom))}.history-header{display:flex;align-items:center;gap:12px}.history-title{font-size:18px;font-weight:700}.history-group-date{font-size:12px;color:var(--fg-3);padding:8px 4px 4px;text-transform:uppercase;letter-spacing:.4px}.history-group-items{display:flex;flex-direction:column;gap:4px;background:var(--bg-1);border-radius:14px;border:1px solid var(--border);padding:6px}.history-tx{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px}.history-tx-dot{width:38px;height:38px;border-radius:50%;background:var(--bg-3);display:flex;align-items:center;justify-content:center;font-size:17px}.history-tx-dot.positive{background:#29cc6a2e;color:var(--green)}.history-tx-dot.negative{background:#ff88442e;color:var(--red)}.history-tx-info{flex:1}.history-tx-name{font-weight:600;font-size:14px}.history-tx-meta{font-size:12px;color:var(--fg-3);margin-top:1px}.history-tx-amount{font-weight:700}.history-tx-amount.positive{color:var(--green)}.history-tx-amount.negative{color:var(--red)}.history-state{text-align:center;padding:30px;color:var(--fg-3)}.history-state-icon{font-size:36px;opacity:.5;margin-bottom:10px}.em-amount-block{display:flex;flex-direction:column;gap:8px}.em-amount-row{display:flex;align-items:center;gap:8px;background:var(--bg-2);border-radius:14px;padding:14px;border:1px solid var(--border)}.em-amount-input{flex:1;background:transparent;border:0;outline:0;color:var(--fg-1);font-size:24px;font-weight:700}.em-amount-suffix{font-size:18px;color:var(--fg-3)}.em-amount-star{color:var(--gold)}.em-amount-hint{font-size:12px;color:var(--fg-3)}.em-pay-star{background:var(--gold);color:#000;border:0;padding:14px;border-radius:12px;font-weight:700;cursor:pointer}.connect-link{display:flex;align-items:center;gap:14px;padding:14px 16px;margin-bottom:8px;background:var(--bg-2);border:1px solid var(--border);border-radius:14px;color:var(--fg-1);text-decoration:none;cursor:pointer;width:100%;text-align:left;font:inherit;transition:transform .1s,border-color .15s}.connect-link:active{transform:scale(.98)}.connect-link.primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);border-color:transparent;box-shadow:0 6px 20px #31a6f540;color:#fff}.connect-icon{font-size:28px}.connect-text{flex:1}.connect-name{font-weight:700;font-size:16px}.connect-os{font-size:12px;opacity:.75;margin-top:2px}.sub-link-inline{display:block;background:#0000004d;padding:10px;border-radius:10px;font-size:11px;word-break:break-all;font-family:ui-monospace,monospace;margin-bottom:10px;color:var(--fg-2)}.modal-title{font-size:18px;font-weight:700;text-align:center;padding:8px 0}.modal-description{color:var(--fg-3);font-size:13px;text-align:center;padding:8px 0}.modal-button{background:var(--accent);color:#fff;border:0;border-radius:12px;padding:14px;font-weight:700;cursor:pointer}.modal-close-btn{background:transparent;border:0;color:var(--fg-3);cursor:pointer}.row{display:flex;gap:8px}.row>*{flex:1}.spin{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:rotate .8s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}