:root{--bg:#f4f5f7;--panel:#ffffff;--line:#e2e6ea;--line-strong:#cdd4da;--ink:#16202b;--muted:#6b7a88;--faint:#97a3ad;--navy:#1b3a5c;--navy-deep:#12293f;--out:#1b6ef3;--out-ink:#ffffff;--in:#e9ebee;--in-ink:#16202b;--ok:#1a7f4b;--warn:#a8690b;--warn-bg:#fdf4e3;--danger:#b3261e;--danger-bg:#fdeceb;--radius:18px}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--navy)}button{font:inherit}.shell{display:grid;grid-template-columns:320px minmax(0,1fr) 300px;background:var(--panel)}.pane,.shell{height:100dvh}.pane{min-width:0;display:flex;flex-direction:column;overflow:hidden}.pane+.pane{border-left:1px solid var(--line)}.pane-head{flex:0 0 auto;padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;background:var(--panel)}.pane-body{flex:1 1 auto;overflow-y:auto}@media (max-width:1100px){.shell{grid-template-columns:280px minmax(0,1fr)}.pane.rail{display:none}}@media (max-width:760px){.shell{grid-template-columns:1fr}.pane.list{display:none}}.thread{display:block;padding:11px 16px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.thread:hover{background:#f7f9fb}.thread[aria-current=true]{background:#eaf1fb}.thread-top{display:flex;align-items:baseline;gap:8px}.thread-title{font-weight:600;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-when{flex:0 0 auto;font-size:12px;color:var(--faint)}.thread-sub{font-size:12px;color:var(--muted);margin-top:1px}.thread-snippet{font-size:13px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:var(--out);flex:0 0 auto}.messages{padding:16px 18px 8px;display:flex;flex-direction:column;gap:2px}.day{align-self:center;margin:16px 0 10px;font-size:12px;font-weight:600;color:var(--faint);text-transform:uppercase;letter-spacing:.04em}.row{display:flex;margin-top:2px}.row.out{justify-content:flex-end}.row.in{justify-content:flex-start}.row.turn{margin-top:12px}.bubble{max-width:100%;padding:8px 13px;border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:anywhere}.row.out .bubble{background:var(--out);color:var(--out-ink);border-bottom-right-radius:5px}.row.in .bubble{background:var(--in);color:var(--in-ink);border-bottom-left-radius:5px}.row.out .bubble.auto{background:#eef1f5;color:var(--muted);border:1px solid var(--line-strong)}.row.out .bubble.pending{background:#7fa9ee}.row.out .bubble.unsure{background:var(--warn-bg);color:#6b4506;border:1px solid #e8cf9c}.row.out .bubble.bad{background:var(--danger-bg);color:#7d1a15;border:1px solid #f0bdb9}.meta{font-size:11px;color:var(--faint);margin:2px 2px 0;display:flex;gap:6px;align-items:center}.row.out .meta{justify-content:flex-end}.meta .why{color:var(--warn)}.meta .bad{color:var(--danger)}.stack{display:flex;flex-direction:column;max-width:min(70ch,78%);min-width:0}.row.out .stack{align-items:flex-end}.event{align-self:center;margin:10px 0;padding:5px 12px;font-size:12px;color:var(--muted);background:#f1f3f6;border-radius:999px;text-align:center;max-width:60ch}.event.alert{background:var(--warn-bg);color:#6b4506}.composer{flex:0 0 auto;border-top:1px solid var(--line);background:var(--panel);padding:10px 14px 12px}.composer form{display:flex;gap:8px;align-items:flex-end}.composer textarea{flex:1 1 auto;resize:none;min-height:38px;max-height:160px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--radius);font:inherit;background:#fff}.composer textarea:focus{outline:2px solid #b9d2f7;outline-offset:-1px;border-color:#8fb6ea}.composer textarea:disabled{background:#f4f5f7;color:var(--muted)}.send{flex:0 0 auto;height:38px;padding:0 18px;border:0;border-radius:999px;background:var(--out);color:#fff;font-weight:600;cursor:pointer}.send:disabled{background:#c6ccd3;cursor:not-allowed}.composer-note{font-size:12px;color:var(--muted);margin:0 0 8px;display:flex;gap:10px}.composer-note .cost{margin-left:auto}.composer-note .cost.multi{color:var(--warn);font-weight:600}.locked{border:1px solid var(--line-strong);background:#f7f8fa;border-radius:12px;padding:12px 14px;color:var(--muted);font-size:14px}.locked strong{color:var(--ink);display:block;margin-bottom:3px}.rail .pane-body{padding:16px}.card{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:14px;background:#fff}.card h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}.kv{display:flex;justify-content:space-between;gap:12px;padding:3px 0;font-size:14px}.kv span:first-child{color:var(--muted)}.kv span:last-child{text-align:right;overflow-wrap:anywhere}.chip{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent}.chip.open{background:#e6f4ec;color:var(--ok)}.chip.lapsed,.chip.none{background:#f1f3f6;color:var(--muted)}.chip.stopped{background:var(--danger-bg);color:var(--danger)}.btn{display:inline-block;padding:7px 13px;border-radius:8px;border:1px solid var(--line-strong);background:#fff;color:var(--ink);cursor:pointer;font-size:14px;text-decoration:none}.btn:hover{background:#f6f8fa}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn.danger{border-color:#e7b6b2;color:var(--danger)}.btn.small{padding:4px 9px;font-size:12px}.err{color:var(--danger);background:var(--danger-bg);border:1px solid #f0bdb9;border-radius:8px}.err,.okay{padding:8px 11px;margin-bottom:10px;font-size:14px}.okay{color:var(--ok);background:#e6f4ec;border:1px solid #bfe0cd;border-radius:8px}.hint{font-size:12px;color:var(--muted)}.banner{background:var(--warn-bg);border-bottom:1px solid #e8cf9c;padding:9px 16px;font-size:13px;color:#6b4506}.empty{padding:48px 24px;text-align:center;color:var(--muted)}.login{max-width:340px;margin:12vh auto;padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px}.login h1{margin:0 0 4px;font-size:20px}.login p{margin:0 0 18px;color:var(--muted);font-size:14px}.login label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}.login input{width:100%;padding:9px 11px;border:1px solid var(--line-strong);border-radius:8px;font:inherit;margin-bottom:12px}.login button{width:100%;padding:10px;border:0;border-radius:8px;background:var(--navy);color:#fff;font-weight:600;cursor:pointer}.suggest{margin-bottom:8px}.suggest-row{display:flex;gap:6px;align-items:stretch;flex-wrap:wrap}.suggest-ask{margin-left:auto;align-self:center}.suggest-err{color:var(--warn)}.suggest-gap{font-size:12px;color:#6b4506;background:var(--warn-bg);border:1px solid #e8cf9c;border-radius:8px;padding:6px 10px;margin-bottom:6px}.chipbtn{flex:1 1 200px;max-width:320px;text-align:left;cursor:pointer;border:1px dashed var(--line-strong);border-radius:12px;background:#fbfcfd;padding:7px 11px;display:flex;flex-direction:column;gap:2px}.chipbtn:hover{background:#f2f6fb;border-color:#8fb6ea;border-style:solid}.chipbtn-gist{font-size:11px;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.03em}.chipbtn-text{font-size:13px;color:var(--ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.chipbtn-warn{font-size:11px;color:var(--warn);font-weight:600}.quote{margin:8px 0 0;padding:6px 10px;border-left:3px solid var(--line-strong);font-size:13px;color:var(--muted);font-style:italic}.settings{max-width:1100px;margin:0 auto;padding:20px 24px 60px}.settings-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.settings-head h1{font-size:20px;margin:0;flex:1 1 auto}.settings-grid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}@media (max-width:900px){.settings-grid{grid-template-columns:1fr}}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px}.panel h2{font-size:15px;margin:0 0 12px}.panel label{display:block;font-size:12px;color:var(--muted);margin:12px 0 4px;font-weight:600}.panel label.inline{display:flex;align-items:center;gap:7px;font-weight:400;color:var(--ink);font-size:14px}.panel input:not([type]),.panel input[type=number],.panel input[type=password],.panel input[type=text],.panel select,.panel textarea{width:100%;padding:8px 10px;border:1px solid var(--line-strong);border-radius:8px;font:inherit;background:#fff}.panel input[readonly]{background:#f6f8fa;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.panel input[type=checkbox]{width:auto}.panel textarea{resize:vertical}.panel .btn{margin-top:14px}.panel code{background:#f1f3f6;padding:1px 4px;border-radius:4px;font-size:12px}.row2{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.notice{background:var(--warn-bg);border:1px solid #e8cf9c;border-radius:8px;padding:10px 12px;font-size:13px;color:#6b4506;margin-bottom:4px}.notice strong{display:block;margin-bottom:3px}.did{border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:12px;background:#fbfcfd}.did-top,.userrow{display:flex;align-items:center;gap:8px}.userrow{flex-wrap:wrap}.userrow select{width:auto;min-width:240px}.userrow form{display:flex;gap:8px;align-items:center;margin:0}.userrow .btn{margin-top:0}