.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);box-sizing:border-box;padding:var(--spacing-md) var(--spacing-xl);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.2;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),transform var(--transition-press)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:not(:disabled):active{transform:translateY(1px)}.btn.loading{cursor:progress}.btn-primary{background-color:var(--accent-yellow);color:var(--bg-primary)}.btn-primary:not(:disabled):hover{background-color:var(--accent-yellow-hover)}.btn-secondary{background-color:var(--bg-control);border-color:var(--border-default);color:var(--text-primary)}.btn-secondary:not(:disabled):hover{background-color:var(--bg-floating);border-color:var(--border-hover)}.btn-success{background-color:var(--success);color:var(--bg-primary)}.btn-warning{background-color:var(--warning);color:var(--bg-primary)}.btn-success:not(:disabled):hover,.btn-warning:not(:disabled):hover{filter:brightness(1.08)}.btn-outline{background-color:transparent;border-color:var(--accent-yellow);color:var(--accent-yellow)}.btn-outline:not(:disabled):hover{background-color:var(--accent-wash)}.card{box-sizing:border-box;padding:var(--spacing-xl);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);margin:var(--spacing-lg) 0}.spinner{vertical-align:middle}.pbtn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);box-sizing:border-box;padding:16px 24px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),filter var(--transition-base),transform var(--transition-press)}.pbtn-full{width:100%}.pbtn:disabled{opacity:.6;cursor:not-allowed}.pbtn:not(:disabled):active{transform:translateY(1px)}.pbtn-yellow{background-color:var(--accent-yellow);color:var(--bg-primary)}.pbtn-yellow:not(:disabled):hover{background-color:var(--accent-yellow-hover)}.pbtn-gradient{background:var(--gradient-gold);color:var(--bg-primary)}.pbtn-gradient:not(:disabled):hover{filter:brightness(1.06)}.pbtn-gradient-border{padding:15px 23px;background-color:var(--accent-wash);border:1px solid var(--accent-yellow);color:var(--text-primary)}.pbtn-gradient-border:not(:disabled):hover{border-color:var(--accent-yellow-hover)}.pbtn-outline{padding:14px 22px;background-color:transparent;border:2px solid var(--accent-yellow);color:var(--accent-yellow)}.pbtn-outline:not(:disabled):hover{background-color:var(--accent-wash)}.pbtn-ghost{background-color:var(--bg-tertiary);color:var(--text-primary)}.pbtn-ghost:not(:disabled):hover{background-color:var(--bg-secondary)}.pbtn-text-yellow{background-color:transparent;color:var(--accent-yellow)}.pbtn-text-yellow:not(:disabled):hover{color:var(--accent-yellow-hover)}.pbtn-content{display:flex;align-items:center;gap:var(--spacing-sm)}.pbtn-icon{width:20px;height:20px}.coin-package{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-lg);box-sizing:border-box;width:100%;padding:var(--spacing-lg);text-align:left;background-color:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-press)}.coin-package:hover{border-color:var(--border-hover)}.coin-package:active{transform:translateY(1px)}.coin-package:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.coin-package-selected,.coin-package-selected:hover{border-color:var(--accent-yellow);box-shadow:0 0 0 1px var(--accent-yellow),var(--glow)}.coin-package-badge{position:absolute;top:-10px;right:var(--spacing-lg);padding:2px 10px;background-color:var(--accent-yellow);color:var(--bg-primary);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;border-radius:var(--radius-full);text-transform:uppercase}.coin-package-amount{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.coin-package-info{min-width:0;max-width:100%;overflow-wrap:anywhere}.coin-package-description{display:block;font-size:var(--font-size-xs);color:var(--text-secondary)}.coin-package-price{flex-shrink:0;font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);max-width:100%;overflow-wrap:anywhere;margin-left:auto;text-align:right}.coin-package-selected .coin-package-price{color:var(--accent-yellow);font-weight:var(--font-weight-semibold)}.avatar{box-sizing:border-box;flex-shrink:0;border-radius:50%;object-fit:cover}.avatar--initials{display:flex;align-items:center;justify-content:center;background-color:var(--bg-floating);border:1px solid var(--border-default);color:var(--text-primary);font-weight:var(--font-weight-semibold);-webkit-user-select:none;user-select:none}.state-panel{box-sizing:border-box;--state-color: var(--danger);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);max-width:var(--width-reading);min-width:0;margin:var(--spacing-lg) auto;padding:var(--spacing-xl);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);text-align:center;overflow-wrap:anywhere}.state-panel-warning{--state-color: var(--warning)}.state-panel-icon{display:grid;place-items:center;width:48px;height:48px;color:var(--state-color);line-height:0}.state-panel-title{margin:0;max-width:40ch;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:1.4}.state-panel-message{margin:0;max-width:48ch;font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.5}.state-panel-action{margin-top:var(--spacing-sm);min-height:44px;max-width:100%}.state-panel-compact{border:0;background:transparent;padding:var(--spacing-lg) 0;margin:0}
