:root{--primary-gray:#64748b;--primary-hover:#475569;--card-bg:#fff;--card-border:rgba(0,0,0,.08);--text-primary:#374151;--text-secondary:#6b7280;--accent-green:#059669}body{background:#f8fafc;min-height:100vh;padding-bottom:3rem}.chat-wrapper{margin:2rem auto;max-width:860px;padding:0 1rem}.chat-toolbar{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.06);margin-bottom:1rem;padding:1rem 1.25rem}.toolbar-top{align-items:baseline;display:flex;gap:.75rem;margin-bottom:1rem}.toolbar-title{color:var(--text-primary);font-size:1.4rem;font-weight:900}.total-count{color:var(--text-secondary);font-size:.85rem}.chat-form{display:flex;flex-direction:column;gap:.5rem}.form-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.75rem}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group--grow{flex:1;min-width:200px}.form-label{color:var(--text-secondary);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.form-input{background:#f9fafb;border:2px solid #d1d5db;border-radius:6px;color:var(--text-primary);font-size:.9rem;padding:.45rem .7rem;transition:border-color .15s;width:100%}.form-input:focus{border-color:var(--primary-gray);outline:none}.form-input:disabled{cursor:not-allowed;opacity:.5}.form-input.input-error{border-color:#ef4444}.form-input--sm{font-size:.85rem;padding:.35rem .6rem}.nick-wrap{display:flex;flex-direction:column;gap:.2rem;width:200px}.reply-nick{flex-shrink:0;width:150px}.field-error{color:#ef4444;font-size:.75rem}.send-btn{align-self:flex-end;background:var(--primary-gray);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;height:36px;padding:.45rem 1.25rem;transition:background .2s;white-space:nowrap}.send-btn:hover:not(:disabled){background:var(--primary-hover)}.send-btn:disabled{cursor:not-allowed;opacity:.45}.send-btn--sm{font-size:.85rem;height:32px;padding:.35rem .9rem}.send-error{color:#ef4444}.send-error,.send-success{font-size:.85rem;margin-top:.25rem}.send-success{color:var(--accent-green)}.messages-list{display:flex;flex-direction:column;gap:.6rem}.message-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:.75rem 1rem;transition:background .15s}.message-card:hover{background:#f9fafb}.message-header{align-items:baseline;display:flex;gap:.75rem;margin-bottom:.35rem}.message-nick{color:var(--accent-green);font-size:.9rem;font-weight:700}.message-date{color:var(--text-secondary);font-size:.75rem}.message-text{color:var(--text-primary);font-size:.9rem;line-height:1.5;word-break:break-word}.message-actions{margin-top:.5rem}.reply-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.8rem;padding:0;transition:color .15s}.reply-toggle:hover{color:var(--text-primary)}.replies-section{border-top:1px solid #e5e7eb;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.replies-list,.replies-section{display:flex;flex-direction:column}.replies-list{gap:.4rem}.reply-card{background:#f3f4f6;border-left:3px solid var(--accent-green);border-radius:0 8px 8px 0;padding:.5rem .75rem}.reply-form{margin-top:.25rem}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.page-btn{background:var(--card-bg);border:1px solid #d1d5db;border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.88rem;font-weight:600;padding:.45rem 1rem;transition:background .2s}.page-btn:hover:not(:disabled){background:#f3f4f6}.page-btn:disabled{cursor:default;opacity:.35}.page-info{font-size:.9rem;min-width:80px}.page-info,.state-msg{color:var(--text-secondary);text-align:center}.state-msg{font-size:1rem;padding:3rem}.state-msg--sm{font-size:.85rem;padding:.75rem}@media(max-width:640px){.form-row{align-items:stretch;flex-direction:column}.nick-wrap,.reply-nick,.send-btn{width:100%}.send-btn{align-self:stretch}}