:root{--bg:#0e1621;--bg-panel:#17212b;--bg-composer:#17212b;--bg-chat:#0e1621;--bubble:#2b5278;--bubble-text:#fff;--text:#f5f5f5;--text-muted:#8b9aab;--accent:#3390ec;--accent-hover:#2a7fd4;--danger:#e53935;--border:#ffffff14;--shadow:0 8px 32px #00000059;--radius:14px;--font:"Manrope", system-ui, sans-serif;--header-h:56px;--composer-h:auto;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}@supports (height:100dvh){html,body,#root{height:100dvh}}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;width:100%;position:fixed;inset:0;overflow:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:#6ab2f2}.app-shell{background:var(--bg-panel);flex-direction:column;max-width:920px;height:100%;max-height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (width>=921px){body{background:radial-gradient(at 20% 0,#3390ec1f,#0000 50%),radial-gradient(at 80% 100%,#2b527833,#0000 45%),#070b10}.app-shell{border-left:1px solid var(--border);border-right:1px solid var(--border);box-shadow:var(--shadow);margin-top:0}}.auth-page{background:radial-gradient(ellipse at top, #3390ec2e, transparent 55%), var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{background:var(--bg-panel);border:1px solid var(--border);width:min(100%,400px);box-shadow:var(--shadow);border-radius:20px;padding:32px 28px;animation:.35s rise}.auth-card h1{letter-spacing:-.02em;margin:0 0 4px;font-size:1.75rem;font-weight:700}.auth-card .subtitle{color:var(--text-muted);margin:0 0 24px;font-size:.95rem}.auth-card .setup-badge{color:#cfe6ff;letter-spacing:.04em;text-transform:uppercase;background:#3390ec2e;border-radius:999px;margin:0 0 8px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--text-muted);font-size:.8rem;font-weight:600}.field input,.field textarea,.search-input{border:1px solid var(--border);background:#00000040;border-radius:12px;outline:none;width:100%;padding:12px 14px;transition:border-color .15s}.field input:focus,.field textarea:focus,.search-input:focus{border-color:var(--accent)}.btn{border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#fff;width:100%}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{color:var(--text-muted);border-radius:10px;padding:8px}.btn-ghost:hover{color:var(--text);background:#ffffff0f}.error-text{color:#ff8a80;margin:0 0 12px;font-size:.875rem}.chat-header{height:calc(var(--header-h) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:20;background:#17212beb;flex-shrink:0;align-items:center;gap:8px;padding-inline:12px;display:flex}.chat-header .brand{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;max-width:42vw;margin-right:auto;font-size:1.1rem;font-weight:700;overflow:hidden}.brand-btn{min-width:0;color:inherit;border-radius:12px;align-items:center;gap:10px;margin-right:auto;padding:4px 8px 4px 4px;display:flex}.brand-btn:hover{background:#ffffff0f}.brand-avatar,.chat-avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:.9rem;font-weight:700;display:grid;overflow:hidden}.chat-avatar-emoji{font-size:1.15rem;font-weight:400;line-height:1}.chat-avatar-image img{object-fit:cover;width:100%;height:100%;display:block}.brand-avatar-wrap{flex-shrink:0}.avatar-editor{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.avatar-editor-actions{flex-wrap:wrap;gap:4px;display:flex}.avatar-emoji-grid{flex-wrap:wrap;gap:6px;max-height:120px;display:flex;overflow-y:auto}.avatar-emoji-grid .emoji-btn{width:36px;height:36px;font-size:1.15rem}.drawer-backdrop{z-index:55;background:#00000073;animation:.18s fade;position:fixed;inset:0}.chat-drawer{background:var(--bg-panel);z-index:60;width:min(86vw,320px);box-shadow:var(--shadow);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;animation:.22s drawer-in;display:flex;position:fixed;top:0;bottom:0;left:0}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 12px 10px;display:flex}.drawer-head h2{margin:0;font-size:1.15rem}.drawer-list{flex:1;padding:8px;overflow-y:auto}.drawer-chat{border-radius:12px;align-items:center;gap:4px;margin-bottom:4px;display:flex}.drawer-chat.active{background:color-mix(in srgb, var(--accent) 18%, transparent)}.drawer-chat-main{text-align:left;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:0;padding:10px 8px;display:flex}.chat-meta{flex-direction:column;gap:4px;min-width:0;display:flex}.chat-name{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.chat-accent-dot{border-radius:999px;width:18px;height:4px}.drawer-edit{flex-shrink:0}.drawer-new{width:calc(100% - 24px);margin:12px}.drawer-form{border-top:1px solid var(--border);padding:12px}.drawer-form h3{margin:0 0 10px;font-size:1rem}.drawer-form-actions{flex-wrap:wrap;gap:8px;display:flex}.field-label{color:var(--text-muted);font-size:.8rem;font-weight:600}.accent-grid{flex-wrap:wrap;gap:8px;display:flex}.accent-swatch{border:2px solid #0000;border-radius:50%;width:28px;height:28px}.accent-swatch.active{box-shadow:0 0 0 2px var(--accent);border-color:#fff}.btn-danger{color:#ff8a80;background:#e5393533;border-radius:12px;padding:12px 16px;font-weight:600}.btn-ghost{color:var(--text-muted);border-radius:12px;padding:12px 16px;font-weight:600}@keyframes drawer-in{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}.icon-btn{width:40px;height:40px;color:var(--text-muted);border-radius:12px;place-items:center;display:grid}.icon-btn:hover,.icon-btn.active{color:var(--text);background:#ffffff14}.filters-bar{border-bottom:1px solid var(--border);background:#0e1621d9;flex-wrap:wrap;gap:8px;padding:8px 12px;display:flex}.chip{color:#cfe6ff;background:#3390ec2e;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.chip button{color:inherit;opacity:.7;padding:0;line-height:1}.chip button:hover{opacity:1}.search-row{border-bottom:1px solid var(--border);background:var(--bg-panel);padding:8px 12px}.chat-main{background:radial-gradient(circle at 10% 20%, #3390ec0d, transparent 40%), radial-gradient(circle at 90% 80%, #2b527814, transparent 35%), repeating-linear-gradient(-12deg, transparent, transparent 11px, #ffffff04 11px, #ffffff04 12px), var(--bg-chat);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.message-list{overscroll-behavior:contain;scroll-behavior:auto;flex-direction:column;flex:1;gap:6px;min-height:0;padding:12px 12px 8px;display:flex;overflow-y:auto}.date-sep{color:var(--text-muted);background:#00000059;border-radius:999px;flex-shrink:0;align-self:center;margin:8px 0 2px;padding:4px 10px;font-size:.75rem;font-weight:600}.message-row{justify-content:flex-end;animation:.22s msg-in;display:flex}.bubble{background:var(--bubble);max-width:min(85%,520px);color:var(--bubble-text);-webkit-user-select:text;user-select:text;word-break:break-word;border-radius:14px 14px 4px;padding:8px 10px 6px;position:relative;box-shadow:0 1px 2px #0003}.bubble .meta{color:#ffffffa6;justify-content:flex-end;align-items:center;gap:6px;margin-top:4px;font-size:.7rem;display:flex}.bubble .text{white-space:pre-wrap;font-size:.95rem;line-height:1.4}.reactions{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.reaction{background:#00000040;border-radius:999px;padding:2px 7px;font-size:.85rem}.album{border-radius:10px;gap:2px;margin-bottom:4px;display:grid;overflow:hidden}.album.count-1{grid-template-columns:1fr}.album.count-2,.album.count-4,.album.count-3{grid-template-columns:1fr 1fr}.album.count-3 .media-thumb:first-child{grid-column:1/-1}.album.count-many{grid-template-columns:1fr 1fr}.media-thumb{cursor:pointer;background:#0000004d;min-height:120px;max-height:280px;position:relative;overflow:hidden}.media-thumb img,.media-thumb video{object-fit:cover;width:100%;height:100%;min-height:120px;max-height:280px;display:block}.doc-row,.audio-row{background:#0003;border-radius:10px;align-items:center;gap:10px;margin-bottom:4px;padding:8px;display:flex}.doc-row .name{font-size:.9rem;font-weight:600}.doc-row .size{opacity:.7;font-size:.75rem}.link-card{color:inherit;background:#00000038;border-radius:10px;grid-template-columns:72px 1fr;gap:8px;margin:4px 0;text-decoration:none;display:grid;overflow:hidden}.link-card.no-image{grid-template-columns:1fr;padding:8px 10px}.link-card img{object-fit:cover;width:72px;height:72px}.link-card .body{min-width:0;padding:8px 10px 8px 0}.link-card.no-image .body{padding:0}.link-card .site{opacity:.7;text-transform:uppercase;letter-spacing:.04em;font-size:.7rem}.link-card .title{margin-top:2px;font-size:.9rem;font-weight:600}.link-card .desc{opacity:.8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:.78rem;display:-webkit-box;overflow:hidden}.composer{padding:8px 10px max(16px, calc(8px + env(safe-area-inset-bottom,0px)));background:var(--bg-composer);border-top:1px solid var(--border);z-index:5;flex-direction:column;flex-shrink:0;gap:8px;display:flex}.attach-preview{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.attach-chip{text-align:center;background:#ffffff0f;border-radius:10px;flex:none;place-items:center;width:64px;height:64px;padding:4px;font-size:.7rem;display:grid;position:relative;overflow:hidden}.attach-chip img{object-fit:cover;width:100%;height:100%}.attach-chip .remove{color:#fff;background:#000000b3;border-radius:50%;width:20px;height:20px;font-size:12px;position:absolute;top:2px;right:2px}.composer-row{align-items:flex-end;gap:6px;display:flex}.composer textarea{resize:none;border:1px solid var(--border);background:#00000040;border-radius:22px;outline:none;flex:1;min-height:44px;max-height:140px;padding:12px 14px;line-height:1.35}.composer textarea:focus{border-color:var(--accent)}.send-btn{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.send-btn:disabled{opacity:.5}.sheet-backdrop,.menu-backdrop,.lightbox-backdrop{z-index:40;background:#0000008c;animation:.18s fade;position:fixed;inset:0}.sheet{background:var(--bg-panel);z-index:50;width:min(100%,920px);max-height:80dvh;padding:12px 16px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow);border-radius:20px 20px 0 0;animation:.25s sheet-up;position:fixed;bottom:0;left:50%;overflow:auto;transform:translate(-50%)}.sheet h2{margin:4px 0 12px;font-size:1.1rem}.panel{top:calc(var(--header-h) + env(safe-area-inset-top,0px));z-index:30;background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;padding:12px;animation:.2s rise;position:absolute;left:8px;right:8px}.type-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.type-btn{background:#ffffff0d;border:1px solid #0000;border-radius:12px;padding:10px 8px;font-size:.85rem;font-weight:600}.type-btn.active{border-color:var(--accent);color:#cfe6ff;background:#3390ec26}.emoji-grid{flex-wrap:wrap;gap:8px;max-height:min(50dvh,360px);padding:2px;display:flex;overflow-y:auto}.emoji-btn{background:#ffffff0d;border-radius:12px;width:44px;height:44px;font-size:1.35rem}.emoji-btn.active{background:#3390ec40}.context-menu{z-index:60;background:var(--bg-panel);border:1px solid var(--border);min-width:180px;box-shadow:var(--shadow);border-radius:14px;padding:6px;animation:.15s rise;position:fixed}.context-menu button{text-align:left;border-radius:10px;width:100%;padding:10px 12px;font-weight:500;display:block}.context-menu button:hover{background:#ffffff0f}.context-menu .danger{color:#ff8a80}.reaction-picker{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;max-width:min(92vw,320px);max-height:160px;margin-bottom:4px;padding:6px;display:flex;overflow-y:auto}.calendar-nav{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-grid .dow{color:var(--text-muted);padding:4px 0;font-size:.7rem;font-weight:600}.cal-day{aspect-ratio:1;border-radius:12px;place-items:center;font-size:.85rem;font-weight:600;display:grid;position:relative}.cal-day.has-notes{background:#3390ec33}.cal-day.selected{background:var(--accent);color:#fff}.cal-day .dot{background:var(--accent);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.cal-day.selected .dot{background:#fff}.cal-day:disabled{opacity:.25}.lightbox-backdrop{z-index:70;touch-action:pan-y;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.lightbox-stage{place-items:center;max-width:min(100%,960px);max-height:90dvh;display:grid;position:relative}.lightbox-backdrop img,.lightbox-backdrop video{object-fit:contain;border-radius:12px;max-width:min(100vw - 96px,960px);max-height:85dvh;animation:.2s rise}.lightbox-nav{color:#fff;background:#0000008c;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:1.75rem;line-height:1;display:grid}.lightbox-nav:hover{background:#000000bf}.lightbox-counter{color:#fff;background:#0000008c;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.bubble .text a{color:#cfe6ff;text-underline-offset:2px;word-break:break-all;text-decoration:underline}@media (width<=640px){.lightbox-nav{z-index:2;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox-backdrop img,.lightbox-backdrop video{max-width:100vw}}.empty-state,.loading-state{text-align:center;color:var(--text-muted);margin:auto;padding:40px 20px}.empty-state h3{color:var(--text);margin:0 0 6px;font-weight:650}.toast{left:50%;bottom:calc(88px + env(safe-area-inset-bottom,0px));border:1px solid var(--border);color:var(--text);z-index:80;box-shadow:var(--shadow);background:#1f2c3a;border-radius:12px;max-width:min(90%,400px);padding:10px 16px;animation:.2s rise;position:fixed;transform:translate(-50%)}.skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a) 0 0/200% 100%;border-radius:14px;align-self:flex-end;width:60%;height:56px;animation:1.2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes msg-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{opacity:0;transform:translate(-50%,24px)}to{opacity:1;transform:translate(-50%)}}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}