:root{font-family:system-ui,sans-serif;color:#edf0f7;background:#151923}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:0;border-radius:8px;padding:.65rem .9rem;cursor:pointer;background:#5865f2;color:#fff}button:hover{filter:brightness(1.1)}input{background:#292f3c;color:#fff;border:1px solid #657083;border-radius:8px;padding:.7rem}.login{max-width:380px;margin:12vh auto;padding:1.6rem;background:#222735;border-radius:14px}.login form{display:grid;gap:.8rem}.app{height:100dvh;max-width:960px;margin:auto;display:flex;flex-direction:column}header{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem;background:#222735}.actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}aside{padding:1rem;background:#343e59}.status{padding:.4rem 1rem;color:#c6d0e3;background:#222735;font-size:.9rem}.messages{flex:1;overflow:auto;padding:1rem}.message{max-width:75%;width:max-content;background:#292f3c;padding:.7rem 1rem;border-radius:12px;margin:.6rem 0;overflow-wrap:anywhere}.message.mine{background:#313c79;margin-left:auto}.meta{font-size:.75rem;color:#c1cade;margin-bottom:.35rem}.message img{display:block;max-width:100%;max-height:400px;border-radius:8px}.composer{display:flex;gap:.5rem;padding:1rem;background:#222735}.composer>input:not([type=file]){flex:1;min-width:0}.error{color:#ffb7b7;padding:0 1rem;min-height:1.5em;margin:.3rem 0}@media(max-width:600px){header{align-items:start}.actions{justify-content:end}.message{max-width:90%}}.picture>a:last-child{display:inline-block;margin-top:.5rem;color:#cbd3ff}select{font:inherit;background:#292f3c;color:#edf0f7;border:1px solid #657083;border-radius:8px;padding:.45rem;max-width:100%}.audio-settings{display:grid;gap:.6rem}.audio-settings label{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.audio-settings small{color:#c8d0de}.image-open{padding:0;background:transparent;display:block;cursor:zoom-in}.image-open:hover{filter:none}.picture>a{display:inline-block;margin-top:.45rem;color:#cbd3ff}.image-dialog{border:0;border-radius:12px;padding:1rem;max-width:96vw;max-height:95vh;background:#252b3a;color:#edf0f7}.image-dialog::backdrop{background:#000000d9}.image-dialog img{display:block;max-width:90vw;max-height:78vh;object-fit:contain}.dialog-actions{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:.8rem}.dialog-actions a{color:#cbd3ff}.draft-image{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#222735}.draft-image img{max-width:90px;max-height:90px;border-radius:8px}.draft-image span{flex:1;overflow-wrap:anywhere}