:root{--bg-start: #f7f7f9;--bg-end: #e7e7ec;--surface: #ffffff;--surface-alt: #f1f1f4;--surface-alt-hover: #e9e9ee;--border: rgba(15, 15, 20, .08);--text: #17171a;--text-hint: #85858f;--black-grad-start: #3a3a40;--black-grad-end: #060607;--danger: #d64550;--success: #1f9d55;--shadow: 0 10px 28px rgba(15, 15, 20, .08);--ring: rgba(15, 15, 20, .18)}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,var(--bg-start) 0%,var(--bg-end) 100%);background-attachment:fixed;color:var(--text)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:16px 16px 88px}.card{width:100%;max-width:420px;background:var(--surface);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow);border:1px solid var(--border)}@keyframes screen-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.screen-transition{width:100%;display:flex;justify-content:center;animation:screen-fade-in .32s cubic-bezier(.2,.7,.3,1)}h1{margin:0;font-size:22px;color:var(--text)}.subtitle{margin:0 0 8px;color:var(--text-hint);font-size:14px;line-height:1.4}.hint{margin:0;font-size:13px;color:var(--text-hint)}.hint-error{color:var(--danger)}.btn{border-radius:14px;padding:14px;font-size:15px;font-weight:600;background:var(--surface-alt);color:var(--text);border:1px solid var(--border);cursor:pointer;transition:transform .15s cubic-bezier(.2,.7,.3,1),background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.btn:hover{background:var(--surface-alt-hover);border-color:#0f0f1429;transform:translateY(-1px);box-shadow:0 6px 16px #0f0f1414}.btn:active{transform:scale(.97) translateY(0);box-shadow:none}.btn:focus-visible{outline:none;border-color:#0f0f144d;box-shadow:0 0 0 3px var(--ring)}.btn:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}.btn-primary{background:linear-gradient(135deg,var(--black-grad-start),var(--black-grad-end));color:#fff;border:1px solid transparent;box-shadow:0 8px 20px #0a0a0c47}.btn-primary:hover{filter:brightness(1.15);background:linear-gradient(135deg,var(--black-grad-start),var(--black-grad-end));border-color:transparent;box-shadow:0 10px 24px #0a0a0c57;transform:translateY(-2px)}.btn-primary:active{transform:scale(.97) translateY(0);filter:brightness(.95)}.btn-primary:focus-visible{box-shadow:0 0 0 3px #0a0a0c40}.row{display:flex;gap:12px}.row .btn{flex:1}.wallet-row{display:flex;align-items:center;justify-content:space-between;background:var(--surface-alt);border-radius:14px;padding:10px 14px;margin-bottom:4px;border:1px solid var(--border)}.wallet-balance{font-size:18px;font-weight:700;color:var(--text)}.btn-small{padding:8px 16px;font-size:13px;width:auto;background:linear-gradient(135deg,var(--black-grad-start),var(--black-grad-end));color:#fff;border:1px solid transparent;box-shadow:0 4px 12px #0a0a0c33}.amount-chip{padding:8px 4px;font-size:12px}.btn-small:hover{background:linear-gradient(135deg,var(--black-grad-start),var(--black-grad-end));border-color:transparent;filter:brightness(1.15);box-shadow:0 6px 16px #0a0a0c42;transform:translateY(-1px)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--surface);border-top:1px solid var(--border);padding:8px 4px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 24px #0f0f140d;z-index:10}.bottom-nav-indicator{position:absolute;top:6px;bottom:calc(6px + env(safe-area-inset-bottom,0px));left:0;width:25%;background:var(--surface-alt);border:1px solid var(--border);border-radius:12px;transition:transform .32s cubic-bezier(.2,.7,.3,1);z-index:0}.bottom-nav-item{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--text-hint);font-size:11px;padding:4px;cursor:pointer;transition:color .2s ease}.bottom-nav-icon{font-size:18px;line-height:1;filter:grayscale(1) opacity(.65);transition:filter .2s ease,transform .25s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-item:active .bottom-nav-icon{transform:scale(.85)}.bottom-nav-item-active{color:var(--text);font-weight:700}.bottom-nav-item-active .bottom-nav-icon{filter:none;transform:scale(1.12)}.profile-card{gap:16px}.profile-header{display:flex;align-items:center;gap:12px}.profile-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--black-grad-start),var(--black-grad-end));color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex-shrink:0;box-shadow:0 6px 16px #0a0a0c40}.profile-name{font-size:17px;font-weight:700;color:var(--text)}.profile-username{font-size:13px;color:var(--text-hint)}.profile-info{display:flex;flex-direction:column;gap:8px;background:var(--surface-alt);border-radius:14px;padding:12px 14px;border:1px solid var(--border)}.profile-info-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--text)}.profile-info-row-clickable{cursor:pointer}.profile-email-empty{color:var(--danger)}.email-form{display:flex;flex-direction:column;gap:8px}.input{width:100%;border-radius:14px;padding:12px 14px;font-size:15px;background:var(--surface-alt);color:var(--text);border:1px solid var(--border);transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--text-hint)}.input:focus-visible{outline:none;border-color:#0f0f144d;box-shadow:0 0 0 3px var(--ring)}.input:disabled{opacity:.6}.profile-tile{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.profile-list-row{display:flex;align-items:center;justify-content:space-between;text-align:left}.profile-history{display:flex;flex-direction:column;gap:8px;background:var(--surface-alt);border-radius:14px;padding:12px 14px;margin-top:-8px;border:1px solid var(--border)}.profile-history-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--text)}.tx-amount-positive{color:var(--success);font-weight:700}.tx-amount-negative{color:var(--danger);font-weight:700}.doc-chip-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:2px 2px 4px;margin-top:-8px}.help-chip-row{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-chip{width:100%;min-width:0;white-space:normal;line-height:1.25;text-align:center;padding:10px 6px;border-radius:14px;font-size:12px}.doc-chip-active{background:linear-gradient(135deg,var(--black-grad-start),var(--black-grad-end));color:#fff;border-color:transparent;box-shadow:0 6px 16px #0a0a0c38}.doc-text-panel{display:flex;flex-direction:column;gap:8px;background:var(--surface-alt);border-radius:14px;padding:12px 14px;border:1px solid var(--border)}.doc-text-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.doc-text-title{font-size:14px;font-weight:700;color:var(--text)}.doc-text-close{width:28px;height:28px;border-radius:8px;font-size:13px;flex-shrink:0}.doc-text-body{max-height:320px;overflow-y:auto;white-space:pre-wrap;font-size:12.5px;line-height:1.5;color:var(--text);padding-right:4px}.screen-header{display:flex;align-items:center;gap:12px}.screen-header h1{margin:0}.btn-icon{width:40px;height:40px;padding:0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.plans-group{display:flex;flex-direction:column;gap:10px}.plan-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left}.plan-duration{font-size:13px;color:var(--text-hint);font-weight:600}.plan-price{display:flex;align-items:baseline;gap:8px;font-size:18px;font-weight:700;color:var(--text)}.plan-price-old{font-size:14px;font-weight:500;color:var(--text-hint);text-decoration:line-through}.plan-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-hint)}.plan-badge{background:linear-gradient(135deg,var(--black-grad-start),var(--black-grad-end));color:#fff;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.bonus-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bonus-stat{display:flex;flex-direction:column;gap:2px;background:var(--surface-alt);border-radius:14px;padding:12px 14px;border:1px solid var(--border)}.bonus-stat-value{font-size:20px;font-weight:700;color:var(--text)}.bonus-link-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface-alt);border-radius:14px;padding:12px 14px;border:1px solid var(--border);cursor:pointer}.bonus-link-text{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}