:root{--rich-black: hsl(220, 40%, 12%);--neon-blue: hsl(233, 100%, 64%);--powder-blue: hsl(230, 84%, 80%);--oxford-blue: hsl(220, 46%, 18%);--lavender: hsl(230, 94%, 92%);--prussian-blue: #213547;--true-blue: hsl(210, 100%, 40%);--cornflower-blue: hsl(230, 86%, 72%);--shade-15: hsl(240, 5%, 15%);--shade-23: hsl(240, 2%, 23%);--shade-30: hsl(0, 0%, 30%);--shade-76: hsl(0, 0%, 76%);--shade-88: hsl(0, 0%, 88%);--shade-92: hsl(0, 0%, 92%)}:root{--body-fill: hsl(240, 10%, 5%);--body-color: hsl(0, 0%, 88%);--wrap-fill: hsl(240, 10%, 8%);--wrap-shadow: #000;--fill-primary: var(--shade-15);--fill-secondary: var(--shade-23);--link-color: var(--powder-blue);--link-color-hover: var(--lavender)}@media (prefers-color-scheme: light){:root{--body-fill: hsl(0, 0%, 97%);--body-color: var(--prussian-blue);--wrap-fill: hsl(0, 0%, 98%);--wrap-shadow: #999;--fill-primary: var(--shade-92);--fill-secondary: var(--shade-76);--link-color: var(--true-blue);--link-color-hover: var(--neon-blue)}}header{--color-fill: hsla(240, 2%, 23%, .25);--color-fill-accent: var(--shade-23);--color-stroke: var(--shade-88);--color-avatar: hsl(230, 88%, 72%);--link-color: var(--powder-blue);--link-color-hover: var(--lavender)}@media (prefers-color-scheme: light){header{--color-fill: hsla(0, 0%, 96%, .5);--color-fill-accent: var(--shade-76);--color-stroke: var(--oxford-blue);--color-avatar: hsl(220, 46%, 18%);--link-color: var(--true-blue);--link-color-hover: var(--neon-blue)}}chat-module{--primary-fill: var(--rich-black);--primary-fill-accent: var(--oxford-blue);--primary-stroke: var(--powder-blue);--primary-stroke-accent: var(--lavender);--secondary-fill: var(--neon-blue);--secondary-stroke: var(--shade-88);--secondary-stroke-accent: var(--powder-blue)}@media (prefers-color-scheme: light){chat-module{--primary-fill: hsl(220, 90%, 94%);--primary-fill-accent: hsl(220, 76%, 86%);--primary-stroke: var(--true-blue);--primary-stroke-accent: hsl(210, 100%, 32%);--secondary-fill: var(--true-blue);--secondary-stroke: var(--shade-92);--secondary-stroke-accent: var(--powder-blue)}}header{visibility:visible;position:sticky;top:0;left:0;width:100%;height:4rem;padding:0 1rem;z-index:100;display:grid;grid-template-columns:min-content 1fr min-content;align-items:center;column-gap:.625rem;color:var(--color-stroke);background-color:var(--color-fill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:var(--color-fill-accent)}header svg#avatar-svg{width:2.5rem;height:2.5rem;margin-top:.375rem;fill:var(--color-avatar)}header svg#avatar-svg #error{display:none}header h1{font-size:1.25rem;line-height:1.25rem;margin:0;padding:0}header span{font-size:.75rem;line-height:.75rem}header div:last-of-type{position:relative;color:var(--link-color)}header div:last-of-type:hover{color:var(--link-color-hover)}header div:last-of-type svg{width:1.5rem;height:1.5rem;position:absolute;top:0;left:0;margin:.5rem;z-index:10}header div:last-of-type a{position:relative;display:block;z-index:150;width:2.5rem;height:2.5rem}header.pending span{color:var(--link-color)}footer{position:fixed;inset:auto 0 0 0;max-width:720px;margin:0 auto;display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s;background-color:var(--fill-primary);border-top:none}footer form{overflow:hidden;display:grid;column-gap:.625rem;grid-template-columns:1fr min-content;margin:0;padding:0;opacity:0;transition:opacity .6s}footer form>div{padding:.625rem}footer[visible]{grid-template-rows:1fr;border-top-width:1px;border-top-style:solid;border-top-color:var(--fill-secondary)}footer[visible] form{opacity:1}footer textarea{all:unset;width:100%;white-space:pre-wrap;overflow-x:hidden;padding:.5rem .625rem;line-height:1.375rem;-webkit-hyphens:auto;hyphens:auto;border-radius:.375rem;border:1px solid var(--fill-secondary);background-color:var(--wrap-fill)}footer input[type=number]{all:unset;padding:.5rem .625rem;line-height:1.375rem;border-radius:.375rem;border:1px solid var(--fill-secondary);background-color:var(--wrap-fill)}chat-module{display:flex;flex-direction:column;padding:.5rem 0 1rem}chat-module:last-of-type{min-height:calc(100vh - var(--scroll-padding, 72px) - 2.5rem);min-height:calc(100dvh - var(--scroll-padding, 72px) - 2.5rem)}chat-message,div.contact-item{margin:0 0 1rem;background-color:var(--fill-primary);border-color:var(--fill-secondary);border-width:1px;border-style:solid;border-radius:0 1.25rem 1.25rem .875rem}chat-message{width:fit-content;max-width:80%;padding:0 .625rem;overflow:hidden}#message-pending-indicator{width:fit-content;padding:0 0 0 .625rem}#message-pending-indicator svg{width:1.375rem;height:1.375rem}.contact-data-message{margin:0 -.25rem .5rem;padding:.5rem .75rem 1rem;background-color:#0003;border-color:var(--fill-secondary);border-width:1px;border-style:solid;border-radius:.625rem .625rem .825rem;box-shadow:inset 0 0 .5rem #0003}chat-link{display:inline-block;align-self:flex-end;text-align:right;max-width:80%;margin:0 0 .5rem;border-width:1px;border-style:solid;border-radius:1.25rem .875rem 0 1.25rem}chat-link>div,chat-link a.target-link{position:relative;display:block;padding:.625rem}chat-link a,chat-link a:hover,chat-link a:active{color:unset;background-color:unset;text-decoration:none}chat-link>div{display:none}chat-link>div>a.parent-link{position:absolute;z-index:20;top:.25rem;left:.25rem;width:2rem;height:2rem;cursor:pointer}:is(chat-link>div>a.parent-link)+svg{color:var(--secondary-stroke)}:is(chat-link>div>a.parent-link):visited+svg{color:var(--secondary-stroke)}:is(chat-link>div>a.parent-link):hover+svg{color:var(--link-color)}chat-link>div>svg{position:absolute;z-index:10;top:.375rem;left:.375rem;width:2rem;height:2rem}chat-link>div>span{align-self:center;flex:1 1;padding-left:2.5rem}chat-link[rejected]{display:none}chat-link{color:var(--primary-stroke);border-color:var(--primary-stroke);background-color:var(--primary-fill)}chat-link:not([selected]):hover{color:var(--primary-stroke-hover);border-color:var(--primary-stroke-accent);background-color:var(--primary-fill-accent)}chat-link[selected]{color:var(--secondary-stroke);border-color:var(--secondary-stroke-accent);background-color:var(--secondary-fill);cursor:auto}chat-link[selected]>a{display:none}chat-link[selected]>div{display:block}contact-list{width:clamp(240px,85%,320px)}div.contact-item{padding:0;overflow:hidden}div.contact-item>div.contact-head{padding:.625rem .625rem .875rem}div.contact-item>div.contact-body{display:grid;grid-template-rows:1fr}div.contact-item>div.contact-body.error div.contact-buttons-wrap{display:none}div.contact-item div.contact-body div.contact-info-wrap{padding:0 .625rem 1.125rem}div.contact-item div.contact-body div.contact-info-wrap p{margin:0}div.contact-item div.contact-body div.contact-info-wrap:empty{display:none}div.contact-item div.contact-body div.contact-buttons-wrap{border-top-width:1px;border-top-style:solid;border-top-color:var(--fill-secondary);display:flex;align-items:center}div.contact-item div.contact-body div.contact-buttons-wrap>div{flex:1 1;text-align:center;position:relative;border-right-width:1px;border-right-style:solid;border-right-color:var(--fill-secondary);transition:background-color .3s}div.contact-item div.contact-body div.contact-buttons-wrap>div:last-child{border-right:none}div.contact-item div.contact-body div.contact-buttons-wrap>div:hover{background-color:var(--fill-secondary)}div.contact-item div.contact-body div.contact-buttons-wrap>div:hover svg{color:var(--link-color-hover)}div.contact-item div.contact-body div.contact-buttons-wrap>div svg{position:absolute;z-index:0;display:block;width:1.5rem;height:1.5rem;top:.75rem;right:0;bottom:0;left:0;margin:0 auto;color:var(--link-color)}div.contact-item div.contact-body div.contact-buttons-wrap>div>button{all:unset;color:var(--link-color);cursor:pointer}div.contact-item div.contact-body div.contact-buttons-wrap>div>button:hover{color:var(--link-color-hover)}div.contact-item div.contact-body div.contact-buttons-wrap>div>a,div.contact-item div.contact-body div.contact-buttons-wrap>div>button{position:relative;z-index:100;display:inline-block;width:100%;height:100%;padding:2.25rem 0 .5rem;font-size:.75rem;letter-spacing:1px;text-transform:uppercase;font-weight:700}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;color-scheme:dark light;background-color:var(--body-fill);color:var(--body-color)}*,*:before,*:after{box-sizing:border-box}a{font-weight:400;text-decoration:inherit;cursor:pointer}a,a:visited{color:var(--link-color)}a:hover{color:var(--link-color-hover)}html{overflow-y:scroll;scroll-behavior:smooth;scroll-padding-top:var(--scroll-padding, 72px)}body{min-width:320px;min-height:100vh}html,body{position:relative;margin:0;padding:0}.app{max-width:720px;min-height:100vh;margin:0 auto;padding:0;background-color:var(--wrap-fill);box-shadow:0 0 1rem var(--wrap-shadow)}main{padding:.5rem 1rem 2rem}main a.has-icon{position:relative;z-index:10}main a.has-icon svg,main button.has-icon svg{position:relative;display:inline-block;width:1.5rem;height:1.5rem;right:-.125rem;bottom:-.4rem}main a.has-icon-before svg,main button.has-icon-before svg{position:relative;display:inline-block;width:1.5rem;height:1.5rem;left:-.125rem;bottom:-.4rem;margin-right:.125rem}button{border-radius:8px;border:1px solid transparent;padding:.525em 1.2em;font-size:1em;font-weight:400;font-family:inherit;background-color:var(--fill-secondary);cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.is-hidden{display:none}.is-transparent{opacity:0}.sr-only{visibility:hidden}.share-link-buttons{height:3rem;line-height:3rem;margin:.5rem -.625rem 0;border-top-width:1px;border-top-style:solid;border-top-color:var(--fill-secondary);display:flex}.share-link-buttons button{all:unset;color:var(--link-color);cursor:pointer;flex:1 1 100%;text-align:center;font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:background-color .3s}.share-link-buttons button:hover{color:var(--link-color-hover);background-color:var(--fill-secondary)}.share-link-buttons button:has(+button){border-right-width:1px;border-right-style:solid;border-right-color:var(--fill-secondary)}.share-link-buttons button:has(+button),.share-link-buttons button:nth-of-type(2){flex:0 1 50%}#svg-message-pending circle{animation:1s infinite ease-in-out pending}#svg-message-pending circle:nth-of-type(2){animation-delay:.1s}#svg-message-pending circle:nth-of-type(3){animation-delay:.2s}@keyframes pending{0%{transform:translateY(0)}15%{transform:translateY(-30%)}35%{transform:translateY(20%)}55%{transform:translateY(0)}to{transform:translateY(0)}}
