:root{--bg: #fbfbfa;--panel: #ffffff;--ink: #1c1c1a;--muted: #6f6f6a;--line: #e6e5e1;--accent: #2f6f4f;--inbound: #f1f0ec;--outbound: #e3efe8;--error: #b23b3b;color-scheme:light;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button{font:inherit;cursor:pointer}input,select{font:inherit}.loading{padding:3rem;color:var(--muted)}.muted{color:var(--muted)}.error{color:var(--error);margin:.5rem 0 0}.signin{min-height:100vh;display:grid;place-items:center}.signin form{width:22rem;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:2rem;display:grid;gap:1rem}.signin h1{margin:0 0 .5rem;font-size:1.5rem}.signin label{display:grid;gap:.35rem;font-size:.85rem;color:var(--muted)}.signin input{padding:.55rem .7rem;border:1px solid var(--line);border-radius:6px;background:#fff}.signin button{padding:.6rem;border:0;border-radius:6px;background:var(--accent);color:#fff}.signin button:disabled{opacity:.5;cursor:default}.console{height:100vh;display:grid;grid-template-rows:auto 1fr}.console header{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:var(--panel);border-bottom:1px solid var(--line)}.brand{font-weight:600}.firm{padding:.15rem .5rem;border:1px solid var(--line);border-radius:999px;font-size:.8rem;color:var(--muted);cursor:default;-webkit-user-select:none;user-select:none}.spacer{flex:1}.account{position:relative}.who{color:var(--muted);font-size:.85rem;background:none;border:0;padding:.2rem .35rem;border-radius:6px}.who:hover{background:var(--bg);color:var(--ink)}.menu{position:absolute;right:0;top:calc(100% + .4rem);z-index:10;width:17rem;display:grid;gap:.7rem;padding:1rem;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 24px #00000014}.menu h2{margin:0;font-size:.95rem}.menu label{display:grid;gap:.3rem;font-size:.8rem;color:var(--muted)}.menu input{padding:.45rem .6rem;border:1px solid var(--line);border-radius:6px}.menu .actions{display:flex;justify-content:flex-end;gap:.75rem;align-items:center}.menu .actions button[type=submit]{padding:.4rem .9rem;border:0;border-radius:6px;background:var(--accent);color:#fff}.menu .actions button:disabled{opacity:.5;cursor:default}.hint{margin:0;font-size:.8rem;color:var(--muted)}.simulate{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .6rem;border:1px dashed var(--line);border-radius:10px}.simulate .as{font-size:.75rem;color:var(--muted);white-space:nowrap}.simulate input{flex:1;padding:.4rem .55rem;border:1px solid var(--line);border-radius:6px}.simulate button{padding:.35rem .8rem;border:0;border-radius:6px;background:var(--ink);color:#fff;font-size:.85rem}.simulate button:disabled{opacity:.4;cursor:default}.ok{margin:0;color:var(--accent)}.link{background:none;border:0;color:var(--accent);text-decoration:underline}.linepicker{padding:.3rem .5rem;border:1px solid var(--line);border-radius:6px;background:#fff}.console main{display:grid;grid-template-columns:22rem minmax(0,1fr);min-height:0;overflow:hidden}.inbox{border-right:1px solid var(--line);overflow-y:auto;background:var(--panel);padding:.5rem}.inbox p{padding:1rem}.inbox .row{display:grid;gap:.2rem;width:100%;text-align:left;padding:.7rem;border:0;border-radius:8px;background:none}.inbox .row:hover{background:var(--bg)}.inbox .row.selected{background:var(--outbound)}.inbox .top{display:flex;justify-content:space-between;gap:.5rem}.inbox .name{font-weight:600}.inbox time{color:var(--muted);font-size:.8rem}.inbox .preview{color:var(--muted);font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox .us{color:var(--accent)}.redacted{color:var(--muted);opacity:.75}.inbox .line{font-size:.75rem;color:var(--muted)}.conversation,.empty{display:grid;grid-template-rows:auto 1fr auto;min-height:0;min-width:0}.empty{place-items:center;color:var(--muted)}.conversation>header{display:flex;gap:.75rem;align-items:baseline;border-bottom:1px solid var(--line)}.messages{overflow-y:auto;padding:1rem;display:grid;gap:.6rem;align-content:start}.message{max-width:34rem;padding:.55rem .8rem;border-radius:12px;background:var(--inbound)}.message p{margin:0;white-space:pre-wrap}.message time{display:block;margin-top:.3rem;font-size:.72rem;color:var(--muted)}.message.outbound{background:var(--outbound);justify-self:end}.message.failed{background:#f6e9e9;border:1px solid #e6cccc}.undelivered-group{position:relative;justify-self:end;width:fit-content;min-width:34rem;max-width:80%;padding:.3rem;border:1px dashed #cba3a3;border-radius:12px}.undelivered-group .message{margin:0;max-width:none}.message.undelivered{background:#f8ecec}.undelivered-caption{position:absolute;right:.75rem;bottom:0;max-width:calc(100% - 1.5rem);transform:translateY(65%);padding:0 .4rem;background:var(--bg);font-size:.76rem;line-height:1.2;color:#8a4a4a}.undelivered-caption .clipped{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline-offset:2px}.tooltip{position:fixed;z-index:1000;max-width:22rem;padding:.5rem .7rem;border-radius:8px;background:var(--ink);color:#fff;font-size:.82rem;line-height:1.4;box-shadow:0 6px 20px #0000002e;pointer-events:none}.tooltip.pinned{pointer-events:auto}.tooltip-copy{border:0;padding:0 .15rem;background:none;color:#ffffffa6;font-size:.95rem;line-height:1;vertical-align:baseline}.tooltip-copy:hover{color:#fff}.undelivered-caption .tooltip-trigger{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.undelivered-caption .tooltip-trigger:hover{color:var(--error);text-decoration-style:solid}.compose{display:flex;align-items:flex-end;gap:.5rem;padding:.75rem 1rem;border-top:1px solid var(--line);background:var(--panel)}.draft{position:relative;width:100%;padding:.3rem;border:1px dashed #a3c2dd;border-radius:12px}.compose .bubble{display:block;width:100%;padding:.55rem .8rem 1.4rem;border:0;border-radius:10px;background:#eaf2fa;font:inherit;color:var(--ink);line-height:1.5;resize:none;overflow:hidden}.compose .bubble:focus{outline:none;background:#e2edf8}.compose .bubble::placeholder{color:var(--muted)}.draft-time{position:absolute;left:1.1rem;bottom:.7rem;font-size:.72rem;color:var(--muted);pointer-events:none}.draft .pill{position:absolute;bottom:0;transform:translateY(50%)}.draft .generate{left:.9rem}.draft .send{right:.9rem}.pill{padding:.12rem .6rem;border:1px solid #a3c2dd;border-radius:999px;background:#fff;font-size:.72rem;line-height:1.4;color:var(--muted)}.pill:hover:not(:disabled){color:var(--ink);border-color:#7ea9ce}.pill:disabled{opacity:.5;cursor:default}.pill.send{border-color:#3d6b96;background:#3d6b96;color:#fff}.pill.send:hover:not(:disabled){color:#fff}.messages .compose{justify-self:end;width:min(34rem,100%);margin-top:.2rem;padding:0;border-top:0;background:none}.modes{display:inline-flex;gap:.2rem}.mode{padding:.2rem .55rem;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.78rem;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}.mode input{position:absolute;opacity:0;pointer-events:none}.mode:hover{color:var(--ink);border-color:var(--muted)}.mode.selected{background:var(--ink);border-color:var(--ink);color:#fff}.mode:has(input:disabled){opacity:.45;cursor:default}.new-contact-group{position:relative;justify-self:stretch;margin-bottom:1.4rem;padding:.5rem .5rem .6rem;border:1px dashed #96c2a6;border-radius:12px;background:#e3efe847;display:grid;gap:.5rem}.new-contact-group .message{max-width:34rem}.message.first{background:#c6dfd0}.new-contact-caption{position:absolute;left:.9rem;right:.9rem;bottom:0;transform:translateY(55%);display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.78rem;color:#3d6b51}.new-contact-caption .caption-pill{padding:.15rem .7rem;border:1px solid #cfdcd4;border-radius:999px;background:#eef6f1}.new-contact-caption .modes{background:none}.conversation.blocked .messages{opacity:.45;filter:grayscale(1)}.conversation.blocked .compose{display:none}.column{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;border-right:1px solid var(--line);background:var(--panel)}.column .inbox{border-right:0}.simulate.new{flex-wrap:wrap;margin:.5rem}.simulate.new .as{width:100%}.simulate.new .phone{flex:0 0 100%}.simulate.new .hint{width:100%}.modes .locked{position:relative;display:inline-flex;gap:.2rem}.modes .veil{position:absolute;inset:0;display:grid;place-items:center;cursor:default}.modes .veil span{padding:.02rem .4rem;border-radius:999px;background:color-mix(in srgb,var(--line) 70%,transparent);font-size:.7rem;font-weight:500;line-height:1.35;white-space:nowrap;color:var(--ink)}.modes .locked .mode{opacity:.55}.modes .locked .mode:hover{color:var(--muted);border-color:var(--line)}.contact-name{display:inline-flex;align-items:baseline;gap:.3rem}.contact-name .rename{display:inline-flex;align-items:baseline;gap:.3rem;border:0;background:none;padding:0;font:inherit;color:inherit;cursor:pointer}.contact-name .rename:hover{color:var(--accent)}.contact-name .rename span{font-size:.8rem;line-height:1;color:var(--muted);opacity:0}.contact-name:hover .rename span,.contact-name .rename:focus-visible span{opacity:1}.contact-name.editing{display:flex;align-items:center;gap:.4rem}.contact-name.editing input{width:12rem;padding:.25rem .45rem;border:1px solid var(--line);border-radius:6px}.contact-name.editing button[type=submit]{padding:.25rem .7rem;border:0;border-radius:6px;background:var(--accent);color:#fff;font-size:.85rem}.simulate.new .name{flex:0 0 100%}.generate-prompt{justify-self:end;display:flex;align-items:center;gap:.6rem;margin-top:.2rem}.generate-prompt .generate{padding:.4rem 1rem;border:0;border-radius:20px;background:var(--accent);color:#fff}.generate-prompt .generate:disabled{opacity:.5;cursor:default}@keyframes generate-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}.generate-prompt .generate:not(:disabled){animation:generate-breathe 1.8s ease-in-out infinite}.generate-prompt .generate:hover{animation:none}@media(prefers-reduced-motion:reduce){.generate-prompt .generate{animation:none}}.settings{display:grid;grid-template-rows:auto 1fr;min-height:0;overflow:hidden}.settings>header{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;border-bottom:1px solid var(--line)}.settings h2{margin:0;font-size:1rem}.settings .scope select{padding:.3rem .5rem;border:1px solid var(--line);border-radius:6px;background:#fff}.settings-list{overflow-y:auto;padding:1rem;display:grid;gap:1.1rem;align-content:start;max-width:46rem}.setting{display:grid;gap:.35rem;padding:.8rem .9rem;background:var(--panel);border:1px solid var(--line);border-radius:10px}.setting-head{display:flex;align-items:center;gap:.5rem}.setting-foot{display:flex;align-items:center;gap:.75rem}.setting-foot .hint{flex:1;margin:0}.setting textarea,.setting input{width:100%;padding:.5rem .6rem;border:1px solid var(--line);border-radius:6px;font:inherit;line-height:1.5;resize:vertical}.setting-foot button:not(.link){padding:.35rem .85rem;border:0;border-radius:6px;background:var(--accent);color:#fff;font-size:.85rem}.badge{padding:.05rem .45rem;border-radius:999px;font-size:.7rem;font-weight:500}.badge.inherited{background:var(--line);color:var(--muted)}.badge.overridden{background:var(--outbound);color:#2f6f4f}.link.on{font-weight:600}