:root{--rich-black:#121b2b;--neon-blue:#475dff;--powder-blue:#a1aff7;--oxford-blue:#192743;--lavender:#d7defe;--prussian-blue:#213547;--true-blue:#06c;--cornflower-blue:#7a8ff5;--shade-15:#242428;--shade-23:#39393c;--shade-30:#4d4d4d;--shade-76:#c2c2c2;--shade-88:#e0e0e0;--shade-92:#ebebeb;--body-fill:#0b0b0e;--body-color:#e0e0e0;--wrap-fill:#121216;--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:#f7f7f7;--body-color:var(--prussian-blue);--wrap-fill:#fafafa;--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:#39393c40;--color-fill-accent:var(--shade-23);--color-stroke:var(--shade-88);--color-avatar:#798ef6;--link-color:var(--powder-blue);--link-color-hover:var(--lavender)}@media (prefers-color-scheme:light){header{--color-fill:#f5f5f580;--color-fill-accent:var(--shade-76);--color-stroke:var(--oxford-blue);--color-avatar:#192743;--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:#e2ebfd;--primary-fill-accent:#c0d2f6;--primary-stroke:var(--true-blue);--primary-stroke-accent:#0052a3;--secondary-fill:var(--true-blue);--secondary-stroke:var(--shade-92);--secondary-stroke-accent:var(--powder-blue)}}header{visibility:visible;z-index:100;width:100%;height:4rem;color:var(--color-stroke);background-color:var(--color-fill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--color-fill-accent);grid-template-columns:min-content 1fr min-content;align-items:center;column-gap:.625rem;padding:0 1rem;display:grid;position:sticky;top:0;left:0}header svg#avatar-svg{width:2.5rem;height:2.5rem;fill:var(--color-avatar);margin-top:.375rem}header svg#avatar-svg #error{display:none}header h1{margin:0;padding:0;font-size:1.25rem;line-height:1.25rem}header span{font-size:.75rem;line-height:.75rem}header div:last-of-type{color:var(--link-color);position:relative}header div:last-of-type:hover{color:var(--link-color-hover)}header div:last-of-type svg{z-index:10;width:1.5rem;height:1.5rem;margin:.5rem;position:absolute;top:0;left:0}header div:last-of-type a{z-index:150;width:2.5rem;height:2.5rem;display:block;position:relative}header.pending span{color:var(--link-color)}footer{background-color:var(--fill-primary);border-top:none;grid-template-rows:0fr;max-width:720px;margin:0 auto;transition:grid-template-rows .3s;display:grid;position:fixed;inset:auto 0 0}footer form{opacity:0;grid-template-columns:1fr min-content;column-gap:.625rem;margin:0;padding:0;transition:opacity .6s;display:grid;overflow:hidden}footer form>div{padding:.625rem}footer[visible]{border-top-style:solid;border-top-width:1px;border-top-color:var(--fill-secondary);grid-template-rows:1fr}footer[visible] form{opacity:1}footer textarea{all:unset;white-space:pre-wrap;-webkit-hyphens:auto;hyphens:auto;border:1px solid var(--fill-secondary);background-color:var(--wrap-fill);border-radius:.375rem;width:100%;padding:.5rem .625rem;line-height:1.375rem;overflow-x:hidden}footer input[type=number]{all:unset;border:1px solid var(--fill-secondary);background-color:var(--wrap-fill);border-radius:.375rem;padding:.5rem .625rem;line-height:1.375rem}chat-module{flex-direction:column;padding:.5rem 0 1rem;display:flex}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{background-color:var(--fill-primary);border-color:var(--fill-secondary);border-style:solid;border-width:1px;border-radius:0 1.25rem 1.25rem .875rem;margin:0 0 1rem}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{border-color:var(--fill-secondary);background-color:#0003;border-style:solid;border-width:1px;border-radius:.625rem .625rem .825rem;margin:0 -.25rem .5rem;padding:.5rem .75rem 1rem;box-shadow:inset 0 0 .5rem 0 #0003}chat-link{text-align:right;border-style:solid;border-width:1px;border-radius:1.25rem .875rem 0 1.25rem;align-self:flex-end;max-width:80%;margin:0 0 .5rem;display:inline-block}chat-link>div,chat-link a.target-link{padding:.625rem;display:block;position:relative}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{z-index:20;cursor:pointer;width:2rem;height:2rem;position:absolute;top:.25rem;left:.25rem}chat-link>div>a.parent-link+svg,chat-link>div>a.parent-link:visited+svg{color:var(--secondary-stroke)}chat-link>div>a.parent-link:hover+svg{color:var(--link-color)}chat-link>div>svg{z-index:10;width:2rem;height:2rem;position:absolute;top:.375rem;left:.375rem}chat-link>div>span{flex:1;align-self:center;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{grid-template-rows:1fr;display:grid}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-style:solid;border-top-width:1px;border-top-color:var(--fill-secondary);align-items:center;display:flex}div.contact-item div.contact-body div.contact-buttons-wrap>div{text-align:center;border-right-style:solid;border-right-width:1px;border-right-color:var(--fill-secondary);flex:1;transition:background-color .3s;position:relative}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{z-index:0;width:1.5rem;height:1.5rem;color:var(--link-color);margin:0 auto;display:block;position:absolute;inset:.75rem 0 0}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{z-index:100;letter-spacing:1px;text-transform:uppercase;width:100%;height:100%;padding:2.25rem 0 .5rem;font-size:.75rem;font-weight:700;display:inline-block;position:relative}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background-color:var(--body-fill);color:var(--body-color);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}a{-webkit-text-decoration:inherit;text-decoration:inherit;cursor:pointer;font-weight:400}a,a:visited{color:var(--link-color)}a:hover{color:var(--link-color-hover)}html{scroll-behavior:smooth;scroll-padding-top:var(--scroll-padding,72px);overflow-y:scroll}body{min-width:320px;min-height:100vh}html,body{margin:0;padding:0;position:relative}.app{background-color:var(--wrap-fill);max-width:720px;min-height:100vh;box-shadow:0 0 1rem var(--wrap-shadow);margin:0 auto;padding:0}main{padding:.5rem 1rem 2rem}main a.has-icon{z-index:10;position:relative}main a.has-icon svg,main button.has-icon svg{width:1.5rem;height:1.5rem;display:inline-block;position:relative;bottom:-.4rem;right:-.125rem}main a.has-icon-before svg,main button.has-icon-before svg{width:1.5rem;height:1.5rem;margin-right:.125rem;display:inline-block;position:relative;bottom:-.4rem;left:-.125rem}button{background-color:var(--fill-secondary);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.525em 1.2em;font-family:inherit;font-size:1em;font-weight:400;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{border-top-style:solid;border-top-width:1px;border-top-color:var(--fill-secondary);height:3rem;margin:.5rem -.625rem 0;line-height:3rem;display:flex}.share-link-buttons button{all:unset;color:var(--link-color);cursor:pointer;text-align:center;letter-spacing:1px;text-transform:uppercase;flex:100%;font-size:.75rem;font-weight:700;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-style:solid;border-right-width:1px;border-right-color:var(--fill-secondary)}.share-link-buttons button:nth-of-type(2){flex:0 50%}.share-link-buttons button:has(+button){flex:0 50%}#svg-message-pending circle{animation:1s ease-in-out infinite 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%)}}
