:root{color:#1c1915;background:#efe7da;font-family:Avenir Next,Segoe UI,PingFang SC,Noto Sans SC,sans-serif;line-height:1.45}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,select,textarea{font:inherit;color:inherit}.shell{width:min(40rem,100% - 2rem);margin:0 auto;padding:1.5rem 0 2rem}.top{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand p,.lead,.hint,footer,small{color:#5e564c;margin:.2rem 0 0}.mark{color:#f6f1e7;background:#9c2f2f;place-items:center;width:2.5rem;height:2.5rem;font-family:Songti SC,Noto Serif SC,serif;display:grid}.lang,.nav,.actions{flex-wrap:wrap;gap:.4rem;display:flex}.lang button,.nav button,.secondary,.link{background:0 0;border:1px solid #c9bfb0}.lang button[aria-pressed=true],.nav button[aria-current=page]{color:#f6f1e7;background:#1c1915;border-color:#1c1915}.card{background:#fbf7f0;border:1px solid #d9d0c3;padding:1.25rem}h1{margin:.8rem 0 .3rem;font-family:Songti SC,Noto Serif SC,Iowan Old Style,serif;font-size:1.8rem;font-weight:600}form{gap:.8rem;margin-top:1rem;display:grid}.field{gap:.3rem;display:grid}input,select,textarea{background:#fffdf9;border:1px solid #cfc6b8;width:100%;padding:.55rem .65rem}input:focus,select:focus,textarea:focus,button:focus-visible{outline-offset:1px;outline:2px solid #9c2f2f}button{color:#f6f1e7;cursor:pointer;background:#1c1915;border:0;padding:.55rem .8rem}button:disabled{opacity:.6;cursor:wait}.secondary,.link{color:#1c1915;background:0 0}.link{border:0;padding:0;text-decoration:underline}.meta{gap:.55rem;margin:1rem 0;display:grid}.meta div{grid-template-columns:7rem 1fr;gap:.5rem;display:grid}dt{color:#5e564c}dd{overflow-wrap:anywhere;margin:0}.error,.ok{margin:.4rem 0}.error{color:#9c2f2f}.ok{color:#2f5d3a}.clock{font-variant-numeric:tabular-nums;margin:.6rem 0}.sessions{margin-top:1.2rem}.sessions h2{margin:0;font-family:Songti SC,Noto Serif SC,Iowan Old Style,serif;font-size:1.3rem}.sessions ul{gap:.6rem;margin:.6rem 0;padding:0;list-style:none;display:grid}.sessions li{border-bottom:1px solid #e4dccf;gap:.2rem;padding-bottom:.5rem;display:grid}input[aria-invalid=true]{border-color:#9c2f2f}footer{margin-top:.8rem;font-size:.85rem}:is(.shell:has(.card[data-page=contacts]),.shell:has(.card[data-page=friend-requests]),.shell:has(.card[data-page=tags]),.shell:has(.card[data-page=contact])){width:min(72rem,100% - 2rem)}.contacts{gap:1rem;display:grid}.contacts h2,.contacts h3{margin:.6rem 0 .3rem;font-family:Songti SC,Noto Serif SC,Iowan Old Style,serif}.contacts ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.entries{gap:.4rem;margin-top:.8rem;display:grid}.badge{color:#f6f1e7;text-align:center;background:#9c2f2f;min-width:1.2rem;margin-left:.4rem;display:inline-block}.index{flex-wrap:wrap;gap:.35rem;margin-top:.8rem;display:flex}.index a{color:#9c2f2f}button.friend{text-align:left;width:100%;color:inherit;background:0 0;border:1px solid #e4dccf;align-items:center;gap:.7rem;display:flex}.person,.result .person{align-items:center;gap:.7rem;display:flex}.person div,button.friend span{display:grid}.person small,button.friend small{color:#5e564c}.avatar{object-fit:cover;background:#e7dfd2;flex:none;width:2.5rem;height:2.5rem}.avatar.placeholder{color:#1c1915;place-items:center;display:grid}button.friend[aria-current=true]{border-color:#9c2f2f}.back{margin:.4rem 0;display:inline-flex}@media (width<=959px){.contacts[data-view=contacts] .detail,.contacts[data-view=friend-requests] .rail,.contacts[data-view=friend-requests] .detail,.contacts[data-view=tags] .rail,.contacts[data-view=tags] .detail,.contacts[data-view=contact] .rail,.contacts[data-view=contact] .list{display:none}}@media (width>=960px){.contacts{grid-template-columns:16rem minmax(0,1fr) 18rem;align-items:start}.back{display:none}.rail,.list,.detail{min-width:0}.detail{position:sticky;top:1rem}}.chat{gap:.75rem;display:grid}.thread{gap:.4rem;max-height:22rem;display:grid;overflow:auto}.bubble{white-space:pre-wrap;background:#fff;margin:0;padding:.45rem .6rem}.bubble-tools{gap:.35rem;margin-top:.25rem;display:flex}.retention{align-items:center;gap:.5rem;display:flex}.bubble img,.bubble video{max-width:16rem;height:auto;display:block}.bubble audio{width:16rem;max-width:100%}.composer{align-items:flex-end;gap:.5rem;display:flex}.composer textarea{flex:1;min-height:3rem}.chat-list{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.chat-list button[aria-current=true]{border-color:#9c2f2f}@media (width<=640px){.top{flex-direction:column}.meta div{grid-template-columns:1fr}}
