.tip-overlay{--tip-accent:#ff3eaa;--tip-accent-strong:#ff1f99;--tip-accent-soft:#ff3eaa2e;--tip-accent-glow:#ff3eaa73;--tip-ink-900:#0a0a0f;--tip-ink-800:#15151c;--tip-ink-700:#1d1d27;--tip-text:#fffffff5;--tip-text-muted:#ffffff9e;--tip-text-faint:#ffffff6b;--tip-hairline:#ffffff14;--tip-hairline-strong:#ffffff29;--tip-success:#3ecf8e;--tip-error:#ff6b81;--tip-radius-panel:20px;--tip-radius-chip:999px;--tip-radius-input:12px;--tip-shadow-panel:0 30px 80px -20px #000000bf, 0 0 0 1px #ffffff0f inset;--tip-ease-out:cubic-bezier(.16, 1, .3, 1);--tip-ease-spring:cubic-bezier(.34, 1.56, .64, 1)}html[data-tenant=kakeytaughtme] .tip-overlay,[data-tenant=kakeytaughtme] .tip-overlay{--tip-accent:var(--ktm-pink-500,#ff4f95);--tip-accent-strong:var(--ktm-pink-400,#ff7bb0);--tip-accent-soft:#ff4f9533;--tip-accent-glow:#ff4f9573;--tip-ink-900:var(--ktm-ink-900,#050005);--tip-ink-800:var(--ktm-ink-800,#0a0008);--tip-ink-700:var(--ktm-ink-700,#140812)}.tip-overlay{z-index:var(--ca-z-tooltip,1070);color:var(--tip-text);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:flex-end;font-family:inherit;display:flex;position:fixed;inset:0}@media (width>=640px){.tip-overlay{align-items:center}}.tip-overlay__backdrop{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);animation:tip-backdrop-in .24s var(--tip-ease-out) both;cursor:pointer;background:radial-gradient(120% 80% at 50% 0,#0000008c 0%,#000000d9 100%);position:absolute;inset:0}@keyframes tip-backdrop-in{0%{opacity:0}to{opacity:1}}.tip-overlay__panel{width:100%;max-width:100vw;max-height:92vh;padding:18px 20px calc(20px + env(safe-area-inset-bottom));background:radial-gradient(120% 100% at 0% 0%, var(--tip-accent-soft) 0%, transparent 55%), linear-gradient(180deg, var(--tip-ink-700) 0%, var(--tip-ink-800) 100%);border-top-left-radius:var(--tip-radius-panel);border-top-right-radius:var(--tip-radius-panel);box-shadow:var(--tip-shadow-panel);border:1px solid var(--tip-hairline);animation:tip-sheet-up .32s var(--tip-ease-out) both;border-bottom:none;border-bottom-right-radius:0;border-bottom-left-radius:0;flex-direction:column;gap:18px;display:flex;position:relative;overflow-y:auto}@keyframes tip-sheet-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@media (width>=640px){.tip-overlay__panel{border-radius:var(--tip-radius-panel);border:1px solid var(--tip-hairline);width:min(440px,100vw - 32px);max-height:88vh;animation:tip-modal-in .28s var(--tip-ease-spring) both;padding:24px 24px 22px}@keyframes tip-modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}}.tip-overlay__handle{background:var(--tip-hairline-strong);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:-4px auto 6px}@media (width>=640px){.tip-overlay__handle{display:none}}.tip-overlay__close{border:1px solid var(--tip-hairline);width:36px;height:36px;color:var(--tip-text-muted);cursor:pointer;transition:background .16s var(--tip-ease-out), color .16s var(--tip-ease-out), border-color .16s var(--tip-ease-out);z-index:2;background:#00000040;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:14px;right:14px}.tip-overlay__close:hover:not(:disabled),.tip-overlay__close:focus-visible{color:var(--tip-text);border-color:var(--tip-hairline-strong);background:#ffffff0f;outline:none}.tip-overlay__close:disabled{opacity:.4;cursor:not-allowed}@media (width>=640px){.tip-overlay__close{top:18px;right:18px}}.tip-overlay__who{align-items:center;gap:14px;padding-right:44px;display:flex}.tip-overlay__avatar{background:radial-gradient(60% 60% at 30% 30%, var(--tip-accent) 0%, var(--tip-accent-strong) 100%);color:#fff;letter-spacing:.02em;width:52px;height:52px;box-shadow:0 0 0 2px #ffffff0f, 0 0 24px var(--tip-accent-glow);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:inline-flex;overflow:hidden}.tip-overlay__avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.tip-overlay__avatar-initials{text-shadow:0 1px 1px #00000059}.tip-overlay__who-text{flex-direction:column;gap:2px;min-width:0;display:flex}.tip-overlay__eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--tip-accent);margin:0;font-size:11px;font-weight:600}.tip-overlay__title{letter-spacing:-.01em;color:var(--tip-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:19px;font-weight:700;line-height:1.2;overflow:hidden}.tip-overlay__context{border:1px solid var(--tip-hairline);background:#00000052;border-radius:14px;align-items:center;gap:12px;padding:10px;display:flex}.tip-overlay__context-thumb{background:var(--tip-ink-900);border:1px solid var(--tip-hairline);border-radius:10px;flex-shrink:0;width:56px;height:56px;overflow:hidden}.tip-overlay__context-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.tip-overlay__context-text{flex-direction:column;gap:2px;min-width:0;display:flex}.tip-overlay__context-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--tip-text-faint);font-size:10.5px;font-weight:600}.tip-overlay__context-title{color:var(--tip-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.tip-overlay__form{flex-direction:column;gap:18px;display:flex}.tip-overlay__amount-zone{border:1px solid var(--tip-hairline);background:linear-gradient(#ffffff06 0%,#fff0 100%),#00000052;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.tip-overlay__amount-display{color:var(--tip-text);font-feature-settings:"tnum" 1;justify-content:center;align-items:baseline;gap:4px;padding:4px 0 2px;display:flex}.tip-overlay__amount-currency{color:var(--tip-text-muted);font-size:20px;font-weight:600;transform:translateY(-8px)}.tip-overlay__amount-value{letter-spacing:-.025em;background:linear-gradient(#fff 0%,#ffffffc7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:40px;font-weight:800;line-height:1}.tip-overlay__section-label{text-transform:uppercase;letter-spacing:.12em;color:var(--tip-text-muted);margin:0;font-size:11.5px;font-weight:600}.tip-overlay__optional{color:var(--tip-text-faint);text-transform:none;letter-spacing:0;margin-left:4px;font-weight:500}.tip-overlay__chips{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}@media (width>=380px){.tip-overlay__chips{grid-template-columns:repeat(6,1fr)}}.tip-overlay__chip{appearance:none;border-radius:var(--tip-radius-chip);border:1px solid var(--tip-hairline-strong);min-height:44px;color:var(--tip-text);letter-spacing:.01em;cursor:pointer;transition:background .18s var(--tip-ease-out), border-color .18s var(--tip-ease-out), color .18s var(--tip-ease-out), transform .12s var(--tip-ease-out), box-shadow .18s var(--tip-ease-out);background:#ffffff08;padding:10px 8px;font-family:inherit;font-size:14px;font-weight:600}.tip-overlay__chip:hover:not(:disabled),.tip-overlay__chip:focus-visible{background:#ffffff12;border-color:#ffffff47;outline:none}.tip-overlay__chip:active:not(:disabled){transform:scale(.97)}.tip-overlay__chip.is-active{background:var(--tip-accent);border-color:var(--tip-accent);color:#0c0c10;box-shadow:0 6px 18px -6px var(--tip-accent-glow), 0 0 0 1px var(--tip-accent-strong)}.tip-overlay__chip:disabled{opacity:.5;cursor:not-allowed}.tip-overlay__chip--custom{letter-spacing:.04em;grid-column:span 3;font-weight:500}@media (width>=380px){.tip-overlay__chip--custom{grid-column:span 1}}.tip-overlay__custom-input{border-radius:var(--tip-radius-input);border:1px solid var(--tip-accent);box-shadow:0 0 0 4px var(--tip-accent-soft);transition:box-shadow .2s var(--tip-ease-out);animation:tip-custom-in .2s var(--tip-ease-out) both;background:#00000073;align-items:center;display:flex;position:relative}@keyframes tip-custom-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tip-overlay__custom-prefix{color:var(--tip-text-muted);padding-left:14px;font-size:18px;font-weight:600}.tip-overlay__custom-field{appearance:none;color:var(--tip-text);font-feature-settings:"tnum" 1;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:12px 14px 12px 4px;font-family:inherit;font-size:18px;font-weight:600}.tip-overlay__custom-field::placeholder{color:var(--tip-text-faint);font-weight:500}.tip-overlay__custom-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tip-overlay__custom-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tip-overlay__note-zone{flex-direction:column;gap:8px;display:flex}.tip-overlay__note{resize:vertical;border-radius:var(--tip-radius-input);border:1px solid var(--tip-hairline-strong);width:100%;min-height:64px;color:var(--tip-text);transition:border-color .18s var(--tip-ease-out), box-shadow .18s var(--tip-ease-out);background:#00000052;padding:12px 14px;font-family:inherit;font-size:16px;line-height:1.4}.tip-overlay__note::placeholder{color:var(--tip-text-faint)}.tip-overlay__note:focus{border-color:var(--tip-accent);box-shadow:0 0 0 4px var(--tip-accent-soft);outline:none}.tip-overlay__note:disabled{opacity:.6;cursor:not-allowed}.tip-overlay__error{color:var(--tip-error);background:#ff6b8114;border:1px solid #ff6b8147;border-radius:10px;margin:-4px 0;padding:10px 12px;font-size:13px}.tip-overlay__actions{align-items:stretch;gap:10px;display:flex}.tip-overlay__btn{appearance:none;cursor:pointer;min-height:48px;transition:background .2s var(--tip-ease-out), color .2s var(--tip-ease-out), border-color .2s var(--tip-ease-out), box-shadow .2s var(--tip-ease-out), transform .12s var(--tip-ease-out);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-family:inherit;font-size:15px;font-weight:600;display:inline-flex}.tip-overlay__btn:disabled{cursor:not-allowed}.tip-overlay__btn--ghost{border-color:var(--tip-hairline-strong);color:var(--tip-text-muted);background:0 0;flex:none}.tip-overlay__btn--ghost:hover:not(:disabled),.tip-overlay__btn--ghost:focus-visible{color:var(--tip-text);background:#ffffff0d;border-color:#ffffff47;outline:none}.tip-overlay__btn--primary{background:var(--tip-accent);color:#0c0c10;box-shadow:0 10px 24px -10px var(--tip-accent-glow), 0 0 0 1px var(--tip-accent-strong) inset;flex:auto}.tip-overlay__btn--primary:hover:not(:disabled),.tip-overlay__btn--primary:focus-visible{background:var(--tip-accent-strong);box-shadow:0 14px 28px -10px var(--tip-accent-glow), 0 0 0 1px var(--tip-accent-strong) inset;outline:none;transform:translateY(-1px)}.tip-overlay__btn--primary:active:not(:disabled){transform:translateY(0)}.tip-overlay__btn--primary:disabled{opacity:.55;box-shadow:none}.tip-overlay__btn--primary[data-status=success]{background:var(--tip-success);color:#0c0c10;animation:tip-success-pulse .6s var(--tip-ease-spring);opacity:1;box-shadow:0 10px 24px -10px #3ecf8e8c,inset 0 0 0 1px #3ecf8e99}@keyframes tip-success-pulse{0%{transform:scale(1)}40%{transform:scale(1.04)}to{transform:scale(1)}}.tip-overlay__check{animation:tip-check-in .4s var(--tip-ease-spring)}@keyframes tip-check-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.tip-overlay__spinner{border:2px solid;border-top-color:#0000;border-radius:999px;width:14px;height:14px;animation:.72s linear infinite tip-spin}@keyframes tip-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.tip-overlay__backdrop,.tip-overlay__panel,.tip-overlay__custom-input,.tip-overlay__btn--primary[data-status=success],.tip-overlay__check,.tip-overlay__spinner{animation:none!important}.tip-overlay__btn--primary:hover:not(:disabled),.tip-overlay__chip:active:not(:disabled){transform:none}}