.bot-workspace{height:var(--app-height,100dvh);overscroll-behavior:contain;background:var(--bg-primary);color:var(--text-primary);overflow:auto}.bot-topbar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:24px;max-width:1120px;margin:auto;padding:24px;display:flex}.bot-topbar nav{color:var(--text-secondary);gap:24px;font-size:13px;display:flex}.bot-topbar a:hover{color:var(--text-primary)}.bot-topbar a:focus-visible,.bot-card-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}.bot-page{max-width:1040px;margin:auto;padding:48px 24px 80px}.bot-page-heading{max-width:720px;margin-bottom:36px}.bot-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:11px}.bot-page-heading h1{letter-spacing:-.04em;margin:10px 0 16px;font-size:clamp(26px,4vw,42px);font-weight:750;line-height:1.15}.bot-page-heading>p:last-child{color:var(--text-secondary);font-size:15px;line-height:1.7}.bot-section-heading{justify-content:space-between;align-items:center;gap:16px;margin:24px 0;display:flex}.bot-section-heading p,.bot-hint{color:var(--text-muted);font-size:12px;line-height:1.7}.bot-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:16px;display:grid}.bot-grid h2,.bot-install h2{margin:12px 0 8px;font-size:17px;font-weight:650}.bot-grid p,.bot-install p{color:var(--text-secondary);overflow-wrap:anywhere;margin-bottom:16px;font-size:13px;line-height:1.7}.bot-card-link>div{height:100%;transition:border-color .15s}.bot-card-link:hover>div{border-color:var(--text-muted)}.bot-card-meta{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.bot-card-meta [data-online=true]{color:var(--success)}.bot-identity{align-items:center;gap:12px;display:flex}.bot-identity h2{margin:0 0 5px}.bot-directory{margin-top:24px}.bot-link-button{border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;min-height:38px;padding:8px 14px;font-size:13px;display:inline-flex}.bot-link-button:hover{background:var(--bg-modifier-hover)}.bot-form{flex-direction:column;gap:20px;padding:20px;display:flex}.bot-install{max-width:640px;margin:auto}.bot-install .bot-form{padding:16px 0 0}.bot-error{color:var(--danger);margin:12px 0;font-size:13px;line-height:1.6}.bot-error button{margin-left:8px;text-decoration:underline}.bot-permissions{border-top:1px solid var(--border-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:16px;display:grid}.bot-permissions legend{padding:8px 0;font-size:12px;font-weight:600}.bot-permissions label{align-items:flex-start;gap:10px;font-size:13px;display:flex}.bot-permissions small{color:var(--text-muted);margin-top:5px;font-size:11px;line-height:1.5;display:block}.bot-editor{grid-template-columns:180px minmax(0,1fr);gap:28px;display:grid}.bot-editor nav{flex-direction:column;gap:5px;display:flex}.bot-editor nav button{text-align:left;min-height:40px;color:var(--text-secondary);border-radius:10px;padding:9px 12px;font-size:13px}.bot-editor nav button[aria-current=page]{color:var(--text-primary);background:var(--bg-modifier-selected)}.bot-editor textarea{resize:vertical;background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-control);width:100%;min-height:110px;color:var(--text-primary);padding:12px;font-size:13px}.bot-editor textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bot-editor textarea.bot-code{min-height:340px;font-family:var(--font-geist-mono),monospace;font-size:12px}.bot-editor .bot-form{padding:0}.bot-editor h2{margin-bottom:8px;font-size:20px;font-weight:650}.bot-editor p{color:var(--text-secondary);font-size:13px;line-height:1.7}.bot-editor section{min-width:0}.bot-secret{overflow-wrap:anywhere;border:1px solid var(--border);-webkit-user-select:all;user-select:all;border-radius:12px;padding:16px;font-size:12px;display:block}.bot-tabs-panel{flex-direction:column;gap:20px;display:flex}.bot-inline-controls{flex-direction:column;gap:7px;max-width:560px;margin-top:10px;display:flex}.bot-inline-controls>div{flex-wrap:wrap;gap:7px;display:flex}.bot-inline-controls .bot-link-button{min-height:34px;font-size:12px}.bot-private-replies{gap:8px;max-height:220px;margin-bottom:10px;display:grid;overflow-y:auto}.bot-private-reply{border:1px solid var(--border-subtle);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;padding:12px 14px;font-size:13px}.bot-private-reply header{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;display:flex}.bot-command-list{border:1px solid var(--border);background:var(--bg-secondary);border-radius:16px;max-height:230px;margin-bottom:10px;padding:6px;overflow-y:auto}.bot-command-list button{text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:54px;padding:9px 12px;display:flex}.bot-command-list button:hover,.bot-command-list button:focus-visible{background:var(--bg-modifier-hover)}.bot-command-list small{color:var(--text-muted);font-size:11px;display:block}.bot-command-list strong{font-size:13px;font-weight:600}.bot-command-list span{color:var(--text-muted);margin-left:auto;font-size:11px}@media (max-width:640px){.bot-topbar{flex-direction:column;align-items:flex-start;padding:18px}.bot-topbar nav{flex-wrap:wrap;gap:18px;font-size:12px}.bot-page{padding:30px 16px 60px}.bot-editor{grid-template-columns:minmax(0,1fr);gap:20px}.bot-editor nav{flex-direction:row;overflow-x:auto}.bot-editor nav button{white-space:nowrap}.bot-permissions{grid-template-columns:minmax(0,1fr)}.bot-form{padding:16px}}@media (prefers-reduced-motion:reduce){.bot-card-link>div{transition:none}}.bot-command-list button[data-active=true]{background:var(--bg-modifier-hover)}.bot-topbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;display:grid}.bot-topbar nav{justify-content:center;gap:4px}.bot-topbar nav a,.bot-back{border-radius:9px;align-items:center;gap:7px;min-height:44px;padding:0 11px;display:inline-flex}.bot-topbar nav a[aria-current=page]{background:var(--bg-modifier-active);color:var(--text-primary)}.bot-back{color:var(--text-secondary);font-size:13px}.bot-page-heading{border-bottom:1px solid var(--border);max-width:none;margin-bottom:28px;padding:10px 0 26px}.bot-page-heading h1{margin:0 0 10px}.bot-page-heading>p{max-width:56ch}.bot-section-heading{margin-block:16px}.bot-doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bot-doc-grid pre{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:10px;padding:14px}.bot-tab-fields{border:0;flex-direction:column;gap:20px;min-width:0;padding:0;display:flex}.bot-save-actions,.bot-media-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bot-editor nav button{cursor:pointer}.bot-editor nav button:hover{background:var(--bg-modifier-hover)}.bot-editor nav button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bot-editor nav button:disabled{cursor:default;opacity:.5}.bot-identity-editor{grid-template-columns:minmax(0,1fr) minmax(240px,.85fr);align-items:start;gap:28px;display:grid}.bot-identity-intro p{margin:0}.bot-description-field{flex-direction:column;gap:6px;display:flex}.bot-description-field>label,.bot-profile-media h3{color:var(--text-secondary);font-size:12px;font-weight:600}.bot-field-count{color:var(--text-muted);font-variant-numeric:tabular-nums;align-self:end;font-size:11px}.bot-profile-media{border-top:1px solid var(--border-subtle);flex-direction:column;gap:12px;padding-top:20px;display:flex}.bot-profile-media p{margin-top:4px}.bot-banner-color{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.bot-banner-color>span{flex-basis:100%}.bot-profile-unavailable{border-top:1px solid var(--border-subtle);padding-block:14px}.bot-profile-preview-column{gap:10px;min-width:0;display:grid;position:sticky;top:24px}.bot-profile-preview{border:1px solid var(--border-subtle);background:var(--bg-secondary);border-radius:14px;overflow:hidden}.bot-install .bot-profile-preview{border:0;border-radius:16px 16px 0 0;margin:-16px -16px 20px}.bot-profile-banner{aspect-ratio:3.75;min-height:72px;overflow:hidden}.bot-profile-body{min-width:0;padding:0 20px 20px;position:relative}.bot-profile-body>.hp-avatar{outline:6px solid var(--bg-secondary);border-radius:50%;margin-top:-30px}.bot-profile-body h3{overflow-wrap:anywhere;margin-top:14px;font-size:20px;font-weight:650;line-height:1.3}.bot-profile-handle{color:var(--text-secondary);overflow-wrap:anywhere;flex-wrap:wrap;gap:6px 12px;margin-top:5px;font-size:12px;display:flex}.bot-profile-handle>:last-child{color:var(--text-muted)}.bot-editor .bot-profile-description,.bot-profile-description{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-secondary);margin:18px 0 0;font-size:13px;line-height:1.7}.bot-application-meta{border-top:1px solid var(--border-subtle);flex-direction:column;gap:16px;padding-top:20px;display:flex}.bot-application-meta dl{color:var(--text-secondary);flex-wrap:wrap;gap:14px 32px;font-size:12px;display:flex}.bot-application-meta dt{color:var(--text-muted);margin-bottom:4px}.bot-application-meta dd{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}@media (max-width:900px){.bot-identity-editor{grid-template-columns:minmax(0,1fr)}.bot-profile-preview-column{width:100%;max-width:420px;position:static}}@media (max-width:680px){.bot-topbar{grid-template-columns:1fr auto;gap:8px}.bot-topbar nav{flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:start}.bot-topbar nav a,.bot-back{padding-inline:8px}.bot-doc-grid{grid-template-columns:minmax(0,1fr)}.bot-section-heading{flex-wrap:wrap;align-items:flex-start}.bot-section-heading>.bot-identity{min-width:0}.bot-section-heading>.bot-identity>div{overflow-wrap:anywhere;min-width:0}.bot-save-actions{margin-inline-start:auto}.bot-editor nav{scrollbar-width:thin}.bot-editor nav button{min-height:44px}.bot-identity-editor{gap:24px}.bot-media-actions>button{min-height:44px}}
:root{--content-link:#73b7ff}:root[data-theme=light],html.light{--content-link:#145fbd}.hp-content-link,.hp-content-links a,.hp-webhook-embed a{text-underline-offset:3px;overflow-wrap:anywhere;color:var(--content-link)!important;text-decoration:underline!important}.hp-content-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hp-brand-mark[data-brand-motion=interactive]{transition:transform .18s var(--ease-out);transform-origin:50% 65%}.hp-brand-mark[data-brand-motion=welcome]{animation:qp-brand-welcome .28s var(--ease-out) both;transform-origin:50% 65%}@keyframes qp-brand-welcome{0%{opacity:.6;transform:rotate(-7deg)scale(.96)}to{opacity:1;transform:rotate(0)scale(1)}}@media (hover:hover) and (pointer:fine){:is(a,button):hover>.hp-brand-mark[data-brand-motion=interactive],.hp-brand-lockup:hover .hp-brand-mark[data-brand-motion=interactive]{transform:rotate(-6deg)scale(1.04)}}.hp-announcement-dialog>div:last-child{flex-direction:column;display:flex}.hp-announcement-content{color:var(--text-primary);padding:30px 32px 24px}.hp-announcement-intro{align-items:center;gap:15px;margin-bottom:30px;display:flex}.hp-announcement-intro>svg{color:var(--accent)}.hp-announcement-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:5px;font-size:11px;font-weight:600}.hp-announcement-content>h2{letter-spacing:-.04em;overflow-wrap:anywhere;margin-bottom:24px;font-size:clamp(26px,4vw,34px);font-weight:650;line-height:1.16}.hp-announcement-content .hp-content-links{color:var(--text-secondary);overflow-wrap:anywhere;font-size:14px;line-height:1.8}.hp-announcement-footer{border-top:1px solid var(--border-subtle);background:var(--modal-bg);flex-wrap:wrap;gap:20px;margin-top:auto;padding:20px 32px;display:flex}.hp-announcement-footer>a{align-items:center;gap:6px;font-size:13px;display:inline-flex}.hp-context-menu [role=separator],.hp-context-submenu [role=separator]{border-color:var(--border);margin:6px 4px}.hp-context-menu [role=menuitem],.hp-context-submenu [role=menuitem]{gap:11px;min-height:39px;font-size:13px}.hp-context-menu [role=menuitem]>span:first-child:not(:last-child){width:18px;height:18px}.hp-context-menu [role=menuitem]>span:first-child svg{width:17px;height:17px}@media (max-width:640px){.hp-announcement-dialog{border:0!important;border-radius:0!important;max-width:none!important;height:100dvh!important;max-height:none!important;position:fixed!important;inset:0!important}.hp-announcement-dialog>div:last-child{flex:1;min-height:0}.hp-announcement-content{padding:28px 22px}.hp-announcement-footer{padding:20px 22px calc(20px + env(safe-area-inset-bottom))}.hp-announcement-dialog .hp-modal-close{top:max(12px,env(safe-area-inset-top))}}@media (prefers-reduced-motion:reduce){.hp-brand-mark[data-brand-motion]{transition:none!important;animation:none!important;transform:none!important}}:is(html.reduce-motion,html.performance-mode) .hp-brand-mark[data-brand-motion]{transition:none!important;animation:none!important;transform:none!important}
.hp-mascot{--mascot-ink:#222329;color:var(--mascot-color,var(--accent));aspect-ratio:500/410;display:block;position:relative}.mk-page .hp-mascot{--mascot-ink:var(--mk-ink)}.hp-mascot-body,.hp-mascot-face{width:100%;height:100%;display:block;position:relative}.hp-mascot-headband{border:max(5px, .065em) solid var(--mascot-ink);border-bottom-color:#0000;border-radius:50% 50% 20% 20%;width:91%;height:95%;position:absolute;top:-12%;left:4%}.hp-mascot-headphones{font-size:500px}.hp-mascot-ear{background:#493593;border-radius:48%;width:14%;height:46%;position:absolute;top:39%}.hp-mascot-ear-left{border-left:.018em solid #9177e5;left:-3%;transform:rotate(12deg)}.hp-mascot-ear-right{border-left:.018em solid #9177e5;right:-3%;transform:rotate(12deg)}.hp-mascot-character{transform-box:view-box;transform-origin:50% 70%;animation:hp-character-nod var(--mascot-cycle,10s) var(--ease-in-out) var(--mascot-repeat,0)}.hp-mascot-look{transition:transform .18s var(--ease-out)}.hp-mascot-gaze{animation:hp-character-look var(--mascot-cycle,10s) var(--ease-in-out) var(--mascot-repeat,0)}.hp-mascot-eye,.hp-mascot-smile,.hp-mascot-expression{transform-box:fill-box;transform-origin:50%}.hp-mascot-eye-left{animation:hp-character-blink var(--mascot-cycle,10s) var(--ease-out) var(--mascot-repeat,0)}.hp-mascot-eye-right{animation:hp-character-wink var(--mascot-cycle,10s) var(--ease-out) var(--mascot-repeat,0)}.hp-mascot-smile{animation:hp-character-smile var(--mascot-cycle,10s) var(--ease-in-out) var(--mascot-repeat,0)}.hp-mascot-expression{transition:transform .22s var(--ease-out)}.hp-mascot-cheeks{opacity:0;animation:hp-character-cheeks var(--mascot-cycle,10s) var(--ease-in-out) var(--mascot-repeat,0)}.hp-mascot-headband{transform-origin:50% 80%;animation:hp-character-headband var(--mascot-cycle,10s) var(--ease-in-out) var(--mascot-repeat,0)}.hp-mascot-ear{transform-origin:50% 15%;animation:hp-character-ear var(--mascot-cycle,10s) var(--ease-out) var(--mascot-repeat,0)}.hp-mascot-ear-right{animation-name:hp-character-ear-right}@keyframes hp-character-nod{0%,16%,34%,52%,73%,to{transform:rotate(0)scale(1)}20%{transform:rotate(-3deg)scale(1.025,.975)}24%{transform:rotate(1.5deg)scale(.99,1.015)}28%{transform:rotate(-.5deg)scale(1.005,.995)}59%{transform:rotate(4deg)scale(1.035,.965)}64%{transform:rotate(-2deg)scale(.98,1.025)}68%{transform:rotate(.8deg)scale(1.01,.99)}84%{transform:rotate(-2deg)scale(1.015,.985)}90%{transform:rotate(.6deg)scale(.995,1.005)}}@keyframes hp-character-look{0%,14%,36%,51%,74%,to{transform:translate(0)}20%,30%{transform:translate(7px,-3px)}58%,66%{transform:translate(-6px,3px)}84%,90%{transform:translate(2px,-4px)}}@keyframes hp-character-blink{0%,9%,12%,14%,17%,46%,49%,79%,82%,to{transform:scaleY(1)}10.5%,15.5%,47.5%,80.5%{transform:scaleY(.065)}}@keyframes hp-character-wink{0%,9%,12%,14%,17%,46%,49%,61%,68%,79%,82%,to{transform:scaleY(1)}10.5%,15.5%,47.5%,64%,65.5%,80.5%{transform:scaleY(.065)}}@keyframes hp-character-smile{0%,16%,36%,51%,74%,to{transform:scale(1)rotate(0)}22%,28%{transform:scale(1.08,1.18)rotate(-3deg)}60%,66%{transform:scale(1.16,1.55)rotate(3deg)}85%,90%{transform:scale(1.06,1.12)rotate(-2deg)}}@keyframes hp-character-cheeks{0%,49%,76%,to{opacity:0}60%,67%{opacity:.12}}@keyframes hp-character-headband{0%,17%,36%,53%,75%,to{transform:rotate(0)scale(1)}22%{transform:rotate(-2deg)scaleX(1.015)}26%{transform:rotate(1deg)scaleX(.995)}61%{transform:rotate(3deg)scaleX(1.02)}66%{transform:rotate(-1.5deg)scaleX(.99)}86%{transform:rotate(-1.5deg)}92%{transform:rotate(.5deg)}}@keyframes hp-character-ear{0%,17%,36%,53%,75%,to{transform:rotate(12deg)translateY(0)}22%{transform:rotate(6deg)translateY(3%)}25%{transform:rotate(15deg)translateY(-2%)}29%{transform:rotate(10deg)}61%{transform:rotate(20deg)translateY(4%)}65%{transform:rotate(7deg)translateY(-3%)}70%{transform:rotate(14deg)}87%{transform:rotate(9deg)}92%{transform:rotate(13deg)}}@keyframes hp-character-ear-right{0%,18%,37%,54%,76%,to{transform:rotate(12deg)translateY(0)}23%{transform:rotate(18deg)translateY(-3%)}27%{transform:rotate(9deg)translateY(2%)}31%{transform:rotate(13deg)}62%{transform:rotate(5deg)translateY(-4%)}67%{transform:rotate(16deg)translateY(3%)}71%{transform:rotate(11deg)}88%{transform:rotate(16deg)}93%{transform:rotate(10deg)}}.hp-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:36px 20px;display:flex}.hp-empty-art{width:112px;margin:0 0 23px;padding:7px 15px;position:relative}.hp-empty-art>.hp-mascot{transform:rotate(-12deg)}.hp-empty-art>.hp-empty-companion{width:53px;color:color-mix(in srgb, var(--accent) 45%, var(--text-primary));position:absolute;bottom:-3px;right:-7px;transform:rotate(13deg)}.hp-empty-symbol{color:var(--text-secondary);place-items:center;display:grid;position:absolute;top:-7px;left:-10px;transform:rotate(-9deg)}.hp-empty-symbol svg{width:21px;height:21px}.hp-empty-state h3{color:var(--text-primary);letter-spacing:-.035em;font-size:19px;font-weight:750;line-height:1.3}.hp-empty-state>p{max-width:34ch;color:var(--text-secondary);text-wrap:pretty;margin-top:9px;font-size:13px;line-height:1.8}.hp-server-welcome{border:1px solid var(--border-subtle);background:var(--panel-bg)}.hp-server-welcome .hp-mascot{width:88px;margin-bottom:28px;transform:rotate(-10deg)}.hp-server-welcome,.hp-auth-mascots{--mascot-cycle:4.8s;--mascot-repeat:1}.hp-startup-loading{color:#eff0f3;background:#18191d;place-items:center;min-height:100dvh;padding:48px 24px;display:grid}.hp-startup-loading>div{text-align:center;width:min(100%,340px)}.hp-startup-loading img{margin:0 auto 20px;display:block}.hp-startup-loading h1{letter-spacing:-.035em;margin:0;font-size:23px;font-weight:650}.hp-startup-loading p{color:#aaadba;justify-content:center;align-items:baseline;gap:8px;margin-top:8px;font-size:14px;line-height:1.5;display:flex}.hp-startup-loading p>span{background:#ad9af3;border-radius:50%;flex:none;width:6px;height:6px}.hp-auth-layout{isolation:isolate;background:var(--bg-primary);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh;display:grid;position:relative}.hp-auth-world{background:var(--accent);color:#fff;flex-direction:column;justify-content:center;padding:clamp(30px,6vw,90px);display:flex;position:relative;overflow:hidden}.hp-auth-world>a{letter-spacing:-1.5px;align-self:flex-start;align-items:center;gap:12px;margin-bottom:50px;font-size:30px;font-weight:800;display:inline-flex}.hp-auth-world h2{letter-spacing:-.065em;max-width:10ch;font-size:clamp(36px,4.4vw,65px);font-weight:850;line-height:1.08}.hp-auth-world>p{max-width:29ch;margin-top:20px;font-size:15px;line-height:1.7}.hp-auth-mascots{width:min(100%,320px);margin:55px 0 0;position:relative}.hp-auth-mascots .hp-mascot{--mascot-ink:#222329;color:#b7a5f5;transform:rotate(-12deg)}.hp-auth-mascots .hp-mascot+.hp-mascot{color:#f9f9fc;width:46%;position:absolute;bottom:-8%;right:-12%;transform:rotate(13deg)}.hp-auth-content{justify-content:center;align-items:center;padding:36px 24px;display:flex}.hp-auth-content>div{width:100%;max-width:448px}.hp-auth-content .hp-auth-enter>div{box-shadow:none;background:0 0;border-color:#0000}@media (hover:hover) and (pointer:fine){.hp-mascot:hover .hp-mascot-expression{transform:scale(1.12,1.2)}}@media (max-width:900px){.hp-auth-layout{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.hp-auth-world{justify-content:start;min-height:155px;padding:24px}.hp-auth-world>a{margin-bottom:17px;font-size:25px}.hp-auth-world>a svg{width:30px}.hp-auth-world h2{max-width:14ch;font-size:31px}.hp-auth-world>p{display:none}.hp-auth-mascots{width:125px;margin:0;position:absolute;bottom:-12px;right:24px}.hp-auth-mascots .hp-mascot+.hp-mascot{right:-9%}.hp-auth-content{padding:24px 16px}.hp-auth-content .hp-auth-enter>div{padding:20px 10px}}@media (max-width:600px){.hp-auth-world{min-height:132px;padding:max(18px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) 20px max(24px, env(safe-area-inset-left));border-radius:0 0 24px 24px}.hp-auth-world>a{z-index:1;min-height:44px;margin-bottom:14px;position:relative}.hp-auth-world h2{z-index:1;letter-spacing:-.04em;max-width:12ch;font-size:24px;position:relative}.hp-auth-mascots{width:100px;bottom:-10px;right:28px}.hp-auth-content{min-width:0;padding:28px max(20px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));align-items:flex-start}.hp-auth-content>div{max-width:400px}.hp-auth-content .hp-auth-enter>div{padding:0}.hp-auth-content input{min-height:48px;scroll-margin-block:24px;font-size:16px}.hp-auth-content form button[type=submit]{min-height:48px}.hp-auth-content a{align-items:center;min-height:44px;display:inline-flex}.hp-auth-content h1{font-size:26px;line-height:1.2}.hp-auth-layout:focus-within .hp-auth-world{min-height:0;padding-block:max(10px, env(safe-area-inset-top)) 10px}.hp-auth-layout:focus-within .hp-auth-world>a{margin-bottom:0}.hp-auth-layout:focus-within .hp-auth-world h2,.hp-auth-layout:focus-within .hp-auth-mascots{display:none}}@media (max-width:900px) and (max-height:550px){.hp-auth-world{min-height:0;padding-block:8px}.hp-auth-world>a{min-height:44px;margin-bottom:0}.hp-auth-world h2,.hp-auth-mascots{display:none}.hp-auth-content{align-items:flex-start;padding-block:20px}}.hp-mascot[data-in-view=false] .hp-mascot-body *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.hp-mascot-body *{transition:none!important;animation:none!important;transform:none!important}.hp-mascot-body .hp-mascot-ear{transform:rotate(12deg)!important}}@media (max-height:500px){.hp-empty-art{display:none}.hp-empty-state{min-height:0;padding-block:20px}}:is(html.reduce-motion,html.performance-mode) .hp-mascot-body *{transition:none!important;animation:none!important;transform:none!important}:is(html.reduce-motion,html.performance-mode) .hp-mascot-body .hp-mascot-ear{transform:rotate(12deg)!important}
.hp-appearance{gap:30px;display:grid}.hp-appearance-intro{border-bottom:1px solid var(--border-subtle);align-items:center;gap:20px;padding-bottom:25px;display:flex}.hp-appearance-intro>div{flex:1}.hp-appearance-intro h2{letter-spacing:-.05em;font-size:clamp(23px,3vw,30px);font-weight:800;line-height:1.15}.hp-appearance-intro p{color:var(--text-secondary);margin-top:9px;font-size:12px}.hp-appearance-intro .hp-mascot{width:72px;transform:rotate(12deg)}.hp-appearance fieldset{min-width:0}.hp-appearance legend{font-size:14px;font-weight:650}.hp-appearance-note{color:var(--text-muted);margin:6px 0 16px;font-size:11px;line-height:1.7}.hp-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px;display:grid}.hp-theme-option{cursor:pointer;min-width:0;position:relative}.hp-theme-option>input,.hp-density-options input{opacity:0;width:1px;height:1px;position:absolute}.hp-theme-preview{border:2px solid var(--border);height:94px;color:var(--sample-ink);background:var(--sample-bg);transition:border-color .15s var(--ease-out);border-radius:14px;grid-template-columns:22px 30% minmax(0,1fr);gap:4px;padding:7px;display:grid;position:relative;overflow:hidden}.hp-theme-option input:checked+.hp-theme-preview{border-color:var(--accent)}.hp-theme-option input:focus-visible+.hp-theme-preview{outline:2px solid var(--accent);outline-offset:4px}.hp-theme-option>strong{margin-top:9px;font-size:12px;font-weight:650;display:block}.hp-theme-option>small{color:var(--text-muted);margin-top:3px;font-size:10px;line-height:1.5;display:block}.hp-theme-rail{color:var(--sample-accent);flex-direction:column;align-items:center;gap:7px;padding-top:3px;display:flex}.hp-theme-rail>i{background:var(--sample-panel);border-radius:5px;width:14px;height:14px}.hp-theme-channel{background:var(--sample-panel);border-radius:6px;flex-direction:column;gap:9px;padding:9px 5px;display:flex}.hp-theme-channel>b{background:var(--sample-ink);opacity:.65;border-radius:3px;width:80%;height:5px}.hp-theme-channel>i{background:var(--sample-ink);opacity:.2;border-radius:3px;width:85%;height:4px}.hp-theme-channel>i:nth-child(2){background:var(--sample-accent);opacity:1}.hp-theme-chat{flex-direction:column;gap:7px;padding:9px 4px;display:flex}.hp-theme-chat>b{background:var(--sample-ink);opacity:.8;border-radius:3px;width:42%;height:5px}.hp-theme-chat>i{background:var(--sample-ink);opacity:.2;border-radius:3px;width:85%;height:4px}.hp-theme-chat>span{background:var(--sample-panel);border-radius:4px;height:12px;margin-top:auto}.hp-theme-check{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;top:7px;right:7px}.hp-density-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hp-density-options>label{border:1px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:15px;display:flex;position:relative}.hp-density-options>label:has(input:checked){border-color:var(--accent)}.hp-density-options>label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.hp-density-options strong{font-size:12px;font-weight:650;display:block}.hp-density-options small{color:var(--text-muted);margin-top:5px;font-size:10px;line-height:1.7;display:block}.hp-density-options>label>.hp-motion-icon{color:var(--accent);flex-shrink:0;margin-left:auto}.hp-appearance-conversation{border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden}.hp-appearance-conversation>header{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);align-items:center;gap:8px;padding:13px 16px;font-size:11px;display:flex}.hp-appearance-conversation>header>span:last-child{color:var(--text-muted);margin-left:auto;font-size:10px}.hp-appearance-message{align-items:flex-start;gap:12px;padding:20px 16px;display:flex}.hp-appearance-avatar{background:var(--accent);color:#fff;border-radius:13px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.hp-appearance-message p:first-child{margin-bottom:5px;font-size:12px}.hp-appearance-message p:first-child>span{color:var(--text-muted);margin-left:9px;font-size:9px}.hp-appearance-message.is-compact{padding-block:12px}@media (max-width:430px){.hp-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-density-options{grid-template-columns:minmax(0,1fr)}.hp-appearance-intro .hp-mascot{width:52px}.hp-appearance-intro h2{font-size:24px}}
:root[data-nitro][data-theme=orchid]:not([data-preview-theme]),:root[data-preview-theme=orchid]{--bg-primary:#251b30;--bg-secondary:#302239;--bg-tertiary:#1d1425;--input-bg:#372746;--text-primary:#f6ebff;--text-secondary:#dac8e6;--text-muted:#bba3c7;--accent:#c7a2f2;--accent-hover:#e0c6fc;--border:#493558;--background:var(--bg-primary);--foreground:var(--text-primary);--modal-bg:var(--bg-primary);--sidebar-bg:var(--bg-secondary);--chat-bg:var(--bg-primary);--header-bg:var(--bg-primary);--scrollbar-thumb:var(--border)}:root[data-nitro][data-theme=ember]:not([data-preview-theme]),:root[data-preview-theme=ember]{--bg-primary:#271b18;--bg-secondary:#31221d;--bg-tertiary:#1e1512;--input-bg:#3b2923;--text-primary:#fff0e6;--text-secondary:#e6cfc2;--text-muted:#c6aa9b;--accent:#f4aa81;--accent-hover:#ffd0b8;--border:#50382d;--background:var(--bg-primary);--foreground:var(--text-primary);--modal-bg:var(--bg-primary);--sidebar-bg:var(--bg-secondary);--chat-bg:var(--bg-primary);--header-bg:var(--bg-primary);--scrollbar-thumb:var(--border)}:root[data-nitro][data-theme=glacier]:not([data-preview-theme]),:root[data-preview-theme=glacier]{--bg-primary:#17262b;--bg-secondary:#1d3037;--bg-tertiary:#111e22;--input-bg:#22363e;--text-primary:#e8f7fa;--text-secondary:#c3dae0;--text-muted:#a4bec6;--accent:#92d4e0;--accent-hover:#bdeaf2;--border:#314a53;--background:var(--bg-primary);--foreground:var(--text-primary);--modal-bg:var(--bg-primary);--sidebar-bg:var(--bg-secondary);--chat-bg:var(--bg-primary);--header-bg:var(--bg-primary);--scrollbar-thumb:var(--border)}.hp-nitro-button{color:#24132e;background:linear-gradient(110deg,#e5c8ff,#f4c7df);border:1px solid #d1abf0;padding-inline:18px}.hp-nitro-button:hover{color:#24132e;background:linear-gradient(110deg,#eedbff,#ffdaeb)}.hp-nitro-label{color:var(--accent);margin-inline-start:.45rem;font-size:10px;font-weight:600}@media (prefers-reduced-motion:reduce){.hp-profile-banner-image[data-animated=true]{display:none}}html.reduce-motion .hp-profile-banner-image[data-animated=true]{display:none}
.hp-share-dialog{background:var(--modal-bg)}.hp-share-layout{color:var(--text-primary);padding:12px 14px}.hp-share-browser{min-width:0}.hp-share-footer{border-top:1px solid var(--border-subtle);background:var(--bg-secondary);flex-shrink:0;align-items:center;gap:9px;min-height:62px;padding:11px 14px;display:flex}.hp-share-summary{flex:1;min-width:0}.hp-share-summary strong{text-overflow:ellipsis;white-space:nowrap;max-width:340px;font-size:12px;font-weight:550;display:block;overflow:hidden}.hp-share-summary span{color:var(--text-muted);margin-top:3px;font-size:10px;display:block}.hp-share-gear{border:1px solid var(--border-subtle);border-radius:9px;width:34px;height:34px;min-height:34px}.hp-share-footer>button{min-height:34px;padding-inline:13px}.hp-share-error{color:var(--danger);padding:8px 2px 0;font-size:11px;line-height:1.5}.hp-share-browser-choice{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:250px;display:flex}.hp-share-browser-choice>svg{color:var(--accent)}.hp-share-browser-choice h3{font-size:16px;font-weight:600}.hp-share-browser-choice p{max-width:34ch;color:var(--text-secondary);font-size:12px;line-height:1.6}.hp-capture-tabs{align-items:center;gap:4px;min-height:36px;margin-bottom:14px;padding-right:42px;display:flex}.hp-capture-tabs>div{flex:1;gap:4px;min-width:0;display:flex}.hp-capture-tabs>div>button{min-height:33px;color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:background-color var(--motion-quick) ease, color var(--motion-quick) ease;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:7px;padding:0 8px;font-size:11px;display:inline-flex}.hp-capture-tabs>div>button[aria-pressed=true]{background:var(--bg-modifier-selected);color:var(--text-primary)}.hp-capture-tabs>.hp-button{flex-shrink:0;width:29px;min-height:31px;padding:0}.hp-capture-search{border:1px solid var(--border-subtle);background:var(--input-bg);color:var(--text-muted);border-radius:9px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 10px;display:flex}.hp-capture-search:focus-within{border-color:var(--accent)}.hp-capture-search input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;outline:none;font-size:12px}.hp-capture-source-grid{overscroll-behavior:contain;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px 12px;min-height:min(280px,38dvh);max-height:min(370px,48dvh);padding:2px;display:grid;overflow-y:auto}.hp-capture-source{text-align:left;cursor:pointer;min-width:0;transition:border-color var(--motion-quick) ease, background-color var(--motion-quick) ease;background:0 0;border:1px solid #0000;border-radius:11px;align-self:start;padding:5px;position:relative}.hp-capture-source:hover{background:var(--bg-modifier-hover)}.hp-capture-source[aria-pressed=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 5%, transparent)}.hp-capture-source:focus-visible,.hp-capture-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.hp-capture-source:disabled{cursor:wait;opacity:.6}.hp-capture-thumbnail{aspect-ratio:16/9;background:var(--bg-tertiary);width:100%;color:var(--text-muted);border-radius:7px;place-items:center;display:grid;overflow:hidden}.hp-capture-thumbnail img{object-fit:contain;width:100%;height:100%}.hp-capture-selected{background:var(--accent);color:#fff;border-radius:7px;place-items:center;width:21px;height:21px;display:grid;position:absolute;top:10px;right:10px}.hp-capture-source>strong{min-width:0;color:var(--text-secondary);align-items:center;gap:7px;margin:9px 1px 3px;font-size:11px;font-weight:500;display:flex}.hp-capture-source>strong>svg{flex-shrink:0}.hp-capture-source>strong>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hp-capture-source-skeleton{padding:5px}.hp-capture-placeholder{min-height:min(280px,38dvh);color:var(--text-secondary);text-align:center;place-items:center;padding:24px;font-size:12px;display:grid}@media (max-width:500px){.hp-share-layout{padding:10px}.hp-capture-tabs{flex-wrap:wrap;padding-right:34px}.hp-capture-tabs>div{flex-basis:calc(100% - 65px)}.hp-capture-tabs>div>button{gap:4px;padding-inline:5px;font-size:10px}.hp-capture-tabs>.hp-button{width:24px}.hp-capture-source-grid{gap:10px 6px}.hp-share-summary strong{max-width:150px}}
button:not(:disabled),[role=button]:not([aria-disabled=true]){cursor:pointer}button:disabled,[role=button][aria-disabled=true]{cursor:not-allowed}:is(.hp-button,.hp-icon-button,.hp-dock-control,.hp-call-control,.hp-stream-action,.hp-stream-card,.hp-stream-avatar),.hp-panel :is(.hp-button,.hp-icon-button){transition:transform var(--motion-quick) var(--ease-out),background-color var(--motion-quick) ease,color var(--motion-quick) ease,border-color var(--motion-quick) ease}:is(.hp-icon-button,.hp-dock-control,.hp-call-control,.hp-stream-action,.hp-stream-card,.hp-stream-avatar):active:not(:disabled):not(:focus-visible){transform:scale(.97)}.hp-reaction-chip,.hp-nav-row{transition:background-color var(--motion-quick) ease,color var(--motion-quick) ease,border-color var(--motion-quick) ease}.hp-slider::-webkit-slider-thumb{transition:transform var(--motion-quick) var(--ease-out)}.hp-slider::-moz-range-thumb{transition:transform var(--motion-quick) var(--ease-out)}.hp-slider:active:not(:focus-visible)::-webkit-slider-thumb{transform:scale(1.08)}.hp-slider:active:not(:focus-visible)::-moz-range-thumb{transform:scale(1.08)}@media (hover:hover) and (pointer:fine){.hp-stream-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));background:var(--bg-modifier-hover)}.hp-stream-avatar:hover{background:color-mix(in srgb,var(--call-foreground,#fff) 13%,transparent)}}:is(html.reduce-motion,html.performance-mode) :is(.hp-button,.hp-icon-button,.hp-dock-control,.hp-call-control,.hp-stream-action,.hp-stream-card,.hp-stream-avatar):active{transform:none!important}:is(html.reduce-motion,html.performance-mode) .hp-slider::-webkit-slider-thumb{transition:none;transform:none!important}:is(html.reduce-motion,html.performance-mode) .hp-slider::-moz-range-thumb{transition:none;transform:none!important}@media (prefers-reduced-motion:reduce){:is(.hp-button,.hp-icon-button,.hp-dock-control,.hp-call-control,.hp-stream-action,.hp-stream-card,.hp-stream-avatar):active{transform:none!important}.hp-slider::-webkit-slider-thumb{transform:none!important}.hp-slider::-moz-range-thumb{transform:none!important}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.hp-app{height:100dvh}.hp-navigation{flex-shrink:0;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:72px 288px;gap:12px 6px;min-height:0;display:grid}.hp-navigation-header{display:none}.hp-navigation-rail{grid-area:1/1/3;min-height:0}.hp-navigation-channels{grid-area:1/2;min-width:0;min-height:0}.hp-navigation-dock{grid-area:2/2;min-width:0}.hp-navigation-trigger{z-index:30;display:none;position:absolute;top:12px;left:12px}.hp-mobile-tabbar,.hp-settings-toolbar{display:none}.hp-dialog-frame{--dialog-gap:80px;height:var(--app-height,100dvh);padding-block:max(var(--dialog-gap), env(safe-area-inset-top)) max(var(--dialog-gap), env(safe-area-inset-bottom));padding-inline:max(var(--dialog-gap), env(safe-area-inset-left)) max(var(--dialog-gap), env(safe-area-inset-right))}.hp-settings-dialog{width:100%;height:100%}@media (max-width:767px),(max-height:540px){.hp-dialog-frame{--dialog-gap:min(56px, 10vw, 12dvh)}}@media (max-width:767px) and (pointer:coarse){.hp-settings-overlay{padding:0}.hp-settings-dialog{border:0;border-radius:0}}.hp-friends-toolbar{border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:8px 64px 8px 20px;display:grid}.hp-friends-toolbar>div{flex:none}.hp-friend-filters{grid-area:1/2}.hp-friends-toolbar>button{grid-area:1/3}.hp-conversation-layout{flex:1;gap:10px;min-width:0;min-height:0;display:flex}.hp-main.hp-surface:has(.hp-conversation-layout){background:0 0;border:0}html.app-zoomed :is(.hp-navigation,[data-chat-dropzone]){touch-action:auto}@media (max-width:1023px){:is(html:has(.hp-app),body:has(.hp-app)){overscroll-behavior:none;overflow:hidden}.hp-app{height:var(--app-height,100dvh)}.hp-main{border:0;border-radius:0}.hp-navigation-trigger{display:block}.hp-conversation-header{padding-left:64px;padding-right:64px}.hp-navigation{z-index:50;width:min(420px,100%);height:var(--app-height,100dvh);background:var(--bg-tertiary);border-right:1px solid var(--border-subtle);grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:64px minmax(0,1fr);gap:8px;padding:8px;display:none;position:fixed;inset:0 auto 0 0}.hp-navigation[data-present=true],.hp-navigation[data-open=true]{touch-action:pan-y pinch-zoom;display:grid}[data-chat-dropzone]{touch-action:pan-y pinch-zoom}.hp-navigation-header{min-height:64px;padding:max(4px, env(safe-area-inset-top)) 4px 4px 8px;grid-area:1/1/auto/3;align-items:center;gap:4px;display:flex}.hp-navigation-rail{grid-area:2/1}.hp-navigation-rail>.hp-server-rail{width:64px}.hp-navigation-channels{grid-area:2/2}.hp-navigation-channels>.hp-conversation-sidebar{width:100%}.hp-navigation-dock{padding-bottom:env(safe-area-inset-bottom);grid-area:3/1/auto/3}.hp-friends-toolbar{border-width:0 0 1px;border-radius:0;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;min-height:112px;padding:12px 64px 8px}.hp-friends-toolbar>button{grid-column:2}.hp-friend-filters{grid-area:2/1/auto/3;margin:0 -48px}.hp-friend-filters>button{flex:1;justify-content:center;min-height:42px}.hp-settings-sidebar{width:220px}.hp-settings-content{padding:24px 20px}.hp-panel.fixed{height:var(--app-height,100dvh)}}@media (max-width:767px){.hp-app{gap:0;padding:0}.hp-main{background:var(--chat-bg);padding:0}.hp-main>.hp-surface,.hp-conversation-layout>.hp-surface{border:0;border-radius:0}.hp-conversation-header{height:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);gap:8px;padding-left:60px;padding-right:12px}.hp-conversation-header .hp-avatar{flex-shrink:0}.hp-navigation-trigger{left:8px;top:calc(12px + env(safe-area-inset-top))}.hp-main:has(.hp-conversation-header)>.hp-global-notifications{display:none}.hp-main>.hp-global-notifications{top:calc(12px + env(safe-area-inset-top))}.hp-navigation{border:0;grid-template-columns:64px minmax(0,1fr);gap:0;width:100%;padding:0}.hp-navigation-header{padding:max(10px, env(safe-area-inset-top)) 12px 12px 20px;border-bottom:1px solid var(--border-subtle)}.hp-navigation-rail{padding-top:8px}.hp-navigation-rail>.hp-server-rail{border-radius:0;padding-top:8px}.hp-navigation-channels>.hp-conversation-sidebar{border:0;border-radius:0}.hp-navigation-channels :is(button[aria-label^=Direct\ message],button[aria-label=Friends],button[aria-label=Friend\ requests]){min-height:56px}.hp-navigation-channels .hp-conversation-sidebar>div:first-child{height:72px}.hp-navigation-dock{padding:10px 12px max(12px, env(safe-area-inset-bottom));border-top:1px solid var(--border-subtle);background:var(--sidebar-bg)}.hp-navigation-dock .hp-user-dock{background:0 0;border:0;border-radius:0;height:56px;padding:0}.hp-navigation-dock .hp-user-dock>div>button{width:40px;height:44px}.hp-icon-button{border-radius:12px;width:44px;height:44px}.hp-mobile-tabbar{border-top:1px solid var(--border-subtle);padding:6px 12px max(6px, env(safe-area-inset-bottom));background:var(--sidebar-bg);flex-shrink:0;justify-content:space-around;gap:8px;display:flex}.hp-mobile-tabbar>button{min-height:54px;color:var(--text-secondary);border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.hp-mobile-tabbar>button:active{color:var(--text-primary);background:var(--bg-modifier-active)}.hp-app[data-keyboard=true] .hp-mobile-tabbar{display:none}.hp-main:has(.hp-conversation-header)>.hp-mobile-tabbar{display:none}.hp-friends-toolbar{padding-top:calc(12px + env(safe-area-inset-top))}.hp-friend-filters{gap:4px;padding-bottom:4px}.hp-friend-filters>button{min-width:0;padding-left:8px;padding-right:8px;font-size:12px}.hp-friend-filters>button svg{display:none}.hp-composer-area{padding:6px 10px max(10px, env(safe-area-inset-bottom))}.hp-app[data-keyboard=true] .hp-composer-area{padding-bottom:8px}.hp-composer{gap:0;padding:4px}.hp-composer textarea{padding-left:2px;padding-right:2px;font-size:16px;line-height:24px}.hp-composer>button[type=submit]{width:40px;height:44px}.hp-message{padding-left:12px!important;padding-right:12px!important}.hp-message p,.hp-message pre{overflow-wrap:anywhere}.hp-message img{max-width:100%}.hp-settings-dialog{flex-direction:column}.hp-settings-dialog>.hp-modal-close{top:calc(10px + env(safe-area-inset-top));width:44px;height:44px;right:12px}.hp-settings-toolbar{min-height:calc(64px + env(safe-area-inset-top));border-bottom:1px solid var(--border-subtle);padding:env(safe-area-inset-top) 64px 0 12px;background:var(--header-bg);flex-shrink:0;align-items:center;display:flex}.hp-settings-toolbar>button{min-width:0;min-height:48px;color:var(--text-primary);align-items:center;gap:12px;padding:0 8px;font-weight:600;display:flex}.hp-settings-toolbar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hp-settings-sidebar{border:0;flex:1;width:100%;min-height:0;max-height:none;padding:20px;display:none}.hp-settings-sidebar[data-open=true]{display:flex}.hp-settings-sidebar>h2,.hp-settings-sidebar>div:first-child{display:none}.hp-settings-sidebar nav{margin-top:0}.hp-settings-content{width:100%;max-width:none;padding:20px 16px max(24px, env(safe-area-inset-bottom))}.hp-settings-content[data-nav-open=true]{display:none}.hp-settings-content :is(input,textarea,select),.hp-navigation input,.hp-search-panel input{font-size:16px}.hp-settings-content :is(input[type=text],input[type=email],select){min-height:44px}.hp-settings-content p{overflow-wrap:anywhere}.hp-panel-header{padding-top:max(12px, env(safe-area-inset-top));min-height:calc(68px + env(safe-area-inset-top))}.hp-notification-popover{top:calc(76px + env(safe-area-inset-top));z-index:60;width:auto;max-height:calc(100dvh - 100px);position:fixed;left:12px;right:12px}.hp-call-control{min-height:44px}}@media (max-width:1023px) and (orientation:landscape) and (max-height:600px){.hp-conversation-header{height:56px}.hp-navigation-trigger{top:6px}.hp-composer-area{padding-top:4px;padding-bottom:6px}}
.ep-anchor{pointer-events:none;width:0;height:0;position:absolute;bottom:0;right:0}.hp-emoji-picker{z-index:60;left:var(--picker-left,12px);top:var(--picker-top,80px);width:var(--picker-width,420px);height:var(--picker-height,520px);border:1px solid var(--border);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);color:var(--text-primary);background:var(--modal-bg);isolation:isolate;border-radius:18px;flex-direction:column;margin:0;display:flex;position:fixed;overflow:hidden;box-shadow:0 16px 48px #0000003d}.ep-grabber{display:none}.ep-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:8px;padding:6px 8px 0 12px;display:flex}.ep-tabs{flex:1;gap:4px;min-width:0;display:flex}.ep-tabs>button{min-height:44px;color:var(--text-muted);justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:13px;font-weight:500;display:flex;position:relative}.ep-tabs>button[aria-selected=true]{color:var(--text-primary)}.ep-tabs>button[aria-selected=true]:after{content:"";background:var(--accent);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:12px;right:12px}.ep-close{width:36px;height:36px;color:var(--text-muted);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ep-close:hover,.ep-tone-trigger:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.ep-search-row{flex-shrink:0;gap:8px;padding:12px;display:flex}.ep-search{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--input-bg);min-width:0;height:40px;color:var(--text-muted);flex:1;align-items:center;gap:8px;padding:0 10px;display:flex}.ep-search:focus-within{border-color:var(--accent)}.ep-search input{width:100%;min-width:0;height:100%;color:var(--text-primary);background:0 0;border:0;outline:none;padding:0;font-size:13px}.ep-search input::placeholder{color:var(--text-muted)}.ep-search>button{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:32px;display:flex}.ep-tone-trigger{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ep-tone-trigger .ep-native{font-size:24px}.ep-tones{border:1px solid var(--border);background:var(--bg-secondary);border-radius:12px;flex-shrink:0;justify-content:space-evenly;gap:4px;margin:0 12px 8px;padding:4px;display:flex}.ep-tones button{border-radius:9px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ep-tones button[aria-pressed=true]{background:var(--bg-modifier-active);box-shadow:inset 0 0 0 1px var(--accent)}.ep-content{overscroll-behavior:contain;touch-action:pan-y;flex:1;min-height:0;padding:0 10px 12px;scroll-padding-top:0;overflow:hidden auto}.ep-section{margin-bottom:12px}.ep-section>h3{z-index:1;background:var(--modal-bg);color:var(--text-secondary);letter-spacing:.02em;padding:9px 4px 7px;font-size:11px;font-weight:600;position:sticky;top:0}.ep-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:2px 0;display:grid}.ep-grid>[data-context-trigger]{min-width:0}.ep-recent-grid{align-content:start;min-height:90px}.ep-emoji{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:10px;justify-content:center;align-items:center;width:100%;height:44px;display:flex}.ep-emoji:hover,.ep-emoji:focus-visible{background:var(--bg-modifier-hover)}.ep-emoji:active{background:var(--bg-modifier-active)}.hp-emoji-picker button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ep-native{font-variant-emoji:emoji;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,emoji,sans-serif;font-size:30px;font-weight:400;line-height:1;display:inline-block}.ep-custom-image{object-fit:contain;width:32px;height:32px}.ep-categories{border-top:1px solid var(--border-subtle);scrollbar-width:thin;scrollbar-color:transparent transparent;background:var(--bg-secondary);touch-action:pan-x;flex-shrink:0;align-items:center;gap:2px;min-width:0;max-width:100%;padding:5px 8px;display:flex;overflow-x:auto}.ep-categories:is(:hover,:focus-within){scrollbar-color:var(--text-muted) transparent}.ep-categories>button{width:34px;height:36px;color:var(--text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.ep-categories>button[aria-pressed=true]{background:var(--bg-modifier-active);color:var(--text-primary)}.ep-categories>button:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.ep-categories img{object-fit:cover;border-radius:6px;width:23px;height:23px}.ep-footer{border-top:1px solid var(--border-subtle);min-height:40px;color:var(--text-muted);flex-shrink:0;align-items:center;gap:8px;padding:7px 14px;font-size:11px;display:flex}.ep-footer>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ep-preview{flex-shrink:0}.ep-preview .ep-native{font-size:24px}.ep-preview .ep-custom-image{width:24px;height:24px}.ep-result-count{font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:auto}.ep-empty{text-align:center;height:100%;min-height:180px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.ep-empty p{color:var(--text-primary);font-size:14px;font-weight:600}.ep-empty>span:not(.hp-motion-icon){max-width:240px;font-size:12px;line-height:1.6}.ep-error{color:var(--text-muted);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 14px 8px;font-size:11px;display:flex}.ep-error button{min-height:32px;color:var(--accent);font-weight:600}.ep-sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:8px 2px;display:grid}.ep-sticker-grid>button{aspect-ratio:1;border-radius:12px;justify-content:center;align-items:center;padding:8px;display:flex;overflow:hidden}.ep-sticker-grid>button:hover{background:var(--bg-modifier-hover)}.ep-sticker-grid img{object-fit:contain;width:100%;height:100%}@media (max-width:767px){body:has(.hp-emoji-picker) .hp-app .hp-composer-area{padding-bottom:calc(min(380px, max(0px, calc(var(--app-height,100dvh) - var(--emoji-composer-height,64px) - env(safe-area-inset-top) - 80px))) + 8px)}body:has(.hp-emoji-picker) .hp-composer-area textarea{max-height:96px}.hp-emoji-picker{width:100%;max-width:none;height:min(380px, max(0px, calc(var(--app-height,100dvh) - var(--emoji-composer-height,64px) - env(safe-area-inset-top) - 80px)));border:0;border-top:1px solid var(--border);max-height:none;padding-bottom:env(safe-area-inset-bottom);box-shadow:none;border-radius:18px 18px 0 0;inset:auto 0 0}.ep-grabber{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:16px;display:flex}.ep-grabber:active{cursor:grabbing}.ep-grabber span{background:var(--border);border-radius:4px;width:32px;height:4px}.ep-header{padding:0 8px 0 12px}.ep-tabs{justify-content:space-between;gap:2px}.ep-tabs>button{flex:1;min-height:40px;padding:0 8px;font-size:12px}.ep-tabs>button>.hp-motion-icon{display:none}.ep-close{width:40px;height:40px}.ep-search-row{gap:6px;padding:8px 12px 4px}.ep-search{background:var(--bg-secondary);border:0;height:36px}.ep-search input{font-size:16px}.ep-tone-trigger{height:36px}.ep-content{padding-bottom:8px;padding-left:10px;padding-right:10px}.ep-section{margin-bottom:8px}.ep-section>h3{padding:8px 4px 5px;font-size:11px}.ep-categories{padding:4px 8px}.ep-categories>button{width:36px;height:40px}.ep-footer{display:none}.ep-empty{min-height:120px;padding:16px}}@media (max-width:359px){.ep-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.ep-native{font-size:28px}}
.hp-settings-category-chevron{display:none}.hp-dock-control{width:30px;height:34px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;display:flex}.hp-dock-control:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.hp-phone-dock{display:none}.hp-presence-menu>button,.hp-presence-options>button{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:38px;padding:6px 10px;font-size:13px;display:flex}.hp-presence-menu>button{gap:12px;min-height:44px;padding-inline:12px}.hp-presence-menu>button:hover,.hp-presence-options>button:hover{background:var(--bg-modifier-hover)}.hp-presence-options{background:var(--modal-bg);border:1px solid var(--border);border-radius:12px;padding:4px}@media (min-width:760px) and (hover:hover){.hp-account-menu:not(.hp-account-menu-phone){overflow:visible}.hp-account-menu:not(.hp-account-menu-phone) .hp-presence-options{z-index:1;width:190px;position:absolute;bottom:0;left:100%}}.hp-account-menu header{border-bottom:1px solid var(--border-subtle);margin-bottom:4px;padding:10px 12px 12px}.hp-account-menu header strong,.hp-account-menu header span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hp-account-menu header strong{font-size:14px}.hp-account-menu header span{color:var(--text-muted);margin-top:3px;font-size:11px}.hp-account-menu>button{text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 12px;font-size:13px;display:flex}.hp-account-menu>button:hover{background:var(--bg-modifier-hover)}.hp-account-menu>button[aria-pressed=true]{color:var(--danger)}.hp-private-email{min-height:44px;color:var(--text-secondary);align-items:center;gap:14px;padding:4px 0;font-size:14px;display:flex}.hp-private-email>span{overflow-wrap:anywhere;flex:1;min-width:0}.hp-private-email>button{min-height:40px;color:var(--accent);border-radius:8px;padding:0 10px;font-size:12px;font-weight:600}.hp-private-email>button:hover{background:var(--bg-modifier-hover)}.hp-account-identity-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px 24px;display:grid}.hp-account-identity-fields .hp-private-email{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--input-bg);margin-top:6px;padding:0 4px 0 12px}.hp-account-identity-fields .hp-private-email>button{color:var(--text-primary)}.hp-account-security-row{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.hp-account-security-row>.hp-motion-icon{color:var(--text-muted);flex:none;align-self:flex-start;margin-top:4px}.hp-account-security-row>div{flex:min(100% - 34px,170px)}.hp-account-security-row>button{white-space:normal;max-width:100%}.hp-account-state{font-size:13px;font-weight:600}body:has(.hp-settings-overlay) .hp-phone-dock{display:none!important}.hp-device-page{gap:28px;font-size:13px;display:grid}.hp-sync-summary{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:20px;padding:24px}.hp-sync-heading{color:var(--accent);align-items:center;gap:12px;display:flex}.hp-sync-summary[data-state=synced] .hp-sync-heading{color:var(--success)}.hp-sync-summary[data-state=error] .hp-sync-heading{color:var(--danger)}.hp-device-eyebrow{letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:600}.hp-sync-summary h2{letter-spacing:-.7px;margin:18px 0 8px;font-size:22px;font-weight:600;line-height:1.2}.hp-sync-summary p{color:var(--text-secondary);font-size:12px;line-height:1.7}.hp-sync-features{color:var(--text-primary);flex-wrap:wrap;gap:8px 18px;margin-top:20px;font-size:11px;display:flex}.hp-sync-features span:before{content:"✓";color:var(--success);margin-right:6px}.hp-sync-summary .hp-sync-footnote{color:var(--text-muted);margin-top:16px;font-size:10px}.hp-device-sessions>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.hp-device-sessions h3{font-size:15px;font-weight:600}.hp-device-sessions header p{color:var(--text-muted);margin-top:4px;font-size:11px}.hp-device-sessions header button{min-width:44px;min-height:44px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.hp-device-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:14px;padding:20px 0;display:flex}.hp-device-row>.hp-motion-icon{color:var(--text-muted)}.hp-device-row>div{flex:1;min-width:0}.hp-device-row h4{overflow-wrap:anywhere;font-weight:600}.hp-device-row p{color:var(--text-muted);margin-top:5px;font-size:10px}.hp-current-device{color:var(--success);margin-top:5px;font-size:10px;display:inline-block}.hp-device-row>button{color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:8px;font-size:11px;display:flex}.hp-device-row>button:hover{color:var(--danger);background:var(--bg-modifier-hover)}.hp-device-row>button:disabled{opacity:.5}.hp-device-note{color:var(--text-muted);margin-top:18px;font-size:11px;line-height:1.7}.hp-device-signout{color:var(--danger);border:1px solid var(--border-subtle);border-radius:10px;min-height:44px;margin-top:10px;padding:0 12px;font-size:12px}.hp-device-signout:disabled{opacity:.4}.hp-device-confirm,.hp-draft-conflict{border:1px solid var(--border);border-radius:14px;margin-top:16px;padding:16px;font-size:12px}.hp-device-confirm>button{min-height:44px;color:var(--danger);margin:8px 16px 0 0}.hp-draft-conflict h3{font-size:14px;font-weight:600}.hp-draft-conflict p{color:var(--text-secondary);margin:8px 0 16px;font-size:11px;line-height:1.6}.hp-draft-conflict h4{font-size:11px;font-weight:600}.hp-draft-conflict .grid>div{background:var(--bg-secondary);border-radius:10px;padding:12px}.hp-draft-conflict button{min-height:40px;color:var(--accent);font-size:11px}.hp-device-error{color:var(--danger);padding:12px;font-size:12px}.hp-device-error button{min-height:44px;margin-left:16px}.hp-device-loading{color:var(--text-muted);padding:25px 0}@media (max-width:767px){.hp-navigation{padding-top:env(safe-area-inset-top);padding-bottom:calc(94px + env(safe-area-inset-bottom));background:var(--chat-bg);grid-template-rows:minmax(0,1fr)}.hp-navigation-header,.hp-navigation-dock{display:none}.hp-navigation-rail,.hp-navigation-channels{grid-row:1}.hp-navigation-channels .hp-conversation-sidebar>div:first-child{height:64px}.hp-main>.hp-global-notifications{display:none!important}.hp-phone-dock{z-index:55;bottom:calc(12px + env(safe-area-inset-bottom));pointer-events:auto;max-width:440px;margin:auto;display:block;position:fixed;left:12px;right:12px}.hp-user-dock-phone{border-color:var(--border);background:var(--modal-bg);border-radius:22px;gap:10px;height:64px;padding:7px 10px}.hp-dock-conversations{min-width:44px;min-height:44px;color:var(--text-secondary);border-right:1px solid var(--border-subtle);flex-shrink:0;justify-content:center;align-items:center;padding-right:10px;display:flex}.hp-dock-profile{min-height:46px}.hp-dock-profile>.hp-motion-icon{color:var(--text-muted)}.hp-user-dock-phone>.relative>.hp-icon-button{background:0 0;border:0}.hp-account-menu-phone{bottom:calc(88px + env(safe-area-inset-bottom));width:auto;max-width:440px;margin:0 auto;position:fixed;left:12px;right:12px}.hp-phone-dock .hp-notification-popover{top:auto;bottom:calc(88px + env(safe-area-inset-bottom));max-height:calc(var(--app-height,100dvh) - 120px - env(safe-area-inset-bottom));width:auto;max-width:440px;margin-inline:auto;left:12px;right:12px}.hp-main:not(:has(.hp-conversation-header)){padding-bottom:calc(94px + env(safe-area-inset-bottom))}.hp-app[data-keyboard=true]>.hp-phone-dock{display:none}.hp-app:has(.hp-conversation-header)>.hp-phone-dock{display:none}.hp-phone-dock:has(.hp-settings-overlay){z-index:80;display:block!important}.hp-app:has(.hp-conversation-header):has(.hp-navigation[data-present=true])>.hp-phone-dock{opacity:0;display:block}.hp-app:has(.hp-conversation-header):not(:has(.hp-navigation[data-open=true]))>.hp-phone-dock{pointer-events:none}.hp-app:not(:has(.hp-conversation-header))>.hp-phone-dock{opacity:1!important}.hp-phone-dock:has(.hp-settings-overlay){opacity:1!important}.hp-app[data-keyboard=true]:not(:has(.hp-navigation[data-open=true]))>.hp-phone-dock{display:none}.hp-app:has(.hp-navigation[data-open=true])>.hp-phone-dock{display:block}.hp-settings-dialog{isolation:isolate}.hp-settings-toolbar{padding-left:12px;padding-right:64px}.hp-settings-toolbar h2{padding-left:8px;font-size:19px;font-weight:650}.hp-settings-category-chevron{color:var(--text-muted);display:inline-flex}.hp-settings-sidebar{background:var(--modal-bg);padding:22px 16px}.hp-settings-sidebar nav section{border-bottom:1px solid var(--border-subtle);padding-bottom:14px}.hp-settings-sidebar nav section:last-of-type{border:0}.hp-settings-sidebar nav button{background:0 0;border:0;min-height:56px;font-size:14px}.hp-settings-sidebar nav button[aria-current=page]{background:0 0;font-weight:500}.hp-settings-sidebar nav button:active{background:var(--bg-modifier-hover)}.hp-settings-sidebar .hp-settings-nav-icon{color:var(--accent)}.hp-settings-content{padding:24px 20px max(28px,env(safe-area-inset-bottom))}.hp-settings-dialog>.hp-modal-close{right:12px;top:calc(10px + env(safe-area-inset-top))}.hp-device-row>button>span:not(.hp-motion-icon){display:none}.hp-sync-summary{padding:20px}.hp-sync-summary h2{font-size:21px}}.hp-dock-control[aria-pressed=true],.hp-dock-control[aria-pressed=true]:hover{color:var(--danger)}.hp-dock-disconnect:hover,.hp-dock-disconnect:focus-visible{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.hp-sidebar-speaking-avatar{border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:2px;transition:border-color .12s ease-out;display:inline-flex}.hp-sidebar-speaking-avatar[data-speaking=true]{border-color:var(--success)}@media (max-width:767px){.hp-navigation{padding:max(10px, env(safe-area-inset-top)) 10px calc(94px + env(safe-area-inset-bottom)) 4px;background:var(--bg-tertiary);grid-template-columns:56px minmax(0,1fr);column-gap:8px}.hp-navigation-rail{padding-top:2px}.hp-navigation-rail>.hp-server-rail{background:0 0;width:56px;padding-inline:4px}.hp-navigation-channels{border:1px solid var(--border-subtle);background:var(--sidebar-bg);border-radius:20px;overflow:hidden}.hp-navigation-channels>.hp-conversation-sidebar{background:0 0}.hp-navigation-channels .hp-conversation-sidebar>div:first-child{min-height:64px;padding-inline:14px}.hp-navigation-channels input{min-height:44px}.hp-navigation-channels :is(button[aria-label^=Direct\ message],button[aria-label=Friends],button[aria-label=Friend\ requests]){border-radius:14px}.hp-phone-dock{left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom))}.hp-user-dock-phone{height:auto;min-height:68px;box-shadow:none;border-radius:22px;padding:8px 10px}.hp-app:has(.hp-phone-dock [data-voice-connected=true]) .hp-navigation{padding-bottom:calc(156px + env(safe-area-inset-bottom))}.hp-dock-conversations{color:var(--text-primary);padding-right:10px}.hp-dock-conversations[aria-expanded=true]{color:var(--accent)}.hp-dock-profile{padding:3px 4px}.hp-account-menu-phone{bottom:calc(90px + env(safe-area-inset-bottom));border-radius:22px;padding:10px}.hp-account-menu-phone>button{min-height:48px}.hp-conversation-header{height:calc(60px + env(safe-area-inset-top));background:var(--chat-bg);border-bottom:1px solid var(--border-subtle)}.hp-navigation-trigger{top:calc(8px + env(safe-area-inset-top))}.hp-conversation-identity .hp-avatar{width:36px;height:36px}.hp-message{font-size:15px;line-height:1.55;padding-inline:14px!important}.hp-message pre{max-width:100%;font-size:13px}.hp-composer-area{padding:8px 12px max(12px, env(safe-area-inset-bottom))}.hp-composer{background:var(--input-bg);border-radius:20px;min-height:52px}.hp-composer textarea{padding-block:10px}.hp-friends-toolbar{background:var(--chat-bg);padding-bottom:12px}.hp-friend-filters{border:1px solid var(--border-subtle);background:var(--bg-secondary);border-radius:14px;padding:4px}}.hp-drop-row[data-dragging=true]{opacity:.45}.hp-drop-row[data-drop=inside]{outline:2px solid var(--accent);outline-offset:-2px}.hp-drop-row:is([data-drop=before],[data-drop=after]):after{content:"";z-index:15;background:var(--accent);pointer-events:none;border-radius:4px;height:3px;position:absolute;inset-inline:2px}.hp-drop-row[data-drop=before]:after{top:0}.hp-drop-row[data-drop=after]:after{bottom:0}@media (prefers-reduced-motion:reduce){.hp-sidebar-speaking-avatar{transition:none}}.hp-user-dock[data-voice-connected=true],.hp-navigation-dock .hp-user-dock[data-voice-connected=true]{height:auto}.hp-navigation-dock .hp-user-dock>div>.hp-dock-profile{width:auto;height:auto}.hp-typing-dots>span{animation:1.1s ease-in-out infinite hp-typing-dot}.hp-chat-typing{pointer-events:none;height:20px;min-height:20px;padding:0 20px;position:relative}.hp-message-editor{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--input-bg);max-width:48rem;margin:5px 0}.hp-message-editor:focus-within{border-color:var(--accent)}.hp-message-editor-input{resize:none;width:100%;min-height:42px;max-height:min(42vh,18rem);color:var(--text-primary);font-size:var(--message-font-size,14px);background:0 0;outline:none;padding:10px 12px;line-height:1.55;display:block}.hp-message-editor>footer{align-items:center;gap:5px;padding:0 6px 6px;display:flex}.hp-message-editor-hint{color:var(--text-muted);flex:1;font-size:11px}.hp-message-editor-hint kbd{font:inherit;color:var(--text-secondary);margin-inline-end:2px}.hp-message-editor-error{color:var(--danger);margin:0 12px 7px;font-size:12px}@media (hover:none),(pointer:coarse),(max-width:540px){.hp-message-editor-hint{visibility:hidden;width:0;min-width:0}}@media (pointer:coarse){.hp-message-editor>footer button{min-height:44px}}.hp-dm-call-waiting{align-items:center;gap:16px;padding:16px 22px 22px;display:flex}.hp-dm-call-waiting strong{color:var(--text-primary);font-size:14px}.hp-dm-call-waiting p{color:var(--text-secondary);margin-top:4px;font-size:12px;line-height:19px}@media (max-width:640px){.hp-chat-typing{padding-inline:12px}}@keyframes hp-typing-dot{0%,65%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.hp-typing-dots[data-reduced=true]>span{animation:none}@media (prefers-reduced-motion:reduce){.hp-typing-dots>span{animation:none}}@media (max-width:767px){.hp-navigation:has(.hp-user-dock[data-voice-connected=true]){padding-bottom:calc(148px + env(safe-area-inset-bottom))}body:has(.hp-user-dock-phone[data-voice-connected=true]) .hp-account-menu-phone{bottom:calc(148px + env(safe-area-inset-bottom))}.hp-phone-dock:has(.hp-user-dock[data-voice-connected=true]) .hp-notification-popover{bottom:calc(148px + env(safe-area-inset-bottom))}.hp-phone-dock:has(.hp-user-dock[data-voice-connected=true]) .hp-notification-popover{max-height:calc(var(--app-height,100dvh) - 180px - env(safe-area-inset-bottom))}.hp-user-dock-phone>div>.relative>.hp-icon-button{background:0 0;border:0}}
.hp-call-identity{flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.hp-voice-state-badge{z-index:4;border:2px solid var(--call-profile-color,var(--bg-secondary));width:30px;height:30px;color:var(--danger);background:var(--bg-primary);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:-3px;right:-5px}.hp-voice-state-inline{color:var(--danger);flex:none;justify-content:center;align-items:center;display:inline-flex}.hp-call-portrait,.hp-call-tile[data-speaking=true]{box-shadow:none}.hp-avatar-speaking{transition:outline-color var(--motion-quick) ease}.hp-call-roster{gap:6px;min-width:0;padding:2px 0;display:flex;overflow-x:auto}.hp-call-filmstrip.hp-dm-participants{width:100%;height:auto}.hp-call-roster :is(.hp-call-tile,.hp-dm-participant){width:max-content;max-width:190px;height:44px;box-shadow:none;color:var(--text-primary);background:0 0;border:0;border-radius:9px;flex-direction:row;flex:none;justify-content:start;gap:8px;padding:0 10px;display:flex;position:relative;container-type:normal}.hp-call-roster .hp-call-avatar{width:26px!important;height:26px!important}.hp-call-roster .hp-call-portrait>span{font-size:12px}.hp-call-roster .hp-avatar-speaking{outline-offset:2px;outline-width:2px}.hp-call-roster .hp-call-name{margin:0;font-size:12px;position:relative;inset:auto;transform:none}.hp-call-roster .hp-call-status{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.hp-call-roster .hp-voice-state-badge{width:17px;height:17px;bottom:-2px}.hp-call-roster .hp-voice-state-badge svg{width:10px;height:10px}.hp-call-roster .hp-call-participant-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.hp-call-roster .hp-call-participant-trigger[aria-expanded=true]{box-shadow:none;background:var(--bg-modifier-hover)}.hp-stream-stage{border:1px solid var(--border);min-width:0;min-height:200px;color:var(--text-primary);background:#070708;border-radius:14px;flex-direction:column;flex:1;margin-bottom:6px;display:flex;position:relative;overflow:hidden}.hp-stream-toolbar{z-index:2;min-height:48px;box-shadow:none;color:#f5f5f7;transition:opacity var(--motion-quick) var(--ease-out);background:0 0;border:0;flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:10px;display:flex;position:absolute;inset:auto 0 0}.hp-stream-stage:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.hp-stream-owner{min-width:72px;max-width:min(280px,100%);box-shadow:none;background:#0b0c10d9;border:1px solid #ffffff14;border-radius:9px;flex-direction:column;flex:0 auto;gap:1px;margin-inline-end:auto;padding:7px 10px;display:flex}.hp-stream-owner>.text-xs{color:#d0d1d8}.hp-stream-buttons{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.hp-stream-owner strong,.hp-stream-card-person strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.hp-stream-state{color:#d0d1d8;align-items:center;gap:5px;font-size:10px;display:inline-flex}.hp-stream-state:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.hp-stream-state[data-connecting=true]{color:var(--warning)}.hp-stream-state[data-live=true]{color:var(--danger)}.hp-stream-viewers{color:inherit;font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:5px;font-size:12px;display:inline-flex}.hp-stream-canvas{background:#070708;flex:1;min-height:150px;position:relative;overflow:hidden}.hp-stream-canvas video{object-fit:contain;transform-origin:50%;width:100%;height:100%;position:absolute;inset:0}.hp-stream-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.hp-stream-canvas[data-zoomed]{cursor:grab;touch-action:none}.hp-stream-canvas[data-panning]{cursor:grabbing;-webkit-user-select:none;user-select:none}.hp-stream-canvas[data-zoomed] video{will-change:transform}.hp-stream-zoom-reset{white-space:nowrap;gap:8px;font-size:11px}.hp-stream-zoom-reset span{color:inherit;opacity:.75;font-variant-numeric:tabular-nums}.hp-stream-connecting{color:#f1f1f4;text-align:center;background:#070708;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:13px;display:flex;position:absolute;inset:0}.hp-stream-loading{pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--motion-quick) var(--ease-out), visibility 0s linear var(--motion-quick)}.hp-stream-loading[data-waiting=true]{opacity:1;visibility:visible;transition:none}@media (prefers-reduced-motion:reduce){.hp-stream-loading{transition:none}}:is(html.reduce-motion,html.performance-mode) .hp-stream-loading{transition:none}.hp-stream-audio{flex:0 168px;align-items:center;gap:6px;min-width:85px;display:flex}.hp-stream-toolbar .hp-slider{--accent:#f5f5f7;--modal-bg:#101114;--bg-modifier-active:#ffffff4d}.hp-stream-audio .hp-slider{flex:1;min-width:26px;max-width:126px}.hp-stream-action{min-width:44px;min-height:44px;color:inherit;background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;padding-inline:8px;font-size:12px;display:inline-flex}.hp-stream-action:hover{color:#fff;background:#ffffff26}.hp-stream-buttons .hp-stream-viewers-trigger{color:inherit;box-shadow:none;background:0 0;border:0}.hp-stream-buttons .hp-stream-viewers-trigger:hover{color:#fff;background:#ffffff26}.hp-stream-action:focus-visible,.hp-stream-card:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.hp-stream-stop,.hp-stream-stop:hover{color:var(--danger)}.hp-stream-notice{border:1px solid var(--border);background:var(--bg-secondary);color:var(--danger);border-radius:10px;flex:none;align-items:center;gap:8px;margin-bottom:8px;padding-inline-start:12px;font-size:12px;display:flex}.hp-stream-notice p{overflow-wrap:anywhere;flex:1;min-width:0}.hp-stream-stage .hp-stream-notice{border-inline:0;border-radius:0;margin:0}.hp-streams{flex:none;min-width:0;margin-bottom:12px}.hp-stream-list{scroll-snap-type:x proximity;gap:6px;padding-bottom:3px;display:flex;overflow-x:auto}.hp-stream-list>li{scroll-snap-align:start;flex:none;max-width:100%}.hp-stream-card{border:1px solid var(--border);background:var(--bg-secondary);width:min(232px,74vw);max-width:100%;min-height:52px;color:var(--text-primary);text-align:left;border-radius:10px;align-items:center;gap:8px;padding:7px 9px;display:flex}.hp-stream-card-person{flex:1;gap:1px;min-width:0;display:grid}.hp-stream-card-person small{color:var(--text-secondary);font-size:11px}.hp-stream-card-action{color:var(--text-secondary);flex:none;align-items:center;gap:4px;font-size:11px;display:inline-flex}@media (max-width:640px){.hp-stream-toolbar{gap:6px;padding:8px}.hp-stream-audio{gap:4px}.hp-stream-audio .hp-slider{max-width:86px}}@media (hover:hover) and (pointer:fine){.hp-stream-toolbar{opacity:0;pointer-events:none}.hp-stream-stage:hover>.hp-stream-toolbar,.hp-stream-stage:focus-within>.hp-stream-toolbar,.hp-stream-toolbar:focus-within{opacity:1;pointer-events:auto}.hp-stream-toolbar:has([aria-expanded=true]){opacity:1;pointer-events:auto}}.hp-stream-avatar{background:color-mix(in srgb,var(--call-foreground,#fff) 8%,transparent);color:inherit;border:0}.hp-stream-avatar-large{aspect-ratio:16/11;border-radius:16px;gap:10px;width:clamp(68px,min(42cqw,45cqh),150px);height:auto;max-height:none}.hp-stream-avatar-label{font-size:11px;font-weight:550}.hp-stream-avatar-live{letter-spacing:.08em;color:var(--danger);font-size:8px;font-weight:750}.hp-stream-stage:fullscreen{border:0;border-radius:0;width:100vw;height:100dvh;max-height:none;margin:0}.hp-stream-stage:fullscreen .hp-stream-canvas{flex:1}@container (max-height:180px){.hp-stream-avatar-large{aspect-ratio:auto;gap:4px;width:58px;height:42px}.hp-stream-avatar-large .hp-stream-avatar-label{display:none}.hp-stream-avatar-large svg{width:20px;height:20px}.hp-stream-avatar-live{font-size:7px}}@container (max-height:115px){.hp-voice-state-badge{width:19px;height:19px;bottom:-2px;right:-5px}.hp-voice-state-badge svg{width:11px;height:11px}.hp-stream-avatar-large{width:32px;height:28px}.hp-stream-avatar-live{display:none}}@container (max-height:90px){.hp-call-identity{position:absolute;top:50%;left:12px;transform:translateY(-50%)}.hp-call-identity .hp-call-avatar{position:relative;top:auto;left:auto;transform:none}.hp-stream-avatar-large{width:26px;height:26px}}:is(html.reduce-motion,html.performance-mode) .hp-stream-toolbar{transition:none}.hp-voice-reconnect-banner{border:1px solid color-mix(in srgb, var(--danger) 30%, var(--border));background:color-mix(in srgb, var(--danger) 9%, var(--modal-bg));color:var(--danger);border-radius:12px;flex:none;align-items:center;gap:10px;margin-bottom:6px;padding:7px 12px;display:flex}.hp-voice-reconnect-copy{flex:1;min-width:0}.hp-voice-reconnect-status{flex-wrap:wrap;align-items:center;gap:2px 8px;min-width:0;font-size:12px;line-height:18px;display:flex}.hp-voice-reconnect-status strong{font-weight:600}.hp-voice-reconnect-status>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.hp-voice-reconnect-error{overflow-wrap:anywhere;margin-top:2px;font-size:11px;line-height:17px}.hp-voice-reconnect-actions{flex:none;align-items:center;gap:4px;display:flex}.hp-voice-reconnect-dismiss{width:32px;color:var(--danger);padding-inline:0}@media (max-width:767px){.hp-voice-reconnect-banner{padding:calc(5px + env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 5px max(12px, env(safe-area-inset-left));border-width:0 0 1px;border-radius:0;gap:8px;margin:0}.hp-voice-reconnect-banner .hp-button{min-height:44px}.hp-voice-reconnect-dismiss{width:36px}.hp-main-frame:has(>.hp-voice-reconnect-banner) .hp-main .hp-conversation-header{height:64px;padding-top:0}.hp-main-frame:has(>.hp-voice-reconnect-banner) .hp-main>.hp-navigation-trigger{top:12px}.hp-main-frame:has(>.hp-voice-reconnect-banner) .hp-main>.hp-global-notifications{top:12px}}@media (max-width:767px) and (orientation:landscape) and (max-height:600px){.hp-main-frame:has(>.hp-voice-reconnect-banner) .hp-main .hp-conversation-header{height:56px}.hp-main-frame:has(>.hp-voice-reconnect-banner) .hp-main>.hp-navigation-trigger{top:6px}}.hp-camera-video{object-fit:cover;pointer-events:none;background:#080809;width:100%;height:100%;position:absolute;inset:0}:is(.hp-call-tile,.hp-dm-participant).hp-camera-tile{color:#fff;background:#080809;position:relative;overflow:hidden}:is(.hp-call-tile,.hp-dm-participant).hp-camera-tile[data-speaking=true]{outline:2px solid var(--success);outline-offset:-2px}:is(.hp-call-tile,.hp-dm-participant).hp-camera-tile .hp-call-identity{z-index:1;background:#000000a6;border-radius:8px;padding:6px;position:absolute;inset:10px 10px auto auto;transform:none}.hp-camera-tile .hp-call-identity:not(:has(.hp-voice-state-inline)){display:none}.hp-camera-tile .hp-call-avatar,.hp-camera-tile .hp-stream-avatar-large{display:none}:is(.hp-call-tile,.hp-dm-participant).hp-camera-tile .hp-call-name{color:#fff;background:#000000a6;border-radius:7px;max-width:calc(100% - 20px);margin:0;padding:5px 8px;font-size:12px;line-height:18px;position:absolute;inset:auto auto 10px 10px;transform:none}:is(.hp-call-tile,.hp-dm-participant).hp-camera-tile .hp-call-status{clip-path:none;color:#fff;background:#000000a6;border-radius:7px;width:auto;height:auto;margin:0;padding:4px 6px;position:absolute;inset:10px auto auto 10px;overflow:visible}.hp-call-roster .hp-camera-tile{color:#fff;background:#080809;border-radius:9px;width:150px;min-width:150px;height:84px}.hp-call-roster .hp-camera-tile .hp-call-name{max-width:calc(100% - 10px);padding:2px 5px;font-size:11px;line-height:14px;inset:auto auto 5px 5px}.hp-call-roster .hp-camera-tile .hp-call-status{display:none}.hp-call-roster .hp-camera-tile .hp-call-identity{inset:5px 5px auto auto}.hp-dm-participants:has(.hp-camera-tile):not(.hp-call-filmstrip){width:100%;height:min(250px,30dvh)}
.hp-stream-pip{--pip-safe-top:env(safe-area-inset-top,0px);--pip-safe-right:env(safe-area-inset-right,0px);--pip-safe-bottom:env(safe-area-inset-bottom,0px);--pip-safe-left:env(safe-area-inset-left,0px);right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));z-index:35;aspect-ratio:16/9;isolation:isolate;border:1px solid var(--border);color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:clamp(260px,28vw,360px);animation:hp-stream-pip-in .16s var(--ease-out);background:#000;border-radius:14px;position:fixed;overflow:hidden}.hp-stream-pip[data-dragging]{cursor:grabbing;animation:none}.hp-stream-pip:focus-visible{outline-offset:3px;outline:2px solid #fff}.hp-app:has(.hp-composer-area)>.hp-stream-pip{bottom:calc(100px + env(safe-area-inset-bottom))}.hp-stream-pip>video{object-fit:contain;width:100%;height:100%;display:block}.hp-stream-pip-heading{background:linear-gradient(#000b,#0000);align-items:center;gap:8px;padding:6px 6px 20px 12px;transition:opacity .12s;display:flex;position:absolute;inset:0 0 auto}.hp-stream-pip-heading>strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.hp-stream-pip-live{color:#ff8993;letter-spacing:.09em;font-size:9px;font-weight:700}.hp-stream-pip-button{width:34px;height:34px;color:inherit;cursor:pointer;border-radius:8px;flex-shrink:0;place-items:center;transition:background-color .12s;display:grid}.hp-stream-pip-button:hover{background:#ffffff20}.hp-stream-pip-button:focus-visible,.hp-stream-pip-play:focus-visible{outline-offset:-2px;outline:2px solid #fff}.hp-stream-pip-close:hover{color:#ff8993}.hp-stream-pip-button:disabled{opacity:.4}.hp-stream-pip-controls{background:linear-gradient(#0000,#000c);justify-content:space-between;align-items:center;gap:12px;padding:14px 7px 6px;transition:opacity .12s;display:flex;position:absolute;inset:auto 0 0}.hp-stream-pip-audio{align-items:center;gap:8px;min-width:0;display:flex}.hp-stream-pip-audio>.hp-slider{width:90px;height:24px}.hp-stream-pip-no-audio{color:#ffffffbf;padding-left:5px;font-size:11px}.hp-stream-pip-waiting{color:#ffffffbf;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;inset:38px 0 46px}.hp-stream-pip-play{color:#fff;cursor:pointer;background:#0009;border:1px solid #ffffff40;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:8px 12px;display:flex}@keyframes hp-stream-pip-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (hover:hover) and (pointer:fine){.hp-stream-pip-controls,.hp-stream-pip-heading{opacity:0}.hp-stream-pip:is(:hover,:focus-within,[data-dragging]) :is(.hp-stream-pip-controls,.hp-stream-pip-heading){opacity:1}}@media (max-width:1023px){.hp-stream-pip{right:max(12px, env(safe-area-inset-right));bottom:calc(160px + env(safe-area-inset-bottom));width:min(280px,100vw - 24px)}.hp-app:has(.hp-conversation-header)>.hp-stream-pip{bottom:calc(100px + env(safe-area-inset-bottom))}.hp-stream-pip-button{width:44px;height:44px}.hp-stream-pip-heading{padding-block:2px 12px}.hp-stream-pip-controls{padding-block:10px 2px}.hp-stream-pip-audio>.hp-slider{height:44px}.hp-app[data-keyboard=true]>.hp-stream-pip{top:calc(78px + env(safe-area-inset-top));bottom:auto}}@media (max-width:479px){.hp-stream-pip{width:min(240px,100vw - 24px)}}@media (prefers-reduced-motion:reduce){.hp-stream-pip{animation:none}.hp-stream-pip-controls,.hp-stream-pip-heading,.hp-stream-pip-button{transition:none}}:is(html.reduce-motion,html.performance-mode) .hp-stream-pip{animation:none}:is(html.reduce-motion,html.performance-mode) :is(.hp-stream-pip-controls,.hp-stream-pip-heading,.hp-stream-pip-button){transition:none}
.hp-dm-call{border-bottom:1px solid var(--border-subtle);background:var(--chat-bg);flex:none;min-width:0;container-type:inline-size}.hp-dm-call-bar{align-items:center;gap:8px;min-height:46px;padding:4px 14px;display:flex}.hp-dm-call-toggle{text-align:left;min-width:0;min-height:38px;color:var(--text-secondary);border-radius:9px;flex:1;align-items:center;gap:9px;padding:5px 8px;font-size:12px;font-weight:500;display:flex}.hp-dm-call-toggle:hover{background:var(--bg-modifier-hover)}.hp-dm-call-toggle:focus-visible,.hp-call-notice-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hp-dm-call-time{font-variant-numeric:tabular-nums;color:var(--text-muted);flex:none;font-size:11px}.hp-dm-call-expansion{overflow:hidden}.hp-dm-call-content{max-height:min(390px, calc(var(--app-height,100dvh) * .44));overscroll-behavior:contain;overflow:auto}.hp-dm-call-content[data-reveal=true]{transition:opacity var(--motion-quick) var(--ease-out), transform var(--motion-quick) var(--ease-out)}@starting-style{.hp-dm-call-content[data-reveal=true]{opacity:0;transform:translateY(-4px)}}.hp-dm-ringing{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:min(100%,460px);margin-inline:auto;padding:18px 20px 24px;display:grid}.hp-dm-ringing>div{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.hp-dm-ringing strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-primary);font-size:13px;font-weight:500;overflow:hidden}.hp-dm-ringing span:last-child{color:var(--text-muted);font-size:11px}.hp-dm-voice{background:0 0}.hp-dm-voice .hp-dm-voice-body{padding:4px 16px 10px}.hp-dm-participants{flex:none;width:min(100%,520px);height:138px;margin-inline:auto}.hp-dm-participant{isolation:isolate;color:var(--text-primary);position:relative;container-type:size}.hp-dm-participant .hp-call-identity{position:relative;top:auto;left:auto;transform:none}.hp-dm-participant .hp-call-avatar{position:relative;top:auto;left:auto;transform:none;width:64px!important;height:64px!important}.hp-dm-participant .hp-call-portrait>span{font-size:22px}.hp-dm-participant .hp-avatar-speaking{outline-offset:4px;outline-width:2px}.hp-dm-participant .hp-call-name{margin-top:9px;font-size:13px;line-height:18px;position:relative;inset:auto;transform:none}.hp-dm-participant .hp-call-status{color:var(--text-muted);justify-content:center;margin-top:3px;font-size:10px;position:relative;inset:auto}.hp-dm-participant .hp-call-status-label{display:inline}.hp-dm-participant .hp-call-badge{background:0 0}.hp-dm-participant .hp-call-participant-trigger[aria-expanded=true]{box-shadow:none;outline:2px solid var(--border);outline-offset:-2px}.hp-dm-participant .hp-call-participant-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.hp-dm-participant .hp-stream-avatar-large{width:76px;height:60px;color:var(--text-secondary);background:var(--bg-secondary)}.hp-dm-voice>footer{background:0 0;border-top:0;gap:8px;padding:4px 12px 14px}.hp-dm-voice .hp-call-icon-control{width:42px;height:42px;min-height:42px}.hp-dm-voice .hp-call-leave{color:var(--danger);background:var(--bg-secondary);border-color:var(--border-subtle)}.hp-dm-voice .hp-call-leave:hover{border-color:var(--danger);background:var(--bg-modifier-hover)}.hp-dm-voice-body[data-stream=true]{gap:6px}.hp-dm-streams{flex-direction:column;gap:8px;min-width:0;display:flex}.hp-dm-streams:empty{display:none}.hp-dm-streams .hp-stream-stage:not(:fullscreen){flex:none;min-height:0;margin:0}.hp-dm-streams .hp-stream-stage:not(:fullscreen) .hp-stream-canvas{aspect-ratio:16/9;flex:none;min-height:120px;max-height:min(340px,33dvh)}.hp-dm-call-content:has(.hp-stream-stage){max-height:min(540px, calc(var(--app-height,100dvh) * .58))}.hp-call-notice{z-index:45;border:1px solid var(--border);background:var(--modal-bg);width:min(420px,100vw - 32px);color:var(--text-primary);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex;position:fixed;bottom:20px;right:20px}.hp-call-notice-open{text-align:left;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:130px;min-height:38px;display:flex}.hp-call-notice-open>span:last-child{min-width:0}.hp-call-notice-open strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.hp-call-notice-open span>span{color:var(--text-muted);align-items:center;gap:5px;margin-top:3px;font-size:11px;display:flex}@media (max-width:639px){.hp-dm-call-bar{padding-inline:6px}.hp-dm-call-content{max-height:calc(var(--app-height,100dvh) * .36)}.hp-dm-ringing{padding-block:12px 16px}.hp-dm-ringing .relative{width:56px!important;height:56px!important}.hp-dm-voice .hp-dm-voice-body{padding-inline:10px}.hp-dm-participants{height:126px}.hp-dm-participant .hp-call-avatar{width:56px!important;height:56px!important}.hp-call-notice{right:12px;bottom:calc(100px + env(safe-area-inset-bottom));width:min(420px,100vw - 24px)}}@media (pointer:coarse){.hp-direct-call-actions button,.hp-dm-call-toggle{min-height:44px}}
.hp-webhook-badge{vertical-align:middle;color:var(--text-muted);white-space:nowrap;align-items:center;gap:4px;font-size:10px;font-weight:550;line-height:18px;display:inline-flex}.hp-webhook-embeds,.hp-webhook-attachments{gap:10px;width:100%;min-width:0;max-width:560px;margin-top:10px;display:grid}.hp-webhook-embed{border:1px solid var(--border-subtle);border-inline-start:3px solid var(--accent);background:var(--chat-bg,var(--bg-primary));min-width:0;color:var(--text-primary);border-radius:14px;padding:16px 18px;font-size:13px;overflow:hidden}.hp-webhook-author{color:var(--text-secondary);align-items:center;gap:7px;margin-bottom:10px;font-size:12px;font-weight:550;display:flex}.hp-webhook-author img{object-fit:cover;border-radius:6px;width:20px;height:20px}.hp-webhook-author a:hover{text-decoration:underline}.hp-webhook-main{align-items:flex-start;gap:16px;display:flex}.hp-webhook-title{letter-spacing:-.015em;overflow-wrap:anywhere;margin-bottom:6px;font-size:15px;font-weight:650;line-height:1.45}.hp-webhook-title a{color:var(--accent);vertical-align:middle;display:inline}.hp-webhook-title a:hover{text-decoration:underline}.hp-webhook-title svg{vertical-align:-2px;opacity:.65;margin-inline-start:6px;display:inline}.hp-webhook-thumbnail{object-fit:cover;border-radius:10px;flex:none;width:88px;height:88px}.hp-webhook-description>div,.hp-webhook-fields dd>div{color:var(--text-secondary);font-size:13px;line-height:1.65}.hp-webhook-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 20px;margin-top:16px;display:grid}.hp-webhook-fields>div{min-width:0}.hp-webhook-field-wide{grid-column:1/-1}.hp-webhook-fields dt{overflow-wrap:anywhere;margin-bottom:4px;font-size:12px;font-weight:600}.hp-webhook-fields dd{margin:0}.hp-webhook-image{border-radius:10px;width:fit-content;max-width:100%;margin-top:16px;display:block;overflow:hidden}.hp-webhook-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:380px}.hp-webhook-footer{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:7px;margin-top:16px;font-size:11px;line-height:1.5;display:flex}.hp-webhook-footer img{border-radius:4px;width:16px;height:16px}.hp-webhook-embed{border-radius:18px;padding:21px 23px}.hp-webhook-author{letter-spacing:.07em;text-transform:uppercase;margin-bottom:15px;font-size:10px;font-weight:600}.hp-webhook-author img{border-radius:8px;width:24px;height:24px}.hp-webhook-title{letter-spacing:-.04em;margin-bottom:11px;font-size:21px;font-weight:750;line-height:1.25}.hp-webhook-fields{gap:18px 20px;margin-top:20px}.hp-webhook-field-wide{border-top:1px solid var(--border-subtle);padding-top:15px}.hp-webhook-fields dt{margin-bottom:7px;font-size:12px;font-weight:650}.hp-webhook-footer{border-top:1px solid var(--border-subtle);margin-top:20px;padding-top:14px;font-size:10px}.hp-webhook-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;display:grid}.hp-webhook-gallery:empty{display:none}.hp-webhook-gallery a{background:var(--bg-secondary);border-radius:12px;min-width:0;overflow:hidden}.hp-webhook-gallery img{aspect-ratio:1.2;object-fit:cover;width:100%;height:100%;max-height:260px;display:block}.hp-webhook-gallery[data-count="1"]{grid-template-columns:minmax(0,1fr);width:fit-content;max-width:100%}.hp-webhook-gallery[data-count="1"] img{aspect-ratio:auto;object-fit:contain;width:auto;max-width:100%;height:auto;max-height:360px}.hp-webhook-gallery[data-count="3"] a:first-child{grid-column:1/-1}.hp-webhook-gallery a:focus-visible,.hp-webhook-embed a:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}@media (max-width:520px){.hp-webhook-embed{border-radius:12px;padding:13px 14px}.hp-webhook-main{gap:12px}.hp-webhook-thumbnail{width:64px;height:64px}.hp-webhook-fields{grid-template-columns:minmax(0,1fr);gap:13px}.hp-webhook-title{font-size:14px}}
.hp-dock-voice-actions{gap:6px;margin-top:8px;display:flex}.hp-dock-voice-actions>span{flex:1;min-width:0;display:flex}.hp-dock-voice-actions button{border:1px solid var(--border-subtle);background:var(--bg-modifier-hover);width:100%;min-height:31px;color:var(--text-secondary);transition:transform var(--motion-quick) var(--ease-out), background-color var(--motion-quick) ease, color var(--motion-quick) ease, border-color var(--motion-quick) ease;border-radius:8px;justify-content:center;align-items:center;display:flex}.hp-dock-voice-actions button:disabled{opacity:.35}.hp-dock-voice-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hp-dock-voice-actions button:is([data-active=true],[aria-pressed=true]){border-color:var(--text-muted);color:var(--text-primary);background:var(--bg-modifier-active)}.hp-conversation-header h2>.hp-motion-icon{color:var(--accent)}.hp-settings-sidebar nav section>h3{color:color-mix(in srgb, var(--accent) 55%, var(--text-secondary))}.hp-empty-state h3{color:color-mix(in srgb, var(--accent) 30%, var(--text-primary))}.hp-appearance-intro .hp-mascot{--mascot-cycle:4.8s;--mascot-repeat:1}.hp-switch-thumb{transition:transform .2s var(--ease-out), translate .2s var(--ease-out), background-color var(--motion-quick) ease}.hp-switch-thumb svg{transition:opacity var(--motion-quick) ease}.hp-friend-row{transition:background-color var(--motion-quick) ease, border-color var(--motion-quick) ease}.hp-friend-request-success{animation:hp-friend-request-success var(--motion-enter) var(--ease-out)}@keyframes hp-friend-request-success{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hp-avatar[data-presence=offline]>.hp-avatar-art,.hp-profile-avatar[data-presence=offline]>.hp-avatar-art{filter:grayscale(.7);opacity:.8}.hp-person-identity[data-presence=offline]:not([data-unread=true]) .hp-person-name{color:var(--text-secondary)}html.performance-mode :is(.hp-avatar,.hp-profile-avatar)[data-presence=offline]>.hp-avatar-art{filter:none}html.high-contrast :is(.hp-avatar,.hp-profile-avatar)[data-presence=offline]>.hp-avatar-art{opacity:1}.hp-user-dock[data-voice-connected=true] .hp-avatar>.hp-avatar-art{filter:none;opacity:1}@media (prefers-contrast:more),(forced-colors:active){:is(.hp-avatar,.hp-profile-avatar)[data-presence=offline]>.hp-avatar-art{opacity:1}}.hp-button:active:not(:disabled):not(:focus-visible),.hp-dock-voice-actions button:active:not(:disabled):not(:focus-visible),.hp-reaction-chip:active:not(:focus-visible){transform:scale(.98)}.hp-reaction-chip{transition:transform var(--motion-quick) var(--ease-out), background-color var(--motion-quick) ease, border-color var(--motion-quick) ease}.hp-user-dock[data-voice-connected=true] .hp-dock-signal>svg{animation:hp-connection-settle .22s var(--ease-out) both}@keyframes hp-connection-settle{0%{opacity:.5;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@media (hover:hover) and (pointer:fine){.hp-dock-voice-actions button:hover:not(:disabled){border-color:var(--text-muted);color:var(--text-primary);background:var(--bg-modifier-hover)}.hp-dock-voice-actions button[data-active=true]:hover{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, var(--border))}}@media (pointer:coarse){.hp-dock-voice-actions button{min-height:40px}}@media (prefers-reduced-motion:reduce){.hp-button:active,.hp-dock-voice-actions button:active,.hp-reaction-chip:active{transform:none!important}.hp-switch-thumb{transition:none}.hp-dock-signal>svg{animation:none!important}}:is(html.reduce-motion,html.performance-mode) :is(.hp-button,.hp-dock-voice-actions button,.hp-reaction-chip):active{transform:none!important}:is(html.reduce-motion,html.performance-mode) .hp-switch-thumb{transition:none}:is(html.reduce-motion,html.performance-mode) .hp-dock-signal>svg{animation:none!important}
.hp-badge-trigger{cursor:pointer;background:0 0;border:0;min-width:24px;min-height:24px}.hp-badge-art{display:block}.hp-context-menu.hp-badge-popover{width:min(280px,100vw - 24px);min-width:0;max-height:calc(100dvh - 24px);margin-inline:auto;overflow-y:auto}.hp-badge-details{padding:8px}.hp-badge-details-header{align-items:center;gap:10px;display:flex}.hp-badge-details-header h3{margin-top:2px;font-size:15px;font-weight:650;line-height:19px}.hp-badge-eyebrow{letter-spacing:.1em;color:var(--text-muted);font-size:9px;font-weight:600}.hp-badge-description{color:var(--text-secondary);margin-top:9px;font-size:12px;line-height:16px}.hp-badge-awarded{color:var(--text-muted);margin-top:7px;font-size:10px}.hp-badge-stat{border-top:1px solid var(--border-subtle);margin-top:11px;padding-top:9px}.hp-badge-total{color:var(--text-muted);margin:2px 0 7px;font-size:12px}.hp-badge-total strong{letter-spacing:-.04em;color:var(--text-primary);font-size:22px;line-height:27px}.hp-badge-next{color:var(--text-muted);margin-top:8px;font-size:10px;line-height:16px}.hp-badge-tiers{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 5px;margin-top:12px;padding-bottom:4px;display:grid}.hp-badge-tiers>div{text-align:center;flex-direction:column;align-items:center;gap:1px;min-width:0;display:flex}.hp-badge-tier-art{margin-bottom:3px;display:block;position:relative}.hp-badge-tier-state{width:13px;height:13px;color:var(--text-muted);background:var(--bg-secondary);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-1px;right:-3px}.hp-badge-tiers [data-earned=true] .hp-badge-tier-state{color:var(--success)}.hp-badge-tiers [data-earned=false] .hp-badge-art{opacity:.38;filter:saturate(.45)}.hp-badge-tiers strong{font-size:12px}.hp-badge-tiers>div>span:not(.hp-badge-tier-art){color:var(--text-muted);font-size:10px}.hp-badge-tiers small{color:var(--text-muted);margin-top:2px;font-size:9px}.hp-badge-tiers [data-current=true] small{color:var(--accent)}.hp-badge-slot{border:1px dashed var(--border);min-height:54px;color:var(--text-primary);border-radius:12px;flex:150px;align-items:center;gap:8px;padding:8px;display:flex}.hp-badge-milestones{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:8px 24px;display:grid}.hp-badge-admin{grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr);gap:20px;display:grid}.hp-badge-admin-list{flex-direction:column;gap:4px;max-height:75dvh;display:flex;overflow-y:auto}.hp-badge-admin-list>button{text-align:left;min-height:68px;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.hp-badge-admin-list>button[aria-current=true]{background:var(--bg-modifier-active);border-color:var(--border)}.hp-badge-admin-list>button:hover{background:var(--bg-modifier-hover)}.hp-badge-admin-editor{min-width:0}@media (max-width:760px){.hp-badge-admin{grid-template-columns:minmax(0,1fr)}.hp-badge-admin-list{max-height:220px}}
.hp-link-preview-wrap{width:min(100%,420px);margin-top:10px}.hp-link-preview{border:1px solid var(--border);border-inline-start:3px solid var(--accent);color:var(--text-primary);background:var(--bg-secondary);border-radius:14px;text-decoration:none;display:block;overflow:hidden}.hp-link-preview:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hp-link-preview-content{padding:14px 16px 15px}.hp-link-preview-site{min-width:0;color:var(--text-muted);align-items:center;gap:7px;margin-bottom:9px;font-size:11px;line-height:16px;display:flex}.hp-link-preview-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary);font-weight:600;overflow:hidden}.hp-link-preview-site>svg{flex-shrink:0}.hp-link-preview-arrow{margin-inline-start:auto}.hp-link-preview-domain{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hp-link-preview h3{-webkit-line-clamp:2;color:var(--text-link,#70adff);text-underline-offset:3px;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:21px;text-decoration:underline;display:-webkit-box;overflow:hidden}.hp-link-preview p{-webkit-line-clamp:3;color:var(--text-secondary);-webkit-box-orient:vertical;margin-top:6px;font-size:12px;line-height:19px;display:-webkit-box;overflow:hidden}.hp-link-preview-image{aspect-ratio:1.91;object-fit:cover;border-top:1px solid var(--border-subtle);width:100%;height:auto;max-height:240px;display:block}@media (max-width:640px){.hp-link-preview-content{padding:12px}.hp-link-preview-domain{display:none}}
.hp-shared-conversation-header{border-bottom:1px solid var(--border-subtle);background:var(--header-bg);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:68px;padding:0 64px 0 20px;display:flex}.hp-conversation-identity{flex:1;min-width:0}.hp-conversation-identity>button{width:100%}.hp-conversation-tools{flex:none;align-items:center;gap:4px;display:flex}.hp-conversation-tools .hp-icon-button{width:40px;height:40px;color:var(--text-secondary);background:0 0;border:0;position:relative}.hp-conversation-tools .hp-icon-button:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.hp-conversation-tools .hp-conversation-action[aria-pressed=true]{background:var(--bg-modifier-active);color:var(--accent)}.hp-conversation-tools .hp-icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hp-conversation-count{background:var(--bg-modifier-active);min-width:15px;height:15px;color:var(--text-primary);font-variant-numeric:tabular-nums;border-radius:5px;place-items:center;padding:0 3px;font-size:9px;display:grid;position:absolute;top:1px;right:1px}.hp-channel-heading{align-items:center;gap:12px;min-width:0;display:flex}.hp-channel-heading>svg{color:var(--accent);flex:none}.hp-channel-heading>div{min-width:0}.hp-channel-heading h2{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;line-height:20px;overflow:hidden}.hp-channel-heading p{text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);margin-top:2px;font-size:12px;overflow:hidden}@media (max-height:520px){.hp-profile-card{overflow-y:auto}.hp-profile-card .hp-profile-body{flex:none}.hp-profile-card .hp-profile-tab-body{flex:none;overflow-y:visible}}.hp-custom-status{vertical-align:bottom;border:1px solid var(--border-subtle);background:var(--bg-tertiary);max-width:100%;color:var(--text-secondary);border-radius:999px;margin-top:2px;padding:2px 7px;font-size:11px;line-height:1.3;display:inline-block}.hp-profile-settings-content{container-type:inline-size}.hp-profile-settings{gap:28px;display:grid}@container (max-width:619px){.hp-profile-settings-preview{grid-row:1}}@container (min-width:620px){.hp-profile-settings{grid-template-columns:minmax(0,1fr) minmax(220px,.62fr);align-items:start}.hp-profile-settings-preview{position:sticky;top:0}}.hp-settings-navigation{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.hp-settings-search-pin{z-index:2;background:var(--modal-bg);flex:none;padding-bottom:16px;position:relative}.hp-settings-search-pin:after{content:"";pointer-events:none;background:linear-gradient(to bottom,var(--modal-bg),transparent);opacity:0;height:18px;position:absolute;top:100%;left:0;right:0}.hp-settings-navigation[data-scrolled=true] .hp-settings-search-pin:after{opacity:1}.hp-settings-sections{overscroll-behavior:contain;flex:1;min-height:0;padding-bottom:16px;overflow-y:auto}.hp-settings-search{z-index:2;position:relative}.hp-settings-sidebar .hp-app-about button{min-height:28px;font-size:10px}.hp-settings-search-clear{width:32px;min-height:40px;color:var(--text-muted);border-radius:8px;flex:none;place-items:center;display:grid}.hp-settings-search-clear:hover{color:var(--text-primary)}.hp-settings-results>p{color:var(--text-muted);margin:0 8px 8px;font-size:11px}.hp-settings-results>button{text-align:left;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:58px;padding:8px;transition:background-color .12s;display:flex}.hp-settings-results>button:hover{background:var(--bg-modifier-hover)}.hp-settings-results>button>span:nth-child(2){flex:1;min-width:0}.hp-settings-results strong{color:var(--text-primary);font-size:12px;font-weight:500;display:block}.hp-settings-results small{color:var(--text-muted);margin-top:3px;font-size:11px;display:block}.hp-settings-results .hp-settings-nav-icon{color:var(--accent);flex:none;display:flex}.hp-settings-results>button>svg{color:var(--text-muted);flex:none}.hp-settings-results>button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}[data-setting]{border-radius:8px;scroll-margin-block:24px}[data-setting][data-search-match=true]{outline:2px solid var(--accent);outline-offset:6px}.hp-settings-sidebar nav button[aria-current=page] .hp-settings-nav-icon{color:var(--accent)}.hp-settings-sidebar nav button[aria-current=page]{border-inline-start-color:var(--accent)}.hp-mobile-back{min-width:44px;min-height:44px;color:var(--text-primary);background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:13px;font-weight:500;display:none}.hp-mobile-back:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hp-mobile-back:active{background:var(--bg-modifier-hover)}.hp-mobile-back-icon{width:44px;padding:0}.hp-mobile-back-icon span{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hp-profile-back{z-index:2;background:var(--modal-bg);color:var(--text-primary);position:absolute;top:12px;left:12px}.hp-tablet-navigation{display:inline-flex}.hp-empty-art{--mascot-repeat:1;--mascot-cycle:7s;width:104px;padding:5px 12px}.hp-empty-art>.hp-mascot{transform:rotate(-5deg)}.hp-empty-symbol{color:var(--accent);top:5px;left:-3px;transform:rotate(-5deg)}.hp-empty-state h3{color:var(--text-primary);letter-spacing:-.025em;font-size:20px;font-weight:600}.hp-empty-state>p{max-width:38ch;line-height:1.7}.hp-voice-welcome-art{--mascot-repeat:1;--mascot-cycle:7s;width:96px;margin-bottom:28px}.hp-voice-welcome-art .hp-mascot-headphones{font-size:96px}@media (max-width:1023px){.hp-shared-conversation-header{gap:10px;height:64px;padding-left:64px;padding-right:64px}}@media (max-width:639px){.hp-shared-conversation-header{height:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);gap:8px;padding-left:60px;padding-right:12px}.hp-conversation-tools .hp-icon-button{width:44px;height:44px}.hp-conversation-tools{gap:0}.hp-channel-heading{gap:9px}.hp-channel-heading>svg{width:22px;height:22px}.hp-mobile-back{display:inline-flex}.hp-tablet-navigation{display:none!important}.hp-profile-back{top:max(12px,env(safe-area-inset-top))}.hp-panel-desktop-close{display:none!important}.hp-settings-toolbar .hp-mobile-back{font-size:13px;font-weight:500}.hp-profile-overlay{padding:0}.hp-profile-overlay .hp-profile-card{width:100%;height:var(--app-height,100dvh);max-width:none;max-height:none;padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:0}.hp-library-header{padding-right:20px;padding-top:max(8px,env(safe-area-inset-top))}.hp-panel-header{gap:8px;min-height:64px}.hp-settings-results>button{min-height:64px}.hp-settings-results strong{font-size:14px}}.hp-reply-preview{align-items:center;gap:4px;min-width:0;display:flex}.hp-reply-target{text-align:start;min-width:0;color:var(--text-secondary);background:0 0;border:0;border-radius:7px;flex:1;align-items:center;gap:8px;padding:4px 6px;display:flex}button.hp-reply-target{cursor:pointer;transition:background-color .12s}button.hp-reply-target:hover{background:var(--bg-modifier-hover)}button.hp-reply-target:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hp-reply-avatar{flex:none;display:inline-flex}.hp-reply-copy{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.hp-reply-heading{white-space:nowrap;flex:none;align-items:baseline;gap:5px;min-width:0;max-width:35%;font-size:12px;line-height:18px;display:flex}.hp-reply-heading strong{text-overflow:ellipsis;min-width:0;color:var(--text-secondary);font-weight:500;overflow:hidden}.hp-reply-snippet{min-width:0;color:var(--text-muted);flex:1;align-items:center;gap:5px;font-size:12px;line-height:18px;display:flex}.hp-reply-snippet>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hp-reply-snippet>.hp-motion-icon{flex:none}.hp-reply-jump{color:var(--text-muted);opacity:0;flex:none;transition:opacity .12s}.hp-reply-target:is(:hover,:focus-visible) .hp-reply-jump{opacity:1}.hp-reply-preview[data-mode=message]{max-width:580px;margin:2px 0 5px;padding-inline-start:15px;position:relative}.hp-reply-preview[data-mode=message]:before{content:"";inset-inline-start:1px;border-inline-start:2px solid var(--border);border-top:2px solid var(--border);border-start-start-radius:7px;width:11px;height:13px;position:absolute;top:50%;transform:translateY(-50%)}.hp-reply-preview[data-mode=composer]{border:1px solid var(--border-subtle);background:var(--input-bg);border-radius:12px;margin-bottom:8px;padding:5px 5px 5px 9px;position:relative}.hp-reply-preview[data-mode=composer]:before{content:"";inset-inline-start:0;background:var(--accent);border-radius:2px;width:2px;position:absolute;top:12px;bottom:12px}.hp-reply-preview[data-mode=composer] .hp-reply-target{gap:10px;min-height:48px;padding:5px 7px}.hp-reply-preview[data-mode=composer] .hp-reply-copy{flex-direction:column;align-items:stretch;gap:2px}.hp-reply-preview[data-mode=composer] .hp-reply-heading{max-width:100%;color:var(--text-muted);font-size:11px}.hp-reply-preview[data-mode=composer] .hp-reply-heading strong{color:var(--text-primary);font-size:12px}.hp-reply-preview[data-mode=composer] .hp-reply-snippet{color:var(--text-secondary);flex:none;font-size:12px}.hp-reply-cancel{width:40px;height:40px;color:var(--text-muted);background:0 0;border:0;border-radius:9px;flex:none;place-items:center;transition:background-color .12s,color .12s;display:grid}.hp-reply-cancel:hover{background:var(--bg-modifier-hover);color:var(--text-primary)}.hp-reply-cancel:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@media (max-width:639px){.hp-reply-target{min-height:36px}.hp-reply-preview[data-mode=message]{padding-inline-start:12px}.hp-reply-heading{max-width:40%}.hp-reply-cancel{width:44px;height:44px}.hp-reply-preview[data-mode=composer] .hp-reply-jump{display:none}}@media (hover:none){.hp-reply-jump{opacity:1}}@media (prefers-reduced-motion:reduce){.hp-reply-target,.hp-reply-jump,.hp-reply-cancel{transition:none}}.hp-private-email{gap:10px;min-width:0}.hp-private-email>.hp-private-email-action{flex:0 0 44px;margin-inline-start:auto}.hp-private-email-action>button{width:44px;height:44px;color:var(--text-secondary);border-radius:var(--radius-control);justify-content:center;align-items:center;display:inline-flex}.hp-private-email-action>button:hover{color:var(--text-primary);background:var(--bg-modifier-hover)}.hp-private-email-action>button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.hp-voice-state-badge,.hp-voice-state-inline{color:var(--text-secondary)}:is(.hp-dock-control,.hp-call-control[data-voice-toggle])[aria-pressed=true],:is(.hp-dock-control,.hp-call-control[data-voice-toggle])[aria-pressed=true]:hover,:is(.hp-voice-state-badge,.hp-voice-state-inline,.hp-dock-control,.hp-call-control)[data-server-enforced=true],:is(.hp-dock-control,.hp-call-control)[data-server-enforced=true]:hover{color:var(--danger)}.hp-call-control[data-server-enforced=true]{border-color:color-mix(in srgb, var(--danger) 45%, transparent);background:color-mix(in srgb, var(--danger) 8%, transparent)}:is(html.reduce-motion,html.performance-mode) :is(.hp-reply-target,.hp-reply-jump,.hp-reply-cancel){transition:none}
.hp-notification-popover{transform-origin:100% 0}.hp-notification-popover[inert]{pointer-events:none}.hp-responsive-details[data-details-motion]{transition:transform var(--motion-enter) var(--ease-out);transform:translate(0)}.hp-responsive-details[data-details-motion][data-open=false]{transition-duration:var(--motion-quick);transform:translate(10px)}@starting-style{.hp-responsive-details[data-details-motion][data-open=true]{transform:translate(10px)}}@media (prefers-reduced-motion:reduce){.hp-responsive-details[data-details-motion]{transition:none;transform:none}}:is(html.reduce-motion,html.performance-mode) .hp-responsive-details[data-details-motion]{transition:none;transform:none}@media (max-width:640px){.hp-phone-dock .hp-notification-popover{transform-origin:100% 100%}}
.hp-upload-queue{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--input-bg);min-width:0;padding:12px}.hp-upload-queue>header{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;padding:0 2px 10px;font-size:12px;display:flex}.hp-upload-queue>header>span{align-items:center;gap:7px;font-weight:500;display:inline-flex}.hp-upload-queue>header b{background:var(--bg-modifier-hover);color:var(--text-muted);font-variant-numeric:tabular-nums;border-radius:5px;padding:1px 5px;font-size:10px;font-weight:500}.hp-upload-queue>header small{color:var(--text-muted);font-size:11px}.hp-upload-queue>ul{overscroll-behavior:contain;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:8px;max-height:236px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.hp-upload-item,.hp-ready-media{border:1px solid var(--border-subtle);background:var(--panel-bg);border-radius:12px;align-items:center;gap:11px;min-width:0;padding:10px;display:flex;position:relative;overflow:hidden}.hp-upload-preview{background:var(--bg-modifier-hover);width:60px;height:60px;color:var(--text-muted);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.hp-upload-preview img{object-fit:cover;width:100%;height:100%}.hp-upload-details{flex:1;min-width:0}.hp-upload-details>strong{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-size:12px;font-weight:500;line-height:1.5;display:block;overflow:hidden}.hp-upload-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:1px;font-size:10px;display:block}.hp-upload-status{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:4px;margin-top:5px;font-size:10px;display:flex}.hp-upload-item[data-status=ready] .hp-upload-status>svg,.hp-ready-media .hp-upload-status>svg{color:var(--success)}.hp-upload-item[data-status=failed]{border-color:color-mix(in srgb, var(--danger) 45%, var(--border-subtle))}.hp-upload-item[data-status=failed] .hp-upload-status,.hp-upload-error{color:var(--danger)}.hp-upload-error{overflow-wrap:anywhere;margin-top:4px;font-size:11px;line-height:1.5}.hp-upload-actions{flex:none;align-self:flex-start;align-items:center;gap:1px;display:flex}.hp-upload-action.hp-button{border-radius:7px;width:30px;height:30px;min-height:30px;padding:0}.hp-upload-remove.hp-button:hover{color:var(--danger)}.hp-progress.hp-upload-progress{bottom:0;background:var(--bg-modifier-active);height:3px;position:absolute;inset-inline:0}.hp-upload-caption{color:var(--text-muted);margin:9px 2px 0;font-size:10px;line-height:1.4}.hp-format-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--panel-bg);margin-bottom:10px;overflow:hidden}.hp-format-panel>header{justify-content:space-between;align-items:center;gap:12px;padding:10px 12px 7px;display:flex}.hp-format-panel>header strong{color:var(--text-primary);font-size:13px;font-weight:500}.hp-format-panel>header p{color:var(--text-muted);margin-top:3px;font-size:11px}.hp-format-panel>header>button{width:32px;min-width:32px;height:32px;min-height:32px}.hp-format-groups{overscroll-behavior:contain;max-height:min(340px,35dvh);padding:0 12px 12px;overflow-y:auto}.hp-format-groups fieldset{padding-top:8px}.hp-format-groups legend{color:var(--text-muted);padding-top:7px;font-size:10px;font-weight:500}.hp-format-groups fieldset>div{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:3px;display:grid}.hp-format-groups button{text-align:left;min-width:0;min-height:46px;color:var(--text-secondary);border-radius:9px;align-items:center;gap:9px;padding:7px;display:flex}.hp-format-groups button:hover,.hp-format-groups button:focus-visible{background:var(--bg-modifier-hover);color:var(--text-primary)}.hp-format-groups button:disabled{opacity:.45;pointer-events:none}.hp-format-symbol{width:24px;color:var(--text-primary);flex:none;justify-content:center;align-items:center;font-size:16px;line-height:1;display:inline-flex}.hp-format-symbol[data-format=bold]{font-weight:700}.hp-format-symbol[data-format=italic]{font-family:Georgia,serif;font-style:italic}.hp-format-symbol[data-format=underline]{text-decoration:underline}.hp-format-symbol[data-format=strike]{text-decoration:line-through}.hp-format-groups button>span:last-child{min-width:0}.hp-format-groups button strong{font-size:11px;font-weight:500;display:block}.hp-format-groups button code{white-space:nowrap;color:var(--text-muted);margin-top:3px;font-family:inherit;font-size:9px;display:block}.hp-format-panel>footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding:9px 12px;font-size:10px;line-height:1.5;display:flex}.hp-format-panel kbd{color:var(--text-secondary);font-family:inherit}.hp-format-panel kbd:not(:first-child){margin-left:10px}.hp-markdown-list{white-space:normal;margin-block:4px;padding-inline-start:24px}.hp-markdown-list>li{white-space:pre-wrap;margin-top:2px}.hp-markdown-list .hp-markdown-list{margin-block:3px}.hp-markdown-task{margin-inline-start:-20px;list-style:none}.hp-markdown-subtext{color:var(--text-muted);font-size:.8em;line-height:1.6}.hp-markdown-quote{border-inline-start:3px solid var(--border);color:var(--text-secondary);margin-block:4px;padding-inline-start:12px}@media (max-width:640px){.hp-upload-queue{padding:9px}.hp-upload-queue>ul{grid-template-columns:minmax(0,1fr);max-height:212px}.hp-upload-item,.hp-ready-media{gap:9px;padding:9px}.hp-upload-preview{width:52px;height:52px}.hp-upload-action.hp-button{width:38px;height:38px;min-height:38px}.hp-format-groups{max-height:28dvh;padding-inline:9px}.hp-format-groups fieldset>div{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-format-groups button{min-height:48px}.hp-format-groups button code{font-size:8px}}
.hp-message-actions{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 24px)}.hp-message-shift-actions{align-items:center;display:none}@media (hover:hover) and (pointer:fine){.hp-message-actions[data-expanded=true]>.hp-message-shift-actions{display:inline-flex}}
.hp-progress{background:var(--bg-modifier-active);border-radius:99px;width:100%;height:5px;display:block;overflow:hidden}.hp-progress-fill{border-radius:inherit;background:var(--text-secondary);transform-origin:0;width:100%;height:100%;transition:transform var(--motion-enter) var(--ease-out);display:block}.hp-progress[data-indeterminate] .hp-progress-fill{width:35%;animation:hp-progress-pending 1.4s var(--ease-in-out) infinite}@keyframes hp-progress-pending{0%{transform:translate(-110%)}to{transform:translate(310%)}}@media (prefers-reduced-motion:reduce){.hp-progress-fill{transition:none}.hp-progress[data-indeterminate] .hp-progress-fill{opacity:.45;width:100%;animation:none}}:is(html.reduce-motion,html.performance-mode) .hp-progress-fill{transition:none}:is(html.reduce-motion,html.performance-mode) .hp-progress[data-indeterminate] .hp-progress-fill{opacity:.45;width:100%;animation:none}.hp-context-backdrop[data-retain-focus]{background:0 0}.hp-context-menu.hp-input-context-menu{width:min(304px,calc(var(--context-viewport-width,100vw) - 16px));min-width:0;max-width:calc(var(--context-viewport-width,100vw) - 16px);max-height:calc(var(--context-viewport-height,100dvh) - 16px);background:var(--modal-bg);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:6px;display:grid;overflow-y:auto}.hp-input-context-menu [role=menuitem]{min-height:44px;padding-inline:10px}.hp-input-context-menu [role=menuitem]>:first-child{color:var(--text-secondary)}