.k-stage{justify-content:center;padding:20px 0;display:flex;position:relative}.k-phone{background:linear-gradient(145deg,#3a3354 0%,#1c1829 30%,#2b2542 55%,#13111c 100%);border-radius:54px;flex-direction:column;width:340px;height:640px;padding:12px;display:flex;position:relative;transform:rotate(-2.5deg);box-shadow:inset 0 0 0 1px #ffffff24,inset 0 -3px 8px #0006,0 50px 80px -40px #6d28d999,0 30px 50px -30px #000000b3}.k-sheen{z-index:3;pointer-events:none;background:linear-gradient(118deg,#ffffff1f 0%,#0000 32% 70%,#ffffff0d 100%);border-radius:43px;position:absolute;inset:12px}.k-head{z-index:2;background:#13111ceb;border-bottom:1px solid #ffffff14;border-radius:43px 43px 0 0;align-items:center;gap:11px;padding:26px 18px 14px;display:flex;position:relative}.k-head strong{color:#fff;font-size:15px;line-height:1.2;display:block}.k-head small{color:#a855f7;white-space:nowrap;font-size:12px}.k-avatar{color:#fff;background:linear-gradient(135deg,#6d28d9,#a855f7);border-radius:50%;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 1px #ffffff59}.k-thread{background:radial-gradient(circle at 20% 10%,#6d28d929,#0000 40%),radial-gradient(circle at 90% 80%,#a855f71a,#0000 45%),#0e0c15;flex-direction:column;flex:1;gap:7px;padding:14px 12px;font-size:13.5px;line-height:1.4;display:flex;overflow:hidden}.k-day{color:#94a3b8;background:#ffffff12;border-radius:8px;align-self:center;margin:0 0 4px;padding:3px 10px;font-size:11px}.k-msg{border-radius:14px;flex:none;max-width:84%;padding:7px 10px;position:relative;box-shadow:0 1px 1px #0000004d}.k-me{color:#fff;background:#3b1f78;border-bottom-right-radius:5px;align-self:flex-end}.k-bot{color:#e2e8f0;background:#1c1829;border-bottom-left-radius:5px;align-self:flex-start}.k-ticks{letter-spacing:-2px;color:#c4b5fd;margin-left:6px;font-size:10px}.k-me-photo{width:84%;padding:4px}.k-photo,.k-draft-img{border-radius:10px;width:100%;height:auto;display:block}.k-draft-img{aspect-ratio:16/10;object-fit:cover;object-position:60% 50%}.k-photo-text{padding:6px 6px 3px;display:block}.k-command{letter-spacing:.06em;background:linear-gradient(#c084fc 0%,#a855f7 45%,#6d28d9 100%);padding:9px 14px;font-size:13px;font-weight:700;box-shadow:inset 0 1px #ffffff80,0 8px 18px -8px #a855f7e6}.k-command .k-ticks{color:#f3e8ff}.k-draft{width:84%;padding:4px}.k-draft-body{padding:7px 6px 4px}.k-draft-body p{margin:3px 0 6px}.k-draft-tag{color:#a855f7;font-size:11px;font-weight:600}.k-hash{color:#c4b5fd}.k-draft-hint{color:#94a3b8;font-size:11px;display:block}.k-typing{gap:4px;padding:11px 13px;display:inline-flex}.k-typing i{background:#64748b;border-radius:50%;width:6px;height:6px}.k-composer{z-index:2;background:#0e0c15;border-radius:0 0 43px 43px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 18px;display:flex;position:relative}.k-composer>span:first-child{color:#64748b;background:#1c1829;border-radius:999px;flex:1;padding:9px 14px;font-size:13px}.k-send{color:#fff;background:linear-gradient(#a855f7,#6d28d9);border-radius:50%;place-items:center;width:36px;height:36px;display:grid;box-shadow:inset 0 1px #fff6}.k-toast{z-index:4;white-space:nowrap;opacity:0;background:#1c1829c7;border:1px solid #ffffff1f;border-radius:18px;align-items:center;gap:11px;padding:11px 16px 11px 11px;transition:opacity .45s,transform .55s cubic-bezier(.2,.9,.3,1.3);display:flex;position:absolute;transform:translateY(14px)scale(.94);box-shadow:0 24px 40px -22px #000c,inset 0 1px #ffffff1a}.k-toast strong{color:#fff;font-size:14px;line-height:1.2;display:block}.k-toast small{color:#94a3b8;font-size:12px}.k-toast-in{opacity:1;transform:none}.k-toast-a{top:150px;left:-6%}.k-toast-b{transition-delay:.25s;bottom:110px;right:-8%}.k-toast-icon{color:#fff;background:linear-gradient(135deg,#6d28d9,#a855f7);border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 1px #ffffff59}@media (max-width:640px){.k-phone{width:300px;height:580px}.k-toast{padding:9px 12px 9px 9px}.k-toast-a{top:110px;left:0}.k-toast-b{right:0}}.k-key{background:radial-gradient(120% 80% at 50% 0,#ffffff59,#0000 55%),linear-gradient(160deg,#a855f7,#6d28d9 70%);transition:translate .12s,box-shadow .12s;box-shadow:inset 0 2px #ffffff59,inset 0 -6px #2e10658c,0 14px #2e1065,0 22px 28px -10px #000c}.k-key:hover{translate:0 3px;box-shadow:inset 0 2px #fff6,inset 0 -6px #2e10658c,0 11px #2e1065,0 18px 24px -10px #000c}.k-key:active{transition-duration:50ms;translate:0 12px;box-shadow:inset 0 2px #ffffff40,inset 0 -3px #2e10658c,0 2px #2e1065,0 4px 8px -4px #000c}.k-key-well{background:#07060b;box-shadow:inset 0 2px 12px #000000e6,0 0 0 1px #ffffff0f,0 0 80px -10px #a855f773}.k-key:focus-visible{outline-offset:6px;outline:3px solid #c4b5fd}@media (prefers-reduced-motion:no-preference){@keyframes k-pop{0%{opacity:0;transform:translateY(10px)scale(.96)}}@keyframes k-float{50%{transform:rotate(-2.5deg)translateY(-10px)}}@keyframes k-blink{30%{background:#a855f7;transform:translateY(-3px)}}.k-msg{animation:.38s cubic-bezier(.2,.9,.3,1.25) both k-pop}.k-phone{animation:9s ease-in-out infinite k-float}.k-typing i{animation:1.1s infinite k-blink}.k-typing i:nth-child(2){animation-delay:.15s}.k-typing i:nth-child(3){animation-delay:.3s}}@media (prefers-reduced-motion:no-preference) and (max-width:640px){.k-phone{animation:none}}
.k-pill{border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;line-height:1.25;display:inline-flex}.k-pill:focus-visible{outline-offset:3px;outline:2px solid #a855f7}.k-pill-dark{color:#fff;background:linear-gradient(#3b1d6e 0%,#1e1035 55%,#140a26 100%);box-shadow:inset 0 1px #ffffff38,inset 0 -2px #00000059,0 10px 24px -8px #2e1065a6,0 2px 4px #140a2633}.k-pill-dark:hover{box-shadow:inset 0 1px #ffffff47,inset 0 -2px #00000059,0 14px 30px -8px #6d28d999,0 2px 4px #140a2633}.k-pill-light{color:#1e1035;background:linear-gradient(#fff 0%,#f6f3fb 100%);box-shadow:inset 0 1px #fff,0 0 0 1px #1e103514,0 8px 20px -10px #1e103540}.k-pill-light:hover{box-shadow:inset 0 1px #fff,0 0 0 1px #6d28d940,0 12px 26px -10px #6d28d959}@media (prefers-reduced-motion:no-preference){.k-pill{transition:translate .15s,box-shadow .15s}.k-pill:hover{translate:0 -2px}.k-pill:active{translate:0 1px}}