:root{--ink:#17163b;--ink2:#5f5e80;--ink3:#9c9bb5;--iris:#6c4df6;--orchid:#ab4be0;--orchid-tint:#f6ebfd;--bg2:#f2f2f7;--sep:#3c3c434a;--peer:#8e8e9333;--coral:#e63956}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg2);-webkit-font-smoothing:antialiased;margin:0;font:17px/22px -apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,system-ui,sans-serif}html{font-size:clamp(15px,.35vw + 11px,48px)}body{font-size:1rem;line-height:1.3}.app{grid-template-columns:20rem 1fr;height:100dvh;display:grid}.list{border-inline-end:.5px solid var(--sep);background:#fff;flex-direction:column;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.list header{justify-content:space-between;align-items:baseline;display:flex}h1{margin:0;font-size:1.5rem}h2{color:var(--ink2);margin:0;font-size:1.1rem}a{color:var(--iris);text-decoration:none}.signout{align-self:start;margin-top:auto}.pane{flex-direction:column;min-height:0;padding:1.5rem;display:flex}.quiet-note{color:var(--ink2);margin:0}button{font:inherit;background:var(--iris);color:#fff;cursor:pointer;border:0;border-radius:.6rem;padding:.6rem 1.2rem}button:disabled{opacity:.5;cursor:default}button.quiet{color:var(--iris);background:0 0;padding:0}.signin-page{place-items:center;min-height:100dvh;padding:1rem;display:grid}.card{background:#fff;border-radius:1rem;flex-direction:column;gap:1rem;width:min(100%,26rem);padding:2rem;display:flex}.card form{display:contents}.card p{color:var(--ink2);margin:0}.card label{flex-direction:column;gap:.3rem;display:flex}.card input{font:inherit;border:.5px solid var(--sep);border-radius:.4rem;padding:.5rem}.invite{align-self:center;margin-block:auto}.card .bubble{color:var(--ink);margin:0}.modes{border:0;flex-direction:column;gap:.75rem;margin:0;padding:0;display:flex}.card .modes label{cursor:pointer;flex-direction:row;align-items:start;gap:.6rem}.modes span{flex-direction:column;display:flex}.modes small{color:var(--ink2)}.phone{grid-template-columns:auto 1fr;gap:.75rem;display:grid}.plus{align-items:center;gap:.2rem;display:flex}.problem{color:var(--coral)}.conversations{flex-direction:column;gap:.75rem;display:flex}.conversations h3{text-transform:uppercase;letter-spacing:.04em;color:var(--ink3);margin:0 0 .25rem;font-size:.8rem}.conversations ul{margin:0;padding:0;list-style:none}.conversations a{color:var(--ink);border-radius:.5rem;grid-template-columns:1fr auto;gap:.1rem .5rem;padding:.45rem .6rem;display:grid}.conversations a:hover{background:var(--bg2)}.conversations a[aria-current=page]{background:var(--orchid-tint)}.conversations .title,.conversations .preview{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversations .preview{color:var(--ink2);grid-column:1/-1;font-size:.85rem}.dot{background:var(--iris);border-radius:50%;align-self:center;width:.55rem;height:.55rem}.conversation{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex}.conversation>header{align-items:baseline;gap:1rem;display:flex}.conversation .status{color:var(--ink2);font-size:.85rem}.back{display:none}.log{flex-direction:column;flex:1;gap:.4rem;min-height:0;padding-block:.5rem;display:flex;overflow-y:auto}.bubble{background:var(--peer);overflow-wrap:anywhere;border-radius:1rem;align-self:start;max-width:min(42rem,85%);padding:.5rem .75rem}.bubble.own{background:var(--iris);color:#fff;align-self:end}.bubble.own a{color:inherit;text-decoration:underline}.bubble.ai{border-inline-start:3px solid var(--iris);background:#fff}.bubble.nudge{background:var(--orchid-tint);border-inline-start-color:var(--orchid)}.bubble.pending{opacity:.6}.bubble header{color:var(--ink2);align-items:baseline;gap:.5rem;font-size:.8rem;display:flex}.bubble .who{font-weight:600}.badge{background:var(--bg2);color:var(--iris);border-radius:.4rem;padding:0 .4rem}.text p,.text pre,.text blockquote{margin:0}.text .h{font-weight:700}.text pre,.text code{font-family:ui-monospace,Menlo,monospace;font-size:.9em}.text pre{white-space:pre-wrap;background:#0000000f;border-radius:.4rem;padding:.4rem}.text blockquote{border-inline-start:2px solid var(--ink3);padding-inline-start:.6rem}.text hr{border:0;border-block-start:.5px solid var(--sep)}.reactions{gap:.3rem;margin:.3rem 0 0;padding:0;font-size:.85rem;list-style:none;display:flex}.reactions li{color:var(--ink);background:#ffffffb3;border-radius:.8rem;padding:0 .4rem}.bubble .problem{color:inherit;margin:.3rem 0 0;font-size:.85rem}.bubble.own .quiet{color:inherit;text-decoration:underline}.banner{color:var(--coral);background:#fff;border-radius:.6rem;flex-wrap:wrap;gap:.75rem;padding:.5rem .75rem;display:flex}.typing p{color:var(--ink2);margin:0;font-size:.85rem}.composer{grid-template-columns:1fr auto;align-items:end;gap:.5rem;display:grid;position:relative}.composer textarea{font:inherit;resize:none;border:.5px solid var(--sep);background:#fff;border-radius:.8rem;padding:.5rem .75rem}.picker{border:.5px solid var(--sep);background:#fff;border-radius:.6rem;min-width:12rem;margin:0 0 .25rem;padding:.25rem;list-style:none;position:absolute;inset-block-end:100%;inset-inline-start:0}.picker li{cursor:pointer;border-radius:.4rem;padding:.35rem .6rem}.picker li[aria-selected=true]{background:var(--orchid-tint)}.banner.arrived{color:var(--ink);align-items:baseline;margin-block-end:.5rem}.banner.arrived a{color:inherit;flex:1}.menu{margin-inline-start:auto;position:relative}.menu summary{cursor:pointer;padding:0 .3rem;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu>div{z-index:1;border:.5px solid var(--sep);white-space:nowrap;background:#fff;border-radius:.6rem;flex-direction:column;align-items:start;gap:.5rem;padding:.5rem .75rem;display:flex;position:absolute;inset-inline-end:0}.scrim{z-index:2;background:#17163b59;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.scrim .card{width:min(100%,32rem)}.scrim blockquote{border-inline-start:2px solid var(--ink3);white-space:pre-wrap;margin:0;padding-inline-start:.6rem}.column{flex-direction:column;gap:1rem;display:flex}.card textarea,.settings input,.settings select{font:inherit;border:.5px solid var(--sep);border-radius:.4rem;padding:.5rem}button.danger{background:var(--coral)}button.quiet.danger{color:var(--coral);background:0 0}.settings{flex-direction:column;gap:.75rem;max-width:40rem;display:flex;overflow-y:auto}.settings h3{text-transform:uppercase;letter-spacing:.04em;color:var(--ink3);margin:1rem 0 0;font-size:.8rem}.settings fieldset{border:.5px solid var(--sep);border-radius:.6rem;flex-direction:column;gap:.5rem;margin:0;padding:.75rem;display:flex}.settings legend{color:var(--ink2);padding:0 .3rem}.settings label{flex-direction:column;gap:.3rem;display:flex}.settings label.row{flex-direction:row}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.plain{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.plain .row{justify-content:space-between}.avatar{object-fit:cover;border-radius:50%;width:3rem;height:3rem}.danger-zone{width:auto}@media (max-width:720px){.app{grid-template-columns:1fr}.list{border-inline-end:0}.app.reading .list,.app:not(.reading) .pane{display:none}.pane{padding:.75rem}.back{display:inline}}