:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07110f;color:#eef9f5;font-synthesis:none;text-rendering:optimizeLegibility;--surface: rgba(16, 34, 30, .86);--surface-solid: #10221e;--surface-2: #17302a;--line: rgba(173, 224, 207, .17);--text-muted: #9db8ae;--accent: #72f2bd;--accent-dark: #10251e;--danger: #ff9a9a;--shadow: 0 24px 80px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{min-width:320px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 10% 10%,rgba(36,122,94,.24),transparent 32rem),radial-gradient(circle at 90% 90%,rgba(17,82,68,.25),transparent 30rem),#07110f}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.centered-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:2rem;text-align:center}.brand-mark{width:4rem;height:4rem;display:grid;place-items:center;border-radius:1.3rem;color:#06110d;background:linear-gradient(145deg,#a6ffda,#4fd49d);box-shadow:0 0 0 1px #ffffff59 inset,0 18px 50px #48e2a533;font-size:1.75rem;font-weight:900}.brand-mark.small{width:3rem;height:3rem;border-radius:1rem;font-size:1.25rem}h1,h2,p{margin-top:0}h1{margin-bottom:.25rem;letter-spacing:-.035em}.muted,.fine-print{color:var(--text-muted)}.fine-print{margin:1rem 0 0;font-size:.82rem;line-height:1.5}.spinner{width:2rem;height:2rem;border:3px solid rgba(114,242,189,.18);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(22rem,30rem);align-items:center;gap:clamp(2rem,8vw,8rem);padding:clamp(1.25rem,5vw,5rem);max-width:82rem;margin:0 auto}.auth-hero{max-width:38rem}.auth-hero h1{font-size:clamp(3.2rem,8vw,6rem);margin:1.5rem 0 .75rem}.auth-hero>p{color:#c5d9d2;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.55}.security-note{display:flex;flex-direction:column;gap:.3rem;margin-top:2.5rem;padding:1rem 1.1rem;border-left:3px solid var(--accent);background:#72f2bd12;color:#c9e0d8}.security-note span{color:var(--text-muted);line-height:1.45}.auth-card,.recovery-card{width:100%;border:1px solid var(--line);border-radius:1.75rem;background:var(--surface);backdrop-filter:blur(20px);box-shadow:var(--shadow)}.auth-card{padding:clamp(1.25rem,4vw,2rem)}.recovery-card{min-height:auto;max-width:36rem;margin:4rem auto;padding:clamp(1.5rem,4vw,2.5rem)}.segmented{display:grid;grid-template-columns:1fr 1fr;padding:.3rem;margin-bottom:1.5rem;background:#0003;border-radius:.9rem}.segmented button{border:0;border-radius:.65rem;padding:.75rem;background:transparent;color:var(--text-muted)}.segmented button.active{color:#06110d;background:var(--accent);font-weight:800}form label{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem;color:#d9ebe5;font-size:.9rem;font-weight:650}input,textarea{width:100%;border:1px solid var(--line);border-radius:.85rem;outline:none;background:#030c0aa6;color:#f5fffb;padding:.85rem .95rem;transition:border-color .2s,box-shadow .2s}textarea{resize:vertical;min-height:5rem}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #72f2bd1a}.primary-button,.secondary-button{width:100%;border-radius:.9rem;padding:.9rem 1rem;font-weight:850}.primary-button{border:0;color:#06110d;background:var(--accent)}.primary-button:hover:not(:disabled){filter:brightness(1.05)}.secondary-button{border:1px solid var(--line);color:#e7f8f1;background:var(--surface-2)}.primary-button.compact{width:auto;padding-inline:1.5rem}.file-button{align-items:center;justify-content:center;border:1px dashed var(--line);border-radius:.85rem;padding:.75rem;color:var(--accent);cursor:pointer}.file-button input{display:none}.error-banner,.warning-box{border-radius:.8rem;padding:.8rem .9rem;margin-bottom:1rem;line-height:1.45}.error-banner{border:1px solid rgba(255,120,120,.3);color:#ffd1d1;background:#7318184d}.warning-box{text-align:left;border:1px solid rgba(255,203,105,.25);color:#ffe4ad;background:#754e0838}.secret-block{width:100%;text-align:left;border:1px solid var(--line);border-radius:1rem;padding:1rem;background:#0000002e}.secret-block span{display:block;color:var(--text-muted);font-size:.82rem;margin-bottom:.45rem}.secret-block code{display:block;overflow-wrap:anywhere;color:var(--accent);font-size:1rem}.checkbox-row{display:flex;flex-direction:row;align-items:center;width:100%;margin:.25rem 0;font-weight:500;color:#d5e8e1}.checkbox-row input{width:1.1rem;height:1.1rem}.app-shell{height:100vh;display:grid;grid-template-columns:21rem minmax(0,1fr);background:#07110f}.sidebar{min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#0c1b18}.sidebar-header,.conversation-header{min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid var(--line)}.sidebar-header>div,.conversation-header>div{display:flex;flex-direction:column;gap:.2rem;min-width:0}.copy-id{max-width:15rem;padding:0;border:0;overflow:hidden;text-overflow:ellipsis;text-align:left;white-space:nowrap;background:none;color:var(--accent);font-size:.76rem}.icon-button{width:2.5rem;height:2.5rem;border:0;border-radius:.8rem;color:#dcece7;background:#ffffff0d}.icon-button:hover{background:#ffffff1a}.new-chat{display:grid;grid-template-columns:1fr 2.8rem;gap:.45rem;padding:.8rem;border-bottom:1px solid var(--line)}.new-chat input{min-width:0}.new-chat button,.composer button{border:0;border-radius:.85rem;color:#06110d;background:var(--accent);font-size:1.25rem;font-weight:800}.room-list{flex:1;overflow-y:auto;padding:.5rem}.room-row{width:100%;display:grid;grid-template-columns:2.7rem minmax(0,1fr) auto;align-items:center;gap:.75rem;border:0;border-radius:.85rem;padding:.7rem;text-align:left;background:transparent;color:inherit}.room-row:hover,.room-row.selected{background:#72f2bd14}.avatar{width:2.7rem;height:2.7rem;display:grid;place-items:center;border-radius:.9rem;background:#1c3c33;color:var(--accent);font-weight:850}.room-meta{display:flex;flex-direction:column;min-width:0;gap:.25rem}.room-meta strong,.room-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-meta small,.conversation-header small{color:var(--text-muted)}.unread{min-width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:999px;color:#06110d;background:var(--accent);font-size:.75rem;font-weight:900}.connection-state{padding:.7rem 1rem;border-top:1px solid var(--line);color:var(--text-muted);font-size:.72rem}.empty-state{color:var(--text-muted);text-align:center;padding:1rem}.conversation{min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:#081411}.conversation-header{justify-content:flex-start;gap:.7rem}.mobile-menu{display:none}.global-error{margin:.8rem}.conversation-empty{grid-row:3;align-self:center;justify-self:center;max-width:28rem;padding:2rem;text-align:center;color:var(--text-muted)}.conversation-empty h2{color:#effaf6}.message-list{grid-row:3;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.65rem;padding:clamp(1rem,4vw,2.5rem)}.message{align-self:flex-start;max-width:min(38rem,78%);border:1px solid var(--line);border-radius:.3rem 1.1rem 1.1rem;padding:.75rem .9rem .55rem;background:#142924;box-shadow:0 10px 30px #0000001f}.message.own{align-self:flex-end;border-color:#72f2bd40;border-radius:1.1rem .3rem 1.1rem 1.1rem;background:#1a3c31}.message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:.1rem 0 .35rem;line-height:1.45}.message time,.sender{display:block;color:var(--text-muted);font-size:.7rem}.sender{color:var(--accent);margin-bottom:.3rem}.message time{text-align:right}.composer{grid-row:4;display:grid;grid-template-columns:minmax(0,1fr) 3rem;gap:.55rem;padding:.8rem 1rem;border-top:1px solid var(--line);background:#07110ff0}.composer textarea{min-height:3rem;max-height:10rem;resize:none}@media(max-width:760px){body{overflow:hidden}.auth-shell{display:flex;flex-direction:column;justify-content:center;gap:2rem;padding:1.1rem;overflow-y:auto}.auth-hero{text-align:center}.auth-hero .brand-mark{margin:0 auto}.auth-hero h1{font-size:3.2rem;margin-top:1rem}.security-note{text-align:left;margin-top:1.5rem}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0;z-index:10;transform:translate(-102%);transition:transform .2s ease;box-shadow:var(--shadow)}.sidebar.visible{transform:translate(0)}.mobile-menu{display:inline-grid;place-items:center}.message{max-width:88%}.message-list{padding:1rem}.recovery-card{margin:0;min-height:100vh;border:0;border-radius:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}