:root{--color-background:#f5f8f5;--color-surface:#fff;--color-border:#dce7dd;--color-primary:#34d96b;--color-primary-hover:#2cc560;--color-text:#1f2937;--color-text-secondary:#4b5563;--color-text-muted:#94a3b8;--color-success:#22c55e;--color-error:#ef4444;--radius-input:12px;--radius-card:16px;--radius-modal:20px;--transition-fast:.15s ease}*{box-sizing:border-box}html{font-family:Inter,sans-serif}body{color:var(--color-text);background:linear-gradient(#fbfefb 0%,#f2f8f2 100%);margin:0;font-family:inherit}button,input,textarea,select{font:inherit}.content{flex-direction:column;gap:32px;display:flex}.content aside,.content section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);flex:1;padding:24px}.content aside{order:2}.content section{order:1}@media (width>=900px){.content{flex-direction:row;align-items:flex-start}.content aside{order:1}.content section{order:2}}.support-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);align-items:center;gap:16px;margin-top:32px;margin-bottom:28px;padding:24px;display:flex}.support-header-icon{object-fit:contain;flex-shrink:0;width:64px;height:64px}.support-header p{color:var(--color-text);text-align:left;margin:0;font-size:22px;font-weight:600;line-height:1.5}@media (width<=480px){.support-header{gap:12px;padding:20px}.support-header-icon{width:52px;height:52px}.support-header p{font-size:18px}}.support-form{border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff;padding:28px;box-shadow:0 4px 18px #0f172a0d}.support-form h2{color:var(--color-text);margin:0 0 24px;font-size:26px;font-weight:700}.coffee-option{background:var(--color-surface);width:100%;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-input);cursor:pointer;transition:var(--transition-fast);text-align:left;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px 20px;display:flex}.coffee-option:hover{border-color:var(--color-primary)}.coffee-option.selected{border:2px solid var(--color-primary);background:#f59e0b1f}.coffee-option-left{align-items:center;gap:12px;display:flex;font-size:28px!important}.coffee-icons{align-items:center;gap:4px;line-height:1;display:flex}.coffee-icons img{object-fit:contain;width:28px;height:28px;display:block}.coffee-option-left span:first-child{font-size:22px}.coffee-option-left span:last-child:not(:only-child){font-size:16px;font-weight:500}.coffee-option-price{color:var(--color-text);font-size:16px;font-weight:600}.coffee-option.field-error{border-color:#dc2626}.custom-amount{margin-bottom:20px}.custom-amount input{width:100%;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-input);transition:var(--transition-fast);background:#f5f6f8;padding:12px 16px}.custom-amount input:focus{border-color:var(--color-primary);background:#fff;outline:none}.custom-amount input::placeholder{color:var(--color-text-muted)}.custom-amount .field-error-input,.custom-amount .field-error-input:focus{border-color:#dc2626}.custom-amount .field-error-message{color:#dc2626;margin:8px 0 0;font-size:13px;font-weight:500}.identity-selector{margin-top:24px}.identity-selector h3{margin-bottom:16px}.identity-selector .field-error-heading{color:#dc2626}.identity-selector label{color:var(--color-text);align-items:center;gap:8px;margin-bottom:12px;transition:color .2s;display:flex}.identity-selector input[type=radio]{margin:0}.identity-selector input[type=text],.identity-selector select{width:100%;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-input);transition:var(--transition-fast);background:#f5f6f8;margin-top:8px;margin-bottom:16px;padding:12px 16px}.identity-selector input[type=text]:focus,.identity-selector select:focus{border-color:var(--color-primary);background:#fff;outline:none}.identity-selector input[type=text]::placeholder{color:#8b95a7}.field-error-label{color:#dc2626!important}.field-error-input,.field-error-input:focus{border-color:#dc2626!important}.field-error-message{color:#dc2626;margin-top:-8px;margin-bottom:16px;font-size:13px;font-weight:500}.identity-type-error{margin-top:-8px}._container_r3lj7_1{margin-left:8px;display:inline-block;position:relative}._button_r3lj7_7{border:1px solid var(--color-border);background:var(--color-surface);width:24px;height:24px;color:var(--color-text-secondary);cursor:pointer;transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}._button_r3lj7_7:hover{border-color:var(--color-primary);color:var(--color-primary)}._tooltip_r3lj7_31{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);width:360px;max-width:min(360px,90vw);color:var(--color-text-secondary);z-index:1000;padding:16px;font-size:14px;line-height:1.6;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}._tooltip_r3lj7_31 strong{color:var(--color-text)}.message-field{margin-top:24px}.message-field label{color:var(--color-text);margin-bottom:8px;display:block}.message-field textarea{resize:vertical;width:100%;min-height:120px;color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-input);transition:var(--transition-fast);background:#f5f6f8;padding:12px 16px}.message-field textarea:focus{border-color:var(--color-primary);background:#fff;outline:none}.message-field textarea::placeholder{color:var(--color-text-muted)}.message-counter{text-align:right;color:var(--color-text-muted);margin-top:8px;font-size:14px}.support-button{border-radius:var(--radius-input);background:var(--color-primary);color:#fff;letter-spacing:.02em;cursor:pointer;width:100%;transition:var(--transition-fast);border:none;margin-top:24px;padding:16px 20px;font-size:21px;font-weight:700;box-shadow:0 8px 20px #34d96b40}.support-button:hover:not(:disabled){background:var(--color-primary-hover)}.support-card{padding:18px 0}.support-card:not(:last-child){border-bottom:1px solid var(--color-border)}.support-card-name{color:var(--color-text);margin:0;font-size:17px;font-weight:600}.support-card-support{align-items:center;gap:8px;margin-top:10px;font-size:22px;line-height:1;display:flex}.support-card-support span{font-size:16px;font-weight:500}.support-card-message{color:var(--color-text-secondary);margin:14px 0 0;font-size:15px;line-height:1.6}