:root{color:#1c1917;background:#f6f3ee;font-family:system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}a{color:inherit}.app{max-width:32rem;margin:0 auto;padding:1.25rem 1rem 3rem}header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}h1{font-size:1.35rem;font-weight:650;margin:0}h1 a{text-decoration:none}.quiet{color:#57534e}.empty{display:grid;gap:.6rem}.error{color:#8a1f1f}.list{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.card,.panel{background:#fff;border-radius:.8rem;padding:.9rem 1rem}.card{display:grid;gap:.15rem;text-decoration:none}.card strong{font-weight:650}.who{display:grid;grid-template-columns:4.5rem 1fr;gap:.9rem;align-items:center;margin-bottom:1rem}.who img,.who .portrait{width:4.5rem;height:4.5rem;border-radius:50%;object-fit:cover;background:#e7e2da}.who h2{margin:0;font-size:1.2rem}.tape{list-style:none;padding:0;margin:0 0 .8rem;display:grid;gap:.7rem}.tape li{display:grid;gap:.15rem}.tape .from{font-size:.8rem;color:#57534e}.say{display:grid;gap:.5rem}textarea{width:100%;min-height:4.5rem;padding:.55rem .65rem;border:1px solid #d6d3d1;border-radius:.6rem;background:#fff;resize:vertical}.row{display:flex;gap:.5rem;flex-wrap:wrap}button{padding:.55rem .9rem;border:0;border-radius:.6rem;background:#1c1917;color:#fff}button:disabled{opacity:.55}button.second{background:#fff;color:#1c1917;border:1px solid #d6d3d1}.tape .note{justify-items:center}button.plain{background:transparent;color:#1c1917;padding:.2rem 0}