@import "https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700;800&family=JetBrains+Mono:wght@400;600&display=swap";:root{--bg:#000;--text:#fff;--link:#0ff;--font-body:"Raleway", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100dvh;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-weight:400}#root{flex-direction:column;display:flex}h1,h2,h3{margin:0;font-weight:800}p{margin:0}a{color:var(--link)}a:not(:link):not(:visited){color:inherit}button{font-family:var(--font-body);color:#000;background:var(--text);cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-size:16px;font-weight:700}button:disabled{opacity:.5;cursor:default}input,textarea{font-family:var(--font-body);color:var(--text);border:1px solid var(--text);background:0 0;border-radius:8px;padding:12px 16px;font-size:16px}input:focus,textarea:focus{outline:1px solid var(--link)}label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:13px}.error{color:var(--text);font-family:var(--font-mono);font-size:13px}.login-screen{padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.login-form{flex-direction:column;gap:8px;width:100%;max-width:320px;display:flex}.conversations-screen{flex-direction:column;flex:1;min-height:0;display:flex}.conversations-header,.search-header,.chat-header,.settings-header{border-bottom:1px solid #ffffff26;flex:none;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.search-icon-button{cursor:pointer;background:0 0;border:none;flex:none;align-items:center;height:44px;padding:4px;display:flex}.search-icon{width:35px;height:35px;transition:transform .2s ease-out;display:block}.search-icon-button:hover .search-icon,.search-icon-button:active .search-icon,.search-icon-button:focus-visible .search-icon{transform:scale(1.3)}.search-icon-button:focus-visible{outline:none}.text-button{color:var(--text);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:0 0;padding:8px 4px;font-size:13px;font-weight:400}.brand-logo{cursor:pointer;height:44px;font-family:var(--font-body);color:var(--text);text-shadow:0 0 6px #ffffffe6,0 0 18px #ffffff80;background:0 0;border:none;flex:none;align-items:center;padding:8px 4px;font-size:25px;font-weight:800;transition:color .2s ease-out,text-shadow .2s ease-out;display:flex}.brand-logo:hover,.brand-logo:active,.brand-logo:focus-visible{text-shadow:0 0 6px var(--link), 0 0 18px var(--link);outline:none}.brand-logo.primary{text-shadow:0 0 6px var(--link), 0 0 18px var(--link)}.brand-logo.primary:hover,.brand-logo.primary:active,.brand-logo.primary:focus-visible{color:var(--link)}.brand-column,.chat-header-title{flex-direction:column;gap:2px;min-width:0;display:flex}.brand-column{align-items:flex-start}.chat-header-title{align-items:flex-end}.brand-name{cursor:pointer;min-width:0;max-width:100%;font-family:var(--font-body);color:var(--text);text-shadow:0 0 6px #ffffffe6,0 0 18px #ffffff80;text-overflow:ellipsis;white-space:nowrap;text-align:left;background:0 0;border:none;padding:2px 4px;font-size:13px;font-weight:800;transition:color .2s ease-out,text-shadow .2s ease-out;overflow:hidden}.brand-name:hover,.brand-name:active,.brand-name:focus-visible{text-shadow:0 0 6px var(--link), 0 0 18px var(--link);outline:none}.brand-name.primary{text-shadow:0 0 6px var(--link), 0 0 18px var(--link)}.brand-name.primary:hover,.brand-name.primary:active,.brand-name.primary:focus-visible{color:var(--link)}.conversations-body{flex:1;overflow-y:auto}.status-text{text-align:center;opacity:.6;padding:24px}.empty-state{height:100%;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.conversation-list{margin:0;padding:0;list-style:none}.conversation-row{width:100%;color:var(--text);font-family:var(--font-body);text-align:left;background:0 0;border-bottom:1px solid #ffffff1a;border-radius:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;font-weight:400;transition:background-color .1s ease-out;display:flex}.conversation-row:hover{background:#ffffff0d}.conversation-row:active{background:#ffffff1f}.conversation-row:focus-visible{outline:1px solid var(--link);outline-offset:-1px}.conversation-row.pinned{border-bottom-color:#ffffff40}.conversation-row.pinned .conversation-name{color:var(--link)}.conversation-main{flex-direction:column;gap:4px;min-width:0;display:flex}.conversation-name-row{align-items:center;gap:4px;min-width:0;display:flex}.conversation-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:400;overflow:hidden}.verified-tick{color:var(--link);flex:none}.conversation-email-row{align-items:center;gap:4px;min-width:0;display:flex}.conversation-email{font-family:var(--font-mono);opacity:.6;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.conversation-preview{opacity:.6;white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.conversation-row.unread .conversation-name,.conversation-row.unread .conversation-preview{font-weight:600}.conversation-side{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.conversation-time{max-width:130px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;opacity:.6;text-align:right;white-space:normal;padding-top:2px;font-size:10px}.unread-badge{background:var(--link);min-width:20px;height:20px;color:var(--bg);font-family:var(--font-mono);text-align:center;border-radius:10px;flex:none;padding:0 6px;font-size:12px;font-weight:600;line-height:20px}.search-screen{flex-direction:column;flex:1;min-height:0;display:flex}.search-body{padding:16px 20px;padding-bottom:calc(16px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:auto}.search-filters{flex-wrap:wrap;gap:8px;display:flex}.search-filter{color:var(--text);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;background:0 0;border:1px solid #ffffff4d;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:400}.search-filter.active{background:var(--link);color:var(--bg);border-color:var(--link)}.search-section{flex-direction:column;gap:4px;display:flex}.search-results{margin:0;padding:0;list-style:none}.search-result{width:100%;color:var(--text);text-align:left;background:0 0;border-bottom:1px solid #ffffff1a;border-radius:0;flex-direction:column;align-items:flex-start;gap:2px;padding:14px 4px;font-weight:400;display:flex}.search-result-preview{opacity:.6;font-size:14px}.search-result-time{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;opacity:.5;font-size:11px}.accent-text{color:var(--link)}.chat-screen{flex-direction:column;flex:1;min-height:0;display:flex}.chat-header-title .search-icon-button{padding:0}.chat-messages{flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.load-older{justify-content:center;padding-bottom:4px;display:flex}.message-row.own{text-align:right}.message-row.other{text-align:left}.message-bubble{text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:16px;max-width:75%;padding:10px 14px;display:inline-block}.message-bubble.pending{opacity:.6}@keyframes message-highlight-flash{0%,40%{box-shadow:0 0 0 2px var(--link)}to{box-shadow:0 0 0 2px #0000}}.message-row.highlight .message-bubble{animation:2s ease-out message-highlight-flash}.message-row.own .message-bubble{color:var(--text);background:0 0;border:1px solid #ffffff4d;border-bottom-right-radius:4px}.message-row.other .message-bubble{color:var(--text);background:0 0;border:1px solid #ffffff4d;border-bottom-left-radius:4px}.message-time{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:4px;margin-top:4px;font-size:10px;display:flex}.message-row.own .message-time{justify-content:flex-end}.message-row.other .message-time{justify-content:flex-start}.message-time-text{opacity:.5}.read-receipt{color:#ffffff80;flex:none}.read-receipt.read{color:var(--link)}.message-status{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;opacity:.6;margin-top:2px;font-size:13px;display:block}.message-row.own .message-status{text-align:right}.message-row.other .message-status{text-align:left}.message-status.failed{color:var(--text);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;opacity:1;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:400;text-decoration:underline}.offline-banner{font-family:var(--font-mono);border-top:1px solid #ffffff26;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 20px;font-size:13px;display:flex}.offline-banner button{color:var(--text);opacity:.6;cursor:pointer;background:0 0;border:none;flex:none;padding:0;font-size:16px}.chat-composer{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-top:1px solid #ffffff26;flex:none;align-items:flex-end;gap:8px;display:flex}.chat-composer textarea{resize:none;scrollbar-width:none;flex:1;max-height:120px;line-height:20px;overflow-y:auto}.chat-composer textarea::-webkit-scrollbar{display:none}.settings-screen{flex-direction:column;flex:1;min-height:0;display:flex}.settings-body{padding:8px 20px calc(24px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:32px;display:flex;overflow-y:auto}.settings-section{flex-direction:column;gap:12px;padding-top:24px;display:flex}.settings-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;opacity:.6;font-size:13px}.settings-email{color:var(--link);font-weight:600}.display-name-form,.accent-color-form{align-items:center;gap:8px;display:flex}.display-name-form input,.accent-color-form input[type=text]{flex:1;min-width:0}.display-name-form button,.accent-color-form button{flex:none;align-self:center}.accent-color-form input[type=color]{border-radius:8px;flex:none;width:44px;height:44px;padding:4px}.settings-hint{opacity:.6;font-size:14px}.settings-section button{align-self:flex-start}.plugin-list{margin:0;padding:0;list-style:none}.plugin-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.plugin-main{flex-direction:column;gap:2px;min-width:0;display:flex}.plugin-name{font-weight:600}.plugin-name.accent{color:var(--link)}.plugin-description{opacity:.6;font-size:14px}.toggle{background:#ffffff26;border-radius:12px;flex:none;width:44px;height:24px;padding:2px}.toggle.on{background:var(--text)}.toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s ease-out,background-color .15s ease-out;display:block}.toggle.on .toggle-knob{background:var(--link);transform:translate(20px)}.a2hs-banner{padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));background:#ffffff0f;border-bottom:1px solid #ffffff26;flex:none;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.a2hs-banner p{margin:0}.a2hs-icon{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;font-size:13px}.a2hs-dismiss{width:28px;height:28px;color:var(--text);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;font-size:20px;line-height:1;display:flex}.a2hs-dismiss:active{background:#ffffff26}.a2hs-actions{flex:none;align-items:center;gap:4px;display:flex}.a2hs-install{border-radius:6px;padding:6px 14px;font-size:13px}