.contact-float{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(84px + env(safe-area-inset-bottom));z-index:20;min-height:48px;padding:12px 20px;border:1px solid #345363;border-radius:28px;background:var(--paper);color:var(--ink);box-shadow:0 5px 20px #12344725;font:inherit;font-size:14px;cursor:pointer}.contact-float:hover{background:#e9eeeb}#contact-dialog{position:fixed;inset:auto max(24px,env(safe-area-inset-right)) calc(144px + env(safe-area-inset-bottom)) auto;margin:0;width:360px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 170px);overflow:auto;border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--paper);color:var(--ink);box-shadow:0 15px 60px #12344733}#contact-dialog::backdrop{background:#12344733}.contact-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.contact-panel-head .eyebrow{font-size:11px;margin:0 0 8px}.contact-panel-head h2{font-size:30px;margin:0}.contact-panel-head>button{width:40px;height:40px;border:0;background:none;color:var(--ink);font-size:28px;cursor:pointer}.contact-panel-intro{font-size:14px;line-height:1.5;margin:16px 0}.contact-channels{display:grid;gap:8px}.contact-channels>a,.contact-channels>button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:12px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit;min-height:64px}.contact-channels>button:disabled{opacity:1;cursor:default}.channel-mark{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;background:#edf1ed;border-radius:50%;font-size:12px;font-weight:600}.contact-channels strong{display:block;font-size:14px}.contact-channels small{display:block;font-size:12px;overflow-wrap:anywhere;margin-top:4px;color:var(--muted)}.channel-action{margin-left:auto;font-size:12px;white-space:nowrap}.contact-status{font-size:12px;line-height:1.5;color:var(--muted);margin:14px 0}.contact-channels a:hover,.contact-channels button:enabled:hover{border-color:var(--ink)}#contact-dialog>.text-link{font-size:14px}#contact-settings{max-width:850px}#contact-settings fieldset{padding:0;border:0;min-width:0}#contact-settings .button{margin-top:20px}@media(max-width:600px){.contact-float{right:max(16px,env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom));padding:12px 17px}#contact-dialog{right:16px;bottom:calc(136px + env(safe-area-inset-bottom));padding:20px;max-height:calc(100dvh - 158px)}}
