.tip-dropdown{position:relative;display:inline-block}.tip-trigger{white-space:nowrap;border:none}.tip-trigger:hover{border-color:#f87171;color:#ef4444;background:#fef2f2}.tip-trigger .fa-heart{color:#ef4444;font-size:.8rem}.tip-badge{display:inline-flex;align-items:center;padding:.1rem .45rem;background:#fef2f2;color:#ef4444;border-radius:10px;font-size:.75rem;font-weight:600;margin-left:.15rem}.tip-popover{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(8px);opacity:0;width:280px;padding:1.25rem;background:#fff;border:1px solid var(--gray-200, #e5e7eb);border-radius:12px;box-shadow:0 10px 25px -5px #0000001f,0 4px 10px -3px #0000000f;z-index:1000;transition:opacity .2s ease,transform .2s ease}.tip-popover.is-open{display:block;opacity:1;transform:translate(-50%) translateY(0)}.tip-popover-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#fff;border-right:1px solid var(--gray-200, #e5e7eb);border-bottom:1px solid var(--gray-200, #e5e7eb)}.tip-popover-header{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--gray-900, #111827);margin-bottom:.4rem}.tip-popover-icon{color:#ef4444;font-size:.9rem}.tip-popover-desc{font-size:.8rem;color:var(--gray-500, #6b7280);line-height:1.4;margin:0 0 1rem}.tip-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.75rem}.tip-preset-btn{padding:.5rem 0;border:1px solid var(--gray-200, #e5e7eb);border-radius:8px;background:#fff;font-size:.875rem;font-weight:600;color:var(--gray-700, #374151);cursor:pointer;transition:all .15s ease}.tip-preset-btn:hover{border-color:var(--primary, #2563eb);color:var(--primary, #2563eb);background:#eff6ff}.tip-preset-btn.is-selected{border-color:var(--primary, #2563eb);background:var(--primary, #2563eb);color:#fff}.tip-fee-info{font-size:.75rem;color:var(--gray-500, #6b7280);text-align:center;padding:.35rem 0;margin-bottom:.25rem;line-height:1.4}.tip-fee-info .tip-fee-total{font-weight:600;color:var(--gray-700, #374151)}.tip-custom-row{display:flex;gap:.5rem;margin-bottom:.5rem}.tip-input-wrap{flex:1;position:relative}.tip-input-prefix{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--gray-400, #9ca3af);font-size:.875rem;font-weight:500;pointer-events:none}.tip-custom-input{width:100%;padding:.5rem .65rem .5rem 1.6rem;border:1px solid var(--gray-200, #e5e7eb);border-radius:8px;font-size:.875rem;color:var(--gray-800, #1f2937);outline:none;transition:border-color .15s ease;-moz-appearance:textfield;box-sizing:border-box}.tip-custom-input::-webkit-outer-spin-button,.tip-custom-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tip-custom-input:focus{border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.tip-popover .tip-send-btn{padding:.5rem 1rem;background-color:#2563eb;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap;opacity:1}.tip-popover .tip-send-btn:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 8px #2563eb4d}.tip-popover .tip-send-btn:disabled{background-color:#93c5fd;color:#fff;cursor:not-allowed;opacity:.7}.tip-popover-total{text-align:center;font-size:.75rem;color:var(--gray-400, #9ca3af);padding-top:.5rem;border-top:1px solid var(--gray-100, #f3f4f6)}.tip-dropdown.is-loading .tip-send-btn,.tip-dropdown.is-loading .tip-preset-btn{pointer-events:none;opacity:.5}.stream-live-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem}@media(max-width:768px){.tip-popover{width:260px;padding:1rem}.tip-popover-header{font-size:.9rem}}@media(max-width:480px){.tip-popover{left:0;transform:translateY(8px);right:auto}.tip-popover.is-open{transform:translateY(0)}.tip-popover-arrow{left:2rem}}