:root{--tip-rose:#e0457b;--tip-rose-deep:#c8336a;--tip-rose-soft:#fbe7ee;--tip-ink:#2b2630;--tip-muted:#8a8190;--tip-line:#efe7ec;--tip-paper:#fffdfb}.tip-card{position:relative;max-width:420px;margin:0 auto;padding:30px 26px 22px;border-radius:22px;background:radial-gradient(120% 80% at 50% -10%,#fff5f1 0,var(--tip-paper) 55%);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 0 0 1px rgba(224,69,123,.07);text-align:center;color:var(--tip-ink);overflow:hidden;-webkit-font-smoothing:antialiased}.tip-card.is-compact{padding:26px 22px 18px;border-radius:20px}.tip-halo{position:absolute;top:-70px;left:50%;width:240px;height:200px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(224,69,123,.18),transparent 70%);pointer-events:none;filter:blur(6px)}.tip-heart-badge{position:relative;width:60px;height:60px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(155deg,#fff 0,var(--tip-rose-soft) 100%);box-shadow:0 6px 18px rgba(224,69,123,.22),0 0 0 1px rgba(224,69,123,.1)}.tip-heart{width:30px;height:30px;color:var(--tip-rose);filter:drop-shadow(0 2px 3px rgba(224,69,123,.35));animation:tip-heartbeat-soft 3.2s ease-in-out infinite;transform-origin:center}@keyframes tip-heartbeat-soft{0%,to{transform:scale(1)}14%{transform:scale(1.12)}28%{transform:scale(1)}42%{transform:scale(1.07)}56%{transform:scale(1)}}.tip-spark{position:absolute;fill:#fff;filter:drop-shadow(0 0 3px rgba(255,150,195,.9));opacity:0;pointer-events:none}.tip-spark-1{width:12px;height:12px;top:-3px;right:-1px;animation:tip-twinkle 2.8s ease-in-out infinite}.tip-spark-2{width:8px;height:8px;bottom:1px;left:-2px;animation:tip-twinkle 2.8s ease-in-out 1.4s infinite}@keyframes tip-twinkle{0%,to{opacity:0;transform:scale(.3) rotate(0deg)}45%,55%{opacity:1;transform:scale(1) rotate(25deg)}}.tip-card,.tip-modal{scrollbar-width:thin;scrollbar-color:rgba(224,69,123,.38) transparent}.tip-card::-webkit-scrollbar,.tip-modal::-webkit-scrollbar{width:8px;height:8px}.tip-card::-webkit-scrollbar-track,.tip-modal::-webkit-scrollbar-track{background:transparent;margin:10px 0}.tip-card::-webkit-scrollbar-thumb,.tip-modal::-webkit-scrollbar-thumb{background:rgba(224,69,123,.32);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.tip-card::-webkit-scrollbar-thumb:hover,.tip-modal::-webkit-scrollbar-thumb:hover{background:rgba(224,69,123,.55);background-clip:padding-box}.tip-title{margin:0 0 10px;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--tip-ink)}.tip-note{margin:0 auto 6px;max-width:340px;font-size:13.5px;line-height:1.62;color:#5f5866}.tip-sign{margin:0 0 18px;font-size:13px;font-weight:700;font-style:italic;color:var(--tip-rose-deep)}.tip-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.tip-chip{appearance:none;border:1.5px solid var(--tip-line);background:#fff;border-radius:12px;padding:11px 4px;font-size:15px;font-weight:700;color:var(--tip-ink);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .12s ease,box-shadow .15s ease}.tip-chip:hover{border-color:rgba(224,69,123,.4);transform:translateY(-1px)}.tip-chip.is-active{border-color:var(--tip-rose);background:var(--tip-rose-soft);color:var(--tip-rose-deep);box-shadow:0 4px 12px rgba(224,69,123,.18)}.tip-chip-custom{display:inline-flex;align-items:center;gap:1px;padding:0 10px}.tip-chip-custom .tip-custom-prefix{color:var(--tip-muted);font-weight:700}.tip-chip-custom input{width:100%;border:0;background:transparent;font-size:15px;font-weight:700;color:var(--tip-ink);outline:none;text-align:center;-moz-appearance:textfield}.tip-chip-custom input::-webkit-inner-spin-button,.tip-chip-custom input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tip-fee,.tip-wall-optin{display:flex;align-items:flex-start;gap:8px;text-align:left;font-size:12.5px;line-height:1.4;color:#6b6470;cursor:pointer;user-select:none}.tip-fee{margin-bottom:14px}.tip-fee input,.tip-wall-optin input{margin:1px 0 0;width:15px;height:15px;accent-color:var(--tip-rose);flex:0 0 auto;cursor:pointer}.tip-wall-optin.is-disabled{opacity:.5;cursor:default}.tip-personal{display:flex;flex-direction:column;gap:9px;margin-bottom:14px}.tip-input{width:100%;border:1.5px solid var(--tip-line);border-radius:12px;padding:11px 13px;font-size:13.5px;font-family:inherit;color:var(--tip-ink);background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.tip-input::placeholder{color:#b3acb8}.tip-input:focus{border-color:var(--tip-rose);box-shadow:0 0 0 3px rgba(224,69,123,.12)}.tip-textarea{resize:vertical;min-height:44px;line-height:1.5}.tip-proof{display:inline-flex;align-items:center;gap:7px;margin:0 0 14px;font-size:12.5px;font-weight:600;color:var(--tip-rose-deep)}.tip-proof-dot{width:7px;height:7px;border-radius:50%;background:var(--tip-rose);box-shadow:0 0 0 3px rgba(224,69,123,.18);animation:tip-pulse-dot 2s ease-in-out infinite}@keyframes tip-pulse-dot{0%,to{opacity:1}50%{opacity:.45}}.tip-error{margin:0 0 12px;font-size:12.5px;color:#d63d4f}.tip-go{position:relative;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:14px 18px;font-size:15.5px;font-weight:800;color:#fff;cursor:pointer;background:linear-gradient(135deg,#ec5b94 0,var(--tip-rose) 55%,var(--tip-rose-deep) 100%);box-shadow:0 8px 22px rgba(224,69,123,.34);transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;overflow:hidden}.tip-go:hover:not(:disabled){transform:translateY(-1.5px);box-shadow:0 12px 28px rgba(224,69,123,.42)}.tip-go:active:not(:disabled){transform:translateY(0) scale(.99)}.tip-go:disabled{opacity:.55;cursor:default}.tip-go.is-busy{cursor:progress}.tip-go-heart{width:18px;height:18px;color:#fff}.tip-paypal{width:100%;margin-top:9px;border:0;background:none;font-size:13px;font-weight:600;color:#6b6470;cursor:pointer;padding:7px;border-radius:10px;transition:color .15s ease,background .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:7px}.tip-paypal:hover:not(:disabled){color:var(--tip-ink);background:#f7f3f5}.tip-paypal:disabled{opacity:.5;cursor:default}.tip-later{width:100%;margin-top:4px;border:0;background:none;font-size:12.5px;color:var(--tip-muted);cursor:pointer;padding:8px}.tip-later:hover:not(:disabled){color:#6b6470;text-decoration:underline}.tip-spin{animation:tip-spin .7s linear infinite}@keyframes tip-spin{to{transform:rotate(1turn)}}.tip-fab-wrap{position:fixed;right:calc(env(safe-area-inset-right, 0px) + 20px);bottom:calc(env(safe-area-inset-bottom, 0px) + 84px);z-index:8000}[dir=rtl] .tip-fab-wrap{right:auto;left:calc(env(safe-area-inset-left, 0px) + 20px)}.tip-fab{display:inline-flex;align-items:center;height:52px;padding:0 16px;border:0;border-radius:999px;background:#fff;cursor:pointer;box-shadow:0 8px 26px rgba(224,69,123,.28),0 2px 7px rgba(0,0,0,.1);transition:transform .18s ease,box-shadow .18s ease;will-change:transform}.tip-fab:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(224,69,123,.36)}.tip-fab:active{transform:translateY(0) scale(.98)}.tip-fab-heart{width:26px;height:26px;color:var(--tip-rose);flex:0 0 auto;transform-origin:center}.tip-fab-label{max-width:0;margin-left:0;overflow:hidden;white-space:nowrap;opacity:0;font-size:14px;font-weight:700;color:var(--tip-ink);transition:max-width .3s ease,opacity .22s ease,margin-left .3s ease}.tip-fab-wrap.is-peeking .tip-fab-label,.tip-fab:focus-visible .tip-fab-label,.tip-fab:hover .tip-fab-label{max-width:160px;opacity:1;margin-left:9px}.tip-fab-wrap.is-beating .tip-fab-heart{animation:tip-fab-beat 1.2s ease-in-out}@keyframes tip-fab-beat{0%{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.13)}56%{transform:scale(1)}to{transform:scale(1)}}.tip-fab-x{position:absolute;top:-6px;right:-4px;width:19px;height:19px;border:0;border-radius:50%;background:#fff;color:#b3acb8;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.16);opacity:0;transform:scale(.8);transition:opacity .15s ease,transform .15s ease,color .15s ease}.tip-fab-wrap:hover .tip-fab-x{opacity:1;transform:scale(1)}.tip-fab-x:hover{color:#6b6470}.tip-modal-backdrop{position:fixed;inset:0;z-index:9500;background:rgba(33,24,33,.46);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;animation:tip-fade .18s ease}@keyframes tip-fade{0%{opacity:0}to{opacity:1}}.tip-modal{position:relative;width:100%;max-width:420px;max-height:92vh;overflow-y:auto;border-radius:22px;animation:tip-rise .22s cubic-bezier(.2,.9,.3,1)}@keyframes tip-rise{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.tip-modal .tip-card{box-shadow:0 30px 70px -20px rgba(33,24,33,.5),0 0 0 1px rgba(224,69,123,.08)}.tip-card[dir=rtl],.tip-card[dir=rtl] button,.tip-card[dir=rtl] input,.tip-card[dir=rtl] textarea{font-family:Readex Pro,Cairo,Noto Naskh Arabic,system-ui,sans-serif}.tip-modal-x{position:absolute;top:12px;right:12px;z-index:2;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.85);color:var(--tip-muted);display:grid;place-items:center;cursor:pointer;transition:background .15s ease,color .15s ease}.tip-modal-x:hover{background:#fff;color:var(--tip-ink)}@media (max-width:640px){.tip-fab-wrap{display:none}}@media (prefers-reduced-motion:reduce){.tip-fab-wrap.is-beating .tip-fab-heart,.tip-heart,.tip-proof-dot{animation:none!important}.tip-chip,.tip-fab,.tip-go{transition:none}.tip-modal,.tip-modal-backdrop{animation:none}}