.hp{--hp-w:320px;--hp-h:660px;--hp-bg:#fff;--hp-nav:#f9f9f9f0;--hp-in:#e9e9eb;--hp-in-text:#111;--hp-out:#1c8cf8;--hp-out-deep:#0a7cff;--hp-out-text:#fff;--hp-meta:#3c3c4399;--hp-meta-strong:#3c3c43d9;--hp-hairline:#0000001a;width:min(var(--hp-w), 100%);height:var(--hp-h);font-family:-apple-system, BlinkMacSystemFont, var(--font-atkinson), "Segoe UI", system-ui, sans-serif;-webkit-font-smoothing:antialiased;background:linear-gradient(#3a3a34 0%,#22221e 100%);border-radius:46px;flex:none;padding:10px;position:relative;box-shadow:inset 0 1px #ffffff38,0 0 0 1px #171714,0 24px 48px -20px #171714b3}.hp__btn{background:#2a2a25;border-radius:2px;width:3px;position:absolute;box-shadow:inset 0 0 0 1px #171714}.hp__btn--l{left:-3px}.hp__btn--r{right:-3px}.hp__screen{background:var(--hp-bg);width:100%;height:100%;color:var(--hp-in-text);border-radius:37px;flex-direction:column;display:flex;position:relative;overflow:hidden}.hp__island{z-index:3;background:#000;border-radius:999px;width:92px;height:26px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.hp__status{letter-spacing:-.2px;justify-content:space-between;align-items:center;height:44px;padding:12px 24px 0;font-size:15px;font-weight:600;display:flex}.hp__nav{border-bottom:1px solid var(--hp-hairline);background:var(--hp-nav);flex-direction:column;align-items:center;gap:3px;padding:4px 14px 8px;display:flex}.hp__avatar{color:#f08a3e;background:#22221e;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.hp__name{color:var(--hp-in-text);font-size:15px;font-weight:500}.hp__name small{color:var(--hp-meta);font-size:15px}.hp__thread{overscroll-behavior:contain;scrollbar-width:none;flex:1;min-height:0;padding:6px 0 16px;overflow-y:auto}.hp__thread::-webkit-scrollbar{display:none}.hp__sep{text-align:center;color:var(--hp-meta);padding:10px 14px 4px;font-size:15px}.hp__sep strong{color:var(--hp-meta-strong);font-weight:600}.hp__row{margin-top:2px;padding:0 12px;display:flex}.hp__row--start{margin-top:8px}.hp__row--out{justify-content:flex-end}.hp__row--in{justify-content:flex-start}.hp__bubble{letter-spacing:-.2px;overflow-wrap:anywhere;z-index:1;border-radius:17px;max-width:78%;padding:7px 12px 8px;font-size:16px;line-height:1.3;position:relative}.hp__bubble--in{background:var(--hp-in);color:var(--hp-in-text);transform-origin:0 100%}.hp__bubble--out{background:linear-gradient(180deg, var(--hp-out), var(--hp-out-deep));color:var(--hp-out-text);transform-origin:100% 100%}.hp__bubble--tail:before,.hp__bubble--tail:after{content:"";z-index:-1;height:22px;position:absolute;bottom:0}.hp__bubble--out.hp__bubble--tail:before{background:var(--hp-out-deep);border-bottom-left-radius:14px 16px;width:16px;right:-5px}.hp__bubble--out.hp__bubble--tail:after{background:var(--hp-bg);border-bottom-left-radius:11px;width:22px;right:-22px}.hp__bubble--in.hp__bubble--tail:before{background:var(--hp-in);border-bottom-right-radius:14px 16px;width:16px;left:-5px}.hp__bubble--in.hp__bubble--tail:after{background:var(--hp-bg);border-bottom-right-radius:11px;width:22px;left:-22px}.hp__photo{background:linear-gradient(180deg, var(--hp-out), var(--hp-out-deep));color:var(--hp-out-text);transform-origin:100% 100%;border-radius:17px;align-items:center;gap:7px;padding:8px 12px;font-size:15px;font-weight:500;display:inline-flex}.hp__receipt{text-align:right;color:var(--hp-meta);padding:3px 14px 0;font-size:15px}.hp__typing{background:var(--hp-in);border-radius:17px;align-items:center;gap:4px;padding:11px 13px;display:inline-flex}.hp__dot{background:var(--hp-meta-strong);border-radius:999px;width:7px;height:7px;animation:1.1s ease-in-out infinite hp-dot}.hp__dot:nth-child(2){animation-delay:.15s}.hp__dot:nth-child(3){animation-delay:.3s}.hp__composer{border-top:1px solid var(--hp-hairline);background:var(--hp-nav);align-items:center;gap:8px;padding:8px 12px 26px;display:flex}.hp__field{color:#3c3c4366;background:#fff;border:1px solid #00000029;border-radius:17px;flex:1;height:34px;padding:0 12px;font-size:16px;line-height:32px}.hp__home{opacity:.85;background:#000;border-radius:999px;width:110px;height:5px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}@keyframes hp-in{0%{opacity:0;transform:translateY(12px)scale(.5)}60%{opacity:1;transform:translateY(0)scale(1.03)}to{opacity:1;transform:none}}@keyframes hp-send{0%{opacity:0;transform:translateY(24px)scale(.6)}55%{opacity:1;transform:translateY(0)scale(1.04)}to{opacity:1;transform:none}}@keyframes hp-dot{0%,58%,to{opacity:.32;transform:scale(.76)}28%{opacity:1;transform:scale(1)}}.hp__anim-in{animation:.36s cubic-bezier(.18,.89,.32,1.28) both hp-in}.hp__anim-out{animation:.32s cubic-bezier(.18,.89,.32,1.28) both hp-send}@media (prefers-reduced-motion:reduce){.hp__anim-in,.hp__anim-out,.hp__dot{animation:none}}.hp-thread{--hp-bg:#fff;--hp-in:#eceeec;--hp-in-text:#22221e;--hp-out:#1c8cf8;--hp-out-deep:#0a7cff;--hp-out-text:#fff;--hp-meta-strong:#3c3c43d9;font-family:-apple-system, BlinkMacSystemFont, var(--font-atkinson), "Segoe UI", system-ui, sans-serif}.hp-thread .hp__bubble{padding:10px 14px 11px;line-height:1.4}