/* Chat (Next ideas, 8 Nov 2026), drawn to match the approved pictures: indigo outlines, warm paper, Lilita headings. */
.ch-card{margin-top:16px;padding:16px;border:3px solid var(--ink);border-radius:24px;background:var(--paper2);box-shadow:4px 5px var(--ink)}
.ch-card-top{display:flex;gap:14px;align-items:flex-start}.ch-card-top h2{margin:0!important;font:400 1.5rem/1.1 var(--display)}.ch-card-top small{display:block;color:var(--ink2);line-height:1.3;margin-top:4px}
.ch-card-icon{flex:none;display:grid;place-items:center;width:52px;height:52px;border:2.5px solid var(--ink);border-radius:15px;background:var(--pink);color:#fff}.ch-card-icon svg{width:28px;height:28px}
.ch-card-links{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.ch-card a.fp-btn{text-decoration:none;text-align:center;line-height:1.1}
.ch-desk-link{display:flex!important;margin-top:9px}.ch-card-off{margin:12px 0 0;padding:10px 12px;border:2px dashed #1b22505c;border-radius:14px;color:var(--ink2)}
.ch-small-link{display:inline-block;margin-top:10px;color:var(--ink2);font-size:.86rem;padding:4px 2px}
.ch-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ch-title{flex:1;min-width:0}.ch-title h1{margin:0;font:400 1.55rem/1.1 var(--display);display:flex;align-items:center;gap:8px;overflow-wrap:anywhere}
.ch-title small{display:block;color:var(--ink2);font-size:.88rem;line-height:1.25;margin-top:2px}.ch-head-av{display:inline-flex;flex:none}
.ch-back{flex:none;width:48px;height:48px;border:2.5px solid var(--ink);border-radius:50%;background:var(--paper2);color:var(--ink);font:400 1.6rem/1 var(--display);cursor:pointer;box-shadow:2px 3px var(--ink)}
.ch-rules{margin:0 0 14px!important;padding:11px 14px;border:2.5px solid var(--ink);border-radius:18px;background:var(--mint);font-size:.92rem;line-height:1.35}
.ch-list{display:grid;gap:10px;margin-bottom:12px}
.ch-row{display:flex;align-items:flex-end;gap:8px}.ch-row.mine{justify-content:flex-end}.ch-av{flex:none;display:inline-flex}
.ch-bubble{display:block;max-width:min(78%,420px);text-align:left;padding:8px 13px 9px;border:2.5px solid var(--ink);border-radius:18px 18px 18px 6px;background:var(--paper2);color:var(--ink);font:500 1rem/1.3 Mukta,system-ui,sans-serif;cursor:pointer;-webkit-touch-callout:none;user-select:none;touch-action:manipulation;overflow-wrap:anywhere}
.ch-bubble b{display:block;font:400 .9rem var(--display);margin-bottom:1px}.ch-bubble.mine{background:var(--jungle);color:#fff;border-radius:18px 18px 6px 18px}
.ch-bubble.held{background:transparent;color:var(--ink2);border-style:dashed;font-style:italic}.ch-held-note{display:block;font-size:.78rem;font-style:normal;color:var(--mad);margin-bottom:3px;line-height:1.25}
.ch-bubble:focus-visible,.ch-chip:focus-visible,.ch-send:focus-visible,.ch-back:focus-visible,.ch-act:focus-visible,.ch-toggle:focus-visible,.ch-friend:focus-visible,.ch-card a:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.ch-empty{text-align:center;color:var(--ink2);padding:24px 8px;border:2.5px dashed #1b22505c;border-radius:19px;margin:0!important}
.ch-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}.ch-chip{min-height:44px;padding:6px 14px;border:2.5px solid var(--ink);border-radius:99px;background:var(--peach);color:var(--ink);font:500 .98rem Mukta,system-ui,sans-serif;cursor:pointer;touch-action:manipulation}
.ch-compose{display:flex;gap:9px;align-items:stretch}.ch-compose input{flex:1;min-width:0;width:0;min-height:54px;border-radius:18px;background:#fff;font-weight:500}
.ch-send{flex:none;min-width:76px;min-height:54px;border:2.5px solid var(--ink);border-radius:18px;background:var(--turm);color:var(--ink);font:400 1.1rem var(--display);box-shadow:2px 3px var(--ink);cursor:pointer}.ch-send:disabled{opacity:.6}
.ch-locked{margin:4px 0 0!important;padding:12px 14px;border:2.5px dashed var(--ink2);border-radius:16px;color:var(--ink2);line-height:1.35}
.ch-status{min-height:1.3em;margin:12px 0 0!important;font-weight:600;text-align:center}
.ch-friends{display:grid;gap:10px}
.ch-friend{display:flex;align-items:center;gap:12px;min-height:68px;padding:10px 14px;border:2.5px solid var(--ink);border-radius:18px;background:var(--paper2);color:var(--ink);text-decoration:none}
.ch-friend>span:not(.fp-count){flex:1;min-width:0}.ch-friend b{display:block;font:400 1.05rem var(--display);overflow-wrap:anywhere}.ch-friend small{display:block;color:var(--ink2);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-friend i{font:400 1.5rem var(--display);font-style:normal}
.ch-box{margin:0 0 16px;padding:16px;border:3px solid var(--ink);border-radius:24px;background:var(--paper2);box-shadow:4px 5px var(--ink)}.ch-box h2{margin:0 0 6px!important}
.ch-eyebrow{margin:0 0 6px!important;font:700 .78rem/1.2 Mukta,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2)}
.ch-set{display:flex;align-items:center;gap:12px;padding:8px 0}.ch-set>span{flex:1;min-width:0}.ch-set b{display:block;font:400 1.2rem var(--display)}.ch-set small{display:block;color:var(--ink2);font-size:.88rem}
.ch-toggle{flex:none;min-width:96px;min-height:48px;border:2.5px solid var(--ink);border-radius:99px;background:#ddd6c4;color:var(--ink);font:400 1.05rem var(--display);cursor:pointer}.ch-toggle.on{background:var(--jungle);color:#fff}
.ch-h2{display:flex;align-items:center;gap:8px;margin:20px 0 10px!important}
.ch-report{margin:0 0 14px;padding:14px;border:3px solid var(--ink);border-radius:22px;background:var(--paper2);box-shadow:4px 5px var(--ink)}
.ch-report blockquote{margin:0;padding:8px 12px;border-left:5px solid var(--mad);border-radius:6px;background:#fff;font-size:1.02rem;line-height:1.35;overflow-wrap:anywhere}
.ch-report p{margin:9px 0 10px!important;color:var(--ink2);font-size:.86rem;line-height:1.3}
.ch-acts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.ch-act{min-height:48px;padding:4px 2px;border:2.5px solid var(--ink);border-radius:14px;background:var(--paper2);color:var(--ink);font:400 .92rem/1.05 var(--display);box-shadow:2px 3px var(--ink);cursor:pointer}.ch-act.red{background:var(--mad);color:#fff}
.ch-word-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:2px dashed #1b22502e}.ch-word-row>span{flex:1;min-width:0;font-size:1.02rem}.ch-word-row small{display:block;color:var(--ink2);font-size:.8rem}
.ch-always{margin:10px 0 0!important;color:var(--ink2);font-size:.88rem;line-height:1.35}
.ch-quote{margin:4px 0 12px!important;padding:11px 13px;border:2.5px solid var(--ink);border-radius:16px;background:#fff;overflow-wrap:anywhere}
.ch-sheet-wrap .sheet{display:grid;gap:10px;padding-top:18px}.ch-sheet-wrap .fp-heading{margin-bottom:2px}.ch-red{background:var(--mad)!important;color:#fff!important}
.ch-cancel{min-height:46px;border:0;background:none;color:var(--ink);font:400 1.05rem var(--display);cursor:pointer}
.ch-rule-list{margin:0;padding-left:20px;display:grid;gap:7px;line-height:1.35}
.ch-words{width:100%;min-height:200px;border:2.5px solid var(--ink);border-radius:14px;background:#fff;color:var(--ink);padding:10px 12px;font:500 1rem/1.4 Mukta,system-ui,sans-serif;resize:vertical}
.ch-initial{display:inline-grid;place-items:center;border:2.5px solid var(--ink);border-radius:50%;background:var(--tiger);color:#fff;font:400 1rem var(--display)}
@media (max-width:380px){.ch-acts{grid-template-columns:1fr 1fr}.ch-bubble{max-width:82%}.ch-title h1{font-size:1.35rem}}