:root{font-family:"Segoe UI",system-ui,sans-serif;background:#0B0C0E;color:#EDEDEF;font-size:15px;line-height:1.5}*{box-sizing:border-box}body{margin:0}h1{font-size:28px;font-weight:550;letter-spacing:-.025em}h2{font-size:22px}p{max-width:65ch}button,input,textarea,summary{font:inherit}button{border:1px solid #212328;border-radius:9px;padding:10px 15px;background:#16181C;color:#EDEDEF;cursor:pointer;transition:background 200ms}button:hover{background:#252b38}button:disabled{opacity:.5;cursor:wait}input,textarea{display:block;width:100%;background:#111215;color:#EDEDEF;border:1px solid #212328;border-radius:9px;padding:12px;margin:6px 0 14px}textarea{resize:vertical}label{display:block;color:#9B9DA5}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #8AA4E0;outline-offset:3px}.muted{color:#9B9DA5}#welcome{max-width:480px;margin:8vh auto;padding:24px}#welcome h1{font-size:48px;color:#8AA4E0}#welcome form{margin:24px 0}details{margin:28px 0}#messenger{height:100dvh;display:grid;grid-template-columns:300px 1fr}#messenger[hidden]{display:none}aside{background:#111215;border-right:1px solid #212328;padding:24px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;justify-content:space-between;align-items:center;font-size:24px}nav{flex:1;overflow:auto}nav button{width:100%;text-align:left;margin-bottom:8px}nav button.active{background:#253048;color:#b4c7f2}article{min-width:0;display:flex;flex-direction:column}header{border-bottom:1px solid #212328;padding:16px 32px;display:flex;justify-content:space-between;align-items:center}header h1{font-size:20px}#history{flex:1;overflow:auto;padding:24px 32px;display:flex;flex-direction:column;gap:12px}.message{background:#16181C;border-radius:10px;padding:12px 16px;max-width:75%;align-self:flex-start;overflow-wrap:anywhere;white-space:pre-wrap}.message.outgoing{align-self:flex-end;background:#202a3e}.message small{display:block;color:#9B9DA5;font-size:12px;margin-top:6px}#send{border-top:1px solid #212328;padding:20px 32px;display:flex;align-items:center;gap:14px}.composer{flex:1}.composer textarea{margin-bottom:0}.attachment{max-width:155px;font-size:13px}.attachment input{font-size:12px;padding:5px}dialog{border:1px solid #212328;background:#111215;color:#EDEDEF;border-radius:12px;max-width:650px;width:90%;padding:28px}dialog::backdrop{background:#000b}#seed-words{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0}#seed-words span{background:#16181C;padding:8px;border-radius:6px;font-size:13px}code{display:block;overflow-wrap:anywhere;color:#EDEDEF;margin:10px 0 24px}#settings button{margin:8px 0}#notice{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);max-width:90vw;background:#16181C;border-radius:10px;padding:0 16px;z-index:10;overflow-wrap:anywhere}#connection{font-size:13px;color:#9B9DA5}@media(max-width:700px){#messenger{grid-template-columns:155px 1fr}aside{padding:12px;gap:12px}.brand{font-size:20px;display:block}.brand button{font-size:12px;padding:7px}header,#history,#send{padding:12px}header{display:block}#send{flex-wrap:wrap}.composer{flex-basis:100%}.message{max-width:95%}#seed-words{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.brand{gap:12px}.brand button{font-size:13px;padding:8px 10px}button{touch-action:manipulation}
@media(max-width:700px){.brand button{max-width:100%;font-size:11px;padding:7px}}