@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg-deep: #12061f;--bg-mid: #2b1148;--surface-1: rgba(38, 19, 66, .82);--surface-2: rgba(255, 255, 255, .14);--surface-3: rgba(255, 255, 255, .08);--line-soft: rgba(255, 255, 255, .12);--line-strong: rgba(255, 255, 255, .2);--text-main: #f6efff;--text-soft: #cbb8ea;--text-dim: #aa95cf;--accent: #b67cff;--accent-strong: #8d42ff;--accent-soft: #f0d6ff;--success: #8df3cb;--danger: #ff8eb3;--shadow-lg: 0 30px 80px rgba(5, 0, 14, .5);--shadow-md: 0 18px 38px rgba(5, 0, 14, .26);color:var(--text-main);background:radial-gradient(circle at top,rgba(190,112,255,.32),transparent 34%),linear-gradient(180deg,#150722,#0e0818);font-family:Manrope,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.center-screen{min-height:100%;display:grid;place-items:center;padding:24px}.auth-screen{position:relative;overflow:hidden;background:linear-gradient(180deg,#0e081833,#0e0818c7),url(/images/chat-bg-purple.png) center center / cover no-repeat,linear-gradient(160deg,#1a0d2f,#14091f)}.auth-screen:before,.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 18%,rgba(211,164,255,.24),transparent 18%),radial-gradient(circle at 82% 12%,rgba(116,58,255,.24),transparent 22%),linear-gradient(180deg,#08050d1f,#08050d7a);pointer-events:none}.setup-panel,.auth-panel{position:relative;z-index:1;width:min(460px,100%);border:1px solid var(--line-soft);background:linear-gradient(180deg,#22113bc2,#160b26cc);box-shadow:var(--shadow-lg);border-radius:28px;padding:30px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.setup-panel svg,.brand-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:20px;color:#fff;background:linear-gradient(135deg,#d29eff,#7d4dff);box-shadow:0 16px 30px #7d4dff57}.auth-panel h1,.setup-panel h1{margin:18px 0 20px;font-size:clamp(2rem,5vw,2.5rem);line-height:1.04}.setup-panel p{margin:0 0 16px;color:var(--text-soft)}.setup-panel code{display:block;border:1px solid var(--line-soft);border-radius:18px;padding:14px 16px;overflow-wrap:anywhere;background:#ffffff0f;color:var(--accent-soft)}.stack-form{display:grid;gap:14px}.stack-form label{display:grid;gap:8px;font-size:.92rem;color:var(--text-soft)}.stack-form input,.search-box input,.composer textarea{width:100%;border:1px solid var(--line-soft);color:var(--text-main);background:#ffffff14;border-radius:18px;outline:0}.stack-form input::placeholder,.search-box input::placeholder,.composer textarea::placeholder{color:var(--text-dim)}.stack-form input{height:50px;padding:0 15px}.stack-form input:focus,.search-box input:focus,.composer textarea:focus{border-color:#c68affd1;box-shadow:0 0 0 4px #b06dff29}.check-row{display:flex!important;align-items:center;gap:10px}.check-row input{width:18px;height:18px;accent-color:var(--accent)}.primary-button,.link-button,.side-actions button,.attachment-button,.download-link{min-height:44px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 15px;text-decoration:none;transition:transform .16s ease,background .16s ease,border-color .16s ease}.primary-button{color:#fff;background:linear-gradient(135deg,#c37cff,#8b43ff);box-shadow:0 16px 30px #8b43ff52}.primary-button:hover,.side-actions button:hover,.attachment-button:hover,.download-link:hover,.icon-button:hover,.send-button:hover,.emoji-strip button:hover,.message-actions button:hover{transform:translateY(-1px)}.link-button{width:100%;margin-top:12px;color:var(--accent-soft);background:transparent}.notice{margin:14px 0 0;color:#ffc0d3;overflow-wrap:anywhere}.app-shell{position:relative;isolation:isolate;height:100%;display:grid;grid-template-columns:340px minmax(0,1fr);background:linear-gradient(180deg,#1208206b,#120820e6),url(/images/chat-bg-purple.png) center center / cover no-repeat,linear-gradient(160deg,#180b2a,#12061f)}.sidebar{min-width:0;display:flex;flex-direction:column;gap:18px;padding:max(20px,env(safe-area-inset-top)) 20px 20px max(20px,env(safe-area-inset-left));border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#160b26c7,#11091cbd);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:1}.conversation-head{display:grid;grid-template-columns:56px minmax(0,1fr) 42px;gap:14px;align-items:center;padding:14px;border:1px solid var(--line-soft);border-radius:24px;background:#ffffff0f}.conversation-title{min-width:0}.avatar{width:56px;height:56px;display:grid;place-items:center;border-radius:20px;color:#fff;background:linear-gradient(135deg,#d39aff,#8144ff 60%,#5f31d9);font-weight:800;font-size:1.3rem;box-shadow:0 14px 30px #6031d961}.conversation-head h1{margin:0;font-size:1.18rem;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-head p{margin:5px 0 0;color:var(--text-soft);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-icon-button{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;color:var(--text-main);border:1px solid var(--line-soft);background:#ffffff14;transition:transform .16s ease,background .16s ease}.header-icon-button:hover{transform:translateY(-1px);background:#ffffff21}.search-box{display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line-soft);border-radius:18px;color:var(--text-soft);background:#ffffff0f}.search-box input{height:46px;padding:0;border:0;background:transparent}.side-actions{display:grid;gap:10px}.side-actions button{justify-content:flex-start;color:var(--text-main);border:1px solid var(--line-soft);background:#ffffff12}.security-note{margin-top:auto;min-width:0;display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--line-soft);border-radius:20px;background:#ffffff0f;color:var(--text-soft);font-size:.92rem}.security-note span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel{min-width:0;height:100%;display:grid;grid-template-rows:minmax(0,1fr) auto;position:relative;z-index:1;background:linear-gradient(180deg,#ffffff08,#ffffff05),radial-gradient(circle at top right,rgba(193,112,255,.12),transparent 24%)}.messages{min-height:0;overflow-y:auto;padding:28px clamp(14px,4vw,42px)}.day-marker{width:fit-content;margin:8px auto 22px;padding:9px 14px;border:1px solid var(--line-soft);border-radius:999px;background:#0e08186b;color:var(--text-soft);font-size:.8rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.message-row{display:flex;margin:10px 0}.message-row.mine{justify-content:flex-end}.message-row.theirs{justify-content:flex-start}.message-bubble{width:fit-content;max-width:min(720px,78%);position:relative;border-radius:24px;padding:8px 10px 6px;box-shadow:var(--shadow-md);overflow-wrap:anywhere;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y}.mine .message-bubble{color:#fff;background:linear-gradient(135deg,#b768ffeb,#7938e9eb);border:1px solid rgba(255,255,255,.12)}.theirs .message-bubble{color:var(--text-main);background:linear-gradient(180deg,#1f1033e0,#150a23e6);border:1px solid var(--line-soft)}.message-bubble p{margin:0;line-height:1.35;white-space:pre-wrap;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.reply-preview{display:grid;gap:2px;margin:0 0 8px;padding:7px 9px;border-left:3px solid rgba(255,255,255,.5);border-radius:12px;background:#ffffff14}.theirs .reply-preview{border-left-color:#cd8bffb3}.reply-preview strong{font-size:.72rem;line-height:1.2}.reply-preview span{font-size:.75rem;line-height:1.3;opacity:.86;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deleted-copy{color:inherit;opacity:.68;font-style:italic}.message-footer{min-height:14px;display:flex;justify-content:flex-end;align-items:center;gap:5px;margin-top:3px;font-size:.68rem;color:#ffffffb8}.theirs .message-footer{color:var(--text-dim)}.message-footer .read-receipt.read{color:#60a5ff;filter:drop-shadow(0 0 5px rgba(96,165,255,.45))}.action-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;align-items:end;padding:14px clamp(14px,4vw,42px) max(14px,env(safe-area-inset-bottom));background:#06020e6b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.action-sheet{width:min(420px,100%);justify-self:center;display:grid;gap:8px;padding:10px;border:1px solid var(--line-strong);border-radius:26px;background:linear-gradient(180deg,#22113bfa,#12081efa);box-shadow:var(--shadow-lg)}.action-sheet-handle{width:46px;height:5px;margin:2px auto 4px;border-radius:999px;background:#ffffff3d}.action-sheet strong{padding:4px 10px 2px;color:var(--text-soft);font-size:.82rem;font-weight:700}.action-sheet button{min-height:48px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:18px;color:var(--text-main);background:#ffffff14}.action-sheet button:hover{background:#ffffff21}.action-sheet-cancel{color:var(--accent-soft)!important}.settings-sheet{gap:10px}.settings-search{width:100%}.settings-profile{margin-top:0}.settings-actions{display:grid;gap:8px}.settings-actions button{justify-content:flex-start}.settings-toggle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px;border-radius:20px;background:#ffffff14}.settings-toggle span{min-width:0;display:grid;gap:4px}.settings-toggle b{color:var(--text-main);font-size:.95rem}.settings-toggle small{color:var(--text-soft);line-height:1.35}.settings-toggle input{width:46px;height:26px;accent-color:var(--accent)}.attachment{display:grid;gap:10px;min-width:min(320px,70vw)}.attachment-meta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}.attachment-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-meta small{color:var(--text-dim)}.attachment img,.attachment video{display:block;width:min(440px,100%);max-height:380px;object-fit:contain;border-radius:20px;background:#ffffff14}.attachment audio{display:block;width:min(360px,100%);height:44px}.attachment-button,.download-link{min-height:38px;color:#fff;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,#cd91ff57,#8d42ff57)}.attachment-button.image-ready{opacity:.78}.toast{position:absolute;left:50%;bottom:122px;transform:translate(-50%);z-index:2;max-width:min(560px,calc(100% - 24px));display:flex;align-items:center;gap:12px;padding:13px 14px;color:#fff;background:#851a51e6;border:1px solid rgba(255,184,213,.25);border-radius:20px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.toast span{overflow-wrap:anywhere}.toast button{width:30px;height:30px;display:grid;place-items:center;color:#fff;background:#ffffff24;border-radius:12px}.composer{display:grid;gap:10px;padding:14px clamp(14px,4vw,42px) max(14px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#160b26d6,#12081eeb);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.hidden-input{display:none}.selected-file{width:fit-content;max-width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:18px;background:#ffffff14}.selected-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file button{width:28px;height:28px;display:grid;place-items:center;border-radius:12px;background:#ffffff14;color:var(--text-main)}.replying-banner{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line-soft);border-radius:18px;background:#ffffff14}.replying-banner div{min-width:0;display:grid;gap:3px}.replying-banner strong{font-size:.78rem;color:var(--accent-soft)}.replying-banner span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-soft);font-size:.84rem}.replying-banner button{width:28px;height:28px;display:grid;place-items:center;border-radius:12px;color:var(--text-main);background:#ffffff14}.composer-row{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:10px;align-items:end}.composer-input-wrap{min-width:0;position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:end}.emoji-trigger.active{background:#cd8bff2e;border-color:#cd8bff73}.emoji-panel{position:absolute;left:0;bottom:calc(100% + 10px);z-index:5;width:min(320px,calc(100vw - 48px));display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:12px;border:1px solid var(--line-soft);border-radius:20px;background:linear-gradient(180deg,#201037fa,#140923fa);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.emoji-panel button{width:100%;aspect-ratio:1;display:grid;place-items:center;border-radius:14px;background:#ffffff14;font-size:1.15rem}.icon-button,.send-button{width:48px;height:48px;display:grid;place-items:center;border-radius:18px}.icon-button{color:var(--text-main);border:1px solid var(--line-soft);background:#ffffff14}.send-button{color:#fff;background:linear-gradient(135deg,#cd8bff,#8d42ff);box-shadow:0 16px 30px #8d42ff4d}.send-button.recording{background:linear-gradient(135deg,#ff709d,#d83f71);box-shadow:0 16px 30px #d83f714d}.composer textarea{min-height:48px;max-height:130px;resize:vertical;padding:13px 14px;line-height:1.4;width:100%}.recording-indicator{color:#ffc0d3;font-size:.82rem;line-height:1.2}@media(max-width:820px){body{overflow:auto}.app-shell{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.sidebar{padding:max(12px,env(safe-area-inset-top)) 12px 10px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08);gap:10px}.conversation-head{grid-template-columns:48px minmax(0,1fr) 40px;padding:12px}.header-icon-button{width:40px;height:40px;border-radius:15px}.avatar{width:48px;height:48px;border-radius:18px}.side-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.side-actions button{justify-content:center;padding:0 8px;font-size:.84rem}.security-note{display:none}.messages{padding:18px 12px}.message-bubble{max-width:88%;border-radius:22px}}@media(max-width:480px){.center-screen{padding:14px}.auth-panel,.setup-panel{padding:22px;border-radius:24px}.app-shell{min-height:100%}.conversation-head h1{font-size:1.05rem}.conversation-head p{font-size:.84rem}.message-bubble{max-width:92%;padding:8px 10px 6px}.attachment{min-width:min(260px,76vw)}.side-actions button{font-size:0}.side-actions button svg{margin:0}}