.avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:1.8rem;height:1.8rem;font:700 .7rem system-ui,sans-serif;display:inline-grid}.avatar.group{background:var(--muted)}.app-icon{flex:none;justify-content:center;align-items:center;width:1.8rem;height:1.8rem;display:inline-flex}.app-icon img{object-fit:contain;width:1.75rem;height:1.75rem}.chat-title{align-items:center;gap:.5rem;display:flex}.chat-title .app-name{font-size:.9rem;font-weight:500}.messages{grid-template-columns:minmax(15rem,20rem) 1fr;align-items:start;gap:.8rem;display:grid}.chat-list h2,.chat-main h2{margin-top:0}.chat-list h3{margin:1rem 0 .4rem;font-size:.9rem}.chat-link{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:0;border-radius:8px;align-items:center;gap:.5rem;padding:.35rem .4rem;display:flex}.chat-link:hover,.chat-link.active{background:var(--bg)}.chat-link .title,.contact .title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.contact{align-items:center;gap:.4rem;display:flex}.unread{background:var(--blue);min-width:1.3rem;color:var(--on-dark);text-align:center;border-radius:999px;padding:0 .35rem;font-size:.75rem}.devices{margin-top:1rem;font-size:.9rem}.chat{flex-direction:column;gap:.5rem;display:flex}.chat-log{flex-direction:column;gap:.45rem;max-height:60vh;padding:.3rem;display:flex;overflow-y:auto}.chat.compact .chat-log{max-height:22rem}.msg{align-items:flex-end;gap:.4rem;max-width:85%;display:flex}.msg.mine{align-self:flex-end}.bubble{background:var(--bg);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:.1rem;padding:.4rem .65rem;display:flex}.msg.mine .bubble{background:var(--todo-bg);border-color:#c7dcfb}.bubble .from{color:var(--muted);font-size:.75rem;font-weight:600}.bubble .text{white-space:pre-wrap;overflow-wrap:anywhere}.bubble time{align-self:flex-end;font-size:.7rem}.chat-input{align-items:flex-end;gap:.4rem;display:flex}.chat-input textarea{resize:vertical;font:inherit;border:1px solid var(--line);border-radius:8px;flex:1;padding:.45rem .6rem}.e2e-note{margin:0}.chat-members{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.chip{border:1px solid var(--line);background:var(--paper);border-radius:999px;align-items:center;gap:.3rem;padding:.15rem .5rem .15rem .2rem;font-size:.8rem;display:inline-flex}.chip .avatar{width:1.4rem;height:1.4rem;font-size:.6rem}.product-chat{margin-top:.8rem}.product-chat h2{margin-top:0}.chat-setup{flex-direction:column;gap:.5rem;max-width:32rem;display:flex}.chat-setup button{align-self:flex-start}@media (width<=720px){.messages{grid-template-columns:1fr}.msg{max-width:100%}}:root{--bg:#fdfaf0;--paper:#fff;--ink:#13246b;--blue:#0063ef;--blue-dark:#0b4fd0;--sky:#61bff0;--gold:#e4a239;--gold-light:#fbc363;--orange:#d38531;--crimson:#88061e;--on-dark:#fffaf0;--muted:#4d5a80;--line:#e8dfc6;--err:#a0122c;--todo-bg:#e7f1fe;--doing-bg:#fdefd0;--done-bg:#f1ece0;--prio-0:#c4122f;--prio-1:#d36a10;--prio-2:#0063ef;--prio-3:#7a8199;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--ink)}h1{margin:0 0 1rem;font-size:1.6rem;line-height:1.2}h2{margin:1.6rem 0 .5rem;font-size:1.05rem}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--err)}.center{text-align:center;margin-top:30vh}.count{color:var(--muted);font-size:.8em;font-weight:500}code{background:var(--bg);border-radius:4px;padding:0 .3em}button,.button{color:var(--ink);background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:8px;padding:.45rem .8rem;font:600 14px system-ui,sans-serif;text-decoration:none;display:inline-block}button:hover{border-color:var(--blue)}button.primary,.button.primary{background:var(--blue);color:var(--on-dark);border-color:var(--blue)}button.primary:hover,.button.primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}button.danger{color:var(--err);border-color:var(--err)}button.link{background:0 0;border:0;padding:0 .3rem;font-weight:500;text-decoration:underline}button:disabled{opacity:.5;cursor:default}input,select,textarea{font:inherit;color:inherit;background:var(--paper);border:1px solid var(--line);border-radius:8px;max-width:100%;padding:.4rem .55rem}textarea{width:100%}input.wide{width:min(36rem,100%)}:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.top{background:var(--blue-dark);color:var(--on-dark);border-bottom:3px solid var(--gold-light);flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.6rem 16px;display:flex}.top a,.top button.link{color:var(--on-dark)}.brand{letter-spacing:.12em;text-transform:uppercase;color:var(--blue);font:800 15px/1 ui-monospace,monospace;text-decoration:none}.top .brand{color:var(--gold-light);font-size:17px}nav.main{gap:.2rem;display:flex}nav.main a{border-radius:6px;padding:.3rem .6rem;text-decoration:none}nav.main a.active{background:#ffffff26}.top .search{flex:10rem}.top .search input{border-color:#0000;width:100%}.user{align-items:center;gap:.4rem;font-size:.9rem;display:flex}.page{max-width:1280px;margin:0 auto;padding:1.2rem 16px 4rem}.card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:1rem 1.2rem}.narrow{max-width:440px}.center-block{margin:15vh auto 0}.toolbar{flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-bottom:1rem;display:flex}.check{align-items:center;gap:.35rem;display:inline-flex}.actions{gap:.5rem;margin-top:.6rem;display:flex}form.inline{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.brand-yap{color:var(--gold-light);align-items:center;gap:.5rem;margin-right:auto;font:800 20px/1 system-ui,sans-serif;display:inline-flex}.top select{background:var(--paper)}.plain{margin:0;padding:0;list-style:none}ul.plain{flex-direction:column;gap:.25rem;display:flex}.inline{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.field{color:var(--muted);flex-direction:column;gap:.2rem;font-size:.85rem;display:flex}.key{font:600 .8rem ui-monospace,monospace}@media (width<=720px){.user span{display:none}}