.pc-bar{--spring:cubic-bezier(.34, 1.56, .64, 1);--out:cubic-bezier(.16, 1, .3, 1);border:1px solid var(--color-line);backdrop-filter:blur(10px);width:min(52rem,100%);transition:border-color .3s var(--out), box-shadow .3s var(--out);background:#e8e4f40a;border-radius:1.25rem;flex-direction:column;gap:.9rem;padding:clamp(1rem,2.4vw,1.6rem) clamp(1rem,2.4vw,1.6rem) clamp(.85rem,2vw,1.2rem);display:flex;box-shadow:0 18px 40px -24px #000000b3}.pc-bar.pc-wide{width:100%}.pc-label{letter-spacing:.14em;text-transform:uppercase;color:var(--color-k1);align-items:center;gap:.5rem;padding-inline:.4rem;font-size:.8rem;display:flex}.pc-label:before{content:"✦";font-size:.95em}.pc-bar:not([data-step=brief]) .pc-label{display:none}.pc-hint{color:var(--color-muted);padding-inline:.4rem;font-size:.8rem}.pc-bar:not([data-step=brief]) .pc-hint{display:none}@media (hover:none){.pc-hint{visibility:hidden}}.pc-bar:focus-within{border-color:#49cdd673;box-shadow:0 22px 46px -22px #000c,0 0 0 4px #49cdd614}.pc-text{resize:none;width:100%;min-height:4.5rem;max-height:14rem;font:inherit;font-family:var(--font-heading);color:var(--color-paper);scrollbar-width:thin;background:0 0;border:0;padding:.35rem .4rem;font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:300;line-height:1.3;overflow-y:auto}.pc-text::placeholder{color:var(--color-paper)}.pc-bar[data-step=email] .pc-text{min-height:2.6rem}.pc-bar[data-step=done] .pc-text,.pc-bar[data-step=done] .pc-row{display:none}.pc-thread{flex-direction:column;gap:.8rem;display:flex}.pc-thread:empty{display:none}.pc-msg{max-width:85%;animation:pc-in .5s var(--ease-out-expo) both;line-height:1.45}.pc-msg-user{color:var(--color-paper);white-space:pre-wrap;overflow-wrap:anywhere;background:#e8e4f414;border-radius:1rem 1rem .3rem;align-self:flex-end;padding:.65rem .95rem}.pc-msg-bot{color:var(--color-paper);align-items:baseline;gap:.6rem;font-size:clamp(1.05rem,1.6vw,1.25rem);display:flex}.pc-msg-bot:before{content:"✦";color:var(--color-accent);font-size:.85em}.pc-msg-bot .pc-caret{vertical-align:-.1em;background:var(--color-accent);width:.5em;height:1em;margin-left:.1em;animation:.9s step-end infinite pc-blink;display:inline-block}.pc-msg-note{color:var(--color-muted);font-size:.85rem}.pc-restart{color:var(--color-accent);cursor:pointer;align-self:flex-start;font-size:.85rem}.pc-back{color:var(--color-muted);cursor:pointer;margin-left:auto;font-size:.85rem;display:none}.pc-bar[data-step=email] .pc-back{display:inline-block}.pc-bar[data-step=email] .pc-modes{display:none}@keyframes pc-in{0%{opacity:0;transform:translateY(.5rem)}}@keyframes pc-blink{50%{opacity:0}}.pc-text:focus{outline:none}.pc-trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.pc-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.pc-modes{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.pc-mode{height:2.4rem;color:var(--color-paper);cursor:pointer;transition:color .25s var(--out), background-color .25s var(--out), border-color .25s var(--out);border:1px solid #0000;border-radius:999px;align-items:center;padding:0 .7rem;font-size:.95rem;display:inline-flex}.pc-mode:hover,.pc-mode:focus-visible{color:var(--color-paper);outline:none}.pc-mode:focus-visible{border-color:#e8e4f44d}.pc-mode[aria-pressed=true]{color:var(--color-accent);border-color:color-mix(in srgb, var(--color-accent) 60%, transparent);background:color-mix(in srgb, var(--color-accent) 14%, transparent)}.pc-mode:nth-child(3)[aria-pressed=true]{color:var(--color-violet-light);border-color:color-mix(in srgb, var(--color-violet-light) 60%, transparent);background:color-mix(in srgb, var(--color-violet-light) 14%, transparent)}.pc-mode-icon{transition:transform .35s var(--out);display:inline-flex}.pc-mode[aria-pressed=true] .pc-mode-icon{transform:scale(1.08)}.pc-mode-label{opacity:0;white-space:nowrap;max-width:0;transition:max-width .35s var(--out), margin-left .35s var(--out), opacity .25s var(--out);margin-left:0;overflow:hidden}.pc-mode[aria-pressed=true] .pc-mode-label{opacity:1;max-width:8rem;margin-left:.35rem}.pc-bar svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:1.3rem;height:1.3rem;display:block}.pc-send{width:2.75rem;height:2.75rem;color:var(--color-paper);cursor:pointer;transition:background-color .25s var(--out), color .25s var(--out), transform .25s var(--spring);border-radius:999px;flex-shrink:0;position:relative}.pc-send:hover{filter:brightness(.92)}.pc-send:active{transition-duration:.1s;transform:scale(.92)}.pc-send:focus-visible{outline-offset:2px;outline:2px solid #e8e4f466}.pc-bar.is-armed .pc-send{background:var(--color-paper);color:var(--color-ink)}.pc-bar.is-sent .pc-send{background:var(--color-accent);color:var(--color-ink)}.pc-send-icon{opacity:0;filter:blur(4px);transition:opacity .22s var(--out), transform .3s var(--spring), filter .22s var(--out);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:scale(.8)}.pc-bar:not(.is-armed):not(.is-sent) [data-icon=idle],.pc-bar.is-armed:not(.is-sent) [data-icon=arrow],.pc-bar.is-sent [data-icon=check]{opacity:1;filter:none;transform:scale(1)}@media (prefers-reduced-motion:reduce){.pc-bar *{transition-duration:.001ms!important}.pc-mode[aria-pressed=true] .pc-mode-icon{transform:none}.pc-msg{animation:none}}
