:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b141a;--panel:#202c33;--panel-hover:#2a3942;--border:#2a3942;--accent:#25d366;--accent-dark:#075e54;--text:#e9edef;--text-dim:#8696a0;--bubble-in:#202c33;--bubble-out:#005c4b;--danger:#e53935}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{font-family:inherit}.app{background:var(--bg);flex-direction:column;max-width:560px;height:100dvh;margin:0 auto;display:flex}.app-header{background:var(--accent-dark);color:#fff;letter-spacing:.01em;padding:1rem 1.25rem;font-size:1.15rem;font-weight:600}.token-gate{justify-content:center;align-items:center;height:100dvh;padding:1.5rem;display:flex}.token-gate form{flex-direction:column;gap:.85rem;width:min(340px,100%);display:flex}.token-gate h1{text-align:center;margin:0 0 .5rem;font-size:1.3rem}.token-gate input,.token-gate button{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:10px;padding:.85rem 1rem;font-size:1rem}.token-gate button{background:var(--accent);color:#04331f;cursor:pointer;border:none;font-weight:700;transition:opacity .15s}.token-gate button:active{opacity:.8}.contact-list{flex:1;overflow-y:auto}.contact-row{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:1.1rem;padding:1rem 1.1rem;transition:background .1s;display:flex}.contact-row:hover,.contact-row:active{background:var(--panel)}.contact-info{flex:1;min-width:0}.contact-name{white-space:nowrap;text-overflow:ellipsis;font-size:1.2rem;font-weight:500;display:block;overflow:hidden}.contact-name.has-unread{color:#fff;font-weight:700}.contact-name-input{background:var(--panel-hover);color:var(--text);border:1px solid var(--accent);border-radius:6px;width:100%;padding:.2rem .5rem;font-size:1.2rem;font-weight:500}.unread-badge{background:var(--danger);color:#fff;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 8px;font-size:.95rem;font-weight:800;display:flex;box-shadow:0 0 0 3px #e5393540}.rename-button,.delete-button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.4rem;font-size:1rem}.delete-button:hover,.delete-button:active{color:var(--danger)}.avatar-wrapper{cursor:pointer;flex-shrink:0;position:relative}.avatar{object-fit:cover;border-radius:50%}.avatar-placeholder{color:#fff;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.avatar-edit-badge{background:var(--panel-hover);border:2px solid var(--bg);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex;position:absolute;bottom:0;right:0}.empty-state{text-align:center;color:var(--text-dim);padding:3rem 1.5rem;font-size:.95rem}.empty-state-icon{opacity:.55;margin-bottom:.65rem;font-size:2.75rem;display:block}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;margin:3rem auto;animation:.7s linear infinite spin}.spinner-small{border-width:2px;width:18px;height:18px;margin:0}@keyframes spin{to{transform:rotate(360deg)}}.sending-indicator{color:var(--text-dim);align-items:center;gap:.6rem;padding:.6rem 0;font-size:.9rem;display:flex}.fade-in{animation:.2s ease-out fade-in}.list-screen{flex-direction:column;flex:1;min-height:0;display:flex}.screen-enter-right{animation:.22s ease-out slide-in-right}.screen-enter-left{animation:.22s ease-out slide-in-left}@keyframes slide-in-right{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}.thread{flex-direction:column;height:100dvh;display:flex}.thread-header{background:var(--accent-dark);color:#fff;align-items:center;gap:.85rem;padding:.85rem 1.1rem;display:flex}.thread-header .contact-name{color:#fff;flex:1}.call-button{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.05rem;display:flex}.phone-prompt{color:#f6c445;background:#3a2f1a;padding:.75rem 1rem;font-size:.85rem}.phone-prompt p{margin:0 0 .5rem}.phone-prompt-row{flex-wrap:wrap;gap:.5rem;display:flex}.phone-prompt-row input{border:1px solid var(--border);background:var(--panel);min-width:140px;color:var(--text);border-radius:8px;flex:1;padding:.5rem .65rem;font-size:.95rem}.phone-prompt-row button{cursor:pointer;border:none;border-radius:8px;padding:.5rem .85rem;font-size:.85rem;font-weight:600}.phone-prompt-row button[type=submit]{background:var(--accent);color:#04331f}.phone-prompt-cancel{background:var(--panel-hover)!important;color:var(--text)!important;font-weight:500!important}.back-button{color:#fff;cursor:pointer;background:0 0;border:none;margin:-.2rem -.4rem;padding:.2rem .4rem;font-size:1.3rem;line-height:1}.thread-messages{background-image:radial-gradient(circle at 1px 1px,#1a2329 1px,#0000 0);background-size:22px 22px;flex-direction:column;flex:1;gap:.4rem;padding:1rem;display:flex;overflow-y:auto}.bubble{border-radius:14px;flex-direction:column;gap:.3rem;max-width:78%;padding:.45rem .55rem;animation:.15s ease-out bubble-in;display:flex}@keyframes bubble-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bubble-in{background:var(--bubble-in);border-bottom-left-radius:4px;align-self:flex-start}.bubble-out{background:var(--bubble-out);border-bottom-right-radius:4px;align-self:flex-end}.bubble-audio{padding:.5rem .65rem}.voice-msg{align-items:center;gap:.55rem;width:230px;display:flex}.voice-msg-play{background:var(--accent);color:#04331f;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding-left:2px;font-size:.8rem;display:flex}.voice-msg-play:active{transform:scale(.94)}.voice-msg-waveform{cursor:pointer;flex:1;align-items:center;gap:2px;height:28px;display:flex}.voice-msg-bar{background:var(--accent);border-radius:2px;flex:1;min-width:2px;transition:opacity .1s}.voice-msg-time{color:var(--text-dim);text-align:right;flex-shrink:0;min-width:32px;font-size:.72rem}.bubble-time{color:var(--text-dim);align-self:flex-end;font-size:.68rem}.thumb{object-fit:cover;cursor:pointer;border-radius:10px;width:220px;height:220px;display:block}.video-thumb{position:relative}.video-thumb video{object-fit:cover;pointer-events:none;border-radius:10px;width:220px;height:220px;display:block}.play-icon{color:#fff;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding-left:3px;font-size:1rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.thread-footer{background:var(--panel);border-top:1px solid var(--border);justify-content:center;padding:.85rem 1.1rem;display:flex}.voice-recorder{flex-direction:column;align-items:center;gap:.5rem;display:flex}.record-button{background:var(--accent);color:#04331f;cursor:pointer;border:none;border-radius:999px;padding:.8rem 1.75rem;font-size:1rem;font-weight:700;transition:background .15s,transform .1s}.record-button:active{transform:scale(.97)}.record-button.recording{background:var(--danger);color:#fff;animation:1.2s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #e5393580}50%{box-shadow:0 0 0 8px #e5393500}}.record-error{color:var(--danger);text-align:center;max-width:280px;margin:0;font-size:.85rem}.media-viewer-backdrop{z-index:100;background:#000000eb;justify-content:center;align-items:center;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.media-viewer-content{max-width:100vw;max-height:100vh;padding:1rem}.media-viewer-content img,.media-viewer-content video{border-radius:8px;max-width:100%;max-height:90vh;margin:0 auto;display:block}.media-viewer-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;font-size:1.1rem;position:absolute;top:1rem;right:1.2rem}