.dm154{max-width:1180px;margin:auto;padding:24px 12px}.dm154-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.dm154-title h1{margin:6px 0;font-size:clamp(2rem,5vw,3.4rem)}.dm154-title p{margin:0;opacity:.8}.dm154-layout{display:grid;grid-template-columns:minmax(250px,330px) minmax(0,1fr);border:1px solid #88aaa650;border-radius:24px;overflow:hidden;background:var(--panel,#ffffff09);min-height:560px}.dm154-inbox{padding:20px;border-right:1px solid #88aaa650}.dm154-inbox h2{font-size:1.3rem;margin:24px 0 14px}.dm154-inbox form label{display:block;font-weight:600;margin-bottom:8px}.dm154-inbox form>div{display:flex;gap:8px}.dm154-inbox input{min-width:0;width:100%;padding:10px;border:1px solid #88aaa650;border-radius:12px;background:transparent;color:inherit}.dm154-thread{display:flex;gap:10px;align-items:center;padding:14px 8px;border-radius:14px;text-decoration:none;color:inherit}.dm154-thread.active{background:#228b8130}.dm154-thread>img,.dm154-thread>span,.dm154-person>img,.dm154-person>span{width:42px;height:42px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#84b8b638;flex-shrink:0;font-weight:700}.dm154-thread>div{min-width:0;flex:1}.dm154-thread strong,.dm154-thread small,.dm154-person small{display:block}.dm154-thread p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:4px 0}.dm154-thread time,.dm154-thread small{font-size:.75rem;opacity:.7}.dm154-badge{background:#087e80;color:white;border-radius:20px;padding:3px 7px;font-size:.75rem}.dm154-conversation{padding:20px;min-width:0;display:flex;flex-direction:column}.dm154-person{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;padding-bottom:14px;border-bottom:1px solid #88aaa650}.dm154-back{display:inline-block;margin-bottom:14px}.dm154-person strong{font-size:1.2rem}.dm154-log{min-height:160px;height:clamp(230px,45vh,480px);overflow:auto;padding:14px 2px;display:flex;flex-direction:column;gap:12px;overscroll-behavior:contain}.dm154-message{align-self:flex-start;background:#87aaa625;max-width:85%;border-radius:17px 17px 17px 4px;padding:12px 15px;overflow-wrap:anywhere}.dm154-message.mine{align-self:flex-end;background:#117b80;color:#fff;border-radius:17px 17px 4px 17px}.dm154-message p{white-space:pre-wrap;margin:0 0 5px}.dm154-message time{font-size:.7rem;opacity:.8}.dm154-empty{margin:auto;text-align:center;max-width:370px;padding:30px;opacity:.8}.dm154-compose{margin-top:auto}#dm154-compose textarea{resize:vertical;width:100%;padding:12px;border-radius:14px;border:1px solid #88aaa650;background:transparent;color:inherit;font:inherit;box-sizing:border-box}#dm154-compose>div{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:8px}#dm154-compose small{font-size:.7rem;opacity:.7}#dm154-error{overflow-wrap:anywhere}.dm154 [hidden]{display:none!important}@media(max-width:700px){.dm154{padding:12px 4px}.dm154-layout{grid-template-columns:1fr}.dm154-title{align-items:flex-start}.dm154-title>.button{font-size:.8rem}.dm154-inbox{border-right:0}.dm154-conversation{border-top:1px solid #88aaa650;padding:15px}.dm154-layout:not(.dm154-open) .dm154-conversation{display:none}.dm154-open .dm154-inbox{display:none}.dm154-open{min-height:70dvh}.dm154-log{height:44dvh}.dm154-message{max-width:90%}}

#dm154-new button{flex-shrink:0;white-space:nowrap}
