*{box-sizing:border-box}body{margin:0;background:#f3f7f5;color:#173b30;font:16px system-ui,sans-serif}header,main{max-width:760px;margin:auto;padding:20px}header{border-bottom:1px solid #d4e2da}h1{margin:12px 0}header p{color:#6b7c72}button,.pick{padding:12px 16px;border:1px solid #bad2c4;border-radius:12px;background:white;color:#175b42;font:inherit;cursor:pointer}button:disabled{opacity:.5}#send,#connect{background:#185b42;color:white}input,textarea{display:block;width:100%;margin:10px 0;padding:12px;font:inherit;border:1px solid #bad2c4;border-radius:10px}nav{display:flex;gap:8px;flex-wrap:wrap}article,.composer,#login{background:white;border:1px solid #d4e2da;border-radius:16px;padding:16px;margin:16px 0}article p{white-space:pre-wrap;overflow-wrap:anywhere}article small{color:#738379}img,video{display:block;width:100%;max-height:440px;object-fit:contain;border-radius:12px;margin:8px 0}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gallery img{aspect-ratio:1;object-fit:cover}.pick{display:block;margin:10px 0}.pick input{font-size:13px;padding:2px;border:0}#status{position:sticky;bottom:0;background:#e9f2ed;padding:12px;border-radius:12px;white-space:pre-wrap}#selection div{margin:8px 0;overflow-wrap:anywhere}dialog{border:0;border-radius:14px;width:95vw;max-width:1100px;background:#18231f;color:white}dialog::backdrop{background:#000b}dialog img{max-height:80vh}body:has(dialog[open]){overflow:hidden}