:root{color-scheme:dark;font:17px/1.5 system-ui,sans-serif;background:#0b0a14;color:#eeeef5}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:auto;padding:max(24px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}h1{font-size:1.8rem;line-height:1.2;margin:.5rem 0 1rem}h2{font-size:1.1rem}.eyebrow{letter-spacing:.16em;color:#aaa2dd;font-size:.7rem}a{color:#bdb3ff;overflow-wrap:anywhere}button,input,textarea{font:inherit;border:1px solid #524b6a;border-radius:12px;padding:12px;background:#201b31;color:inherit}button{min-height:48px;cursor:pointer;margin:6px 8px 6px 0}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #beb0ff;outline-offset:3px}label{display:block;margin:20px 0 8px}input,textarea{display:block;width:100%;margin:6px 0}textarea{min-height:90px;resize:vertical}section,.card{display:block;background:#15121f;border:1px solid #332d44;border-radius:16px;padding:16px;margin:14px 0}.muted,time,.meta{color:#b5b0c3;font-size:.85rem}.notice{color:#efcb81;overflow-wrap:anywhere}.warning{color:#ffda90;border-left:3px solid #ffda90;padding:10px}.verified{color:#91deb7}.fingerprint{font-family:ui-monospace,monospace;overflow-wrap:anywhere}.messages{list-style:none;padding:0}.message{margin:12px 0;padding:12px 16px;border-radius:16px;background:#211c30;max-width:94%;overflow-wrap:anywhere;white-space:pre-wrap}.outgoing{margin-left:auto;background:#302545}.message p{margin:.3rem 0}.message audio{width:100%;max-width:100%}.composer{position:sticky;bottom:0;background:#0b0a14;padding-bottom:env(safe-area-inset-bottom)}.record{touch-action:none;user-select:none;-webkit-user-select:none}.record.active{background:#753d47}summary{cursor:pointer;padding:8px 0}
:root{background:#10141a;color:#f4f2ee;font:17px/1.55 system-ui,sans-serif}main{max-width:640px;min-height:100dvh}h1{font-size:clamp(2.4rem,9vw,3.6rem);letter-spacing:-.05em;margin:.5rem 0 1.5rem;overflow-wrap:anywhere}.notice:empty{display:none}.messages{min-height:20vh;margin:1.5rem 0}.message{background:#202832;margin:14px 0;padding:14px 18px;max-width:88%}.outgoing{background:#283e3c;margin-left:auto}.message p{font-size:1.08rem}.message time,.meta{font-size:.72rem;color:#bac3c9}.message small{display:block;text-align:right}.composer{background:#10141af5;display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px 0 max(12px,env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.composer label{margin:0;font-size:0}.composer textarea{min-height:54px;height:54px;margin:0;font-size:1rem;border-radius:18px;resize:vertical}.composer button{margin:0}.record{grid-column:1/-1;min-height:112px;font-size:1.35rem;font-weight:650;background:#b6e4d4;color:#102a23;border:0;border-radius:24px;touch-action:none;-webkit-touch-callout:none}.record.active{background:#f5bca4;color:#401e13}.record:disabled{min-height:80px}button{border-radius:16px}section{background:#191f27;border-color:#333d49}.fingerprint{font-family:inherit;font-size:1.15rem;line-height:1.8;color:#b6e4d4}.extras{margin-top:24px;color:#b8c2ca;font-size:.85rem}.extras summary{min-height:44px}.muted{color:#b8c2ca}input,textarea{background:#191f27;border-color:#46525e}.warning{border-color:#edcf92}.notification-prompt{font-size:.9rem}[hidden]{display:none!important}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}} 

.word-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.word-comparison .fingerprint { min-width: 0; overflow-wrap: anywhere; }
canvas { max-width: 100%; height: auto; image-rendering: pixelated; }