html:has(.ct):root,html:has(.ct) body,html:has(.ct) main{background:var(--bg);color:var(--fg)}.ct{--gut:clamp(20px, 3vw, 48px);--rule:color-mix(in srgb, var(--fg) 11%, transparent);color:var(--fg);padding-top:calc(78px + 1.45em);font-size:17px;font-weight:400;line-height:1.45}.ct a{color:inherit;transition:background-color .5s var(--ease);text-decoration:none}.ct a:hover{background:var(--hi)}.ct :focus-visible{outline:1px solid var(--fg);outline-offset:3px}.ct h1{font-size:inherit;line-height:inherit;margin:0;font-weight:700}.ct p{margin:0}.ct-pad{padding-inline:var(--gut)}.ct-chat{max-width:820px;padding:48px var(--gut) 0;margin:0 auto}.ct-thread{flex-direction:column;gap:8px;min-height:40vh;display:flex}.ct-thread>*{scroll-margin-bottom:15vh}.ct .bub{z-index:0;max-width:min(36em,82%);animation:ct-rise .8s var(--ease) both;padding:10px 15px;line-height:1.55;position:relative}.ct .bub:has(.pick.open){z-index:5}.ct .him{background:var(--hi);white-space:pre-line;border-radius:18px 18px 18px 6px;align-self:flex-start}.ct .him.h{font-weight:600}.ct .me{border:1px solid var(--rule);border-radius:18px 18px 6px;align-self:flex-end;line-height:1.9}.ct .me+.him,.ct .him+.me{margin-top:14px}.ct .him.g{white-space:normal;background:0 0;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:min(36em,100%);padding:4px 0 0;display:grid}.ct .him.g a{font-size:14px;line-height:1.35;text-decoration:none;display:block}.ct .him.g a:hover{background:0 0}.ct .him.g img{aspect-ratio:1;object-fit:cover;background:var(--hi);filter:grayscale()contrast(1.08);width:100%;transition:filter .8s var(--ease);margin-bottom:8px;display:block}.ct .him.g a:hover img,.ct .him.g a:focus-visible img{filter:none}.ct .him.g .soft{color:var(--soft);display:block}@media (width<=520px){.ct .him.g{grid-template-columns:repeat(2,minmax(0,1fr))}}.ct .him a{text-underline-offset:.2em;text-decoration:underline 1px}.ch{display:none}.ch.on{display:inline}.ct .me .pick{display:none}.ct .me .pick.on{display:inline-block}.caret{background:var(--fg);vertical-align:-.18em;width:1px;height:1.1em;margin-left:1px;animation:1s step-end infinite ct-caret;display:inline-block}.typing{background:var(--hi);border-radius:18px;align-self:flex-start;gap:4px;margin-top:14px;padding:14px 15px;display:inline-flex}.typing i{background:var(--soft);border-radius:50%;width:6px;height:6px;animation:1.2s infinite ct-blink}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes ct-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes ct-caret{50%{opacity:0}}@keyframes ct-blink{0%,to{opacity:.3}50%{opacity:1}}.pick{display:inline-block;position:relative}.pick-btn{all:unset;cursor:pointer;color:var(--fg);padding:0 .2em;font-weight:700;line-height:1.3;position:relative}.pick-btn:empty{min-width:4.6em;display:inline-block}.pick-btn:empty:before{content:" "}.pick-btn:after{content:"";background:var(--fg);transform-origin:100%;transition:transform .9s var(--ease), background-color .4s var(--ease);position:absolute;inset:.1em 0}.pick-btn:hover:after,.pick.open .pick-btn:after{background:var(--soft)}.pick.wait .pick-btn:after{animation:ct-nudge 1.6s var(--ease) infinite}.pick-btn.set{box-shadow:inset 0 -1px 0 var(--soft)}.pick-btn.set:after{transform:scaleX(0)}.pick-btn:focus-visible{outline:1px solid var(--fg);outline-offset:3px}@keyframes ct-nudge{0%,to{opacity:1}50%{opacity:.45}}.pick-list{z-index:20;background:var(--bg);min-width:calc(100% + 24px);box-shadow:0 0 0 1px color-mix(in srgb, var(--fg) 12%, transparent), 0 18px 40px #0000001f;opacity:0;visibility:hidden;transition:opacity .45s var(--ease), transform .45s var(--ease), visibility 0s linear .45s;flex-direction:column;padding:6px;line-height:1.4;display:flex;position:absolute;top:calc(100% + 6px);left:-12px;transform:translateY(-6px)}.pick.open .pick-list{opacity:1;visibility:visible;transition:opacity .45s var(--ease), transform .45s var(--ease), visibility 0s;transform:none}.pick-list [role=option]{white-space:nowrap;cursor:pointer;transition:background-color .3s var(--ease);padding:6px 10px}.pick-list [role=option]:hover,.pick-list [role=option]:focus{background:var(--hi);outline:none}.pick-list [role=option][aria-selected=true]{font-weight:700}.ct .him.c .ct-mail{font-size:1.15em;font-weight:600}.ct .him.c .ct-soc{flex-wrap:wrap;gap:4px 16px;display:inline-flex}.ct-toast{left:50%;bottom:calc(32px + env(safe-area-inset-bottom,0px));background:var(--fg);color:var(--bg);z-index:60;animation:ct-pop .5s var(--ease) both;border-radius:8px;padding:9px 16px;font-size:14px;position:fixed;transform:translate(-50%)}@keyframes ct-pop{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (width<=820px){.ct{padding-top:calc(60px + 1.45em)}.ct .bub{max-width:92%}}@media (prefers-reduced-motion:reduce){.ct .bub{animation:none}.typing,.caret{display:none}.pick-btn:after{transition:none}.pick.wait .pick-btn:after{animation:none}}
