@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#06060a;--bg-1:#0d0d14;--bg-2:#14141f;--bg-3:#1c1c2a;--bg-hover:#22223a;--border:#7c3aed1f;--border-2:#7c3aed38;--text:#f0f0ff;--text-2:#9090b8;--text-3:#48486a;--accent:#7c3aed;--accent-2:#a855f7;--accent-bg:#7c3aed26;--accent-bd:#7c3aed66;--cyan:#06b6d4;--cyan-bg:#06b6d424;--green:#22c55e;--red:#ef4444;--amber:#f59e0b;--glow-purple:#7c3aed8c;--glow-cyan:#06b6d473;--glow-pink:#ec489973;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--rail-w:60px;--sidebar-w:240px;--font:"Plus Jakarta Sans",system-ui,sans-serif;--mono:"Space Mono",monospace}[data-theme=light]{--bg:#f4f4fb;--bg-1:#fff;--bg-2:#eeeef8;--bg-3:#e4e4f0;--bg-hover:#dcdcf0;--border:#7c3aed24;--border-2:#7c3aed42;--text:#0d0d20;--text-2:#4a4a6a;--text-3:#9090b0;--accent:#7c3aed;--accent-2:#6d28d9;--accent-bg:#7c3aed1a;--accent-bd:#7c3aed4d;--cyan:#0891b2;--cyan-bg:#0891b21a;--green:#16a34a;--red:#dc2626;--amber:#d97706;--glow-purple:#7c3aed33;--glow-cyan:#06b6d42e;--glow-pink:#ec48992e}#root,body,html{overflow:hidden}body{-webkit-font-smoothing:antialiased;background:#06060a;background:var(--bg);color:#f0f0ff;color:var(--text);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:14px;line-height:1.5;transition:background .25s,color .25s}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#7c3aed26;background:var(--accent-bg);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7c3aed66;background:var(--accent-bd)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes vibe-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes drift-a{0%{transform:translate(0) scale(1)}to{transform:translate(8%,12%) scale(1.15)}}@keyframes drift-b{0%{transform:translate(0) scale(1)}to{transform:translate(-10%,-8%) scale(1.1)}}@keyframes logo-pulse{0%,to{filter:drop-shadow(0 0 12px rgba(124,58,237,.55)) drop-shadow(0 0 24px rgba(6,182,212,.45));transform:scale(1)}50%{filter:drop-shadow(0 0 28px rgba(124,58,237,.55)) drop-shadow(0 0 48px rgba(6,182,212,.45));transform:scale(1.06)}}.splash{align-items:center;background:radial-gradient(ellipse at 40% 40%,#7c3aed40 0,#0000 60%),radial-gradient(ellipse at 70% 70%,#06b6d42e 0,#0000 55%),#06060a;background:radial-gradient(ellipse at 40% 40%,#7c3aed40 0,#0000 60%),radial-gradient(ellipse at 70% 70%,#06b6d42e 0,#0000 55%),var(--bg);display:flex;flex-direction:column;gap:14px;height:100vh;justify-content:center}.splash-logo{animation:logo-pulse 2s ease-in-out infinite}.splash span{color:#f0f0ff;color:var(--text);font-size:20px;font-weight:800;letter-spacing:-.02em}.spinner{border:2.5px solid #7c3aed38;border-top-color:#7c3aed;border:2.5px solid var(--border-2);border-radius:50%;border-top-color:var(--accent);height:26px;width:26px}.spinner,.spinner-sm{animation:spin .65s linear infinite}.spinner-sm{border:1.5px solid #7c3aed38;border-top-color:#7c3aed;border:1.5px solid var(--border-2);border-radius:50%;border-top-color:var(--accent);height:14px;width:14px}.auth-page{align-items:center;background:radial-gradient(ellipse at 30% 20%,#7c3aed38 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#06b6d429 0,#0000 50%),#06060a;background:radial-gradient(ellipse at 30% 20%,#7c3aed38 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#06b6d429 0,#0000 50%),var(--bg);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:24px;position:relative}.auth-glow{background:radial-gradient(ellipse,#7c3aed2e 0,#0000 70%);height:400px;left:50%;pointer-events:none;position:absolute;top:-20%;transform:translateX(-50%);width:600px}.auth-glow-2{background:radial-gradient(ellipse,#06b6d41f 0,#0000 70%);bottom:-20%;left:20%;top:auto}.auth-box{background:#0d0d14;background:var(--bg-1);border:1.5px solid #7c3aed38;border:1.5px solid var(--border-2);border-radius:22px;border-radius:var(--r-xl);box-shadow:0 0 60px #7c3aed8c,0 24px 64px #0009;box-shadow:0 0 60px var(--glow-purple),0 24px 64px #0009;max-width:400px;padding:36px;position:relative;width:100%;z-index:1}.auth-logo-wrap{align-items:center;display:flex;gap:14px;margin-bottom:28px}.auth-logo-icon{align-items:center;background:#7c3aed26;background:var(--accent-bg);border:1.5px solid #7c3aed66;border:1.5px solid var(--accent-bd);border-radius:16px;border-radius:var(--r-lg);color:#a855f7;color:var(--accent-2);display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.auth-logo-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#06b6d4);background:linear-gradient(135deg,var(--accent-2),var(--cyan));-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 8px rgba(124,58,237,.55));filter:drop-shadow(0 0 8px var(--glow-purple));font-size:22px;font-weight:800;letter-spacing:-.03em}.auth-logo-sub{color:#48486a;color:var(--text-3);font-size:12px;margin-top:2px}.auth-toggle{background:#06060a;background:var(--bg);border-radius:12px;border-radius:var(--r-md);display:flex;gap:4px;margin-bottom:24px;padding:4px}.auth-toggle button{background:#0000;border:none;border-radius:10px;border-radius:calc(var(--r-md) - 2px);color:#9090b8;color:var(--text-2);cursor:pointer;flex:1 1;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:9px;transition:all .18s}.auth-toggle button.active{background:#14141f;background:var(--bg-2);color:#f0f0ff;color:var(--text)}.auth-form{gap:14px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:6px}.auth-field label{color:#9090b8;color:var(--text-2);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.auth-field input{background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed1f;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--r-md);color:#f0f0ff;color:var(--text);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:14px;outline:none;padding:11px 14px;transition:border-color .15s,box-shadow .15s}.auth-field input:focus{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed26;box-shadow:0 0 0 3px var(--accent-bg)}.auth-field input::placeholder,.auth-field-hint{color:#48486a;color:var(--text-3)}.auth-field-hint{font-size:11px}.auth-error{background:#ef44441a;border:1.5px solid #ef444440;border-radius:12px;border-radius:var(--r-md);color:#fca5a5;font-size:13px;padding:10px 14px}.auth-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);border:none;border-radius:12px;border-radius:var(--r-md);box-shadow:0 0 20px #7c3aed8c;box-shadow:0 0 20px var(--glow-purple);color:#fff;cursor:pointer;display:flex;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:14px;font-weight:700;justify-content:center;letter-spacing:-.01em;margin-top:4px;min-height:44px;padding:13px;transition:all .15s}.auth-btn:hover{box-shadow:0 0 32px #7c3aed8c;box-shadow:0 0 32px var(--glow-purple);transform:translateY(-2px)}.auth-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-spinner{animation:spin .65s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.auth-footer{color:#48486a;color:var(--text-3);font-size:12px;margin-top:18px;text-align:center}.shell{display:flex;height:100vh;overflow:hidden;position:relative}.shell:before{animation:drift-a 18s ease-in-out infinite alternate;background:radial-gradient(ellipse at center,#7c3aed8c 0,#0000 65%);background:radial-gradient(ellipse at center,var(--glow-purple) 0,#0000 65%);filter:blur(60px);height:60vh;left:-10%;top:-30%;width:60vw}.shell:after,.shell:before{content:"";pointer-events:none;position:fixed;z-index:0}.shell:after{animation:drift-b 22s ease-in-out infinite alternate;background:radial-gradient(ellipse at center,#06b6d473 0,#0000 65%);background:radial-gradient(ellipse at center,var(--glow-cyan) 0,#0000 65%);bottom:-20%;filter:blur(70px);height:50vh;right:-5%;width:50vw}.main-area,.rail,.sidebar{position:relative;z-index:1}.rail{align-items:center;background:linear-gradient(180deg,#0d0d14,color-mix(in srgb,#0d0d14 92%,#7c3aed 8%));background:linear-gradient(180deg,var(--bg-1) 0,color-mix(in srgb,var(--bg-1) 92%,var(--accent) 8%) 100%);border-right:1px solid #7c3aed38;border-right:1px solid var(--border-2);box-shadow:1px 0 24px #7c3aed8c;box-shadow:1px 0 24px var(--glow-purple);display:flex;flex-direction:column;flex-shrink:0;padding:12px 0;width:60px;width:var(--rail-w)}.rail-top{flex:1 1;flex-direction:column}.rail-bottom,.rail-top{align-items:center;display:flex;gap:4px}.rail-bottom{flex-direction:column}.rail-logo{filter:drop-shadow(0 0 10px rgba(124,58,237,.55)) drop-shadow(0 0 20px rgba(6,182,212,.45));filter:drop-shadow(0 0 10px var(--glow-purple)) drop-shadow(0 0 20px var(--glow-cyan));margin-bottom:10px}.rail-btn,.rail-logo{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.rail-btn{background:#0000;border:none;border-radius:12px;border-radius:var(--r-md);color:#48486a;color:var(--text-3);cursor:pointer;position:relative;transition:all .15s}.rail-btn:hover{background:#14141f;background:var(--bg-2);color:#9090b8;color:var(--text-2)}.rail-btn.active{background:#7c3aed26;background:var(--accent-bg);box-shadow:0 0 14px #7c3aed8c;box-shadow:0 0 14px var(--glow-purple);color:#a855f7;color:var(--accent-2)}.rail-badge{align-items:center;background:#ef4444;background:var(--red);border-radius:20px;box-shadow:0 0 8px #ef444499;color:#fff;display:flex;font-size:9px;font-weight:700;height:15px;justify-content:center;min-width:15px;padding:0 3px;position:absolute;right:5px;top:5px}.sidebar{background:linear-gradient(180deg,#0d0d14,#06060a);background:linear-gradient(180deg,var(--bg-1) 0,var(--bg) 100%);border-right:1px solid #7c3aed38;border-right:1px solid var(--border-2);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:240px;width:var(--sidebar-w)}.sidebar-head{align-items:center;display:flex;justify-content:space-between;padding:14px 14px 10px}.sidebar-head span{color:#48486a;color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sidebar-empty{color:#48486a;color:var(--text-3);font-size:12px;line-height:1.7;padding:16px 12px}.sidebar-section-label{color:#48486a;color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:.08em;padding:10px 14px 4px;text-transform:uppercase}.sidebar-empty-small{color:#48486a;color:var(--text-3);font-size:12px;padding:10px 14px}.sidebar-new-dm-btn{background:#7c3aed26;background:var(--accent-bg);border:1.5px solid #7c3aed66;border:1.5px solid var(--accent-bd);border-radius:12px;border-radius:var(--r-md);color:#a855f7;color:var(--accent-2);cursor:pointer;display:inline-block;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:12px;font-weight:700;margin-top:8px;padding:6px 14px;transition:all .15s}.sidebar-new-dm-btn:hover{background:#7c3aed;background:var(--accent);border-color:#7c3aed;border-color:var(--accent);color:#fff}.create-room-form{border-bottom:1px solid #7c3aed1f;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:7px;padding:8px 10px}.create-room-form input,.create-room-form select{background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed1f;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#f0f0ff;color:var(--text);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:13px;outline:none;padding:8px 10px;transition:border-color .15s}.create-room-form input:focus,.create-room-form select:focus{border-color:#7c3aed;border-color:var(--accent)}.create-room-form input::placeholder{color:#48486a;color:var(--text-3)}.create-room-form select option{background:#14141f;background:var(--bg-2)}.create-room-actions{display:flex;gap:6px}.room-list{flex:1 1;overflow-y:auto;padding:4px 6px}.room-item{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--r-md);cursor:pointer;display:flex;gap:8px;padding:8px 10px;text-align:left;transition:all .12s;width:100%}.room-item:hover{background:#22223a;background:var(--bg-hover)}.room-item.active{background:#7c3aed26;background:var(--accent-bg);box-shadow:inset 2px 0 0 #a855f7,0 0 12px #7c3aed8c;box-shadow:inset 2px 0 0 var(--accent-2),0 0 12px var(--glow-purple)}.room-item.active .room-name{color:#a855f7;color:var(--accent-2)}.room-hash{color:#48486a;color:var(--text-3);flex-shrink:0;font-family:Space Mono,monospace;font-family:var(--mono);font-size:12px;width:14px}.room-name{color:#f0f0ff;color:var(--text);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-item-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.room-preview{color:#48486a;color:var(--text-3);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background:#7c3aed;background:var(--accent);border-radius:20px;box-shadow:0 0 8px #7c3aed8c;box-shadow:0 0 8px var(--glow-purple);color:#fff;flex-shrink:0;font-size:10px;font-weight:700;padding:1px 6px}.dm-reqs-wrap{border-bottom:1px solid #7c3aed1f;border-bottom:1px solid var(--border);padding:6px 8px}.dm-reqs-btn{background:#7c3aed26;background:var(--accent-bg);border:none;border-radius:12px;border-radius:var(--r-md);color:#a855f7;color:var(--accent-2);cursor:pointer;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;gap:7px;padding:7px 8px;width:100%}.dm-reqs-btn,.req-count{align-items:center;display:flex}.req-count{background:#7c3aed;background:var(--accent);border-radius:50%;color:#fff;flex-shrink:0;font-size:10px;font-weight:700;height:16px;justify-content:center;width:16px}.dm-reqs-list{display:flex;flex-direction:column;gap:4px;margin-top:6px}.dm-req-row{align-items:center;display:flex;gap:7px;padding:5px 4px}.dm-req-name{flex:1 1;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.req-check,.req-x{align-items:center;border:none;border-radius:8px;border-radius:var(--r-sm);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:26px;justify-content:center;transition:all .15s;width:26px}.req-check{background:#22c55e26;color:#22c55e;color:var(--green)}.req-check:hover{background:#22c55e4d}.req-x{background:#ef44441a;color:#ef4444;color:var(--red)}.req-x:hover{background:#ef444433}.main-area{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.page-scroll{background:#06060a;background:var(--bg);flex:1 1;overflow-y:auto}.page-empty{align-items:center;color:#9090b8;color:var(--text-2);display:flex;flex:1 1;flex-direction:column;gap:10px;height:100%;justify-content:center;text-align:center}.page-empty h2{color:#f0f0ff;color:var(--text);font-size:18px;font-weight:700}.page-loading{align-items:center;display:flex;height:100%;justify-content:center}.feed-wrap{display:flex;flex-direction:column;gap:14px;margin:0 auto;max-width:600px;padding:24px 20px 48px}.feed-header{margin-bottom:4px}.feed-header h1{font-size:22px;font-weight:800;letter-spacing:-.03em}.feed-header span{color:#48486a;color:var(--text-3);font-size:13px}.feed-divider{background:#7c3aed1f;background:var(--border);height:1px;margin:4px 0 16px}.skeleton-card{animation:pulse 1.4s ease-in-out infinite;background:#0d0d14;background:var(--bg-1);border-radius:16px;border-radius:var(--r-lg);height:140px}.empty-state{align-items:center;display:flex;flex-direction:column;gap:10px;padding:48px 20px;text-align:center}.empty-icon{font-size:40px}.empty-state h2{font-size:18px;font-weight:700}.empty-state p{color:#9090b8;color:var(--text-2);font-size:14px;margin-bottom:8px}.post-card{background:#0d0d14;background:var(--bg-1);border:1px solid #7c3aed1f;border:1px solid var(--border);border-radius:22px;border-radius:var(--r-xl);padding:18px;transition:border-color .2s,box-shadow .2s,transform .15s}.post-card:hover{border-color:#7c3aed38;border-color:var(--border-2);box-shadow:0 0 24px #7c3aed8c,0 8px 32px #0000004d;box-shadow:0 0 24px var(--glow-purple),0 8px 32px #0000004d;transform:translateY(-1px)}.post-head{justify-content:space-between;margin-bottom:12px}.post-author,.post-head{align-items:center;display:flex}.post-author{flex:1 1;gap:10px}.post-author-name{display:block;font-size:14px;font-weight:700}.post-ts{font-family:Space Mono,monospace;font-family:var(--mono);font-size:11px}.post-del-btn,.post-ts{color:#48486a;color:var(--text-3)}.post-del-btn{background:#0000;border:none;border-radius:8px;border-radius:var(--r-sm);cursor:pointer;padding:4px;transition:all .12s}.post-del-btn:hover{background:#ef44441a;color:#ef4444;color:var(--red)}.post-body{color:#f0f0ff;color:var(--text);font-size:15px;line-height:1.65;margin-bottom:12px;white-space:pre-wrap}.post-img{border-radius:16px;border-radius:var(--r-lg);display:block;margin-bottom:12px;max-height:400px;object-fit:cover;width:100%}.post-rxn-bar{align-items:center;display:flex;flex-wrap:wrap;gap:6px;padding:8px 0 4px}.post-rxn-trigger{align-items:center;background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed1f;border:1.5px solid var(--border);border-radius:20px;color:#9090b8;color:var(--text-2);cursor:pointer;display:flex;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;gap:5px;padding:4px 12px;transition:all .12s}.post-rxn-trigger.active,.post-rxn-trigger:hover{background:#7c3aed26;background:var(--accent-bg);border-color:#7c3aed;border-color:var(--accent);color:#a855f7;color:var(--accent-2)}.post-rxn-picker{background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed38;border:1.5px solid var(--border-2);border-radius:30px;bottom:calc(100% + 8px);box-shadow:0 8px 32px #000000b3,0 0 20px #7c3aed8c;box-shadow:0 8px 32px #000000b3,0 0 20px var(--glow-purple);display:flex;gap:4px;left:0;padding:8px 10px;position:absolute;white-space:nowrap;z-index:30}.post-rxn-opt{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:transform .1s;width:36px}.post-rxn-opt:hover{transform:scale(1.35)}.post-rxn-opt.selected{background:#7c3aed26;background:var(--accent-bg)}.rxn-count-pill{align-items:center;background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed1f;border:1.5px solid var(--border);border-radius:20px;color:#9090b8;color:var(--text-2);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:3px;padding:3px 10px;transition:all .12s}.rxn-count-pill:hover{background:#7c3aed26;background:var(--accent-bg);border-color:#7c3aed;border-color:var(--accent)}.post-actions{border-top:1px solid #7c3aed1f;border-top:1px solid var(--border);gap:4px;margin-top:6px;padding-top:10px}.post-act-btn,.post-actions{align-items:center;display:flex}.post-act-btn{background:#0000;border:none;border-radius:12px;border-radius:var(--r-md);color:#9090b8;color:var(--text-2);cursor:pointer;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;gap:6px;padding:7px 12px;transition:all .12s}.post-act-btn:hover{background:#14141f;background:var(--bg-2);color:#f0f0ff;color:var(--text)}.post-act-btn.liked{color:#f43f5e}.post-act-btn.liked:hover{background:#f43f5e1a}.post-comments{border-top:1px solid #7c3aed1f;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px}.comment-row{align-items:flex-start;display:flex;gap:8px}.comment-bubble{background:#14141f;background:var(--bg-2);border-radius:0 16px 16px 16px;border-radius:0 var(--r-lg) var(--r-lg) var(--r-lg);flex:1 1;padding:8px 12px}.comment-name{display:block;font-size:12px;font-weight:700;margin-bottom:3px}.comment-txt{color:#9090b8;color:var(--text-2);font-size:13px}.comment-del{background:#0000;border:none;color:#48486a;color:var(--text-3);cursor:pointer;font-size:11px;margin-top:2px;padding:2px}.comment-del:hover{color:#ef4444;color:var(--red)}.comment-form{display:flex;gap:8px}.comment-form input{background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed1f;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--r-md);color:#f0f0ff;color:var(--text);flex:1 1;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:13px;outline:none;padding:9px 12px;transition:border-color .15s}.comment-form input:focus{border-color:#7c3aed;border-color:var(--accent)}.comment-form input::placeholder{color:#48486a;color:var(--text-3)}.create-post{background:#0d0d14;background:var(--bg-1);border:1px solid #7c3aed1f;border:1px solid var(--border);border-radius:22px;border-radius:var(--r-xl);padding:16px}.create-post-row{display:flex;gap:10px;margin-bottom:10px}.create-post-textarea{background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed1f;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--r-lg);color:#f0f0ff;color:var(--text);flex:1 1;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:14px;line-height:1.55;outline:none;padding:10px 14px;resize:none;transition:border-color .15s,box-shadow .15s}.create-post-textarea:focus{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed26;box-shadow:0 0 0 3px var(--accent-bg)}.create-post-textarea::placeholder{color:#48486a;color:var(--text-3)}.create-post-preview{margin-bottom:10px;position:relative}.create-post-preview img{border-radius:16px;border-radius:var(--r-lg);display:block;max-height:200px;object-fit:cover;width:100%}.remove-preview{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.create-post-footer{justify-content:space-between}.create-post-footer,.media-btn{align-items:center;display:flex}.media-btn{background:#0000;border:none;border-radius:12px;border-radius:var(--r-md);color:#9090b8;color:var(--text-2);cursor:pointer;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;gap:6px;padding:6px 8px;transition:all .12s}.media-btn:hover{background:#14141f;background:var(--bg-2);color:#f0f0ff;color:var(--text)}.chat-window{background:#06060a;background:var(--bg)}.chat-topbar{background:linear-gradient(90deg,#0d0d14,color-mix(in srgb,#0d0d14 95%,#7c3aed 5%));background:linear-gradient(90deg,var(--bg-1) 0,color-mix(in srgb,var(--bg-1) 95%,var(--accent) 5%) 100%);border-bottom:1px solid #7c3aed38;border-bottom:1px solid var(--border-2);box-shadow:0 1px 20px #0006;flex-shrink:0;gap:12px;padding:14px 20px}.chat-topbar,.chat-topbar-left{align-items:center;display:flex}.chat-topbar-left{flex:1 1;gap:10px}.chat-topbar-left h2{font-size:15px;font-weight:700}.chat-topbar-left p{color:#9090b8;color:var(--text-2);font-size:12px}.live-pill{align-items:center;background:#22c55e1f;border:1px solid #22c55e4d;border-radius:20px;box-shadow:0 0 10px #22c55e40;color:#22c55e;color:var(--green);display:flex;font-size:11px;font-weight:700;gap:5px;padding:3px 10px}.live-dot{animation:pulse 1.8s ease-in-out infinite;background:#22c55e;background:var(--green);border-radius:50%;height:6px;width:6px}.dm-topbar-name{display:block;font-size:14px;font-weight:700}.dm-topbar-status{color:#48486a;color:var(--text-3);display:block;font-size:11px}.dm-topbar-status.on{color:#22c55e;color:var(--green)}.messages-area{display:flex;flex-direction:column;padding:16px 20px 8px}.skeleton-msg{animation:pulse 1.4s ease-in-out infinite;background:#0d0d14;background:var(--bg-1);border-radius:16px;border-radius:var(--r-lg);height:44px;margin-bottom:10px}.messages-empty{align-items:center;color:#9090b8;color:var(--text-2);display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;text-align:center}.msgs-empty-hash{color:#48486a;color:var(--text-3);font-family:Space Mono,monospace;font-family:var(--mono);font-size:32px;margin-bottom:8px}.messages-empty h3{color:#f0f0ff;color:var(--text);font-size:16px;font-weight:700}.msg-row{border-radius:12px;border-radius:var(--r-md);display:flex;gap:10px;padding:3px 4px;position:relative;transition:background .1s}.msg-row:hover{background:#0d0d14;background:var(--bg-1)}.msg-row.grouped{padding-top:1px}.msg-avatar-col{align-items:flex-start;display:flex;flex-shrink:0;padding-top:2px;width:32px}.msg-time-hint{color:#48486a;color:var(--text-3);font-family:Space Mono,monospace;font-family:var(--mono);font-size:10px;padding-top:4px;text-align:right;width:32px}.msg-content-col{flex:1 1;min-width:0}.msg-meta{align-items:baseline;display:flex;gap:7px;margin-bottom:3px}.msg-name{font-size:13px;font-weight:700}.msg-ts{font-family:Space Mono,monospace;font-family:var(--mono);font-size:11px}.msg-edited,.msg-ts{color:#48486a;color:var(--text-3)}.msg-edited{font-size:10px}.msg-text{font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.msg-sticker{border-radius:16px;border-radius:var(--r-lg);display:block;max-height:180px;max-width:180px}.msg-reply-ref{background:#14141f;background:var(--bg-2);border-left:2.5px solid #7c3aed;border-left:2.5px solid var(--accent);border-radius:0 8px 8px 0;border-radius:0 var(--r-sm) var(--r-sm) 0;margin-bottom:6px;padding:4px 10px}.reply-from{color:#a855f7;color:var(--accent-2);display:block;font-size:11px;font-weight:700;margin-bottom:1px}.reply-preview{color:#9090b8;color:var(--text-2);display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-edit-input{background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed;border:1.5px solid var(--accent);border-radius:12px;border-radius:var(--r-md);color:#f0f0ff;color:var(--text);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:14px;min-height:60px;outline:none;padding:9px 12px;resize:none;width:100%}.edit-hint{color:#48486a;color:var(--text-3);font-size:11px;margin-top:4px}.msg-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.rxn-pill{align-items:center;background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed1f;border:1.5px solid var(--border);border-radius:20px;color:#9090b8;color:var(--text-2);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:4px;padding:2px 9px;transition:all .12s}.rxn-pill:hover{background:#7c3aed26;background:var(--accent-bg);border-color:#7c3aed;border-color:var(--accent)}.rxn-pill span{font-size:11px}.msg-actions{background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed38;border:1.5px solid var(--border-2);border-radius:12px;border-radius:var(--r-md);box-shadow:0 4px 20px #0009,0 0 12px #7c3aed8c;box-shadow:0 4px 20px #0009,0 0 12px var(--glow-purple);gap:1px;padding:2px;position:absolute;right:6px;top:-14px;z-index:10}.act-btn,.msg-actions{align-items:center;display:flex}.act-btn{background:#0000;border:none;border-radius:10px;border-radius:calc(var(--r-md) - 2px);color:#9090b8;color:var(--text-2);cursor:pointer;font-size:14px;height:28px;justify-content:center;transition:all .12s;width:28px}.act-btn:hover{background:#22223a;background:var(--bg-hover);color:#f0f0ff;color:var(--text)}.act-btn.danger:hover{background:#ef44441f;color:#ef4444;color:var(--red)}.rxn-wrap{position:relative}.rxn-picker{background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed38;border:1.5px solid var(--border-2);border-radius:22px;border-radius:var(--r-xl);bottom:calc(100% + 4px);box-shadow:0 8px 28px #000000b3,0 0 16px #7c3aed8c;box-shadow:0 8px 28px #000000b3,0 0 16px var(--glow-purple);display:flex;gap:2px;left:50%;padding:6px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:20}.rxn-opt{background:#0000;border:none;border-radius:8px;border-radius:var(--r-sm);cursor:pointer;font-size:17px;padding:6px;transition:transform .1s}.rxn-opt:hover{transform:scale(1.3)}.dm-row{display:flex;gap:8px;padding:2px 4px;position:relative}.dm-row.own{flex-direction:row-reverse}.dm-row.grouped{padding-top:1px}.dm-bubble-col{display:flex;flex-direction:column;max-width:72%}.dm-row.own .dm-bubble-col{align-items:flex-end}.dm-meta{align-items:baseline;display:flex;gap:6px;margin-bottom:3px}.dm-name{font-size:12px;font-weight:700}.dm-ts{color:#48486a;color:var(--text-3);font-family:Space Mono,monospace;font-family:var(--mono);font-size:10px}.dm-bubble{background:#14141f;background:var(--bg-2);border-radius:16px;border-radius:var(--r-lg);max-width:100%;padding:10px 14px}.dm-bubble.own{background:linear-gradient(135deg,#7c3aed33,#a855f726);border:1.5px solid #7c3aed66;border:1.5px solid var(--accent-bd);box-shadow:0 0 12px #7c3aed8c;box-shadow:0 0 12px var(--glow-purple)}.dm-bubble.deleted{background:#0000!important;border:1.5px dashed #7c3aed1f!important;border:1.5px dashed var(--border)!important;box-shadow:none!important}.dm-deleted-txt{color:#48486a;color:var(--text-3);font-size:13px;font-style:italic}.dm-txt{font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.dm-reply-ref{background:#14141f;background:var(--bg-2);border-left:2.5px solid #7c3aed;border-left:2.5px solid var(--accent);border-radius:0 8px 8px 0;border-radius:0 var(--r-sm) var(--r-sm) 0;color:#9090b8;color:var(--text-2);font-size:12px;margin-bottom:5px;padding:3px 8px}.dm-receipt{color:#48486a;color:var(--text-3);font-size:10px;margin-top:3px;text-align:right}.dm-receipt .seen{color:#a855f7;color:var(--accent-2);font-weight:600}.dm-actions{background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed38;border:1.5px solid var(--border-2);border-radius:12px;border-radius:var(--r-md);box-shadow:0 4px 14px #00000080;display:flex;gap:1px;padding:2px;position:absolute;top:-12px;z-index:10}.dm-actions.own{right:8px}.dm-actions:not(.own){left:8px}.dm-delete-confirm{align-items:center;background:#ef444414;border:1.5px solid #ef444438;border-radius:16px;border-radius:var(--r-lg);display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px}.dm-delete-confirm span{color:#9090b8;color:var(--text-2);flex:1 1;font-size:13px;white-space:nowrap}.dm-del-yes{background:#ef4444;background:var(--red);border:none;border-radius:8px;border-radius:var(--r-sm);color:#fff;cursor:pointer;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:12px;font-weight:700;padding:4px 12px;transition:opacity .12s}.dm-del-yes:hover{opacity:.85}.dm-del-no{background:#0000;border:1.5px solid #7c3aed38;border:1.5px solid var(--border-2);border-radius:8px;border-radius:var(--r-sm);color:#9090b8;color:var(--text-2);cursor:pointer;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;padding:4px 10px;transition:all .12s}.dm-del-no:hover{color:#f0f0ff;color:var(--text)}.typing-row{gap:8px;min-height:24px;padding:5px 0}.typing-dots,.typing-row{align-items:center;display:flex}.typing-dots{gap:3px}.typing-dots span{animation:bounce 1.2s ease-in-out infinite;background:#48486a;background:var(--text-3);border-radius:50%;height:5px;width:5px}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}.typing-txt{color:#9090b8;color:var(--text-2);font-size:12px;font-style:italic}.reply-bar{align-items:center;background:#0d0d14;background:var(--bg-1);border-top:1px solid #7c3aed1f;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:10px;padding:8px 20px}.reply-bar-label{color:#a855f7;color:var(--accent-2);display:block;font-size:11px;font-weight:700;margin-bottom:1px}.reply-bar-preview{color:#9090b8;color:var(--text-2);display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-bar{background:#0d0d14;background:var(--bg-1);border-top:1px solid #7c3aed38;border-top:1px solid var(--border-2);padding:10px 16px 16px}.input-bar-inner{align-items:flex-end;background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed1f;border:1.5px solid var(--border);border-radius:22px;border-radius:var(--r-xl);display:flex;gap:8px;padding:4px 4px 4px 12px;transition:border-color .15s,box-shadow .15s}.input-bar-inner:focus-within{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed26,0 0 20px #7c3aed8c;box-shadow:0 0 0 3px var(--accent-bg),0 0 20px var(--glow-purple)}.chat-textarea{background:#0000;border:none;color:#f0f0ff;color:var(--text);flex:1 1;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:14px;line-height:1.55;max-height:120px;outline:none;overflow-y:auto;padding:8px 0;resize:none}.chat-textarea::placeholder{color:#48486a;color:var(--text-3)}.send-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);border:none;border-radius:16px;border-radius:var(--r-lg);box-shadow:0 0 14px #7c3aed8c;box-shadow:0 0 14px var(--glow-purple);color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .15s;width:36px}.send-btn:hover{box-shadow:0 0 22px #7c3aed8c;box-shadow:0 0 22px var(--glow-purple);transform:scale(1.08)}.send-btn:disabled{background:#1c1c2a;background:var(--bg-3);box-shadow:none;color:#48486a;color:var(--text-3);cursor:default;transform:none}.sticker-btn{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--r-md);cursor:pointer;display:flex;flex-shrink:0;font-size:17px;height:32px;justify-content:center;transition:background .12s;width:32px}.sticker-btn:hover{background:#22223a;background:var(--bg-hover)}.sp-root{animation:modal-enter .2s cubic-bezier(.16,1,.3,1);background:#0d0d14;background:var(--bg-1);border:1.5px solid #7c3aed38;border:1.5px solid var(--border-2);border-radius:22px;border-radius:var(--r-xl);box-shadow:0 0 40px #7c3aed8c,0 20px 60px #000000b3;box-shadow:0 0 40px var(--glow-purple),0 20px 60px #000000b3;display:flex;flex-direction:column;max-height:520px;max-width:480px;overflow:hidden;width:100%}.sp-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 16px 0}.sp-tabs{background:#14141f;background:var(--bg-2);border-radius:12px;border-radius:var(--r-md);display:flex;gap:4px;padding:3px}.sp-tab{background:#0000;border:none;border-radius:10px;border-radius:calc(var(--r-md) - 2px);color:#48486a;color:var(--text-3);cursor:pointer;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:700;letter-spacing:.02em;padding:6px 18px;transition:all .15s}.sp-tab.active{background:#7c3aed;background:var(--accent);box-shadow:0 0 12px #7c3aed8c;box-shadow:0 0 12px var(--glow-purple);color:#fff}.sp-close{align-items:center;background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed1f;border:1.5px solid var(--border);border-radius:50%;color:#48486a;color:var(--text-3);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s;width:32px}.sp-close:hover{background:#22223a;background:var(--bg-hover);color:#f0f0ff;color:var(--text)}.sp-search{flex-shrink:0;padding:12px 14px 8px}.sp-search,.sp-search-inner{align-items:center;display:flex;gap:8px}.sp-search-inner{background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed1f;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--r-lg);flex:1 1;padding:9px 12px;transition:border-color .15s}.sp-search-inner:focus-within{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed26;box-shadow:0 0 0 3px var(--accent-bg)}.sp-search-input{background:#0000;border:none;color:#f0f0ff;color:var(--text);flex:1 1;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:13px;min-width:0;outline:none}.sp-search-clear,.sp-search-input::placeholder{color:#48486a;color:var(--text-3)}.sp-search-clear{background:#0000;border:none;cursor:pointer;font-size:11px;line-height:1;padding:0;transition:color .12s}.sp-search-clear:hover{color:#f0f0ff;color:var(--text)}.sp-search-btn{background:#7c3aed;background:var(--accent);border:none;border-radius:12px;border-radius:var(--r-md);box-shadow:0 0 10px #7c3aed8c;box-shadow:0 0 10px var(--glow-purple);color:#fff;cursor:pointer;flex-shrink:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:12px;font-weight:700;padding:9px 16px;transition:all .15s;white-space:nowrap}.sp-search-btn:hover{background:#a855f7;background:var(--accent-2);box-shadow:0 0 18px #7c3aed8c;box-shadow:0 0 18px var(--glow-purple)}.sp-packs{display:flex;flex-shrink:0;gap:6px;overflow-x:auto;padding:0 14px 10px;scrollbar-width:none}.sp-packs::-webkit-scrollbar{display:none}.sp-pack{align-items:center;background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed1f;border:1.5px solid var(--border);border-radius:20px;color:#9090b8;color:var(--text-2);cursor:pointer;display:flex;flex-shrink:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;gap:5px;padding:5px 12px;transition:all .15s;white-space:nowrap}.sp-pack.active,.sp-pack:hover{background:#7c3aed26;background:var(--accent-bg);border-color:#7c3aed66;border-color:var(--accent-bd);color:#a855f7;color:var(--accent-2)}.sp-pack.active{box-shadow:0 0 8px #7c3aed8c;box-shadow:0 0 8px var(--glow-purple)}.sp-pack-emoji{font-size:14px}.sp-pack-name{font-size:11px}.sp-error{background:#ef44441a;border:1px solid #ef444433;border-radius:12px;border-radius:var(--r-md);color:#fca5a5;flex-shrink:0;font-size:12px;margin:0 14px 8px;padding:8px 12px}.sp-grid{flex:1 1;min-height:0;overflow-y:auto;padding:0 14px 6px}.sp-grid::-webkit-scrollbar{width:3px}.sp-grid::-webkit-scrollbar-thumb{background:#7c3aed38;background:var(--border-2);border-radius:3px}.sp-masonry{column-count:2;column-gap:8px}.sp-gif-btn{animation:sp-gif-in .25s cubic-bezier(.16,1,.3,1) both;background:#14141f;background:var(--bg-2);border:none;border-radius:12px;border-radius:var(--r-md);break-inside:avoid;cursor:pointer;display:block;margin-bottom:8px;overflow:hidden;padding:0;page-break-inside:avoid;position:relative;transition:transform .15s,box-shadow .15s;width:100%}@keyframes sp-gif-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.sp-gif-btn:hover{box-shadow:0 4px 20px #00000080,0 0 12px #7c3aed8c;box-shadow:0 4px 20px #00000080,0 0 12px var(--glow-purple);transform:scale(1.03);z-index:2}.sp-gif-btn img{border-radius:12px;border-radius:var(--r-md);display:block;height:auto;object-fit:cover;transition:filter .15s;width:100%}.sp-gif-btn:hover img{filter:brightness(1.1)}.sp-gif-overlay{align-items:center;animation:sp-overlay-in .12s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#7c3aed59;border-radius:12px;border-radius:var(--r-md);display:flex;inset:0;justify-content:center;position:absolute}@keyframes sp-overlay-in{0%{opacity:0}to{opacity:1}}.sp-gif-overlay span{background:#7c3aed;background:var(--accent);border-radius:20px;box-shadow:0 0 14px #7c3aed8c;box-shadow:0 0 14px var(--glow-purple);color:#fff;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:.04em;padding:5px 14px}.sp-loading{align-items:center;color:#48486a;color:var(--text-3);display:flex;flex-direction:column;font-size:13px;gap:12px;justify-content:center;padding:48px 20px}.sp-loading-dots{display:flex;gap:6px}.sp-loading-dots span{animation:sp-dot-bounce .9s ease-in-out infinite;background:#7c3aed;background:var(--accent);border-radius:50%;height:8px;width:8px}.sp-loading-dots span:nth-child(2){animation-delay:.15s;background:#a855f7;background:var(--accent-2)}.sp-loading-dots span:nth-child(3){animation-delay:.3s;background:#06b6d4;background:var(--cyan)}@keyframes sp-dot-bounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}.sp-empty{flex-direction:column;font-size:13px;gap:10px;padding:48px 20px}.sp-empty,.sp-giphy-credit{align-items:center;color:#48486a;color:var(--text-3);display:flex;justify-content:center}.sp-giphy-credit{border-top:1px solid #7c3aed1f;border-top:1px solid var(--border);flex-shrink:0;font-size:10px;font-weight:700;gap:6px;letter-spacing:.06em;padding:8px;text-transform:uppercase}.sp-upload-tab{padding:16px}.sp-upload-tab,.sp-upload-zone{display:flex;flex:1 1;flex-direction:column;gap:10px}.sp-upload-zone{align-items:center;background:#14141f;background:var(--bg-2);border:2px dashed #7c3aed38;border:2px dashed var(--border-2);border-radius:22px;border-radius:var(--r-xl);cursor:pointer;justify-content:center;min-height:240px;padding:32px 20px;transition:all .2s}.sp-upload-zone:hover{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 20px #7c3aed8c;box-shadow:0 0 20px var(--glow-purple)}.sp-upload-icon,.sp-upload-zone:hover{background:#7c3aed26;background:var(--accent-bg)}.sp-upload-icon{align-items:center;border:1.5px solid #7c3aed66;border:1.5px solid var(--accent-bd);border-radius:16px;border-radius:var(--r-lg);color:#a855f7;color:var(--accent-2);display:flex;height:56px;justify-content:center;margin-bottom:4px;width:56px}.sp-upload-title{color:#f0f0ff;color:var(--text);font-size:14px;font-weight:700}.sp-upload-sub{color:#48486a;color:var(--text-3);font-size:12px}.sp-upload-btn{background:#7c3aed;background:var(--accent);border:none;border-radius:12px;border-radius:var(--r-md);box-shadow:0 0 14px #7c3aed8c;box-shadow:0 0 14px var(--glow-purple);color:#fff;cursor:pointer;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:700;margin-top:8px;padding:9px 24px;transition:all .15s}.sp-upload-btn:hover{background:#a855f7;background:var(--accent-2);box-shadow:0 0 22px #7c3aed8c;box-shadow:0 0 22px var(--glow-purple)}.sp-upload-spinner{animation:spin .65s linear infinite;border:3px solid #7c3aed38;border-top-color:#7c3aed;border:3px solid var(--border-2);border-radius:50%;border-top-color:var(--accent);height:32px;width:32px}@media (max-width:767px){.sp-root{border-radius:22px 22px 0 0;border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:70vh;max-width:100%}.sp-masonry{column-count:2}}.voice-msg-bubble{align-items:center;display:flex;gap:8px;min-width:180px;padding:2px 0}.voice-play-btn{align-items:center;background:#7c3aed26;background:var(--accent-bg);border:1.5px solid #7c3aed66;border:1.5px solid var(--accent-bd);border-radius:50%;color:#a855f7;color:var(--accent-2);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .12s;width:30px}.voice-play-btn:hover{background:#7c3aed;background:var(--accent);box-shadow:0 0 10px #7c3aed8c;box-shadow:0 0 10px var(--glow-purple);color:#fff}.voice-msg-content{display:flex;flex:1 1;flex-direction:column;gap:3px}.voice-progress-bar{align-items:center;cursor:pointer;display:flex;gap:1px;height:28px;position:relative}.voice-progress-fill{background:#7c3aed26;background:var(--accent-bg);border-radius:4px;height:100%;left:0;pointer-events:none;position:absolute;top:0}.voice-progress-spike{background:#a855f7;background:var(--accent-2);border-radius:2px;flex-shrink:0;transition:opacity .1s;width:2px}.voice-msg-time{color:#48486a;color:var(--text-3);font-family:Space Mono,monospace;font-family:var(--mono);font-size:10px}.voice-mic-icon-sm{flex-shrink:0;font-size:12px}.voice-recorder{background:#0d0d14;background:var(--bg-1);border:1.5px solid #7c3aed38;border:1.5px solid var(--border-2);border-radius:22px;border-radius:var(--r-xl);box-shadow:0 0 20px #7c3aed8c;box-shadow:0 0 20px var(--glow-purple);margin:0 16px 8px}.voice-recorder-head{align-items:center;border-bottom:1px solid #7c3aed1f;border-bottom:1px solid var(--border);display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:12px 16px}.voice-recorder-body{align-items:center;display:flex;flex-direction:column;gap:14px;padding:20px}.voice-idle,.voice-recorded,.voice-recording,.voice-uploading{align-items:center;display:flex;flex-direction:column;gap:12px;width:100%}.voice-mic-icon{font-size:32px}.voice-idle p{color:#9090b8;color:var(--text-2);font-size:13px}.voice-record-btn{align-items:center;background:linear-gradient(135deg,#7c3aed,#a855f7);background:linear-gradient(135deg,var(--accent),var(--accent-2));border:none;border-radius:50%;box-shadow:0 0 20px #7c3aed8c;box-shadow:0 0 20px var(--glow-purple);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;transition:all .15s;width:56px}.voice-record-btn:hover{box-shadow:0 0 30px #7c3aed8c;box-shadow:0 0 30px var(--glow-purple);transform:scale(1.08)}.voice-waveform{align-items:center;display:flex;gap:3px;height:40px}.voice-bar{animation:bounce .8s ease-in-out infinite;background:#a855f7;background:var(--accent-2);border-radius:3px;width:3px}.voice-timer{color:#f0f0ff;color:var(--text);font-family:Space Mono,monospace;font-family:var(--mono);font-size:20px;font-weight:700}.voice-recording-indicator{align-items:center;color:#9090b8;color:var(--text-2);display:flex;font-size:12px;gap:6px}.voice-rec-dot{animation:pulse 1s ease-in-out infinite;background:#ef4444;background:var(--red);border-radius:50%;box-shadow:0 0 8px #ef4444;box-shadow:0 0 8px var(--red);height:8px;width:8px}.voice-stop-btn{align-items:center;background:#ef444426;border:1.5px solid #ef44444d;border-radius:16px;border-radius:var(--r-lg);color:#ef4444;color:var(--red);cursor:pointer;display:flex;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:700;gap:7px;padding:9px 20px;transition:all .15s}.voice-stop-btn:hover{background:#ef444440}.voice-audio-player{width:100%}.voice-duration{color:#48486a;color:var(--text-3);font-size:12px}.voice-recorded-actions{display:flex;gap:10px}.voice-uploading p{color:#9090b8;color:var(--text-2);font-size:13px}.profile-card{background:#0d0d14;background:var(--bg-1);border-bottom:1px solid #7c3aed1f;border-bottom:1px solid var(--border)}.profile-cover{background:linear-gradient(135deg,#7c3aed59,#06b6d433 40%,#ec489933);height:120px;overflow:hidden;position:relative}.profile-cover:after{animation:drift-a 10s ease-in-out infinite alternate;background:radial-gradient(ellipse at 60% 50%,#a855f74d 0,#0000 70%);content:"";inset:0;position:absolute}.profile-card-body{margin-top:-40px;padding:0 24px 24px}.profile-avatar-row{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:12px}.avatar-edit-btn{align-items:center;background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed38;border:1.5px solid var(--border-2);border-radius:50%;bottom:2px;color:#9090b8;color:var(--text-2);cursor:pointer;display:flex;font-size:11px;height:24px;justify-content:center;position:absolute;right:2px;transition:all .15s;width:24px}.avatar-edit-btn:hover{background:#22223a;background:var(--bg-hover);color:#f0f0ff;color:var(--text)}.profile-cta-row{align-items:flex-end;display:flex;gap:8px;padding-bottom:4px}.btn-follow{background:linear-gradient(135deg,#7c3aed,#a855f7);background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);border:none;border-radius:16px;border-radius:var(--r-lg);box-shadow:0 0 14px #7c3aed8c;box-shadow:0 0 14px var(--glow-purple);color:#fff;cursor:pointer;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:700;padding:9px 20px;transition:all .15s}.btn-follow:hover{box-shadow:0 0 24px #7c3aed8c;box-shadow:0 0 24px var(--glow-purple);transform:translateY(-1px)}.btn-follow.following{background:#0000;border:1.5px solid #7c3aed38;border:1.5px solid var(--border-2);box-shadow:none;color:#9090b8;color:var(--text-2)}.btn-follow.following:hover{background:#ef444414;border-color:#ef4444;border-color:var(--red);color:#ef4444;color:var(--red)}.btn-msg{background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed38;border:1.5px solid var(--border-2);border-radius:16px;border-radius:var(--r-lg);color:#f0f0ff;color:var(--text);cursor:pointer;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:700;padding:9px 18px;transition:all .15s}.btn-msg:hover{border-color:#7c3aed;border-color:var(--accent);color:#a855f7;color:var(--accent-2)}.profile-meta{margin-bottom:10px}.profile-display{font-size:20px;font-weight:800;letter-spacing:-.03em}.profile-handle{color:#9090b8;color:var(--text-2);font-size:14px;margin-right:8px}.profile-online{color:#22c55e;color:var(--green);font-size:12px;font-weight:600}.profile-counts{display:flex;gap:20px;margin-bottom:12px}.profile-count{display:flex;flex-direction:column}.profile-count strong{font-size:16px;font-weight:800}.profile-count span{color:#48486a;color:var(--text-3);font-size:12px}.profile-bio{color:#9090b8;color:var(--text-2);cursor:pointer;font-size:14px;line-height:1.6;margin-bottom:10px;min-height:20px}.bio-placeholder{color:#48486a;color:var(--text-3);font-style:italic}.bio-edit{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.bio-textarea{background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed;border:1.5px solid var(--accent);border-radius:12px;border-radius:var(--r-md);color:#f0f0ff;color:var(--text);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:13px;min-height:70px;outline:none;padding:9px 12px;resize:none}.bio-edit-actions{display:flex;gap:6px}.notif-modal{animation:modal-enter .2s cubic-bezier(.16,1,.3,1);background:#0d0d14;background:var(--bg-1);border:1.5px solid #7c3aed38;border:1.5px solid var(--border-2);border-radius:22px;border-radius:var(--r-xl);box-shadow:0 0 40px #7c3aed8c,0 24px 64px #000000b3;box-shadow:0 0 40px var(--glow-purple),0 24px 64px #000000b3;display:flex;flex-direction:column;max-height:70vh;max-width:460px;overflow:hidden;width:100%}@keyframes modal-enter{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:767px){.notif-modal,.vibe-modal{border-radius:22px 22px 0 0;border-radius:var(--r-xl) var(--r-xl) 0 0;max-width:100%}.modal-bg:has(.notif-modal),.modal-bg:has(.vibe-modal){align-items:flex-end}}.modal-bg{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:100}.search-modal{background:#0d0d14;background:var(--bg-1);border:1.5px solid #7c3aed38;border:1.5px solid var(--border-2);border-radius:22px;border-radius:var(--r-xl);box-shadow:0 0 40px #7c3aed8c,0 24px 64px #000000b3;box-shadow:0 0 40px var(--glow-purple),0 24px 64px #000000b3;max-width:460px;overflow:hidden;width:100%}.search-modal-head{align-items:center;border-bottom:1px solid #7c3aed1f;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 18px}.search-modal-head h3{font-size:15px;font-weight:700}.search-input-row{align-items:center;border-bottom:1px solid #7c3aed1f;border-bottom:1px solid var(--border);color:#48486a;color:var(--text-3);display:flex;gap:8px;padding:12px 18px}.search-input-row input{background:#0000;border:none;color:#f0f0ff;color:var(--text);flex:1 1;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:14px;outline:none}.search-input-row input::placeholder{color:#48486a;color:var(--text-3)}.search-results{max-height:320px;overflow-y:auto;padding:8px}.search-row{align-items:center;border-radius:16px;border-radius:var(--r-lg);display:flex;gap:10px;padding:10px;transition:background .1s}.search-row:hover{background:#22223a;background:var(--bg-hover)}.search-info{flex:1 1;min-width:0}.search-name{display:block;font-size:13px;font-weight:700}.search-handle{color:#9090b8;color:var(--text-2);font-size:12px}.search-acts{display:flex;flex-shrink:0;gap:6px}.search-empty,.search-hint{color:#48486a;color:var(--text-3);font-size:13px;padding:20px;text-align:center}.create-group-modal{background:#0d0d14;background:var(--bg-1);border:1.5px solid #7c3aed38;border:1.5px solid var(--border-2);border-radius:22px;border-radius:var(--r-xl);box-shadow:0 0 40px #7c3aed8c,0 24px 64px #000000b3;box-shadow:0 0 40px var(--glow-purple),0 24px 64px #000000b3;max-width:460px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #7c3aed1f;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 18px}.modal-header h3{font-size:15px;font-weight:700}.modal-body{display:flex;flex-direction:column;gap:12px;padding:16px 18px}.modal-footer{border-top:1px solid #7c3aed1f;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:14px 18px}.group-name-field label,.group-search-field label{color:#48486a;color:var(--text-3);display:block;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.group-name-field input,.group-search-field input{background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed1f;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--r-md);color:#f0f0ff;color:var(--text);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:14px;outline:none;padding:10px 14px;transition:border-color .15s;width:100%}.group-name-field input:focus,.group-search-field input:focus{border-color:#7c3aed;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed26;box-shadow:0 0 0 3px var(--accent-bg)}.group-name-field input::placeholder,.group-search-field input::placeholder{color:#48486a;color:var(--text-3)}.group-selected{display:flex;flex-wrap:wrap;gap:6px}.group-selected-chip{align-items:center;background:#7c3aed26;background:var(--accent-bg);border:1.5px solid #7c3aed66;border:1.5px solid var(--accent-bd);border-radius:20px;color:#a855f7;color:var(--accent-2);display:flex;font-size:12px;font-weight:600;gap:5px;padding:3px 10px 3px 6px}.group-selected-chip button{background:#0000;border:none;color:#a855f7;color:var(--accent-2);cursor:pointer;font-size:11px;padding:0 2px}.group-results{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.group-result-row{align-items:center;border-radius:16px;border-radius:var(--r-lg);cursor:pointer;display:flex;gap:10px;padding:8px 10px;transition:background .1s}.group-result-row.selected,.group-result-row:hover{background:#7c3aed26;background:var(--accent-bg)}.group-result-info{flex:1 1;min-width:0}.group-result-name{display:block;font-size:13px;font-weight:700}.group-result-handle{color:#9090b8;color:var(--text-2);font-size:12px}.group-check{align-items:center;border:1.5px solid #7c3aed38;border:1.5px solid var(--border-2);border-radius:50%;color:#48486a;color:var(--text-3);display:flex;flex-shrink:0;font-size:12px;height:22px;justify-content:center;width:22px}.group-check.checked{background:#7c3aed;background:var(--accent);border-color:#7c3aed;border-color:var(--accent);color:#fff}.btn-primary{background:linear-gradient(135deg,#7c3aed,#a855f7);background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);border:none;border-radius:12px;border-radius:var(--r-md);box-shadow:0 0 12px #7c3aed8c;box-shadow:0 0 12px var(--glow-purple);color:#fff;cursor:pointer;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:700;padding:9px 18px;transition:all .15s}.btn-primary:hover:not(:disabled){box-shadow:0 0 20px #7c3aed8c;box-shadow:0 0 20px var(--glow-purple);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.45}.btn-ghost{background:#0000;border:1.5px solid #7c3aed1f;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--r-md);color:#9090b8;color:var(--text-2);cursor:pointer;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s}.btn-ghost:hover{border-color:#7c3aed38;border-color:var(--border-2);color:#f0f0ff;color:var(--text)}.btn-primary-sm{background:linear-gradient(135deg,#7c3aed,#a855f7);background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);border:none;border-radius:8px;border-radius:var(--r-sm);box-shadow:0 0 8px #7c3aed8c;box-shadow:0 0 8px var(--glow-purple);color:#fff;cursor:pointer;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:12px;font-weight:700;padding:6px 12px;transition:all .15s}.btn-primary-sm:hover:not(:disabled){box-shadow:0 0 16px #7c3aed8c;box-shadow:0 0 16px var(--glow-purple)}.btn-primary-sm:disabled{cursor:not-allowed;opacity:.45}.btn-ghost-sm{background:#0000;border:1.5px solid #7c3aed1f;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#9090b8;color:var(--text-2);cursor:pointer;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:12px;font-weight:600;padding:5px 10px;transition:all .15s}.btn-ghost-sm:hover{border-color:#7c3aed38;border-color:var(--border-2);color:#f0f0ff;color:var(--text)}.icon-btn{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--r-md);color:#9090b8;color:var(--text-2);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .12s;width:30px}.icon-btn:hover{background:#22223a;background:var(--bg-hover);color:#f0f0ff;color:var(--text)}.stories-bar{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none}.stories-bar::-webkit-scrollbar{display:none}.story-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.story-avatar-ring{border-radius:50%;height:62px;padding:2.5px;transition:transform .15s;width:62px}.story-item:hover .story-avatar-ring{transform:scale(1.06)}.story-avatar-ring.unread{background:conic-gradient(#a855f7,#06b6d4,#f43f5e,#a855f7);background:conic-gradient(var(--accent-2),var(--cyan),#f43f5e,var(--accent-2));box-shadow:0 0 16px #7c3aed8c;box-shadow:0 0 16px var(--glow-purple)}.story-avatar-ring.seen{background:conic-gradient(#3f3f46,#3f3f46)}.story-avatar-ring.add-ring{background:#14141f;background:var(--bg-2);border:2px dashed #7c3aed38;border:2px dashed var(--border-2)}.story-avatar-inner{align-items:center;background:#14141f;background:var(--bg-2);border:2.5px solid #06060a;border:2.5px solid var(--bg);border-radius:50%;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.story-avatar-inner img{height:100%;object-fit:cover;width:100%}.story-avatar-placeholder{color:#9090b8;color:var(--text-2);font-size:20px;font-weight:800}.story-add-icon{align-items:center;background:#7c3aed;background:var(--accent);border:2px solid #06060a;border:2px solid var(--bg);border-radius:50%;bottom:-2px;color:#fff;display:flex;font-size:14px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-2px;width:20px}.story-label{color:#9090b8;color:var(--text-2);font-size:11px;font-weight:600;max-width:62px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.story-label-skeleton{background:#14141f;background:var(--bg-2);border-radius:6px;height:10px;width:48px}.skeleton-ring,.story-label-skeleton{animation:pulse 1.4s ease-in-out infinite}.skeleton-ring{background:#14141f!important;background:var(--bg-2)!important}.skeleton-avatar{background:#1c1c2a!important;background:var(--bg-3)!important}.story-viewer-overlay{align-items:center;background:#000;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;-webkit-user-select:none;user-select:none;z-index:200}.story-progress-bars{display:flex;gap:4px;left:50%;max-width:480px;padding:12px 16px 8px;position:absolute;top:0;transform:translateX(-50%);width:100%;z-index:10}.story-progress-track{background:#ffffff4d;border-radius:3px;flex:1 1;height:3px;overflow:hidden}.story-progress-fill{background:#fff;border-radius:3px;height:100%;transition:none}.story-header{align-items:center;display:flex;justify-content:space-between;left:50%;max-width:480px;padding:0 16px;position:absolute;top:32px;transform:translateX(-50%);width:100%;z-index:10}.story-author-info{align-items:center;display:flex;gap:10px}.story-author-avatar{border:2px solid #fff9;border-radius:50%;flex-shrink:0;height:36px;overflow:hidden;width:36px}.story-author-avatar img{height:100%;object-fit:cover;width:100%}.story-author-initial{align-items:center;background:#7c3aed;background:var(--accent);color:#fff;display:flex;font-size:15px;font-weight:700;height:100%;justify-content:center;width:100%}.story-author-name{color:#fff;display:block;font-size:14px;font-weight:700;text-shadow:0 1px 4px #00000080}.story-author-time{color:#ffffffa6;display:block;font-size:11px}.story-close-btn{background:#0006;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:14px;height:32px;width:32px}.story-close-btn,.story-content{align-items:center;display:flex;justify-content:center}.story-content{height:100vh;max-width:480px;width:100%}.story-image{max-height:100vh;max-width:100%;object-fit:contain}.story-text-card{align-items:center;display:flex;height:100%;justify-content:center;padding:40px 32px;width:100%}.story-text-content{color:#fff;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:clamp(20px,5vw,36px);font-weight:800;line-height:1.3;text-align:center;text-shadow:0 2px 8px #0000004d;word-break:break-word}.story-tap-zone{background:#0000;border:none;bottom:0;cursor:pointer;position:absolute;top:0;width:35%;z-index:5}.story-tap-zone.left{left:0}.story-tap-zone.right{right:0}.story-footer{bottom:20px;left:50%;position:absolute;transform:translateX(-50%);z-index:10}.story-seen-count{background:#00000080;font-size:13px;padding:6px 14px}.story-paused-badge,.story-seen-count{border-radius:20px;color:#fff;font-weight:600}.story-paused-badge{background:#0009;font-size:14px;left:50%;padding:8px 16px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:20}.create-story-modal{background:#0d0d14;background:var(--bg-1);border:1.5px solid #7c3aed38;border:1.5px solid var(--border-2);border-radius:22px;border-radius:var(--r-xl);box-shadow:0 0 40px #7c3aed8c,0 24px 64px #000000b3;box-shadow:0 0 40px var(--glow-purple),0 24px 64px #000000b3;max-width:400px;overflow:hidden;width:100%}.create-story-header{align-items:center;border-bottom:1px solid #7c3aed1f;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 18px}.create-story-header h3{font-size:15px;font-weight:700}.story-type-tabs{display:flex;gap:4px;padding:12px 16px 0}.story-type-tab{background:#0000;border:1.5px solid #7c3aed1f;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--r-md);color:#9090b8;color:var(--text-2);cursor:pointer;flex:1 1;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;padding:9px;transition:all .15s}.story-type-tab.active{background:#7c3aed26;background:var(--accent-bg);border-color:#7c3aed66;border-color:var(--accent-bd);color:#a855f7;color:var(--accent-2)}.story-preview-wrap{padding:16px}.story-preview-card{align-items:center;border-radius:16px;border-radius:var(--r-lg);display:flex;height:200px;justify-content:center;overflow:hidden;transition:background .3s;width:100%}.story-preview-card.dark{background:#1c1c2a;background:var(--bg-3)}.story-preview-text{color:#fff;font-size:18px;font-weight:800;padding:16px;text-align:center;text-shadow:0 1px 4px #0000004d;word-break:break-word}.story-preview-img{height:100%;object-fit:cover;width:100%}.story-preview-upload-prompt{align-items:center;color:#9090b8;color:var(--text-2);cursor:pointer;display:flex;flex-direction:column;gap:8px}.story-preview-upload-prompt p{font-size:13px;font-weight:600}.story-text-input{background:#14141f;background:var(--bg-2);border:none;border-bottom:1.5px solid var(--border);color:#f0f0ff;color:var(--text);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:14px;min-height:70px;outline:none;padding:12px 16px;resize:none;width:100%}.story-text-input::placeholder{color:#48486a;color:var(--text-3)}.story-bg-picker{padding:12px 16px}.story-bg-label{color:#48486a;color:var(--text-3);display:block;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.story-bg-swatches{display:flex;flex-wrap:wrap;gap:8px}.story-bg-swatch{border:3px solid #0000;border-radius:50%;cursor:pointer;flex-shrink:0;height:28px;transition:transform .12s;width:28px}.story-bg-swatch:hover{transform:scale(1.15)}.story-bg-swatch.selected{border-color:#fff;transform:scale(1.15)}.create-story-footer{border-top:1px solid #7c3aed1f;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:14px 16px}.vibe-modal{animation:modal-enter .22s cubic-bezier(.16,1,.3,1);background:#0d0d14;background:var(--bg-1);border:1.5px solid #7c3aed38;border:1.5px solid var(--border-2);border-radius:22px;border-radius:var(--r-xl);box-shadow:0 0 60px #7c3aed8c,0 24px 64px #000c;box-shadow:0 0 60px var(--glow-purple),0 24px 64px #000c;max-width:420px;overflow:hidden;width:100%}.vibe-modal-head{align-items:center;border-bottom:1px solid #7c3aed1f;border-bottom:1px solid var(--border);display:flex;font-size:15px;font-weight:800;justify-content:space-between;letter-spacing:-.02em;padding:16px 20px 14px}.vp-root{display:flex;flex-direction:column}.vp-preview{align-items:center;border-bottom:1px solid #7c3aed1f;border-bottom:1px solid var(--border);display:flex;gap:16px;overflow:hidden;padding:20px 20px 18px;position:relative;transition:background .4s ease}.vp-avatar-wrap{flex-shrink:0;height:56px;position:relative;width:56px}.vp-ring{border:2.5px solid #7c3aed38;border:2.5px solid var(--border-2);border-radius:50%;inset:-4px;position:absolute;transition:border-color .3s,box-shadow .3s}.vp-ring.active{animation:vp-ring-spin 3s linear infinite}@keyframes vp-ring-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vp-avatar{align-items:center;background:#7c3aed26;background:var(--accent-bg);border:2px solid #0d0d14;border:2px solid var(--bg-1);border-radius:50%;color:#a855f7;color:var(--accent-2);display:flex;font-size:18px;font-weight:800;inset:0;justify-content:center;overflow:hidden;position:absolute}.vp-avatar img{height:100%;object-fit:cover;width:100%}.vp-badge{align-items:center;animation:vp-badge-pop .25s cubic-bezier(.34,1.56,.64,1);border:2px solid #0d0d14;border:2px solid var(--bg-1);border-radius:50%;bottom:-2px;display:flex;font-size:11px;height:22px;justify-content:center;position:absolute;right:-2px;width:22px;z-index:2}@keyframes vp-badge-pop{0%{opacity:0;transform:scale(0) rotate(-20deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.vp-preview-text{display:flex;flex-direction:column;gap:4px;min-width:0}.vp-preview-name{font-size:15px;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vp-preview-vibe{font-size:13px;font-weight:600;transition:color .3s}.vp-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);max-height:280px;overflow-y:auto;padding:16px}.vp-grid::-webkit-scrollbar{width:3px}.vp-grid::-webkit-scrollbar-thumb{background:#7c3aed38;background:var(--border-2);border-radius:3px}.vp-card{align-items:center;animation:vp-card-in .3s cubic-bezier(.16,1,.3,1) both;background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed1f;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--r-lg);cursor:pointer;display:flex;flex-direction:column;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);gap:6px;justify-content:center;overflow:hidden;padding:14px 8px;position:relative;transition:all .18s cubic-bezier(.4,0,.2,1)}@keyframes vp-card-in{0%{opacity:0;transform:translateY(6px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.vp-card:before{background:radial-gradient(ellipse at 50% 120%,#0000 0,#0000 65%);background:radial-gradient(ellipse at 50% 120%,var(--vibe-color,#0000) 0,#0000 65%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s}.vp-card:hover{border-color:#7c3aed38;border-color:var(--vibe-color,var(--border-2));box-shadow:0 4px 20px color-mix(in srgb,#0000 35%,#0000);box-shadow:0 4px 20px color-mix(in srgb,var(--vibe-color,#0000) 35%,#0000);transform:translateY(-2px) scale(1.03)}.vp-card:hover:before{opacity:.18}.vp-card.active{background:color-mix(in srgb,#7c3aed 16%,#14141f);background:color-mix(in srgb,var(--vibe-color,var(--accent)) 16%,var(--bg-2));border-color:#7c3aed;border-color:var(--vibe-color,var(--accent));box-shadow:0 0 0 1px color-mix(in srgb,#7c3aed 40%,#0000),0 4px 20px color-mix(in srgb,#7c3aed 30%,#0000);box-shadow:0 0 0 1px color-mix(in srgb,var(--vibe-color,var(--accent)) 40%,#0000),0 4px 20px color-mix(in srgb,var(--vibe-color,var(--accent)) 30%,#0000)}.vp-card.active:before{opacity:.2}.vp-card:disabled{cursor:not-allowed;opacity:.5;transform:none}.vp-card-emoji{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));font-size:26px;line-height:1;transition:transform .18s}.vp-card:hover .vp-card-emoji{transform:scale(1.15) translateY(-1px)}.vp-card.active .vp-card-emoji{transform:scale(1.1)}.vp-card-label{color:#48486a;color:var(--text-3);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;transition:color .18s}.vp-card:hover .vp-card-label{color:#9090b8;color:var(--text-2)}.vp-card.active .vp-card-label{color:#a855f7;color:var(--vibe-color,var(--accent-2))}.vp-card-active-dot{animation:vp-dot-pulse 1.8s ease-in-out infinite;border-radius:50%;height:6px;position:absolute;right:8px;top:8px;width:6px}@keyframes vp-dot-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.vp-footer{border-top:1px solid #7c3aed1f;border-top:1px solid var(--border);display:flex;justify-content:center;padding:12px 16px 14px}.vp-clear-btn{align-items:center;background:#ef444414;border:1.5px solid #ef444433;border-radius:12px;border-radius:var(--r-md);color:#ef4444;color:var(--red);cursor:pointer;display:flex;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:12px;font-weight:700;gap:7px;letter-spacing:.02em;padding:8px 20px;transition:all .15s}.vp-clear-btn:hover:not(:disabled){background:#ef444429;border-color:#ef444466;transform:translateY(-1px)}.vp-clear-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:767px){.vibe-modal{border-radius:22px 22px 0 0;border-radius:var(--r-xl) var(--r-xl) 0 0;max-width:100%}.vp-grid{grid-template-columns:repeat(4,1fr);max-height:220px}.vp-card{padding:12px 6px}.vp-card-emoji{font-size:22px}}.drawer-sidebar{box-shadow:4px 0 32px #00000080;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:80}.drawer-sidebar.open{transform:translateX(0)}.drawer-sidebar-head{align-items:center;border-bottom:1px solid #7c3aed1f;border-bottom:1px solid var(--border);display:flex;padding:12px 10px 6px}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;inset:0;position:fixed;z-index:79}.bottom-tab-bar{background:#0d0d14;background:var(--bg-1);border-top:1px solid #7c3aed38;border-top:1px solid var(--border-2);bottom:0;box-shadow:0 -4px 20px #7c3aed8c;box-shadow:0 -4px 20px var(--glow-purple);display:none;height:60px;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:70}.bottom-tab{align-items:center;background:#0000;border:none;color:#48486a;color:var(--text-3);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:10px;font-weight:600;gap:3px;justify-content:center;padding:6px 4px;position:relative;transition:color .15s}.bottom-tab.active{color:#a855f7;color:var(--accent-2)}.bottom-tab:hover{color:#9090b8;color:var(--text-2)}.bottom-tab-badge{align-items:center;background:#ef4444;background:var(--red);border-radius:20px;box-shadow:0 0 8px #ef444499;color:#fff;display:flex;font-size:9px;font-weight:700;height:15px;justify-content:center;min-width:15px;padding:0 3px;position:absolute;right:-4px;top:-2px}@media (max-width:1023px){.desktop-sidebar{display:none}.rail{width:54px}.feed-wrap{max-width:100%;padding:20px 16px 48px}.notif-panel{left:0;margin:0 8px;right:0;transform:none;width:auto}}@media (max-width:767px){.rail{display:none}.bottom-tab-bar{display:flex}.shell{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.main-area{width:100%}.drawer-sidebar{left:0;width:280px}.feed-wrap{gap:12px;padding:16px 12px 24px}.feed-header h1{font-size:18px}.post-card{border-radius:16px;border-radius:var(--r-lg);padding:14px}.post-img{max-height:280px}.chat-window{height:calc(100vh - 60px - env(safe-area-inset-bottom))}.chat-topbar{padding:10px 14px}.messages-area{padding:12px 12px 6px}.input-bar{padding:8px 10px 12px}.dm-bubble-col{max-width:85%}.auth-box{border-radius:16px;border-radius:var(--r-lg);padding:28px 20px}.profile-cover{height:80px}.profile-card-body{margin-top:-32px;padding:0 16px 20px}.profile-display{font-size:17px}.profile-counts{gap:14px}.stories-bar{gap:10px;padding:4px 2px 10px}.story-avatar-ring{height:54px;width:54px}.story-progress-bars{padding-top:env(safe-area-inset-top,12px)}.modal-bg{align-items:flex-end;padding:0}.create-group-modal,.create-story-modal,.follow-list-modal,.search-modal{border-radius:22px 22px 0 0;border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:90vh;max-width:100%;overflow-y:auto;width:100%}.notif-panel{bottom:calc(60px + env(safe-area-inset-bottom));left:8px;position:fixed;right:8px;top:auto;transform:none;width:auto}.sticker-panel,.voice-recorder{margin:0 8px 6px}.act-btn{height:34px;width:34px}.rxn-picker{left:50%;transform:translateX(-50%)}.post-rxn-picker{left:0}.vibe-picker-float{bottom:calc(68px + env(safe-area-inset-bottom));left:12px;position:fixed;right:12px;transform:none}.chat-textarea{font-size:16px}}@media (min-width:1280px){:root{--sidebar-w:260px}}@media (min-width:1536px){.feed-wrap{max-width:680px}}@media (max-width:767px) and (orientation:landscape){.chat-window{height:calc(100vh - 52px)}.bottom-tab-bar{height:52px}.shell{padding-bottom:52px}.story-viewer-overlay{overflow-y:auto}}.profile-settings-btn{align-items:center;background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed38;border:1.5px solid var(--border-2);border-radius:16px;border-radius:var(--r-lg);color:#9090b8;color:var(--text-2);cursor:pointer;display:flex;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;gap:7px;padding:8px 16px;transition:all .15s}.profile-settings-btn:hover{background:#7c3aed26;background:var(--accent-bg);border-color:#7c3aed66;border-color:var(--accent-bd);color:#a855f7;color:var(--accent-2)}.username-display-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.username-edit-trigger{align-items:center;background:#0000;border:1.5px solid #7c3aed1f;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--r-sm);color:#48486a;color:var(--text-3);cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;opacity:0;transition:all .12s;width:22px}.profile-meta:hover .username-edit-trigger{opacity:1}.username-edit-trigger:hover{background:#7c3aed26;background:var(--accent-bg);border-color:#7c3aed66;border-color:var(--accent-bd);color:#a855f7;color:var(--accent-2)}.username-edit-wrap{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.username-at-prefix{color:#48486a;color:var(--text-3);flex-shrink:0;font-size:14px;font-weight:600}.username-edit-input{background:#14141f;background:var(--bg-2);border:1.5px solid #7c3aed;border:1.5px solid var(--accent);border-radius:12px;border-radius:var(--r-md);color:#f0f0ff;color:var(--text);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:14px;font-weight:600;outline:none;padding:5px 10px;transition:border-color .15s;width:160px}.username-edit-input:focus{border-color:#a855f7;border-color:var(--accent-2);box-shadow:0 0 0 3px #7c3aed26;box-shadow:0 0 0 3px var(--accent-bg)}.username-edit-input::placeholder{color:#48486a;color:var(--text-3)}.username-save-btn{align-items:center;background:#22c55e26;border:1.5px solid #22c55e4d;border-radius:8px;border-radius:var(--r-sm);color:#22c55e;color:var(--green);cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:28px;justify-content:center;transition:all .12s;width:28px}.username-save-btn:hover:not(:disabled){background:#22c55e47}.username-save-btn:disabled{cursor:not-allowed;opacity:.5}.username-cancel-btn{align-items:center;background:#ef44441a;border:1.5px solid #ef444440;border-radius:8px;border-radius:var(--r-sm);color:#ef4444;color:var(--red);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:28px;justify-content:center;transition:all .12s;width:28px}.username-cancel-btn:hover:not(:disabled){background:#ef444433}.username-cancel-btn:disabled{cursor:not-allowed;opacity:.5}.username-error{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;border-radius:var(--r-sm);color:#fca5a5;font-size:12px;margin-top:2px;padding:4px 8px;width:100%}.profile-count.clickable{border-radius:12px;border-radius:var(--r-md);cursor:pointer;margin:-4px -6px;padding:4px 6px;transition:background .12s}.profile-count.clickable:hover{background:#14141f;background:var(--bg-2)}.follow-list-modal{background:#0d0d14;background:var(--bg-1);border:1.5px solid #7c3aed38;border:1.5px solid var(--border-2);border-radius:22px;border-radius:var(--r-xl);box-shadow:0 0 40px #7c3aed8c,0 24px 64px #000000b3;box-shadow:0 0 40px var(--glow-purple),0 24px 64px #000000b3;display:flex;flex-direction:column;max-height:70vh;max-width:400px;overflow:hidden;width:100%}.follow-list-header{align-items:center;border-bottom:1px solid #7c3aed1f;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 18px}.follow-list-header h3{font-size:15px;font-weight:700}.follow-list-body{flex:1 1;overflow-y:auto;padding:8px}.follow-list-body::-webkit-scrollbar{width:3px}.follow-list-body::-webkit-scrollbar-thumb{background:#7c3aed38;background:var(--border-2);border-radius:3px}.follow-list-row{align-items:center;border-radius:16px;border-radius:var(--r-lg);cursor:pointer;display:flex;gap:12px;padding:10px;transition:background .1s}.follow-list-row:hover{background:#22223a;background:var(--bg-hover)}.follow-list-info{display:flex;flex-direction:column;gap:2px;min-width:0}.follow-list-name{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follow-list-handle{color:#9090b8;color:var(--text-2);font-size:12px}.follow-list-empty{color:#48486a;color:var(--text-3);font-size:13px;padding:32px 20px;text-align:center}@keyframes settings-enter{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:767px){.follow-list-modal{border-radius:22px 22px 0 0;border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:80vh;max-width:100%}}#root,body,html{height:100%;height:100dvh}.shell{height:100dvh}.chat-window{display:flex;flex-direction:column;height:100%;position:relative}.messages-area{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;overscroll-behavior:contain}.input-bar{bottom:0;flex-shrink:0;position:-webkit-sticky;position:sticky;z-index:10}@supports (padding-bottom:env(safe-area-inset-bottom)){.input-bar{padding-bottom:max(12px,env(safe-area-inset-bottom))}}@media (max-width:767px){.search-modal{border-radius:0;bottom:0;display:flex;flex-direction:column;left:0;max-height:100dvh;overflow:hidden;position:fixed;right:0;top:0}.search-results{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}.settings-modal{border-radius:0;flex-direction:column;height:100dvh;max-height:100dvh;max-width:100%}.settings-nav{border-bottom:1px solid #7c3aed1f;border-bottom:1px solid var(--border);border-right:none;flex-direction:row;flex-shrink:0;height:auto;overflow-x:auto;overflow-y:hidden;width:100%}.settings-nav-header,.settings-nav-user{display:none}.settings-nav-list{flex-direction:row;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:8px 12px;width:100%}.settings-nav-list::-webkit-scrollbar{display:none}.settings-nav-btn{align-items:center;flex-direction:column;flex-shrink:0;font-size:10px;gap:3px;min-width:60px;padding:8px 12px;white-space:nowrap}.settings-nav-icon{font-size:18px}.settings-content{flex:1 1;min-height:0;overflow-y:auto}.settings-content-header{align-items:center;display:flex;justify-content:space-between}.bottom-tab-bar,.settings-mobile-close{display:flex}.bottom-notif-tab{align-items:center;background:#0000;border:none;color:#48486a;color:var(--text-3);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-family:var(--font);font-size:10px;font-weight:600;gap:3px;justify-content:center;padding:6px 4px;position:relative;transition:color .15s}.bottom-notif-tab.has-unread{color:#a855f7;color:var(--accent-2)}.bottom-notif-badge{background:#ef4444;background:var(--red);border-radius:20px;box-shadow:0 0 8px #ef444499;color:#fff;font-size:9px;font-weight:700;height:15px;min-width:15px;padding:0 3px;position:absolute;right:calc(50% - 18px);top:2px}.avatar-full-overlay,.bottom-notif-badge{align-items:center;display:flex;justify-content:center}.avatar-full-overlay{animation:fade-in .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000eb;flex-direction:column;gap:16px;inset:0;position:fixed;z-index:300}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.avatar-full-img{object-fit:cover}.avatar-full-img,.avatar-full-initials{border:3px solid #7c3aed38;border:3px solid var(--border-2);border-radius:50%;box-shadow:0 0 40px #7c3aed8c;box-shadow:0 0 40px var(--glow-purple);height:min(80vw,320px);width:min(80vw,320px)}.avatar-full-initials{align-items:center;color:#fff;display:flex;font-size:clamp(48px,15vw,96px);font-weight:800;justify-content:center}.avatar-full-name{color:#fff;font-size:18px;font-weight:700;letter-spacing:-.02em}.avatar-full-close{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;position:absolute;right:20px;top:20px;transition:background .15s;width:36px}.avatar-full-close:hover{background:#fff3}}.avatar-full-overlay{align-items:center;animation:fade-in .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000eb;cursor:pointer;display:flex;flex-direction:column;gap:16px;inset:0;justify-content:center;position:fixed;z-index:300}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.avatar-full-img{box-shadow:0 0 60px #7c3aed8c,0 0 100px #06b6d473;box-shadow:0 0 60px var(--glow-purple),0 0 100px var(--glow-cyan);object-fit:cover}.avatar-full-img,.avatar-full-initials{animation:avatar-pop .25s cubic-bezier(.34,1.56,.64,1);border:3px solid #fff3;border-radius:50%;height:min(80vw,360px);width:min(80vw,360px)}.avatar-full-initials{align-items:center;box-shadow:0 0 60px #7c3aed8c;box-shadow:0 0 60px var(--glow-purple);color:#fff;display:flex;font-size:clamp(48px,15vw,96px);font-weight:800;justify-content:center}@keyframes avatar-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.avatar-full-name{color:#fff;font-size:20px;font-weight:700;letter-spacing:-.02em;text-shadow:0 2px 8px #00000080}.avatar-full-handle{color:#ffffff80;font-size:14px}.avatar-full-close{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:38px;justify-content:center;position:absolute;right:24px;top:24px;transition:background .15s;width:38px}.avatar-full-close:hover{background:#fff3}.avatar-tappable{cursor:pointer}
/*# sourceMappingURL=main.13eccab3.css.map*/