@import "https://fonts.googleapis.com/css2?family=Abel&family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Nunito+Sans:wght@400;600&display=swap";*{box-sizing:border-box}body{margin:0}.app{color:#f0f0f2;background:#0d0f13;flex-direction:column;height:100dvh;font-family:DM Sans,sans-serif;display:flex;position:relative;overflow:hidden}button,input,textarea,select{font-family:inherit}button{cursor:pointer;touch-action:manipulation}.top{background:#080808;border-bottom:1px solid #0000;flex-shrink:0;align-items:center;gap:12px;height:34px;padding:0 18px;display:flex}.mono{letter-spacing:1px;text-transform:uppercase;color:#606070;font-family:JetBrains Mono,monospace;font-size:9px}.gold{color:#f5c842}.days{gap:3px;display:flex}.day{color:#f5c842;background:#f5c8422e;border:1px solid #f5c84273;border-radius:3px;justify-content:center;align-items:center;width:17px;height:17px;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:700;display:flex}.bar{background:#ffffff0f;border-radius:5px;width:80px;height:5px;overflow:hidden}.fill{background:linear-gradient(90deg,#f5c842,#f0a020);height:100%}.count{color:#f5c842;letter-spacing:1px;font-family:Bebas Neue,sans-serif;font-size:15px}.split{background:#ffffff14;width:1px;height:18px}.timer{letter-spacing:2px;color:#9090a8;font-family:Bebas Neue,sans-serif;font-size:17px}.layout{grid-template-columns:205px 1fr;height:calc(100dvh - 34px);min-height:0;display:grid}.sidebar{background:#13161c;border-right:1px solid #ffffff12;flex-direction:column;display:flex;overflow:hidden}.brand{border-bottom:1px solid #ffffff12;align-items:center;gap:8px;padding:10px 12px;display:flex}.logo{color:#fff;background:0 0;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.brandtitle{letter-spacing:2px;font-family:Abel,sans-serif;font-size:27px;font-weight:700}.brandtitle span{color:#e22c3d}.sub{color:#606070;letter-spacing:2px;text-transform:uppercase;font-size:9px}.me{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding:12px;display:flex}.avatar{color:#fff;background:#525258;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-family:Bebas Neue,sans-serif;font-size:12px;display:flex}.uname{align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.online{color:#4ade80;align-items:center;gap:4px;font-family:JetBrains Mono,monospace;font-size:9px;display:flex}.dot{background:#4ade80;border-radius:50%;width:6px;height:6px}.nav{flex:1;padding:6px 0;overflow:auto}.label{letter-spacing:2px;text-transform:uppercase;color:#606070;padding:9px 12px 5px;font-family:JetBrains Mono,monospace;font-size:8px}.item{color:#9090a8;cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.item:hover{color:#f0f0f2;background:#242428}.item.active{color:#f0f0f2;background:0 0;border-left:2px solid #e22c3d}.hash{color:#606070}.item.active .hash{color:#e22c3d}.itemname{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.upgradewrap{padding:8px 14px 6px}.upgrade{color:#fff;letter-spacing:2px;background:#7814288c;border:none;border-radius:6px;width:100%;padding:8px 12px;font-family:Bebas Neue,sans-serif;font-size:12px}.upgrade:hover{color:#fff;background:#641020cc}.footer{border-top:1px solid #ffffff12;gap:7px;padding:10px 14px;display:flex}.footbtn{color:#9090a8;background:#1e1e23;border:1px solid #ffffff12;border-radius:5px;flex:1;padding:6px;font-size:12px}.footbtn:hover{color:#fff;background:#242428}.main{min-width:0;min-height:0;display:flex}.chat{background:#0a0c0f;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.header{background:#13161c;border-bottom:1px solid #ffffff12;flex-shrink:0;align-items:center;gap:11px;height:67px;padding:0 20px;display:flex}.htitle{letter-spacing:1px;font-family:Bebas Neue,sans-serif;font-size:20px}.hdesc{color:#606070;font-size:12px}.spacer{flex:1}.hbtns{gap:7px;display:flex}.iconbtn{color:#f5d05d;background:0 0;border:1px solid #ffffff12;border-radius:5px;height:28px;padding:0 7px;position:relative}.iconbtn:hover{color:#e22c3d;background:#e0304024}.adminbtn{color:#e22c3d;letter-spacing:1.5px;background:#e030401a;border:1px solid #e030404d;border-radius:5px;padding:4px 10px;font-family:Bebas Neue,sans-serif;font-size:10px}.adminbtn:hover{color:#fff;background:#e22c3d}.notif{background:#e22c3d;border-radius:50%;width:8px;height:8px;position:absolute;top:-3px;right:-3px;box-shadow:0 0 8px #e03040b3}.messages{-webkit-overflow-scrolling:touch;flex:1;padding:12px 20px;overflow:auto}.divider{color:#606070;letter-spacing:1px;text-transform:uppercase;align-items:center;gap:10px;margin:8px 0 12px;font-family:JetBrains Mono,monospace;font-size:9px;display:flex}.divider:before,.divider:after{content:"";background:#ffffff12;flex:1;height:1px}.msgwrap{position:relative}.msgwrap:hover .reactpick{opacity:1;pointer-events:all}.msg{border-radius:6px;grid-template-columns:31px 1fr;gap:11px;padding:6px 8px;display:grid}.msg:hover{background:#ffffff05}.msg.owner{background:#f5c84208;border-left:2px solid #f5c84226}.mhead{align-items:center;gap:8px;margin-bottom:2px;display:flex}.name{cursor:pointer;font-size:14px;font-weight:700}.name.owner{color:#f5c842}.name.support{color:#3b82f6}.msg.support .text{color:#5b9cf6}.time{color:#606070;font-family:JetBrains Mono,monospace;font-size:9px}.text{color:#d0d0e0;font-size:14px;line-height:1.55}.mention{color:#f5c842;background:#f5c8421a;border-radius:3px;padding:0 3px;font-weight:700}.star{color:#f5c842;filter:drop-shadow(0 0 3px #f5c84266)}.reactions{flex-wrap:wrap;gap:3px;margin-top:4px;display:flex}.reaction{color:#9090a8;background:#1a1a1e;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;display:inline-flex}.reaction.on{background:#e0304014;border-color:#e0304066}.reactpick{z-index:10;opacity:0;pointer-events:none;background:#1a1a1e;border:1px solid #ffffff24;border-radius:12px;gap:2px;padding:3px 6px;display:flex;position:absolute;top:100%;left:36px;box-shadow:0 6px 18px #0000008c}.reactpick span{cursor:pointer;padding:2px 3px;font-size:12px}.card{border:1px solid #ffffff12;border-radius:7px;max-width:370px;margin-top:4px;overflow:hidden}.imagecard{cursor:pointer;background:#1a1a1e;border:1px solid #ffffff1a;border-radius:8px;max-width:410px;margin-top:6px;overflow:hidden}.imagecard img{object-fit:contain;background:#0c0c0f;width:100%;max-height:300px;display:block}.voicecard{color:#fff;background:#111;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;width:200px;max-width:100%;margin-top:6px;padding:8px 10px;display:flex}.voiceplay{color:#fff;cursor:pointer;background:#111;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;display:flex}.rec-stop{background:#e22c3d!important}.wavebar-live{transform-origin:bottom;animation:.5s ease-in-out infinite alternate wavebeat}@keyframes wavebeat{0%{transform:scaleY(.4)}to{transform:scaleY(1.8)}}.wave{flex:1;align-items:center;gap:2px;height:20px;display:flex}.wave span{background:#3a3a4a;border-radius:2px;width:3px;display:block}.vtime{color:#888;text-align:right;min-width:26px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.recording-bar{background:#e22c3d14;border:1px solid #e22c3d33;border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:7px 12px;display:flex}.rec-dot{background:#e22c3d;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1s infinite recpulse}.rec-time{color:#e22c3d;font-family:JetBrains Mono,monospace;font-size:11px}@keyframes recpulse{0%,to{opacity:1}50%{opacity:.25}}.imagecaption{color:#b0b0c0;padding:10px;font-family:Nunito Sans,sans-serif;font-size:14px;line-height:1.5}.ytcard{aspect-ratio:16/9;background:#000;border:1px solid #ffffff1a;border-radius:8px;max-width:410px;margin-top:6px;overflow:hidden}.ytcard iframe{border:none;width:100%;height:100%;display:block}.thumb{background:linear-gradient(135deg,#050514,#0f0f28);flex-direction:column;justify-content:center;align-items:center;gap:6px;height:105px;display:flex}.play{background:#3b82f6d9;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.cardfoot{background:#1a1a1e;align-items:center;gap:7px;padding:8px 11px;display:flex}.ctitle{flex:1;font-size:12px;font-weight:600}.badge{letter-spacing:1px;color:#f5c842;background:#f5c8421a;border:1px solid #f5c84238;border-radius:3px;padding:2px 5px;font-family:JetBrains Mono,monospace;font-size:8px}.lockcta{background:#640a1433;border-top:1px solid #a0142833;justify-content:space-between;align-items:center;gap:8px;padding:7px 11px;display:flex}.lockcta span{color:#ffffff73;font-family:JetBrains Mono,monospace;font-size:10px}.lockcta button{color:#fff;letter-spacing:1.5px;background:linear-gradient(135deg,#6b1020,#9b1828);border:none;border-radius:4px;padding:4px 8px;font-family:Bebas Neue,sans-serif;font-size:9px}.composer{flex-shrink:0;padding:13px 23px 17px;position:relative}.readonly{color:#606070;background:#1a1a1e;border:1px solid #ffffff12;border-radius:9px;padding:11px 14px;font-family:JetBrains Mono,monospace;font-size:12px}.inputbox{background:#1a1a1e;border:1px solid #ffffff12;border-radius:10px;align-items:center;display:flex;overflow:hidden}.inputbox:focus-within{border-color:#e0304059}.mic,.attach{background:0 0;border:none}.mic{color:#e22c3d;background:#ffffff12;border-radius:8px;width:34px;height:34px;margin:0 3px 0 10px;font-size:16px}.attach{color:#88a;cursor:pointer;justify-content:center;align-items:center;width:30px;height:34px;font-size:18px;display:flex}.ta{resize:none;color:#fff;background:0 0;border:none;outline:none;flex:1;height:48px;max-height:110px;padding:0 8px;font-size:14px;line-height:48px}.send{color:#fff;background:#c1263b;border:none;border-radius:7px;width:33px;height:33px;margin:0 9px}.emoji-btn{color:#88a;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:34px;padding:0;font-size:16px;display:flex}.emoji-btn:hover{color:#f0f0f2}.emoji-panel{background:#1a1a1e;border:1px solid #ffffff1f;border-radius:10px;flex-wrap:wrap;gap:2px;max-width:320px;margin-bottom:6px;padding:8px;display:flex}.emoji-opt{cursor:pointer;border-radius:5px;padding:3px;font-size:20px;line-height:1}.emoji-opt:hover{background:#ffffff14}.hint{color:#606070;text-align:right;margin-top:5px;font-family:JetBrains Mono,monospace;font-size:9px}.members{background:#0a0c0f;border-left:1px solid #ffffff12;flex-shrink:0;width:215px;padding:12px 0;overflow:auto}.mptitle{letter-spacing:1.5px;border-bottom:1px solid #ffffff12;margin-bottom:9px;padding:0 15px 10px;font-family:Bebas Neue,sans-serif;font-size:13px}.mplabel{letter-spacing:2px;text-transform:uppercase;color:#888898;padding:5px 15px;font-family:JetBrains Mono,monospace;font-size:8px}.member{cursor:pointer;align-items:center;gap:8px;padding:7px 15px;display:flex}.member:hover{background:#242428}.membername{align-items:center;gap:3px;font-size:13px;font-weight:600;display:flex}.status{font-family:Nunito Sans,sans-serif;font-size:11px}.status.on{color:#4ade80}.status.off{color:#606070}.dmdot{background:#e22c3d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 7px #e03040b3}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#000000c7;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#0a0c0f;border:1px solid #ffffff24;border-radius:13px;width:650px;max-height:88vh;overflow:auto;box-shadow:0 32px 80px #000000b3}.modalhead{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.modaltitle{letter-spacing:1.5px;color:#fff;font-family:Bebas Neue,sans-serif;font-size:20px}.x{color:#9090a8;background:#242428;border:1px solid #ffffff12;border-radius:6px;width:26px;height:26px}.section{border-bottom:1px solid #ffffff12;padding:14px 20px}.sectiontitle{letter-spacing:2.5px;text-transform:uppercase;color:#fff;margin-bottom:12px;font-family:Nunito Sans,sans-serif;font-size:12px}.rowline{justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.rowtitle{color:#fff;font-family:Nunito Sans,sans-serif;font-size:13px;font-weight:500}.rowtext{color:#fff;font-family:Nunito Sans,sans-serif;font-size:12px;line-height:1.4}.toggle{letter-spacing:1px;border:none;border-radius:12px;width:50px;height:24px;font-family:Abel,sans-serif;font-size:12px}.toggle.on{color:#fff;background:#e22c3d}.toggle.off{color:#606070;background:#242428}.pillbox{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.pill{color:#9090a8;background:#1e1e23;border:1px solid #ffffff12;border-radius:6px;padding:4px 11px;font-family:Abel,sans-serif;font-size:13px}.pill.sel{color:#e22c3d;background:#e0304014;border-color:#e22c3d}.redbtn{color:#fff;letter-spacing:2px;background:#e22c3d;border:none;border-radius:6px;padding:6px 10px;font-family:Bebas Neue,sans-serif}.select,.field{color:#fff;background:#1e1e23;border:1px solid #ffffff12;border-radius:6px;outline:none;width:100%;margin-top:10px;padding:9px 12px;font-family:Abel,sans-serif;font-size:14px}.ok{color:#4ade80;background:#4ade801a;border:1px solid #4ade804d;border-radius:6px;padding:4px 9px;font-family:Abel,sans-serif;font-size:12px}.menu{z-index:80;background:#1a1a1e;border:1px solid #ffffff24;border-radius:9px;min-width:130px;padding:4px;position:fixed;box-shadow:0 14px 36px #000000a6}.menu button{color:#fff;text-align:center;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.menu button:hover{color:#e22c3d;background:#e0304024}.adminpanel{width:540px}.adminrow{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding:14px 24px;display:flex}.admininfo{flex:1}.adminname{color:#fff;align-items:center;gap:5px;font-family:Nunito Sans,sans-serif;font-size:15px;font-weight:600;display:flex}.email{color:#606070;margin-top:2px;font-family:JetBrains Mono,monospace;font-size:12px}.adminactions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.smallbtn{color:#9090a8;background:#ffffff08;border:1px solid #ffffff12;border-radius:5px;padding:5px 9px;font-family:Abel,sans-serif;font-size:12px}.smallbtn.danger{color:#e22c3d;background:#e0304014;border-color:#e030404d}.member-admin-badge{color:#f5d05d;letter-spacing:.5px;background:#f5d05d1a;border:1px solid #f5d05d4d;border-radius:4px;margin-left:4px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:8px}.member-support-badge{color:#3b82f6;letter-spacing:.5px;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:4px;margin-left:4px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:8px}.supportbadge{color:#3b82f6;background:#3b82f61f;border:1px solid #3b82f640;border-radius:7px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:10px}.ownerbadge,.trackbadge{border-radius:7px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:10px}.ownerbadge{color:#f5c842;background:#f5c8421a;border:1px solid #f5c8424d}.trackbadge{color:#3b82f6;background:#3b82f61f;border:1px solid #3b82f640}.reward{text-align:center;background:linear-gradient(160deg,#13111a,#0d0d10);border-radius:16px;width:460px;padding:36px 32px}.rewardgift{font-size:56px}.rewardtitle{letter-spacing:3px;color:#f5c842;font-family:Bebas Neue,sans-serif;font-size:28px}.rewardsub{color:#f5c842a6;letter-spacing:2px;font-family:Bebas Neue,sans-serif;font-size:16px}.rewardbody{color:#9090a8;max-width:340px;margin:18px auto;font-size:14px;line-height:1.7}.rewardbtn{color:#000;letter-spacing:2px;background:linear-gradient(135deg,#f5c842,#f0a020);border:none;border-radius:8px;padding:10px 28px;font-family:Bebas Neue,sans-serif;font-size:17px}.delmsg{opacity:0;color:#606070;background:0 0;border:none;border-radius:4px;padding:1px 5px;font-size:11px;line-height:1}.delmsg:hover{color:#e22c3d;background:#e0304026}.msg:hover .delmsg{opacity:1}.pinmsg{opacity:0;color:#606070;background:0 0;border:none;border-radius:4px;padding:1px 5px;font-size:11px;line-height:1}.pinmsg:hover{color:#f5c842;background:#f5c84226}.msg:hover .pinmsg{opacity:1}.pinbanner{color:#d0d0e0;cursor:pointer;background:#100e06f7;border-bottom:1px solid #f5c8422e;flex-shrink:0;align-items:center;gap:10px;padding:7px 20px;font-size:18px;display:flex;overflow:hidden}.pinbanner:hover{background:#181408f7}.pinbanner-label{letter-spacing:1px;text-transform:uppercase;color:#f5c8428c;margin-bottom:1px;font-family:JetBrains Mono,monospace;font-size:9px}.pinbanner-text{color:#d0d0e0;white-space:nowrap;text-overflow:ellipsis;max-width:700px;font-size:13px;overflow:hidden}.fmtbar{gap:4px;margin-bottom:5px;display:flex}.fmtbtn{color:#9090a8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;width:26px;height:22px;padding:0;font-size:12px;display:flex}.fmtbtn:hover{color:#fff;background:#ffffff1a}.imgdesc{color:#b0b0c0;max-width:410px;padding:10px 0 0;font-family:Nunito Sans,sans-serif;font-size:14px;line-height:1.5}.ytlink{color:#606070;padding:10px 0 0;font-family:Nunito Sans,sans-serif;font-size:14px;text-decoration:none;display:inline-block}.ytlink:hover{color:#9090a8}.liveroom-modal{aspect-ratio:16/9;background:#000;border:1px solid #ffffff1f;border-radius:10px;width:720px;max-width:96vw;position:relative;overflow:hidden}.liveroom-modal iframe{border:none;width:100%;height:100%;display:block}.liveroom-close{color:#fff;z-index:10;cursor:pointer;background:#000000bf;border:1px solid #fff3;border-radius:50%;width:30px;height:30px;font-size:14px;position:absolute;top:10px;right:10px}.lightbox{justify-content:center;align-items:center;max-width:92vw;max-height:90vh;display:flex;position:relative}.lightbox img{object-fit:contain;border-radius:8px;max-width:92vw;max-height:86vh;display:block}.lightbox-close{color:#fff;cursor:pointer;background:#1a1a1e;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex;position:absolute;top:-14px;right:-14px}.login-container{color:#fff;background:radial-gradient(at -8% -8%,#ff0a5047 0%,#c8053c1a 28%,#0000 58%),linear-gradient(160deg,#131315 0%,#0f0f12 45%,#0b0b0e 100%);justify-content:center;align-items:center;min-height:100dvh;font-family:Abel,sans-serif;display:flex;position:relative}.login-card{z-index:1;text-align:center;background:#0a0c0f;border-radius:14px;width:415px;padding:36px 30px 28px;font-family:Abel,sans-serif;position:relative}.login-star-icon{margin-bottom:18px}.login-brand-name{letter-spacing:3px;color:#fff;font-family:Bebas Neue,sans-serif;font-size:30px}.login-brand-name span{color:#e22c3d}.login-acro{color:#e22c3d;letter-spacing:2px;margin-top:0;margin-bottom:15px;font-family:Abel,sans-serif;font-size:14px}.login-field{text-align:left;margin-top:18px}.login-field label{letter-spacing:3px;color:#72728a;text-transform:uppercase;margin-bottom:9px;font-family:Abel,sans-serif;font-size:12px;display:block}.login-field input{color:#fff;background:#181c23;border:1px solid #ffffff12;border-radius:6px;outline:none;width:100%;padding:11px 14px;font-size:14px}.login-field input:focus{border-color:#e22c3d73}.login-button{color:#fff;letter-spacing:2px;cursor:pointer;text-transform:uppercase;background:#c1263b;border:none;border-radius:6px;width:100%;margin-top:28px;padding:12px;font-family:Abel,sans-serif;font-size:13px;font-weight:700}.login-button:hover{background:#a82033}.login-button:disabled{opacity:.75;cursor:not-allowed}@keyframes loadpulse{0%,to{opacity:1}50%{opacity:.35}}.login-loading{letter-spacing:3px;animation:1s ease-in-out infinite loadpulse}.login-footer{color:#6e6e86;letter-spacing:1.5px;text-transform:uppercase;margin-top:22px;font-family:Abel,sans-serif;font-size:12px}.login-tagline{color:#44445a;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;gap:10px;margin-top:14px;font-family:Abel,sans-serif;font-size:11px;display:flex}.login-tag-star{color:#e22c3d;font-size:13px}.login-avatar-picker{flex-direction:column;align-items:center;gap:8px;margin-bottom:22px;display:flex}.login-avatar-wrap{width:80px;height:80px;position:relative}.login-avatar-upload{cursor:pointer;background:#0e0e18;border:2px dashed #e22c3d73;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:border-color .15s;display:flex;overflow:hidden}.login-avatar-upload:hover{border-color:#e22c3d}.login-avatar-badge{pointer-events:none;background:#e22c3d;border:2px solid #13131f;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.login-avatar-icon{color:#e22c3d;font-size:28px;line-height:1}.login-avatar-hint{letter-spacing:2px;color:#55556a;text-transform:uppercase;font-family:Abel,sans-serif;font-size:11px}.login-container:before{content:"";pointer-events:none;z-index:0;background-image:repeating-linear-gradient(45deg,#b4b4c80a 0 1px,#0000 1px 5px),repeating-linear-gradient(-45deg,#b4b4c80a 0 1px,#0000 1px 5px);position:absolute;inset:0}.sync-err-bar{letter-spacing:.5px;color:#c8a03cbf;background:#b4780014;border-bottom:1px solid #b4780026;flex-shrink:0;align-items:center;gap:7px;padding:5px 20px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.sync-err-dot{background:#c1263b;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.4s ease-in-out infinite recpulse}.mention-popup-wrap{position:relative}.mention-popup{z-index:30;background:#1a1a1e;border:1px solid #ffffff24;border-radius:9px;max-height:220px;padding:4px;position:absolute;bottom:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 -8px 28px #000000a6}.mention-item{cursor:pointer;color:#d0d0e0;border-radius:6px;align-items:center;gap:9px;padding:6px 10px;font-family:Nunito Sans,sans-serif;font-size:13px;display:flex}.mention-item:hover,.mention-item.sel{color:#fff;background:#e0304024}.dm-actions{opacity:0;gap:3px;margin-left:auto;transition:opacity .12s;display:flex}.item:hover .dm-actions{opacity:1}.dm-action-btn{color:#9090a8;cursor:pointer;background:#ffffff12;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:10px;display:flex}.dm-action-btn:hover{color:#fff;background:#ffffff24}.dm-action-close{color:#e27080;background:#8b152080}.dm-action-close:hover{color:#fff;background:#8b1520}.scroll-bottom-btn{color:#fff;cursor:pointer;z-index:20;background:#8b1520;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;line-height:1;transition:opacity .15s;display:flex;position:absolute;bottom:120px;left:50%;transform:translate(-50%);box-shadow:0 3px 14px #0009}.scroll-bottom-btn:hover{background:#6b1020}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#000;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#111}.hamburger-btn{color:#d8d8ec;background:#ffffff14;border:1px solid #ffffff2e;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;font-size:22px;display:none}.hamburger-btn:hover{color:#fff;background:#ffffff24}.sidebar-backdrop,.members-backdrop{background:#0000008c;display:none;position:fixed;inset:0}.sidebar-backdrop{z-index:49}.members-backdrop{z-index:44}.msgwrap.react-open .reactpick{opacity:1;pointer-events:all}@media (width<=768px){.top{height:auto;min-height:34px;padding-top:env(safe-area-inset-top);flex-wrap:nowrap;overflow:hidden}.days,.bar,.count{display:none}.layout{flex:1;height:auto;min-height:0}.header{height:52px}.sidebar{padding-bottom:env(safe-area-inset-bottom)}.members{z-index:45;-webkit-overflow-scrolling:touch;width:260px;height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:#0a0c0f;border-left:1px solid #ffffff1a;position:fixed;top:0;right:0}.members-backdrop{display:block}.composer{padding-top:8px;padding-bottom:calc(8px + env(safe-area-inset-bottom));z-index:30;background:#0a0c0f;border-top:1px solid #ffffff12;position:fixed;bottom:0;left:205px;right:0}.messages{padding:8px 14px calc(100px + env(safe-area-inset-bottom))}.scroll-bottom-btn{bottom:calc(110px + env(safe-area-inset-bottom))}.msg{padding:3px 5px}.text,.name{font-size:13px}.hint{display:none}.hamburger-btn{width:30px;height:30px;font-size:16px}.htitle{margin-top:2px}.iconbtn{min-width:30px;min-height:30px;font-size:13px}.footbtn,.item{min-height:44px}.mic{width:22px;height:22px;font-size:10px}.send{width:32px;height:32px}.fmtbtn{width:26px;min-width:26px;height:26px;min-height:26px;font-size:10px}.attach{width:24px;height:28px;font-size:15px}.emoji-btn{width:24px;height:28px;font-size:13px}.ta{height:40px;padding:0 20px;font-size:16px;line-height:40px}.login-field input{font-size:16px}}@media (width<=480px){.top{display:none}.layout{grid-template-columns:1fr;height:100dvh}.header{padding-top:env(safe-area-inset-top);align-items:center;height:auto;min-height:52px}.sidebar{z-index:50;width:260px;height:100dvh;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block}.hamburger-btn{display:flex}.brand,.me{padding:7px 10px}.nav{padding:2px 0}.label{padding:5px 10px 2px;font-size:7px}.item{min-height:34px;padding:5px 10px;font-size:13px}.upgradewrap{padding:4px 10px 3px}.upgrade{padding:11px 10px;font-size:11px}.footer{padding:7px 10px}.footbtn{min-height:36px}.composer{padding-left:calc(10px + env(safe-area-inset-left));padding-right:calc(10px + env(safe-area-inset-right));left:0}.login-card{width:calc(100vw - 32px);padding:28px 20px 22px}.login-container{padding-top:calc(40px + env(safe-area-inset-top));align-items:flex-start}.pinbanner-text{max-width:calc(100vw - 100px)}}