.app{width:100%;height:100%;display:flex;justify-content:center;background:var(--background)}.screen,.chat-container{position:relative;width:100%;max-width:600px;height:100%;display:flex;flex-direction:column;background:var(--surface);overflow:hidden}@media (min-width: 640px){.app{padding:24px 0}.screen,.chat-container{border-radius:16px;box-shadow:0 8px 32px #0000001f}}.app-bar{display:flex;align-items:center;gap:4px;min-height:calc(56px + var(--safe-top));padding:var(--safe-top) calc(8px + var(--safe-right)) 0 calc(8px + var(--safe-left));background:var(--primary);color:var(--on-primary);flex-shrink:0}.app-bar-titles{flex:1;min-width:0;padding:0 8px}.app-bar-title{font-size:18px;font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-bar-subtitle{font-size:13px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-bar-actions{display:flex;gap:4px}.icon-button{width:44px;height:44px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.icon-button:active{background:#ffffff26}.screen-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--safe-bottom)}.list{list-style:none}.list-row{width:100%;min-height:64px;display:flex;align-items:center;gap:12px;padding:8px calc(16px + var(--safe-right)) 8px calc(16px + var(--safe-left));border:none;border-bottom:1px solid var(--separator);background:var(--surface);color:var(--text);text-align:left;font-size:16px;cursor:pointer}.list-row:active:not(:disabled){background:var(--background)}.list-row:disabled{opacity:.6;cursor:progress}.list-row-text{flex:1;min-width:0;display:flex;flex-direction:column}.list-row-title{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row-preview{color:var(--text-dim);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row-time{align-self:flex-start;padding-top:4px;color:var(--text-dim);font-size:12px}.avatar{width:44px;height:44px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#dfe5e7;color:var(--primary);font-size:14px;font-weight:700}.search-bar{padding:8px calc(12px + var(--safe-right)) 8px calc(12px + var(--safe-left));background:var(--surface);border-bottom:1px solid var(--separator);flex-shrink:0}.search-input{width:100%;height:40px;padding:0 16px;border:none;border-radius:20px;background:var(--background);font-size:16px}.search-input:focus{outline:2px solid var(--accent);outline-offset:0}.pass-banner{margin:8px 16px;padding:6px 12px;border-radius:8px;background:#e7f8f3;color:var(--primary);font-size:13px;text-align:center}.bottom-action{padding:12px calc(16px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(16px + var(--safe-left));border-top:1px solid var(--separator);background:var(--surface);flex-shrink:0}.primary-button,.login-button{width:100%;min-height:48px;padding:12px 24px;border:none;border-radius:24px;background:var(--accent);color:var(--on-primary);font-size:16px;font-weight:600;cursor:pointer}.primary-button:active:not(:disabled),.login-button:active:not(:disabled){background:var(--primary)}.primary-button:disabled,.login-button:disabled{opacity:.5;cursor:not-allowed}.link-button{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;padding:8px 0;font-size:15px;min-height:44px}.login-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:calc(24px + var(--safe-top)) 16px calc(24px + var(--safe-bottom));background:var(--background)}.login-card{width:100%;max-width:400px;padding:32px 24px;border-radius:16px;background:var(--surface);box-shadow:0 2px 12px #00000014;text-align:center}.login-logo{display:block;margin:0 auto 16px;border-radius:18px}.login-card h1{margin-bottom:8px;font-size:1.6em}.login-card p{color:var(--text-dim);margin-bottom:24px}.login-card form{display:flex;flex-direction:column;gap:12px}.login-input{height:48px;padding:0 16px;border:1px solid #d1d7db;border-radius:12px;background:var(--surface);font-size:16px}.login-input:focus{outline:none;border-color:var(--accent)}.status-text{text-align:center;color:var(--text-dim);padding:24px 16px}.form-error{margin:12px 16px;color:var(--error)}.login-card .form-error{margin:12px 0 0;color:var(--error)}.messages-container{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:12px calc(12px + var(--safe-right)) 12px calc(12px + var(--safe-left));background:var(--chat-background);display:flex;flex-direction:column;gap:6px}.empty-state{display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center;height:100%;color:var(--text-dim);text-align:center}.message-slot{display:flex;flex-direction:column}.message{max-width:80%;padding:6px 10px 4px;border-radius:8px;box-shadow:0 1px 1px #00000014;color:var(--text);animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.message-current-user{align-self:flex-end;background:var(--own-bubble);border-top-right-radius:2px}.message-other-user{align-self:flex-start;background:var(--surface);border-top-left-radius:2px}.message-header{display:flex;justify-content:flex-end;align-items:center;gap:4px}.message-time{font-size:11px;color:var(--text-dim)}.message-content{overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.4}.message-sending{opacity:.6}.message-status{font-size:12px;color:#53bdeb}.retry-button{background:none;border:none;color:var(--error);cursor:pointer;font-size:12px;padding:4px 0;min-height:44px}.message-undecryptable{font-style:italic;color:var(--text-dim)}.message-input-form{display:flex;align-items:center;gap:8px;padding:8px calc(8px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(8px + var(--safe-left));background:var(--background);flex-shrink:0}.message-input{flex:1;min-width:0;height:44px;padding:0 16px;border:none;border-radius:22px;background:var(--surface);font-size:16px}.message-input:focus{outline:none}.send-button{width:44px;height:44px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--accent);color:var(--on-primary);cursor:pointer}.send-button:disabled{opacity:.5;cursor:not-allowed}.encryption-notice{display:block;max-width:90%;margin:8px auto;padding:8px 12px;min-height:44px;border:none;border-radius:8px;background:#ffeecd;color:#54656f;font-size:12px;line-height:1.4;text-align:center;cursor:pointer}.encryption-info-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#0006;z-index:10}.encryption-info{max-width:420px;padding:24px;border-radius:16px;background:var(--surface);color:var(--text);text-align:center;display:flex;flex-direction:column;gap:12px}.scan-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.login-card .scan-button{margin-top:16px}.inline-action{padding:0 16px 12px}.scanner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;color:#fff}.scanner-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scanner-frame{position:relative;width:min(70vw,280px);aspect-ratio:1;border:3px solid rgba(255,255,255,.9);border-radius:24px;box-shadow:0 0 0 100vmax #00000073}.scanner .scanner-text{position:relative;color:#fff;margin-bottom:0;max-width:320px;margin-top:24px;padding:0 16px;text-align:center;font-size:16px}.scanner-close{position:absolute;left:50%;bottom:calc(24px + var(--safe-bottom));transform:translate(-50%);min-width:160px;min-height:48px;padding:0 24px;border:none;border-radius:24px;background:#ffffffeb;color:var(--text);font-weight:600;cursor:pointer}.photo-button{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:22px;cursor:pointer}.photo-bubble{display:block;padding:0;border:none;background:none;cursor:zoom-in}.photo-bubble img{display:block;width:220px;max-width:100%;max-height:300px;object-fit:cover;border-radius:6px;background:#d7cec9}.photo-preview{filter:blur(8px)}.photo-unavailable{width:220px;padding:24px 8px;border-radius:6px;background:#d7cec9;color:#667781;font-style:italic;text-align:center}.photo-error{margin:0 12px;color:#c03403;font-size:13px}.photo-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#000}.photo-viewer img{max-width:100%;max-height:100%;object-fit:contain}.photo-viewer-close{position:absolute;top:8px;right:8px;width:44px;height:44px;border:none;background:none;color:#fff;font-size:24px;cursor:pointer}:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--primary: #008069;--accent: #00a884;--on-primary: #ffffff;--surface: #ffffff;--background: #f0f2f5;--chat-background: #efeae2;--own-bubble: #d9fdd3;--text: #111b21;--text-dim: #667781;--separator: #e9edef;--error: #b3261e;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:light;color:var(--text);background-color:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overscroll-behavior-y:none}body{min-width:320px;background:var(--background)}#root{width:100%;height:100vh;height:100dvh}button,input{font:inherit;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}