:root{--bg: #050507;--bg-2: #0a0a0f;--glass: rgba(255, 255, 255, .045);--glass-strong: rgba(255, 255, 255, .075);--glass-hover: rgba(255, 255, 255, .09);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--text: #f2f2f7;--text-2: #a7a7b3;--text-3: #6d6d7a;--accent: #e8e8ef;--accent-2: #f0abfc;--accent-dim: rgba(232, 232, 239, .12);--violet: #a78bfa;--violet-strong: #8b5cf6;--violet-deep: #6d28d9;--violet-glow: rgba(139, 92, 246, .45);--mine: linear-gradient(135deg, rgba(139,92,246,.38), rgba(76,29,149,.3));--mine-border: rgba(167, 139, 250, .42);--theirs: rgba(255, 255, 255, .055);--danger: #ff6b6b;--success: #34d399;--ok: #4ade80;--surface: rgba(10, 10, 15, .55);--header-bg: rgba(8, 8, 12, .5);--sheet-bg: linear-gradient(165deg, rgba(38, 28, 64, .72), rgba(10, 8, 18, .86));--input-bg: rgba(0, 0, 0, .35);--panel-bg: rgba(0, 0, 0, .22);--scroll-thumb: linear-gradient(180deg, rgba(167, 139, 250, .5), rgba(109, 40, 217, .5));--radius: 20px;--radius-sm: 14px;--blur: blur(22px) saturate(150%);--shadow: 0 18px 50px rgba(0, 0, 0, .55);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}[data-theme=midnight]{--bg: #04060d;--bg-2: #080b16;--accent-2: #93c5fd;--violet: #93c5fd;--violet-strong: #3b82f6;--violet-deep: #1d4ed8;--violet-glow: rgba(59, 130, 246, .42);--mine: linear-gradient(135deg, rgba(59,130,246,.42), rgba(30,64,175,.34));--mine-border: rgba(147,197,253,.45)}[data-theme=graphite]{--bg: #080808;--bg-2: #101010;--accent-2: #d4d4d8;--violet: #d4d4d8;--violet-strong: #71717a;--violet-deep: #3f3f46;--violet-glow: rgba(113, 113, 122, .4);--mine: linear-gradient(135deg, rgba(113,113,122,.45), rgba(39,39,42,.4));--mine-border: rgba(212,212,216,.38)}[data-theme=lime]{--bg: #050805;--bg-2: #0a1206;--glass: rgba(190, 242, 100, .05);--glass-strong: rgba(190, 242, 100, .09);--glass-hover: rgba(190, 242, 100, .13);--border: rgba(190, 242, 100, .14);--border-strong: rgba(190, 242, 100, .28);--text: #f4ffe8;--text-2: #b9cda7;--text-3: #778c67;--accent: #ecfccb;--accent-2: #bef264;--accent-dim: rgba(190, 242, 100, .14);--violet: #bef264;--violet-strong: #84cc16;--violet-deep: #4d7c0f;--violet-glow: rgba(132, 204, 22, .45);--mine: linear-gradient(135deg, rgba(132,204,22,.42), rgba(63,98,18,.36));--mine-border: rgba(190,242,100,.48);--theirs: rgba(190, 242, 100, .06);--surface: rgba(7, 13, 5, .62);--header-bg: rgba(5, 10, 4, .58);--sheet-bg: linear-gradient(165deg, rgba(38, 56, 16, .78), rgba(7, 12, 5, .9));--scroll-thumb: linear-gradient(180deg, rgba(190,242,100,.55), rgba(77,124,15,.55))}[data-theme=light]{color-scheme:light;--bg: #edf1f7;--bg-2: #ffffff;--glass: rgba(15, 23, 42, .045);--glass-strong: rgba(15, 23, 42, .075);--glass-hover: rgba(15, 23, 42, .1);--border: rgba(15, 23, 42, .12);--border-strong: rgba(15, 23, 42, .22);--text: #101828;--text-2: #475467;--text-3: #7a8699;--accent: #101828;--accent-2: #c026d3;--accent-dim: rgba(139, 92, 246, .12);--violet: #8b5cf6;--violet-strong: #7c3aed;--violet-deep: #6d28d9;--violet-glow: rgba(124, 58, 237, .28);--mine: linear-gradient(135deg, rgba(139,92,246,.28), rgba(109,40,217,.2));--mine-border: rgba(124,58,237,.35);--theirs: rgba(255, 255, 255, .78);--surface: rgba(255, 255, 255, .68);--header-bg: rgba(255, 255, 255, .6);--sheet-bg: linear-gradient(165deg, rgba(255,255,255,.94), rgba(243,244,255,.92));--input-bg: rgba(255, 255, 255, .78);--panel-bg: rgba(255, 255, 255, .58);--shadow: 0 18px 50px rgba(30, 41, 82, .16);--scroll-thumb: linear-gradient(180deg, rgba(139,92,246,.45), rgba(109,40,217,.45))}[data-theme=coffee]{--bg: #120b06;--bg-2: #1d120a;--glass: rgba(255, 190, 120, .055);--glass-strong: rgba(255, 190, 120, .09);--glass-hover: rgba(255, 190, 120, .13);--border: rgba(255, 190, 120, .14);--border-strong: rgba(255, 190, 120, .27);--text: #fff7ed;--text-2: #dec09c;--text-3: #a27d5c;--accent: #ffedd5;--accent-2: #fdba74;--accent-dim: rgba(245, 158, 11, .14);--violet: #fbbf24;--violet-strong: #d97706;--violet-deep: #92400e;--violet-glow: rgba(217, 119, 6, .42);--mine: linear-gradient(135deg, rgba(217,119,6,.42), rgba(120,53,15,.38));--mine-border: rgba(251,191,36,.45);--theirs: rgba(255, 190, 120, .06);--surface: rgba(24, 14, 7, .62);--header-bg: rgba(18, 10, 5, .58);--sheet-bg: linear-gradient(165deg, rgba(69, 38, 16, .8), rgba(18, 10, 5, .9));--scroll-thumb: linear-gradient(180deg, rgba(251,191,36,.5), rgba(146,64,14,.55))}[data-theme=sakura]{--bg: #150711;--bg-2: #220a1a;--glass: rgba(255, 170, 200, .06);--glass-strong: rgba(255, 170, 200, .1);--glass-hover: rgba(255, 170, 200, .14);--border: rgba(255, 170, 200, .16);--border-strong: rgba(255, 170, 200, .3);--text: #fff1f6;--text-2: #edb3c7;--text-3: #b47890;--accent: #ffe4ef;--accent-2: #f9a8d4;--accent-dim: rgba(236, 72, 153, .14);--violet: #f9a8d4;--violet-strong: #ec4899;--violet-deep: #be185d;--violet-glow: rgba(236, 72, 153, .42);--mine: linear-gradient(135deg, rgba(236,72,153,.42), rgba(131,24,67,.36));--mine-border: rgba(249,168,212,.48);--theirs: rgba(255, 170, 200, .06);--surface: rgba(28, 8, 20, .62);--header-bg: rgba(22, 6, 16, .58);--sheet-bg: linear-gradient(165deg, rgba(80, 22, 48, .8), rgba(20, 6, 15, .9));--scroll-thumb: linear-gradient(180deg, rgba(249,168,212,.55), rgba(190,24,93,.55))}[data-theme=ocean]{--bg: #020914;--bg-2: #06182b;--glass: rgba(125, 211, 252, .055);--glass-strong: rgba(125, 211, 252, .09);--glass-hover: rgba(125, 211, 252, .13);--border: rgba(125, 211, 252, .15);--border-strong: rgba(125, 211, 252, .29);--text: #effaff;--text-2: #a5cbdf;--text-3: #678ca3;--accent: #e0f2fe;--accent-2: #67e8f9;--accent-dim: rgba(56, 189, 248, .14);--violet: #7dd3fc;--violet-strong: #0284c7;--violet-deep: #075985;--violet-glow: rgba(2, 132, 199, .45);--mine: linear-gradient(135deg, rgba(2,132,199,.44), rgba(8,47,73,.38));--mine-border: rgba(125,211,252,.48);--theirs: rgba(125, 211, 252, .06);--surface: rgba(3, 18, 32, .62);--header-bg: rgba(2, 13, 25, .58);--sheet-bg: linear-gradient(165deg, rgba(8, 47, 73, .82), rgba(2, 10, 20, .92));--scroll-thumb: linear-gradient(180deg, rgba(125,211,252,.55), rgba(7,89,133,.6))}[data-theme=sunset]{--bg: #14060d;--bg-2: #220d18;--glass: rgba(255, 170, 120, .06);--glass-strong: rgba(255, 170, 120, .1);--glass-hover: rgba(255, 170, 120, .14);--border: rgba(255, 170, 120, .16);--border-strong: rgba(255, 170, 120, .3);--text: #fff5ea;--text-2: #eebd9d;--text-3: #b47d68;--accent: #ffedd5;--accent-2: #fda4af;--accent-dim: rgba(249, 115, 22, .14);--violet: #fdba74;--violet-strong: #f97316;--violet-deep: #be185d;--violet-glow: rgba(249, 115, 22, .42);--mine: linear-gradient(135deg, rgba(249,115,22,.42), rgba(157,23,77,.36));--mine-border: rgba(253,186,116,.48);--theirs: rgba(255, 170, 120, .06);--surface: rgba(28, 10, 14, .62);--header-bg: rgba(20, 6, 10, .58);--sheet-bg: linear-gradient(165deg, rgba(80, 32, 22, .82), rgba(18, 6, 12, .92));--scroll-thumb: linear-gradient(180deg, rgba(253,186,116,.55), rgba(190,24,93,.5))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}h1,h2,h3,p,span,div,a,button,label{min-width:0}h1,h2,h3,p{overflow-wrap:break-word}img,svg{max-width:100%}button{overflow-wrap:break-word}html,body,#root{height:100%}html{color-scheme:dark}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);overflow:hidden;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(700px 420px at 12% -10%,rgba(255,255,255,.07),transparent 65%),radial-gradient(800px 500px at 95% 0%,rgba(140,150,255,.055),transparent 60%),radial-gradient(900px 700px at 50% 115%,rgba(255,255,255,.045),transparent 65%),linear-gradient(180deg,var(--bg-2),var(--bg))}a{color:var(--text)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:99px}::-webkit-scrollbar-track{background:transparent}.glass{background:var(--glass);border:1px solid var(--border);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.card{border-radius:var(--radius);box-shadow:var(--shadow)}.app-shell{position:relative;z-index:1;display:flex;height:100vh;height:100dvh;max-width:1600px;margin:0 auto}.sidebar{width:84px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:18px 0;gap:6px;border-right:1px solid var(--border);background:#0a0a0f8c;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.logo-badge{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-weight:800;font-size:20px;letter-spacing:-.5px;margin-bottom:14px;background:linear-gradient(145deg,#a78bfa59,#6d28d91f 55%,#ffffff0a);border:1px solid rgba(167,139,250,.45);box-shadow:inset 0 1px #ffffff47,0 0 26px var(--violet-glow),var(--shadow)}.nav-item{width:58px;padding:8px 0 6px;border:1px solid transparent;background:transparent;border-radius:16px;color:var(--text-3);display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;font-weight:600;letter-spacing:.2px;transition:all .22s ease;position:relative}.nav-item:hover{color:var(--text-2);background:var(--glass)}.nav-item.active{color:var(--text);background:linear-gradient(160deg,#8b5cf638,#8b5cf60f);border-color:#a78bfa61;box-shadow:inset 0 1px #ffffff1f,0 0 18px #8b5cf629}.nav-item>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-item svg{flex-shrink:0}.nav-item .nav-badge{position:absolute;top:4px;right:6px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:linear-gradient(135deg,var(--violet-strong),var(--violet-deep));color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center}.sidebar-spacer{flex:1}.main-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;position:relative}.page{flex:1;min-height:0;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:26px 28px 110px;max-width:880px;width:100%;margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px;flex-wrap:wrap}.page-head>div{flex:1 1 200px}.page-head .btn{flex-shrink:1}.page-title{font-size:clamp(22px,2vw + 16px,28px);line-height:1.15;font-weight:800;letter-spacing:-.6px;margin:0}.page-sub{color:var(--text-2);font-size:13.5px;margin:4px 0 0}.room-wrap{flex:1;display:flex;flex-direction:column;min-height:0;max-width:880px;margin:0 auto;width:100%}.bottom-nav{display:none}.btn{border:1px solid var(--border-strong);background:var(--glass-strong);color:var(--text);padding:10px 18px;border-radius:14px;font-weight:650;font-size:14px;line-height:1.25;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;transition:all .2s ease;box-shadow:inset 0 1px #ffffff1a;min-height:44px;max-width:100%}.btn svg{flex-shrink:0}.btn:hover{background:var(--glass-hover);transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.99)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,var(--violet-strong),var(--violet-deep));color:#fff;border-color:#a78bfa80;box-shadow:0 8px 24px #7c3aed59,inset 0 1px #ffffff40}.btn-primary:hover{background:linear-gradient(135deg,#9d6bff,#7c3aed)}.btn-danger{color:var(--danger);border-color:#ff6b6b59;background:#ff6b6b12}.btn-ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--text-2)}.btn-sm{padding:7px 13px;font-size:13px;border-radius:11px;min-height:38px}.btn-block{width:100%}.icon-btn{width:40px;height:40px;border-radius:13px;border:1px solid var(--border);background:var(--glass);color:var(--text-2);display:grid;place-items:center;flex-shrink:0;transition:all .2s ease;font-size:16px}.icon-btn:hover{color:var(--text);background:var(--glass-hover)}.input,.textarea,.select{width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:14px;padding:12px 15px;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s;font-size:15px}.input:focus,.textarea:focus,.select:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px #8b5cf638;border-color:#a78bfa8c}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.textarea{resize:none}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:650;color:var(--text-2);margin-bottom:7px;letter-spacing:.2px}.error-box{background:#ff6b6b17;border:1px solid rgba(255,107,107,.3);color:#ffb3b3;padding:11px 14px;border-radius:13px;font-size:13.5px;margin-bottom:14px}.notice-box{background:#ffffff0d;border:1px solid var(--border);color:var(--text-2);padding:11px 14px;border-radius:13px;font-size:13px;margin-bottom:14px}.empty-state{text-align:center;padding:52px 22px;color:var(--text-3)}.empty-state .empty-icon{font-size:34px;margin-bottom:12px;opacity:.7}.empty-state h3{color:var(--text-2);margin:0 0 6px;font-size:16px}.empty-state p{margin:0 auto;max-width:380px;font-size:13.5px}.spinner{width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(255,255,255,.15);border-top-color:var(--text);animation:spin .7s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.center-loader{display:grid;place-items:center;padding:60px 0;gap:14px;color:var(--text-3);font-size:13px}.pill{font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;border:1px solid var(--border);background:var(--glass);color:var(--text-2);letter-spacing:.3px;text-transform:uppercase}.pill-accent{color:#fff;background:linear-gradient(135deg,var(--violet-strong),var(--violet-deep));border-color:#a78bfa80}.pill-violet{color:#d6bcfa;border-color:#a78bfa59;background:#8b5cf61a}.demo-banner{margin:14px 28px 0;padding:10px 16px;border-radius:14px;font-size:12.5px;color:#ffd9a0;background:#ffbe5012;border:1px solid rgba(255,190,80,.25);display:flex;gap:8px;align-items:center}.mode-banner-fixed{position:relative;z-index:2}.list{display:flex;flex-direction:column;gap:8px}.row-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--radius);width:100%;text-align:left;transition:all .2s ease;color:var(--text);text-decoration:none}button.row-card{cursor:pointer}.row-card:hover{background:var(--glass-hover);transform:translateY(-1px)}.row-main{flex:1;min-width:0}.row-title{font-weight:650;font-size:15px;display:flex;align-items:center;gap:8px;overflow:hidden}.row-title .pill{flex-shrink:0}.row-preview{color:var(--text-2);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.row-meta{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.row-time{font-size:11.5px;color:var(--text-3)}.unread-dot{min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:linear-gradient(135deg,var(--violet-strong),var(--violet-deep));color:#fff;box-shadow:0 0 12px var(--violet-glow);font-size:11px;font-weight:800;display:grid;place-items:center}.online-dot{width:11px;height:11px;border-radius:50%;background:var(--ok);border:2px solid #101016;position:absolute;bottom:0;right:0}.avatar-wrap{position:relative;flex-shrink:0}.avatar{border-radius:50%;display:grid;place-items:center;font-weight:750;color:#ececf2;background:linear-gradient(145deg,#34343f,#1b1b22);border:1px solid var(--border-strong);object-fit:cover;flex-shrink:0;-webkit-user-select:none;user-select:none}.auth-wrap{position:relative;z-index:1;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;padding:22px 16px}.auth-card{width:100%;max-width:410px;padding:34px 30px;border-radius:26px;margin:auto;flex-shrink:0}.auth-logo{display:flex;align-items:center;gap:13px;margin-bottom:8px}.auth-logo .logo-badge{margin:0;width:50px;height:50px;font-size:22px}.auth-title{font-size:clamp(20px,2vw + 14px,24px);line-height:1.2;font-weight:800;letter-spacing:-.5px;margin:14px 0 4px}.auth-sub{color:var(--text-2);font-size:13.5px;margin:0 0 22px}.auth-switch{text-align:center;font-size:13.5px;color:var(--text-2);margin-top:18px}.auth-switch a{font-weight:700;text-decoration:none}.divider{display:flex;align-items:center;gap:12px;color:var(--text-3);font-size:12px;margin:18px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.google-btn{width:100%}.link-btn{background:none;border:none;color:var(--text-2);font-size:13px;text-decoration:underline;padding:0}.link-btn:hover{color:var(--text)}.room-head{display:flex;align-items:center;gap:13px;padding:14px 20px;border-bottom:1px solid var(--border);background:#08080c80;backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);z-index:3}.room-head .row-title{font-size:16px}.messages-scroll{flex:1;min-height:0;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:22px 20px 12px;display:flex;flex-direction:column;gap:3px}.day-label{text-align:center;font-size:11px;color:var(--text-3);margin:14px 0 10px;font-weight:650;letter-spacing:.4px;text-transform:uppercase}.msg-row{display:flex;gap:9px;max-width:78%;animation:msgIn .25s ease}.msg-row.mine{align-self:flex-end;flex-direction:row-reverse}.msg-row.theirs{align-self:flex-start}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.bubble{padding:10px 14px;border-radius:19px;font-size:14.5px;overflow-wrap:anywhere;white-space:pre-wrap;border:1px solid var(--border);line-height:1.5}.msg-row.mine .bubble{background:var(--mine);border-color:var(--mine-border);border-bottom-right-radius:7px;box-shadow:inset 0 1px #ffffff24,0 4px 18px #6d28d92e}.msg-row.theirs .bubble{background:var(--theirs);border-bottom-left-radius:7px}.bubble-sender{font-size:12px;font-weight:750;color:var(--text-2);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubble-meta{display:flex;align-items:center;gap:5px;justify-content:flex-end;font-size:10.5px;color:var(--text-3);margin-top:4px}.bubble img.attachment-img{max-width:260px;width:100%;border-radius:13px;margin-bottom:6px;display:block}.attachment-file{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:12px;background:#0000004d;border:1px solid var(--border);margin-bottom:6px;font-size:13px;text-decoration:none}.typing-indicator{display:flex;align-items:center;gap:8px;color:var(--text-3);font-size:12.5px;padding:8px 20px 2px;min-height:26px}.typing-dots{display:inline-flex;gap:3px}.typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--text-3);animation:blink 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.18s}.typing-dots span:nth-child(3){animation-delay:.36s}@keyframes blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.composer{display:flex;align-items:flex-end;gap:9px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--header-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.composer-input{flex:1;background:#00000059;border:1px solid var(--border);border-radius:18px;padding:11px 15px;max-height:120px;min-height:44px;resize:none;outline:none;font-size:15px;color:var(--text)}.composer-input:focus{border-color:#a78bfa8c;box-shadow:0 0 0 3px #8b5cf62e}.send-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(167,139,250,.5);background:linear-gradient(135deg,var(--violet-strong),var(--violet-deep));color:#fff;font-size:17px;display:grid;place-items:center;flex-shrink:0;transition:all .2s ease;box-shadow:0 6px 22px #7c3aed66}.send-btn:hover{background:linear-gradient(135deg,#9d6bff,#7c3aed);transform:scale(1.05)}.send-btn:disabled{opacity:.35;transform:none}.pending-attachment{display:flex;align-items:center;gap:10px;margin:0 16px 8px;padding:9px 13px;border-radius:13px;font-size:13px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0000009e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:end center;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}}.modal-sheet{width:100%;max-width:540px;max-height:88vh;max-height:88dvh;overflow-y:auto;touch-action:pan-y;border-radius:24px 24px 0 0;padding:22px 22px calc(22px + env(safe-area-inset-bottom));animation:sheetUp .28s cubic-bezier(.2,.9,.3,1);background:#101016eb;border:1px solid var(--border-strong);border-bottom:none}@keyframes sheetUp{0%{transform:translateY(26px);opacity:0}}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-head h2{margin:0;font-size:clamp(17px,4.5vw,19px);line-height:1.25;font-weight:780;letter-spacing:-.3px}.check-row{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-2);padding:9px 0;cursor:pointer}.check-row input{width:17px;height:17px;accent-color:var(--violet-strong)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 0;border-bottom:1px solid var(--border)}.switch-row:last-child{border-bottom:none}.switch-row .sw-title{font-weight:620;font-size:14.5px;overflow-wrap:break-word}.switch-row>div{flex:1}.switch-row .sw-sub{color:var(--text-3);font-size:12.5px;margin-top:2px;max-width:480px}.toggle{width:48px;height:28px;border-radius:99px;border:1px solid var(--border-strong);background:var(--glass);position:relative;flex-shrink:0;transition:background .2s;padding:0}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--text-3);transition:all .2s}.toggle.on{background:linear-gradient(135deg,var(--violet-strong),var(--violet-deep))}.toggle.on:after{left:23px;background:#fff}.seg{display:flex;gap:6px;background:#00000059;border:1px solid var(--border);padding:4px;border-radius:14px}.seg{flex-wrap:wrap}.seg button{flex:1 1 auto;min-width:0;border:none;background:transparent;color:var(--text-3);padding:8px 6px;border-radius:10px;font-size:12.5px;font-weight:650;transition:all .2s;line-height:1.25;overflow-wrap:break-word}.seg button.active{background:var(--glass-strong);color:var(--text);box-shadow:inset 0 1px #ffffff1f}.search-input-wrap{position:relative;margin-bottom:16px}.search-input-wrap .input{padding-left:42px;border-radius:16px;padding-top:13px;padding-bottom:13px}.search-input-wrap .search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-3);font-size:15px}.section-label{font-size:11.5px;font-weight:750;letter-spacing:1px;text-transform:uppercase;color:var(--text-3);margin:22px 0 10px}.member-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px 5px 6px;border-radius:99px;font-size:13px;margin:0 6px 6px 0;max-width:100%;overflow-wrap:anywhere}.member-chip button{background:none;border:none;color:var(--text-3);font-size:14px;padding:0;line-height:1}.profile-hero{text-align:center;padding:30px 20px 24px;border-radius:var(--radius);margin-bottom:14px}.settings-group{border-radius:var(--radius);padding:6px 20px;margin-bottom:14px}@media (min-width: 861px){.modal-overlay{place-items:center;padding:20px}.modal-sheet{border-radius:24px;border-bottom:1px solid var(--border-strong)}.back-btn-mobile{display:none!important}}@media (max-width: 860px){.input,.textarea,.select,.composer-input{font-size:16px}.page-title{letter-spacing:-.3px}.btn{min-height:46px}.row-card{padding:13px 14px;gap:11px}.sidebar{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:2px;background:#09090dd1;border-top:1px solid var(--border);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.bottom-nav .nav-item{flex:1;width:auto;padding:7px 0 5px}.app-shell.in-room .bottom-nav{display:none}.app-shell.in-room .composer{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.page{padding:20px 16px 96px}.demo-banner{margin:12px 16px 0}.msg-row{max-width:86%}.room-head{padding:11px 14px}.messages-scroll{padding:16px 14px 8px}.composer{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}}.welcome-wrap{position:relative;z-index:1;height:100vh;height:100dvh;display:flex;flex-direction:column;padding:28px 16px 84px;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.welcome-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.welcome-glow-a{width:420px;height:420px;top:-140px;left:-120px;background:#7c3aed47;animation:glowFloat 11s ease-in-out infinite alternate}.welcome-glow-b{width:380px;height:380px;bottom:-120px;right:-100px;background:#581cb438;animation:glowFloat 13s ease-in-out infinite alternate-reverse}@keyframes glowFloat{0%{transform:translateZ(0) scale(1);opacity:.75}to{transform:translate3d(26px,18px,0) scale(1.08);opacity:1}}.welcome-card{position:relative;width:100%;max-width:430px;padding:36px 28px 30px;border-radius:28px;text-align:center;animation:msgIn .45s ease;margin:auto;flex-shrink:0}.welcome-logo{width:74px;height:74px;margin:0 auto;border-radius:22px;display:grid;place-items:center;font-size:34px;font-weight:800;letter-spacing:-1px;background:linear-gradient(145deg,#a78bfa66,#6d28d926 55%,#ffffff0d);border:1px solid rgba(167,139,250,.5);box-shadow:inset 0 1px #ffffff4d,0 0 38px var(--violet-glow)}.welcome-brand{font-size:clamp(25px,8vw,30px);font-weight:800;letter-spacing:6px;line-height:1.1;margin-top:16px}.welcome-brand-sub{font-size:11px;letter-spacing:5px;color:var(--violet);font-weight:700}.welcome-tagline{font-size:clamp(18px,5vw,21px);line-height:1.25;font-weight:750;letter-spacing:-.4px;margin:20px 0 8px}.welcome-sub{color:var(--text-2);font-size:13.5px;margin:0 auto;max-width:330px}.welcome-features{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:18px}.lang-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.lang-option{position:relative;border-radius:16px;padding:13px 14px;text-align:left;color:var(--text);display:flex;flex-direction:row;align-items:center;gap:11px;transition:all .2s ease;cursor:pointer}.lang-flag{font-size:23px;line-height:1;flex-shrink:0}.lang-names{display:flex;flex-direction:column;gap:1px;min-width:0}.lang-option:hover{background:var(--glass-hover)}.lang-option.active{border-color:#a78bfa99;background:linear-gradient(160deg,#8b5cf638,#8b5cf60f);box-shadow:0 0 18px #8b5cf62e}.lang-native{font-weight:720;font-size:15px;overflow-wrap:anywhere;line-height:1.25}.lang-english{font-size:11.5px;color:var(--text-3)}.lang-check{position:absolute;top:9px;right:11px;color:var(--violet);font-weight:800}.start-btn{width:100%;margin-top:24px;padding:15px 20px;border-radius:17px;font-size:clamp(15px,4.5vw,16.5px);line-height:1.3;font-weight:750;color:#fff;border:1px solid rgba(167,139,250,.55);background:linear-gradient(135deg,var(--violet-strong),var(--violet-deep));box-shadow:0 12px 34px #7c3aed6b,inset 0 1px #ffffff47;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:all .22s ease}.start-btn:hover{transform:translateY(-1px);box-shadow:0 16px 40px #7c3aed80,inset 0 1px #ffffff4d}.start-btn:active{transform:scale(.99)}.code-strip{position:fixed;left:0;right:0;bottom:0;z-index:2;pointer-events:none;padding:7px 0 calc(7px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#0a081240,#0a0812b8);border-top:1px solid rgba(167,139,250,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);overflow:hidden}.code-strip-inner{transition:opacity .65s ease}.code-fade{opacity:.15}.code-row{white-space:nowrap;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10.5px;letter-spacing:.6px;line-height:1.5;will-change:transform;color:#a78bfa80;text-shadow:0 0 8px rgba(139,92,246,.35)}.code-row-b{color:#ffffff38;text-shadow:none}.code-row-a{animation:codeScroll 46s linear infinite}.code-row-b{animation:codeScrollR 58s linear infinite}@keyframes codeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes codeScrollR{0%{transform:translate(-50%)}to{transform:translate(0)}}.password-wrap{position:relative}.password-wrap .input{padding-right:46px}.password-eye{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:none;border-radius:10px;background:transparent;color:var(--text-3);font-size:15px;display:grid;place-items:center}.password-eye:hover{color:var(--text);background:var(--glass)}.auth-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;font-size:13px;color:var(--text-2);text-decoration:none}.auth-back:hover{color:var(--violet)}@supports not ((backdrop-filter: blur(4px)) or (-webkit-backdrop-filter: blur(4px))){.glass,.modal-sheet,.room-head,.composer,.bottom-nav,.sidebar{background:var(--surface)}}@media (prefers-reduced-motion: reduce){.code-row-a,.code-row-b,.welcome-glow-a,.welcome-glow-b,.msg-row,.modal-sheet,.welcome-card{animation:none!important}*{transition-duration:.01ms!important}}.status-read{color:var(--violet);display:inline-flex;align-items:center}.status-sent{color:var(--text-3);display:inline-flex;align-items:center}.empty-state .empty-icon{color:var(--violet);display:flex;justify-content:center}.bubble-meta svg{vertical-align:middle}.search-icon{display:inline-flex}.pending-attachment svg{flex-shrink:0}.msg-col{position:relative;display:flex;flex-direction:column;min-width:0}.msg-row.mine .msg-col{align-items:flex-end}.msg-row.theirs .msg-col{align-items:flex-start}.react-btn{background:none;border:none;color:var(--text-3);padding:2px;display:inline-flex;border-radius:8px;line-height:0;transition:color .15s}.react-btn:hover{color:#f472b6}.reaction-bar{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-chip{display:inline-flex;align-items:center;gap:4px;padding:2.5px 8px;border-radius:99px;background:var(--glass);border:1px solid var(--border);font-size:12.5px;line-height:1.3;transition:all .15s ease}.reaction-chip:hover{background:var(--glass-hover);transform:translateY(-1px)}.reaction-chip.mine{border-color:#a78bfa8c;background:#8b5cf629}.reaction-count{font-size:11.5px;font-weight:700;color:var(--text-2)}.reaction-picker{position:absolute;bottom:calc(100% + 6px);z-index:20;display:flex;gap:2px;padding:6px 8px;border-radius:99px;box-shadow:var(--shadow);animation:msgIn .18s ease}.msg-row.mine .reaction-picker{right:0}.msg-row.theirs .reaction-picker{left:0}.reaction-pick{background:none;border:none;font-size:19px;padding:4px 5px;border-radius:50%;line-height:1;transition:transform .15s}.reaction-pick:hover{transform:scale(1.28)}.load-earlier-btn{align-self:center;margin:4px auto 12px;padding:8px 16px;border-radius:99px;background:var(--glass);border:1px solid var(--border);color:var(--text-2);font-size:12.5px;font-weight:650}.load-earlier-btn:hover{color:var(--text);background:var(--glass-hover)}.sticker-msg{padding:2px}.sticker-msg svg{filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}.audio-bubble{display:flex;align-items:center;gap:10px;min-width:210px;padding:2px 0}.audio-play{width:38px;height:38px;border-radius:50%;border:1px solid rgba(167,139,250,.5);flex-shrink:0;background:linear-gradient(135deg,var(--violet-strong),var(--violet-deep));color:#fff;display:grid;place-items:center;box-shadow:0 4px 14px #7c3aed59}.audio-wave{display:flex;align-items:center;gap:2.5px;flex:1;height:28px;cursor:pointer;min-width:90px}.audio-bar{width:3px;border-radius:99px;background:#ffffff38;flex-shrink:0}.audio-bar.played{background:var(--violet)}.audio-time{font-size:11.5px;color:var(--text-2);font-variant-numeric:tabular-nums;flex-shrink:0}.video-circle-wrap{padding:2px}.video-circle{position:relative;width:168px;height:168px;border-radius:50%;border:none;padding:0;background:#000;overflow:visible;display:block}.video-circle video{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.video-ring{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);transform:rotate(-90deg);pointer-events:none}.video-ring-bg{fill:none;stroke:#ffffff24;stroke-width:3}.video-ring-fg{fill:none;stroke:var(--violet);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.video-play-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#0a08128c;border:1px solid rgba(167,139,250,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.video-duration{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:11px;font-weight:700;color:#fff;background:#00000080;padding:2px 8px;border-radius:99px;font-variant-numeric:tabular-nums}.composer-btn{width:42px;height:42px;border-radius:50%;flex-shrink:0}.composer-btn.active{color:var(--violet);border-color:#a78bfa8c;background:#8b5cf624}.recorder-bar{align-items:center}.rec-dot{width:11px;height:11px;border-radius:50%;background:#f43f5e;flex-shrink:0;animation:recPulse 1.1s ease-in-out infinite;box-shadow:0 0 12px #f43f5eb3}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.rec-time{font-size:13.5px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.sticker-panel{border-radius:20px;padding:14px;margin-bottom:2px}.sticker-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sticker-panel-title{font-weight:720;font-size:14px}.sticker-preview{display:flex;align-items:center;gap:16px;padding:8px 10px;border-radius:16px;background:#00000047;border:1px solid var(--border);margin-bottom:12px}.sticker-preview-meta{display:flex;flex-direction:column;gap:8px;align-items:flex-start;min-width:0}.sticker-preview-name{font-weight:680;font-size:14.5px;overflow-wrap:anywhere}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-height:300px;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.sticker-cell{border:1px solid transparent;background:#ffffff08;border-radius:16px;padding:6px;display:grid;place-items:center;transition:all .15s ease;min-height:64px}.sticker-cell:hover{background:var(--glass-hover);transform:translateY(-1px)}.sticker-cell.active{border-color:#a78bfa99;background:#8b5cf621}.video-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:18px;background:#000000a8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.video-panel{width:100%;max-width:400px;border-radius:26px;padding:20px;text-align:center}.video-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.video-panel-title{font-weight:750;font-size:16px}.video-preview-circle{position:relative;width:264px;height:264px;max-width:78vw;aspect-ratio:1;margin:0 auto;border-radius:50%;overflow:hidden;background:#000;border:2px solid rgba(167,139,250,.45);box-shadow:0 0 44px #8b5cf64d}.video-preview-circle video{width:100%;height:100%;object-fit:cover;display:block}.video-preview-circle .rec-dot{position:absolute;top:16px;left:50%;transform:translate(-50%)}.video-timer{position:absolute;bottom:14px;left:50%;transform:translate(-50%);font-size:12px;font-weight:700;color:#fff;background:#0000008c;padding:3px 10px;border-radius:99px;font-variant-numeric:tabular-nums;white-space:nowrap}.video-controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;min-height:52px;flex-wrap:wrap}.record-btn{width:58px;height:58px;border-radius:50%;border:3px solid rgba(244,63,94,.85);background:#f43f5e40;box-shadow:0 0 22px #f43f5e66;transition:transform .15s}.record-btn:hover{transform:scale(1.06)}.video-side-btn{width:46px;height:46px;border-radius:50%}.video-side-spacer{width:46px}@media (prefers-reduced-motion: reduce){.rec-dot{animation:none}.reaction-pick:hover,.sticker-cell:hover,.reaction-chip:hover{transform:none}}@media (max-width: 860px){.video-circle{width:148px;height:148px}.audio-bubble{min-width:180px}.sticker-grid{max-height:240px}}.row-main,.msg-col,.member-main,.user-profile-card{min-width:0}.row-title{flex-wrap:wrap;overflow-wrap:anywhere}.row-preview,.bubble-text,.bubble-sender,.user-profile-name,.user-profile-username,.user-profile-bio,.demo-banner,.error-box,.empty-state p,.modal-sheet p,.profile-hero h2,.profile-hero .username-line{overflow-wrap:anywhere}input,textarea,select,.bubble{max-width:100%}.msg-row{max-width:min(78%,560px)}.msg-row.own{margin-left:auto}.member-list{max-height:46dvh;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.member-main{display:flex;align-items:center;gap:12px;flex:1;cursor:pointer;border-radius:10px}.member-main:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.member-actions{display:flex;gap:6px;flex-wrap:wrap}.role-badge{flex-shrink:0;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:4px 9px;border-radius:999px;border:1px solid var(--border);color:var(--text-2);background:#ffffff0d;white-space:nowrap}.role-badge.role-owner{color:#ffd9ec;border-color:#ec489973;background:#ec489924}.role-badge.role-admin{color:#d9c8ff;border-color:#8b5cf680;background:#8b5cf629}.members-empty{color:var(--text-3);font-size:13.5px;text-align:center;padding:10px 0 4px;overflow-wrap:anywhere}.user-profile-card{text-align:center}.user-profile-name{margin:14px 0 2px;font-size:20px}.user-profile-username{color:var(--accent-2);font-size:14px;margin-bottom:8px}.user-profile-status{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--text-3);margin-bottom:10px}.user-profile-status .presence-dot{width:8px;height:8px;border-radius:50%;background:var(--text-3);display:inline-block}.user-profile-status.on{color:var(--success)}.user-profile-status.on .presence-dot{background:var(--success);box-shadow:0 0 8px #34d399cc}.user-profile-bio{color:var(--text-2);font-size:14px;margin:0 0 8px}.user-profile-since{color:var(--text-3);font-size:12.5px;margin:0 0 16px}@media (max-width: 560px){.row-card.member-row{flex-wrap:wrap;row-gap:8px}.member-main,.member-actions{flex:1 1 100%}.member-actions .btn{flex:1}.msg-row{max-width:86%}.auth-card{padding:28px 20px}.modal-sheet{padding:20px 16px}}.local-notice{border:1px solid rgba(245,197,66,.35);background:#f5c54214;color:#ffe1a8;border-radius:14px;padding:11px 14px;font-size:13px;line-height:1.55;overflow-wrap:anywhere;margin-bottom:12px}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(560px 380px at 85% -5%,rgba(139,92,246,.16),transparent 65%),radial-gradient(640px 460px at 8% 108%,rgba(236,72,153,.1),transparent 65%),radial-gradient(420px 300px at 55% 45%,rgba(96,165,250,.05),transparent 70%)}.page-title{background:linear-gradient(92deg,#fff 20%,#c4b5fd,#f0abfc 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glass{box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px #ffffff05,0 14px 34px #00000059}.row-card{transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}.row-card:hover{transform:translateY(-1px);border-color:#a78bfa59;box-shadow:inset 0 1px #ffffff14,0 12px 30px #4c1d9547}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9 55%,#7c3aed);border-color:#c4b5fd80;box-shadow:0 8px 26px #6d28d973,inset 0 1px #ffffff38}.btn-primary:hover{box-shadow:0 10px 32px #8b5cf68c,inset 0 1px #ffffff40}.btn-primary:active{transform:scale(.98)}.input:focus,textarea.input:focus,select.input:focus{border-color:#a78bfaa6;box-shadow:0 0 0 4px #8b5cf62e,inset 0 1px #ffffff0f;outline:none}.msg-row.mine .bubble{background:linear-gradient(135deg,#8b5cf680,#581cb46b 60%,#9d17784d);border-color:#c4b5fd80;box-shadow:inset 0 1px #ffffff2e,0 8px 24px #6d28d959}.pill{background:#8b5cf629;border-color:#a78bfa66;color:#ddd0ff}.section-label{letter-spacing:.08em}.bottom-nav,.sidebar{background:linear-gradient(180deg,#181226d1,#08060ee0);box-shadow:0 -12px 34px #00000073,inset 0 1px #ffffff0f}.nav-item.active,.side-item.active{background:linear-gradient(135deg,#8b5cf647,#ec489929);box-shadow:inset 0 0 0 1px #a78bfa59,0 6px 18px #6d28d94d;color:#fff}.modal-sheet,.auth-card{background:linear-gradient(165deg,#261c40b8,#0a0812db);box-shadow:inset 0 1px #ffffff17,0 30px 70px #0009,0 0 0 1px #a78bfa1f}.composer{background:linear-gradient(180deg,#1e1632a8,#0a0812cc);box-shadow:inset 0 1px #ffffff12,0 -10px 30px #00000059}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a78bfa80,#6d28d980)}@media (prefers-reduced-motion: reduce){.row-card,.btn-primary{transition:none}.row-card:hover{transform:none}}.nex-balance{display:inline-flex;align-items:center;gap:8px;padding:7px 8px 7px 13px;border-radius:99px;font-weight:800;font-size:15px;flex-shrink:0}.nex-amount{display:inline-flex;align-items:center;gap:6px;font-weight:750;white-space:nowrap}.nex-balance-label{color:#7dd3fc;font-size:12px;font-weight:800;letter-spacing:.8px}.nex-plus{width:30px;height:30px;border-radius:50%;border:1px solid rgba(125,211,252,.55);background:linear-gradient(135deg,#2f8cff,#1d4ed8);color:#fff;display:grid;place-items:center;box-shadow:0 0 14px #2f8cff73;transition:transform .18s ease,box-shadow .18s ease;padding:0}.nex-plus:hover{transform:scale(1.08);box-shadow:0 0 20px #2f8cffa6}.gift-tabs{margin-bottom:18px}.gift-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:14px;margin-top:6px}.gift-card{border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.gift-clickable{cursor:pointer}.gift-clickable:hover{transform:translateY(-3px);box-shadow:0 14px 34px #0000006b,0 0 22px #2f8cff24}.gift-art{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#ffffff0a}.gift-art img{width:100%;height:100%;object-fit:cover;display:block}.gift-art-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#ffffffeb}.gift-serial{position:absolute;top:9px;right:9px;padding:3px 9px;border-radius:99px;background:#05080eb8;border:1px solid rgba(255,255,255,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#eaf4ff;font-size:12px;font-weight:750;letter-spacing:.2px}.gift-sale-pill{position:absolute;top:9px;left:9px;padding:3px 9px;border-radius:99px;background:linear-gradient(135deg,#2f8cff,#1d4ed8);color:#fff;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;box-shadow:0 0 14px #2f8cff80}.gift-card-body{padding:12px 13px 14px;display:flex;flex-direction:column;gap:3px;flex:1}.gift-card-name{font-weight:750;font-size:15.5px;line-height:1.2;overflow-wrap:break-word}.gift-card-sub{color:var(--text-2);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:17px}.gift-card-value{margin-top:6px;font-size:14px;color:#bfe0ff}.gift-card-actions{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.gift-buy-btn{flex:1;justify-content:center}.gift-price-btn{width:100%;margin-top:9px;justify-content:center}.gift-note{color:var(--text-3);font-size:12.5px;line-height:1.55;margin:14px 2px 0}.gift-market-cta{margin-bottom:16px}.gift-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.gift-tool{flex:1 1 150px;min-width:0}.gift-tools .btn.gift-tool{flex:0 1 auto}.gift-filters{display:flex;flex-direction:column;gap:10px;padding:13px;border-radius:18px;margin-bottom:14px}.gift-results-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 12px}.gift-detail-art{border-radius:20px;overflow:hidden;aspect-ratio:1 / 1;max-height:340px;width:100%;margin-bottom:14px;background:#ffffff0a}.gift-detail-art img{width:100%;height:100%;object-fit:cover;display:block}.gift-detail-art video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.gift-detail-art.small{max-height:190px}.gift-detail-name{font-size:20px;font-weight:800;letter-spacing:-.3px;text-align:center}.gift-detail-name span{color:var(--text-3);font-weight:700}.gift-detail-collection{text-align:center;color:var(--text-2);font-size:13.5px;margin:3px 0 16px}.kv-list{border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:14px;background:#00000038}.kv-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;font-size:13.5px}.kv-row+.kv-row{border-top:1px solid var(--border)}.kv-row>span{color:var(--text-2);flex-shrink:0}.kv-row>strong{font-weight:650;text-align:right;display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end;min-width:0}.gift-owner{display:inline-flex;align-items:center;gap:7px;color:#7dd3fc;font-weight:700}.gift-buy-big{font-size:15px;padding:13px}.gift-balance-hero{text-align:center;padding:8px 0 16px;display:flex;flex-direction:column;align-items:center;gap:7px}.gift-balance-value{font-size:30px;font-weight:850;letter-spacing:-.5px}.gift-balance-value span{color:#7dd3fc;font-size:16px;font-weight:800;letter-spacing:1px}.gift-tx-amount{font-weight:800;font-size:14px;white-space:nowrap}.gift-tx-amount.pos{color:#4ade80}.gift-tx-amount.neg{color:#fda4af}.gift-msg{display:flex;flex-direction:column;gap:7px;min-width:148px}.gift-msg img{width:148px;height:148px;object-fit:cover;border-radius:15px;display:block}.gift-msg .gift-art-fallback{width:148px;height:148px;border-radius:15px}.gift-msg-label{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#bfe0ff}@media (max-width: 860px){.gift-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.gift-detail-art{max-height:300px}.bottom-nav .nav-item>span{font-size:9.5px;letter-spacing:-.2px}.nex-balance{font-size:14px;padding-left:11px}}.msg-row{-webkit-touch-callout:none}@media (pointer: coarse){.bubble{-webkit-user-select:none;user-select:none}}.msg-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:74;background:transparent}.msg-menu{position:fixed;z-index:75;width:252px;max-width:calc(100vw - 16px);border-radius:19px;padding:9px;animation:msgMenuIn .17s cubic-bezier(.2,.9,.3,1.2);background:#12121cd1;border:1px solid var(--border-strong);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:0 18px 44px #00000080,0 0 24px #8b5cf629,inset 0 1px #ffffff1f}@keyframes msgMenuIn{0%{opacity:0;transform:scale(.92) translateY(5px)}to{opacity:1;transform:none}}.msg-menu-emojis{display:flex;justify-content:space-between;gap:2px;padding:2px 2px 8px;border-bottom:1px solid var(--border);margin-bottom:6px}.msg-menu-emoji{width:36px;height:36px;border:none;border-radius:12px;background:transparent;font-size:19px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:transform .15s ease,background .15s ease;padding:0}.msg-menu-emoji:hover{background:var(--glass-hover);transform:scale(1.14)}.msg-menu-emoji:active{transform:scale(1.28)}.msg-menu-emoji.mine{background:#8b5cf638;box-shadow:inset 0 0 0 1px #a78bfa73}.msg-menu-item{display:flex;align-items:center;gap:11px;width:100%;padding:10px 11px;border:none;border-radius:12px;background:transparent;color:var(--text);font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s ease}.msg-menu-item:hover{background:var(--glass-hover)}.msg-menu-item svg{color:var(--text-2);flex-shrink:0}.msg-menu-item.danger{color:#fda4af}.msg-menu-item.danger svg{color:#fda4af}.msg-quote{border-left:3px solid rgba(167,139,250,.75);background:#8b5cf61f;border-radius:4px 10px 10px 4px;padding:6px 9px;margin-bottom:7px;display:flex;flex-direction:column;gap:1px;max-width:100%}.msg-quote-name{font-size:11.5px;font-weight:750;color:#c4b5fd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-quote-text{font-size:12.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edited-mark{font-style:italic;opacity:.85}.composer-banner{display:flex;align-items:center;gap:10px;margin:0 16px 8px;padding:9px 12px;border-radius:14px;background:#8b5cf61a;border:1px solid rgba(167,139,250,.35);color:#c4b5fd;animation:msgMenuIn .16s ease}.composer-banner-main{flex:1;min-width:0;display:flex;flex-direction:column}.composer-banner-name{font-size:12.5px;font-weight:750}.composer-banner-text{font-size:12.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-banner .icon-btn{color:var(--text-2);flex-shrink:0}.msg-toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:96;padding:9px 16px;border-radius:99px;font-size:13px;font-weight:650;background:#12121ce0;border:1px solid var(--border-strong);color:var(--text);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:0 10px 30px #00000073,0 0 18px #8b5cf62e;animation:msgMenuIn .18s ease;pointer-events:none;white-space:nowrap}.reaction-burst{position:fixed;z-index:90;width:0;height:0;pointer-events:none;filter:drop-shadow(0 0 6px rgba(255,120,180,.55))}.reaction-burst span{position:absolute;left:0;top:0;line-height:1;opacity:0;animation:burstFly .7s cubic-bezier(.17,.67,.35,1) forwards}@keyframes burstFly{0%{transform:translate(-50%,-50%) scale(.4) rotate(0);opacity:1}65%{opacity:1}to{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1.05) rotate(var(--rot));opacity:0}}.reaction-pick:active{animation:emojiPop .32s cubic-bezier(.2,.9,.3,1.4)}@keyframes emojiPop{0%{transform:scale(1)}45%{transform:scale(1.45) rotate(-6deg)}to{transform:scale(1)}}.reaction-chip{animation:chipIn .18s ease}@keyframes chipIn{0%{transform:scale(.7);opacity:.4}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion: reduce){.reaction-burst{display:none!important}.msg-menu,.composer-banner,.msg-toast,.reaction-pick:active,.reaction-chip{animation:none!important}}.room-head-profile{flex:1;min-width:0;display:flex;align-items:center;gap:11px;background:none;border:none;padding:2px 4px;margin:-2px -4px;border-radius:14px;cursor:pointer;text-align:left;color:var(--text);transition:background .15s ease}.room-head-profile:hover{background:var(--glass-hover)}.room-head-profile .row-main{display:flex;flex-direction:column;min-width:0}.msg-avatar-btn{cursor:pointer;flex-shrink:0;align-self:flex-end;border-radius:50%}.showcase{margin-top:16px}.profile-tabs{display:flex;gap:4px;padding:4px;border-radius:99px;background:#ffffff0d;border:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tabs button{flex:1;white-space:nowrap;padding:8px 10px;border:none;border-radius:99px;background:transparent;color:var(--text-2);font-size:13px;font-weight:650;cursor:pointer;transition:background .15s ease,color .15s ease}.profile-tabs button.active{background:linear-gradient(135deg,#a78bfa52,#8b5cf638);color:var(--text);box-shadow:inset 0 0 0 1px #a78bfa66}.showcase-add{display:flex;margin:14px 0 12px auto}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:14px}.post-tile{position:relative;aspect-ratio:1;border:none;border-radius:12px;overflow:hidden;padding:0;cursor:pointer;background:#8b5cf61a;transition:transform .15s ease}.post-tile:hover{transform:scale(1.02)}.post-tile img,.post-tile video{width:100%;height:100%;object-fit:cover;display:block}.post-tile-text{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;padding:10px;font-size:12px;line-height:1.45;color:var(--text);background:linear-gradient(150deg,#a78bfa33,#603cb41f);width:100%;height:100%;text-align:left}.post-tile-file{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;height:100%;padding:8px;font-size:10.5px;color:var(--text-2);overflow:hidden;text-overflow:ellipsis}.post-tile-badge{position:absolute;right:6px;bottom:6px;font-size:9px;color:#fff;background:#0000008c;border-radius:6px;padding:2px 5px}.post-detail img,.post-detail video{border-radius:14px}.post-detail-body{font-size:14.5px;line-height:1.55;margin:12px 0 0;white-space:pre-wrap;word-break:break-word}.post-create-preview{margin-bottom:12px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.post-create-preview img,.post-create-preview video{max-height:220px;border-radius:14px}.showcase-gifts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.showcase-gift{border-radius:18px;padding:10px;text-align:center}.showcase-gift-art{position:relative;border-radius:13px;overflow:hidden}.showcase-gift-art img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.showcase-gift-fallback{width:100%;aspect-ratio:1;display:grid;place-items:center;background:linear-gradient(150deg,#a78bfa47,#603cb429);color:#d6bcfa}.gift-ribbon{position:absolute;top:17px;right:-38px;transform:rotate(45deg);padding:3px 42px;font-size:10.5px;font-weight:800;letter-spacing:.6px;color:#fff;white-space:nowrap;pointer-events:none;background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 4px 14px #7c3aed73,inset 0 1px #ffffff59}.showcase-gift-name{font-size:12px;font-weight:700;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.showcase-gift-sub{font-size:11px;color:var(--text-3)}.user-profile-page{max-width:880px}.user-profile-head{align-items:center;gap:12px}.user-profile-head .page-title{margin:0}.user-profile-hero{overflow:hidden}.user-profile-hero .username-line{color:var(--accent-2);font-size:14.5px}.user-profile-bio-full{color:var(--text-2);font-size:14.5px;line-height:1.6;max-width:520px;margin:16px auto 0;white-space:pre-wrap;overflow-wrap:anywhere}.user-profile-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:520px;margin:20px auto 0;padding-top:14px;border-top:1px solid var(--border);font-size:13px;text-align:left}.user-profile-meta span{color:var(--text-3)}.user-profile-meta strong{font-weight:650;text-align:right}button.showcase-gift{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:0;color:inherit;font:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease}button.showcase-gift:hover{transform:translateY(-2px)}button.showcase-gift:active{transform:scale(.985)}button.showcase-gift:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gift-detail-art{position:relative}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px}.theme-card{position:relative;text-align:left;border:1px solid var(--border);border-radius:18px;padding:13px;background:var(--glass);color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.theme-card:hover{transform:translateY(-1px);background:var(--glass-hover)}.theme-card.active{border-color:color-mix(in srgb,var(--violet) 58%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--violet-strong) 18%,transparent),0 12px 28px #00000038}.theme-swatches{display:flex;gap:6px;margin-bottom:11px}.theme-swatch{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px #ffffff40}.theme-card-name{font-weight:760;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.theme-card-hint{color:var(--text-3);font-size:12px;line-height:1.35;margin-top:3px}.theme-check{flex-shrink:0;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,var(--violet-strong),var(--violet-deep));padding:3px 7px;border-radius:99px}html[data-theme] .btn-primary,html[data-theme] .send-btn,html[data-theme] .start-btn{background:linear-gradient(135deg,var(--violet-strong),var(--violet-deep));border-color:color-mix(in srgb,var(--violet) 55%,transparent);box-shadow:0 8px 26px var(--violet-glow),inset 0 1px #ffffff38;color:#fff}html[data-theme] .page-title{background:linear-gradient(92deg,var(--text) 20%,var(--violet) 58%,var(--accent-2) 92%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}html[data-theme] .msg-row.mine .bubble{background:var(--mine);border-color:var(--mine-border);box-shadow:inset 0 1px #ffffff29,0 8px 24px color-mix(in srgb,var(--violet-glow) 62%,transparent)}html[data-theme] .pill{background:color-mix(in srgb,var(--violet-strong) 16%,transparent);border-color:color-mix(in srgb,var(--violet) 40%,transparent);color:var(--violet)}html[data-theme] .nav-item.active,html[data-theme] .side-item.active,html[data-theme] .lang-option.active{background:linear-gradient(135deg,color-mix(in srgb,var(--violet-strong) 30%,transparent),color-mix(in srgb,var(--accent-2) 18%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--violet) 38%,transparent),0 6px 18px color-mix(in srgb,var(--violet-glow) 58%,transparent);color:var(--text)}html[data-theme] .modal-sheet,html[data-theme] .auth-card{background:var(--sheet-bg)}html[data-theme] .composer,html[data-theme] .room-head{background:var(--header-bg)}html[data-theme] .bottom-nav,html[data-theme] .sidebar{background:var(--surface)}html[data-theme] .input:focus,html[data-theme] textarea.input:focus,html[data-theme] select.input:focus,html[data-theme] .composer-input:focus{border-color:color-mix(in srgb,var(--violet) 65%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--violet-strong) 18%,transparent),inset 0 1px #ffffff0f;outline:none}html[data-theme=light] .glass{box-shadow:inset 0 1px #fffc,0 14px 34px #1e29521f}html[data-theme=light] .modal-overlay{background:#1e295247}html[data-theme=light] .theme-swatch{border-color:#0f172a29}@media (max-width: 560px){.theme-grid{grid-template-columns:1fr 1fr}.theme-card{padding:11px}}