:root{--bg: #0e1621;--panel: #17212b;--header: #17212b;--bubble-in: #182533;--bubble-out: #2b5278;--text: #ffffff;--muted: #7d8e9e;--accent: #4ea3f5;--border: #101820}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.screen{display:flex;flex-direction:column;height:100dvh;max-width:720px;margin:0 auto;background:var(--bg)}.center{align-items:center;justify-content:center;display:flex;flex:1;text-align:center;padding:24px}.muted{color:var(--muted)}.chat-header{background:var(--header);padding:10px 16px;border-bottom:1px solid var(--border);flex:0 0 auto}.chat-header .title{font-weight:600;font-size:16px}.chat-header .sub{font-size:12px;color:var(--muted);display:flex;gap:12px;align-items:center}.admin-link,.linklike{color:var(--accent);text-decoration:none;background:none;border:none;cursor:pointer;font-size:12px;padding:0}.messages{flex:1 1 auto;overflow-y:auto;padding:12px;background:linear-gradient(180deg,#0e1621,#0b1119)}.bubbles{display:flex;flex-direction:column;gap:4px}.bubble-row{display:flex}.bubble-row.mine{justify-content:flex-end}.bubble-row.theirs{justify-content:flex-start}.bubble{max-width:78%;padding:6px 9px 4px;border-radius:12px;font-size:15px;line-height:1.35;word-wrap:break-word;overflow-wrap:anywhere}.bubble-row.mine .bubble{background:var(--bubble-out);border-bottom-right-radius:4px}.bubble-row.theirs .bubble{background:var(--bubble-in);border-bottom-left-radius:4px}.bubble .text{white-space:pre-wrap}.bubble .meta{font-size:11px;color:#ffffff80;text-align:right;margin-top:2px}.media{max-width:100%;max-height:320px;border-radius:8px;display:block;margin-bottom:4px}.file-link{color:var(--accent);text-decoration:none}.composer{flex:0 0 auto;background:var(--panel);border-top:1px solid var(--border);padding:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.composer-row{display:flex;align-items:center;gap:8px}.composer-error{color:#ff6b6b;font-size:12px;padding:0 8px 6px}.icon-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:6px}.text-input{flex:1;background:#0e1621;border:1px solid var(--border);color:var(--text);border-radius:20px;padding:10px 14px;font-size:15px;outline:none}.text-input:focus{border-color:var(--accent)}.send-btn{background:var(--accent);border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:18px;cursor:pointer;flex:0 0 auto}.send-btn.wide{width:auto;border-radius:20px;padding:10px 20px;margin-top:12px}.send-btn:disabled{opacity:.4;cursor:default}.attach-preview{position:relative;display:inline-block;margin:0 8px 8px}.attach-thumb{height:72px;border-radius:8px;display:block}.attach-remove{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;border:none;background:#000a;color:#fff;cursor:pointer}.progress{height:4px;background:#0e1621;border-radius:2px;margin-top:4px;overflow:hidden}.progress-bar{height:100%;background:var(--accent);transition:width .15s}.login-card{background:var(--panel);padding:28px 24px;border-radius:12px;width:min(340px,90vw);display:flex;flex-direction:column;gap:6px}.login-card h2{margin:0}.chat-list{list-style:none;margin:0;padding:0}.chat-list-item{display:flex;align-items:center;gap:12px;padding:10px 8px;text-decoration:none;color:var(--text);border-bottom:1px solid var(--border)}.chat-list-item:hover{background:var(--panel)}.avatar{width:48px;height:48px;border-radius:50%;background:var(--bubble-out);display:flex;align-items:center;justify-content:center;font-weight:600;flex:0 0 auto}.chat-list-body{flex:1;min-width:0}.chat-list-top{display:flex;justify-content:space-between;gap:8px}.chat-list-name{font-weight:600}.chat-list-time{font-size:12px;color:var(--muted)}.chat-list-preview{color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.secure-intro{align-items:center;justify-content:center;gap:18px;background:radial-gradient(circle at 50% 30%,#0b2a1e,#060b09 70%);color:#d7ffe9;font-family:Segoe UI,system-ui,sans-serif;padding:24px}.secure-lock{font-size:56px;filter:drop-shadow(0 0 14px #16d67a);animation:lockPulse 1.6s ease-in-out infinite}@keyframes lockPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px #16d67a)}50%{transform:scale(1.08);filter:drop-shadow(0 0 20px #16d67a)}}.secure-title-big{font-weight:700;letter-spacing:3px;font-size:18px;text-align:center}.secure-code{font-family:ui-monospace,Cascadia Code,monospace;color:#16d67a;letter-spacing:2px;font-size:13px;opacity:.8}.secure-steps{display:flex;flex-direction:column;gap:8px;font-family:ui-monospace,monospace;font-size:13px;min-width:280px}.secure-step{display:flex;gap:10px;align-items:center;color:#3a5a4b;transition:color .3s,transform .3s}.secure-step .mark{width:14px;text-align:center}.secure-step.active{color:#d7ffe9}.secure-step.done{color:#16d67a}.secure-foot{font-family:ui-monospace,monospace;font-size:11px;color:#2f6b4e;letter-spacing:1px}.chat.secure .messages{background:linear-gradient(180deg,#071410,#05100b)}.secure-header{background:#0a1a13!important;border-bottom:1px solid #103524!important}.secure-title{color:#16d67a;letter-spacing:2px;font-size:15px!important}.secure-sub{color:#4c8c6d!important;font-family:ui-monospace,monospace}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16d67a;margin-right:6px;box-shadow:0 0 #16d67ab3;animation:dotPulse 1.4s infinite}@keyframes dotPulse{0%{box-shadow:0 0 #16d67a99}70%{box-shadow:0 0 0 8px #16d67a00}to{box-shadow:0 0 #16d67a00}}.exif{margin:4px 0 2px;padding:6px 8px;background:#00000047;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:12px;font-family:ui-monospace,Cascadia Code,monospace;line-height:1.5}.exif-row{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exif-geo a{color:#4ea3f5;text-decoration:none;font-weight:600}.exif-geo a:hover{text-decoration:underline}.exif-muted{color:#8aa;opacity:.7}