/* Layout: one card at a time, nothing around it but a thin progress line and three buttons. Board = four plain columns. Only color: a dot for the card type. */
:root{
  --bg:#EDEFF2; --surface:#FFFFFF; --surface-2:#F4F5F7; --ink:#111418; --muted:#6A717C; --faint:#A3A9B2; --line:#E0E3E8;
  --accent:#2347E6; --review:#E09A12; --ok:#17804A; --danger:#C93626;
  --shadow:0 1px 2px rgba(16,24,40,.04),0 20px 44px -22px rgba(16,24,40,.26);
  --f-ui:'Geist',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --f-mono:'Geist Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --gut-l:max(16px,env(safe-area-inset-left,0px)); --gut-r:max(16px,env(safe-area-inset-right,0px));
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0E1013; --surface:#16191E; --surface-2:#1D2026; --ink:#ECEEF2; --muted:#9AA1AC; --faint:#5E646E; --line:#272B32;
  --accent:#7C93FF; --review:#F0B63F; --ok:#4CC27F; --danger:#FF6E5C;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 20px 44px -22px rgba(0,0,0,.75); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0E1013; --surface:#16191E; --surface-2:#1D2026; --ink:#ECEEF2; --muted:#9AA1AC; --faint:#5E646E; --line:#272B32;
  --accent:#7C93FF; --review:#F0B63F; --ok:#4CC27F; --danger:#FF6E5C;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 20px 44px -22px rgba(0,0,0,.75); color-scheme:dark}

html,body{height:100%}
body{background:var(--bg);color:var(--ink);font-family:var(--f-ui);font-size:14px;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg)}
.app{min-height:100%;display:flex;flex-direction:column}
button{font-family:inherit}

.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding-block:14px;padding-left:var(--gut-l);padding-right:var(--gut-r);background:var(--bg)}
.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;letter-spacing:-.01em}
.seg{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:3px}
.seg a{padding:6px 18px;border-radius:999px;color:var(--muted);text-decoration:none;font-weight:500;font-size:13px}
.seg a[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.seg a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

main{flex:1;padding-left:var(--gut-l);padding-right:var(--gut-r);padding-block:12px 40px}
.proto{font:400 11px/1.5 var(--f-mono);color:var(--faint);text-align:center;margin:0;padding-block:0 20px;padding-left:var(--gut-l);padding-right:var(--gut-r)}

/* Bot marks */
.av{--c:var(--ink);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--surface-2);color:var(--c);flex:none}
.av svg{width:62%;height:62%}
.av.lg{width:40px;height:40px;border-radius:12px}
.av.sm{width:22px;height:22px;border-radius:7px}

/* Card view */
#view-kort{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:22px}
.prog{display:flex;align-items:center;gap:12px}
.bar{flex:1;display:flex;gap:3px;height:4px}
.bar i{flex:1;border-radius:2px;background:var(--line)}
.bar i.cur{background:var(--ink)}
.bar i.done{background:var(--faint)}
.prog .n{font:500 12px var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums}

.stage{position:relative}
.ghost{position:absolute;inset:0;border-radius:24px;background:var(--surface)}
.g1{transform:translateY(9px) scale(.965);opacity:.6;z-index:1}
.g2{transform:translateY(18px) scale(.93);opacity:.3;z-index:0}
.card{position:relative;z-index:2;background:var(--surface);border-radius:24px;padding:28px;box-shadow:var(--shadow);
  touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;display:flex;flex-direction:column;gap:22px;
  transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .25s;animation:enter .32s cubic-bezier(.2,.8,.2,1)}
.card.dragging{cursor:grabbing}
.card:focus{outline:none}
@keyframes enter{from{transform:translateY(12px) scale(.98)}to{transform:none}}
.card textarea{user-select:text;-webkit-user-select:text}

.meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);min-width:0}
.dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--ink)}
.v-deleger .dot,.v-agent .dot{background:var(--accent)}
.v-review .dot,.v-venter .dot{background:var(--review)}
.meta .kind{color:var(--ink);font-weight:500;white-space:nowrap}
.meta .sep{color:var(--faint)}
.meta .client{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.due{font:500 12px var(--f-mono);color:var(--muted);white-space:nowrap}
.due.over{color:var(--danger)}
.cu{margin-left:auto;color:var(--faint);display:grid;place-items:center;width:28px;height:28px;border-radius:8px;flex:none}
.cu:hover{color:var(--ink);background:var(--surface-2)}
.card h2{margin:0;font-size:clamp(21px,5vw,27px);line-height:1.2;letter-spacing:-.02em;font-weight:600;text-wrap:balance;overflow-wrap:anywhere}

.who{display:flex;align-items:center;gap:12px}
.who .bn{font-weight:600;font-size:16px}
.who .br{font-size:13px;color:var(--muted);margin-top:1px}
.who .swap{margin-left:auto;background:none;border:0;color:var(--muted);font-size:13px;cursor:pointer;padding:6px 8px;border-radius:8px}
.who .swap:hover{color:var(--ink);background:var(--surface-2)}
.who .swap:focus-visible{outline:2px solid var(--accent)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:7px;padding:4px 11px 4px 4px;border-radius:10px;border:0;background:var(--surface-2);color:var(--ink);font:500 13px var(--f-ui);cursor:pointer}
.chip:hover{box-shadow:inset 0 0 0 1px var(--line)}
.chip[aria-pressed="true"]{box-shadow:inset 0 0 0 1.5px var(--ink)}
.chip .av{background:var(--surface)}
.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

textarea{width:100%;box-sizing:border-box;border:0;border-radius:14px;background:var(--surface-2);color:var(--ink);font:400 14px/1.55 var(--f-ui);padding:12px 14px;resize:vertical;min-height:72px}
textarea::placeholder{color:var(--faint)}
textarea:focus{outline:2px solid var(--accent);outline-offset:0}
textarea.need{animation:shake .35s;box-shadow:inset 0 0 0 1.5px var(--danger)}
@keyframes shake{25%{transform:translateX(-6px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
.deliver{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.5;color:var(--ink)}
.deliver li{display:flex;gap:10px}
.deliver li::before{content:"";flex:none;width:4px;height:4px;border-radius:50%;background:var(--faint);margin-top:9px}
.ask{margin:0;font-weight:600;font-size:15px;line-height:1.4}
.send{background:var(--surface-2);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:10px}
.send-h{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}
.link{display:inline-flex;align-items:center;gap:6px;font:500 12px var(--f-mono);color:var(--ink);text-decoration:none;background:var(--surface);padding:6px 10px;border-radius:9px;align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.link:hover{box-shadow:inset 0 0 0 1px var(--line)}
.link:focus-visible{outline:2px solid var(--accent)}
.brief{margin:0;font-size:14px;line-height:1.55;color:var(--ink)}
.edit{background:none;border:0;color:var(--muted);font-size:12px;cursor:pointer;padding:4px 6px;border-radius:6px}
.edit:hover{color:var(--ink);background:var(--surface)}
.send textarea{background:var(--surface)}
.flabel{font-size:13px;font-weight:500;color:var(--ink);display:flex;justify-content:space-between;gap:8px}
.flabel span{color:var(--faint);font-weight:400}
.field{display:flex;flex-direction:column;gap:7px}
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}
.rk{color:var(--muted);width:86px;flex:none}
.rv{color:var(--ink)}
.row .edit{margin-left:auto}
.sks{display:flex;flex-wrap:wrap;gap:5px;flex:1;min-width:0}
.sk{display:inline-flex;align-items:center;gap:6px;font:500 12px var(--f-mono);padding:4px 9px;border-radius:8px;border:0;background:var(--surface);color:var(--muted);cursor:pointer}
.sk.on{color:var(--ink)}
.sk.on span{color:var(--faint)}
.sk.on:hover span{color:var(--danger)}
.sk.plus{color:var(--muted);min-width:28px;justify-content:center}
.sk:hover{box-shadow:inset 0 0 0 1px var(--line)}
.sk:focus-visible{outline:2px solid var(--accent)}
.sk-add{display:flex;flex-wrap:wrap;gap:5px;padding-left:96px}
@media (max-width:480px){.sk-add{padding-left:0}.rk{width:auto}}
.rules{margin:0;padding-left:116px;font-size:13px;line-height:1.6;color:var(--muted)}
@media (max-width:480px){.rules{padding-left:20px}}
.edit.left{align-self:flex-start;padding-left:0}
.prompt{position:relative;background:var(--surface);border-radius:12px;padding:12px;overflow-x:auto}
.prompt pre{margin:0;font:400 12px/1.6 var(--f-mono);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);user-select:text;-webkit-user-select:text}
.prompt .edit{position:absolute;top:8px;right:8px;background:var(--surface-2)}
.links{display:flex;flex-wrap:wrap;gap:6px}
.via{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.via:hover{border-color:var(--ink)}
.standing{max-width:1320px;margin:0 auto 18px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.st-h{font-size:12px;color:var(--muted);margin-right:4px}
.st{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border-radius:10px;padding:6px 6px 6px 12px;min-height:34px;box-sizing:border-box;font-size:13px;font-weight:500;color:var(--ink);box-shadow:0 1px 2px rgba(16,24,40,.05)}
.st-n{color:var(--ink);text-decoration:none}
.st-n:hover{text-decoration:underline}
.st .st-a{padding-right:6px}
.st-c{font:500 12px var(--f-mono);color:var(--review)}
.run{background:var(--ink);color:var(--bg);text-decoration:none;font-size:12px;font-weight:600;padding:5px 12px;border-radius:7px}
.run:hover{opacity:.85}
.run:focus-visible,.st-n:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pending{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.st-a{color:var(--faint);font-weight:400;font-size:12px}
.live{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 22%,transparent)}
.link.sess svg{width:14px;height:14px;color:#D97757;flex:none}
.link.sess span{overflow:hidden;text-overflow:ellipsis}
.note{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}

.hint{position:absolute;top:24px;padding:4px 10px;border-radius:8px;font:600 12px var(--f-mono);letter-spacing:.05em;text-transform:uppercase;opacity:0;pointer-events:none;border:1.5px solid;background:var(--surface);z-index:3}
.hint-r{right:24px;color:var(--ok);border-color:var(--ok);transform:rotate(6deg)}
.hint-l{left:24px;color:var(--danger);border-color:var(--danger);transform:rotate(-6deg)}

.actions{display:flex;justify-content:center;align-items:flex-start;gap:clamp(22px,8vw,44px)}
.act{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:0;padding:0;cursor:pointer;color:var(--muted);font:500 12px var(--f-ui);max-width:110px;text-align:center}
.act .ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(16,24,40,.06);transition:transform .15s}
.act:hover .ic{transform:translateY(-2px)}
.act.main{color:var(--ink)}
.act.main .ic{width:64px;height:64px;background:var(--ink);color:var(--bg)}
.act[disabled]{opacity:.4;cursor:not-allowed}
.act:focus-visible .ic{outline:2px solid var(--accent);outline-offset:3px}

.empty{background:var(--surface);border-radius:24px;padding:48px 24px;text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center;box-shadow:var(--shadow)}
.empty .big{font-size:24px;font-weight:600;letter-spacing:-.02em}
.empty p{margin:0;color:var(--muted);max-width:40ch;line-height:1.55}
.btn{display:inline-flex;align-items:center;padding:10px 18px;border-radius:999px;background:var(--ink);color:var(--bg);text-decoration:none;font-weight:500;font-size:13px;border:0;cursor:pointer}
.btn.quiet{background:var(--surface-2);color:var(--muted)}
.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Board */
.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1320px;margin:0 auto;align-items:start}
@media (max-width:1040px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.board{grid-template-columns:minmax(0,1fr)}}
.col{display:flex;flex-direction:column;gap:8px;min-width:0}
.col-h{display:flex;align-items:center;gap:8px;padding:2px 4px 6px;font-size:13px;font-weight:600}
.col-h .n{font:500 12px var(--f-mono);color:var(--faint);font-variant-numeric:tabular-nums}
.bc{text-align:left;width:100%;background:var(--surface);border:0;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;cursor:pointer;color:var(--ink);font:inherit;box-shadow:0 1px 2px rgba(16,24,40,.05);transition:transform .15s,box-shadow .15s}
.bc:hover{transform:translateY(-1px);box-shadow:0 6px 18px -10px rgba(16,24,40,.3)}
.bc:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.bc-t{font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.bc-f{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);min-width:0}
.bc-f .client{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.bc-f .due{margin-left:auto}
.state{margin-left:auto;font-size:12px;white-space:nowrap}
.state.wait{color:var(--review);font-weight:500}
.state + .due,.state + .state{margin-left:8px}
.col-empty{font-size:12px;color:var(--faint);padding:8px 4px}

.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));transform:translate(-50%,160%);background:var(--ink);color:var(--bg);padding:11px 16px;border-radius:14px;font-size:13px;line-height:1.4;max-width:min(480px,calc(100% - 32px));box-sizing:border-box;transition:transform .3s cubic-bezier(.2,.8,.2,1);z-index:20}
.toast.show{transform:translate(-50%,0)}


/* Review package */
.gallery{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery.n1{grid-template-columns:minmax(0,1fr)}
.gallery.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.vis{all:unset;cursor:zoom-in;display:flex;flex-direction:column;gap:6px;min-width:0}
.vis:focus-visible .v{outline:2px solid var(--accent);outline-offset:2px}
.vis-l{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v{border-radius:12px;background:var(--surface-2);overflow:hidden;aspect-ratio:4/5;position:relative;display:flex;flex-direction:column;box-sizing:border-box}
.vis:hover .v{box-shadow:0 0 0 1px var(--line)}
.v-search{aspect-ratio:auto;min-height:100%;padding:10px;gap:4px;background:#fff;color:#202124;font-family:Arial,sans-serif}
.vs-s{font-size:9px;color:#5f6368}
.vs-h{font-size:12px;color:#1a0dab;line-height:1.25}
.vs-d{font-size:10px;color:#4d5156;line-height:1.35}
.v-display{background:#fff;color:#111}
.vd-img{flex:1;background:linear-gradient(135deg,var(--tint),color-mix(in srgb,var(--tint) 45%,#fff))}
.vd-h{font:600 11px/1.25 var(--f-ui);padding:8px 8px 4px}
.vd-c{align-self:flex-start;margin:0 8px 8px;font:600 9px var(--f-ui);background:var(--tint);color:#fff;padding:3px 8px;border-radius:999px}
.v-meta{background:#fff;color:#111}
.vm-top{display:flex;align-items:center;gap:5px;font:600 9px var(--f-ui);padding:6px}
.vm-top span{width:12px;height:12px;border-radius:50%;background:var(--tint)}
.vm-img{flex:1;background:linear-gradient(160deg,var(--tint),color-mix(in srgb,var(--tint) 30%,#fff));display:flex;align-items:flex-end;padding:8px}
.vm-q{font:700 11px/1.2 var(--f-ui);color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.25)}
.vm-m{font:600 11px var(--f-mono);padding:6px 8px;color:var(--danger)}
.vm-m.good{color:var(--ok)}
.v-product{align-items:center;justify-content:center;aspect-ratio:1}
.vp-shape{width:58%;height:42%;border-radius:14px;background:linear-gradient(160deg,color-mix(in srgb,var(--tint) 70%,#fff),var(--tint));box-shadow:0 10px 24px -12px var(--tint)}
.v-desktop,.v-mobile{background:#fff;padding:8px;gap:6px}
.v-desktop{aspect-ratio:4/3}
.sk-nav{height:6px;border-radius:3px;background:#e6e8ec}
.sk-row{display:flex;gap:6px;flex:1}
.sk-col{flex:1;display:flex;flex-direction:column;gap:5px;padding-top:4px}
.sk-img{flex:1;border-radius:6px;background:linear-gradient(135deg,#e9ddd0,#d8c4b0);min-height:30%}
.sk-h{height:8px;border-radius:3px;background:#e6e8ec;width:60%}
.sk-l{height:5px;border-radius:3px;background:#e6e8ec}
.sk-l.s{width:60%}
.sk-btn{height:12px;border-radius:6px;background:#111;width:55%}
.v-mobile{border:3px solid #111;border-radius:14px;aspect-ratio:9/16}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}
.facts div{background:var(--surface-2);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.facts span{font-size:12px;color:var(--muted)}
.facts b{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.link.go{background:var(--surface-2)}
.rlist{background:var(--surface-2);border-radius:12px;padding:0 12px}
.rlist summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:10px 0;font-size:13px;font-weight:500}
.rlist summary::-webkit-details-marker{display:none}
.rlist summary span{font:500 12px var(--f-mono);color:var(--faint)}
.rlist[open] summary{border-bottom:1px solid var(--line)}
.rl-items{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0 12px}
.ri{background:var(--surface);border-radius:8px;padding:5px 9px;font-size:13px;line-height:1.4;user-select:text;-webkit-user-select:text}
.lb{position:fixed;inset:0;z-index:30;background:color-mix(in srgb,var(--bg) 70%,rgba(0,0,0,.6));display:grid;place-items:center;padding:calc(24px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));box-sizing:border-box;cursor:zoom-out}
.lb-in{width:min(420px,100%);display:flex;flex-direction:column;gap:10px;cursor:default}
.lb-in .v{box-shadow:var(--shadow)}
.lb-in .v-search{padding:20px;gap:8px}.lb-in .vs-s{font-size:12px}.lb-in .vs-h{font-size:20px}.lb-in .vs-d{font-size:14px}
.lb-in .vd-h,.lb-in .vm-q{font-size:18px}.lb-in .vd-c{font-size:13px}.lb-in .vm-top{font-size:13px}.lb-in .vm-m{font-size:15px}
.lb-l{text-align:center;color:var(--ink);font-size:13px}
.lb-x{position:absolute;top:calc(16px + env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px));width:40px;height:40px;border-radius:50%;border:0;background:var(--surface);color:var(--ink);display:grid;place-items:center;cursor:pointer}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
.loading,.error-box{max-width:560px;margin:40px auto;text-align:center;color:var(--muted);font-size:14px}
.error-box{color:var(--danger)}
.refresh{background:none;border:0;color:var(--muted);font-size:13px;cursor:pointer;padding:6px 10px;border-radius:8px}
.refresh:hover{color:var(--ink);background:var(--surface-2)}
img.v{width:100%;height:auto;aspect-ratio:auto;object-fit:cover;display:block;background:var(--surface-2)}
.lb-in img.v{max-height:80vh;object-fit:contain}
.warn{margin:0;font-size:13px;line-height:1.4;font-weight:500;color:var(--review)}
.recent{display:flex;flex-direction:column;gap:6px;margin:0}
.rc{display:flex;flex-direction:column;gap:1px;font-size:12px;line-height:1.4;color:var(--muted);min-width:0}
.rc-a{color:var(--faint);font-size:11px}
.rc-t{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.ai{display:flex;flex-direction:column;gap:8px;margin-top:-10px}

/* Chat about the task */
.chat{display:flex;flex-direction:column;gap:8px;margin-top:4px;padding-top:14px;border-top:1px solid var(--line)}
.msg{max-width:88%;padding:9px 12px;border-radius:14px;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text;-webkit-user-select:text}
.msg.me{align-self:flex-end;background:var(--ink);color:var(--surface);border-bottom-right-radius:5px}
.msg.ai{align-self:flex-start;background:var(--surface-2);color:var(--ink);border-bottom-left-radius:5px}
.msg.err{color:var(--danger)}
.msg.typing{color:var(--muted)}
.fwd{display:flex;flex-direction:column;gap:6px;margin-top:8px;white-space:normal}
.fwd textarea{background:var(--surface);min-height:56px}
.fwd-ok{margin:6px 0 0;font-size:12px;color:var(--ok);white-space:normal}
.quick{display:flex;flex-wrap:wrap;gap:6px}
.chat-in{display:flex;gap:8px;align-items:center;margin:0}
.chat-in input{flex:1;min-width:0;border:0;border-radius:12px;background:var(--surface-2);color:var(--ink);font:400 14px var(--f-ui);padding:10px 12px}
.chat-in input::placeholder{color:var(--faint)}
.chat-in input:focus{outline:2px solid var(--accent);outline-offset:0}
.quick .sk{background:var(--surface-2);font-family:var(--f-ui);color:var(--ink)}
.chat-in .edit{font-size:13px;color:var(--ink);padding:8px 10px}