*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--ac:#fff;--ac10:#ffffff1a;--ac25:#ffffff40;--ac40:#fff6;--bd:#ffffff26;--bd-s:#ffffff47;--bg0:#1f1f1eed;--bg1:#262625e6;--bg2:#1f1f1ef7;--bg3:#1f1f1efc;--t0:#f2f2f2;--t1:#e0e0e0;--t2:#ffffff73;--t3:#ffffff47;--sc:#1e1e1e;--user-scale:1}body{-webkit-user-select:none;user-select:none;background:0 0;width:100vw;height:100vh;font-family:DM Sans,sans-serif;font-size:clamp(12px,.85vw,15px);overflow:hidden}#root{width:100%;height:100%}body.dev-preview{background:#000 url(/preview/project07chat/img/preview-bg.png) 50%/cover no-repeat}body[data-size=sm]{--cw:clamp(290px,22vw,400px);--ch:clamp(180px,22vh,300px)}body[data-size=md]{--cw:clamp(360px,28vw,540px);--ch:clamp(260px,30vh,420px)}body[data-size=lg]{--cw:clamp(460px,36vw,700px);--ch:clamp(340px,40vh,560px)}:root{--bar-h:clamp(36px,2.8vh,46px);--bsz:clamp(24px,2vh,30px);--fmsg:clamp(12px,.85vw,14px);--ftag:clamp(9px,.6vw,11px);--ft:clamp(9px,.56vw,10px);--fh:clamp(12px,.85vw,14px);--gap:clamp(3px,.35vh,6px)}body[data-position=tl] #chat-wrap{inset:2.5% auto auto 1.8%;transform:none}body[data-position=tc] #chat-wrap{inset:2.5% auto auto 50%;transform:translate(-50%)}body[data-position=tr] #chat-wrap{inset:2.5% 1.8% auto auto;transform:none}body[data-position=ml] #chat-wrap{inset:50% auto auto 1.8%;transform:translateY(-50%)}body[data-position=mr] #chat-wrap{inset:50% 1.8% auto auto;transform:translateY(-50%)}body[data-position=bl] #chat-wrap{inset:auto auto 2.5% 1.8%;transform:none}body[data-position=bc] #chat-wrap{inset:auto auto 2.5% 50%;transform:translate(-50%)}body[data-position=br] #chat-wrap{inset:auto 1.8% 2.5% auto;transform:none}#chat-wrap{width:var(--cw,470px);height:calc(var(--ch,360px) + var(--bar-h,40px) + var(--gap,5px) * 2);justify-content:flex-end;gap:var(--gap,5px);flex-direction:column;transition:width .3s,height .3s,top .3s,bottom .3s,left .3s,right .3s,transform .3s;display:flex;position:fixed}#msg-list{width:100%;max-height:var(--ch,360px);visibility:hidden;opacity:0;scrollbar-width:thin;scrollbar-color:var(--sc) transparent;flex-direction:column;justify-content:flex-end;transition:opacity .3s,visibility .3s;display:flex;overflow:hidden auto}#msg-list.vis{visibility:visible;opacity:1}#msg-list::-webkit-scrollbar{width:3px}#msg-list::-webkit-scrollbar-thumb{background:var(--sc);border-radius:99px}#msg-col{gap:var(--gap,5px);flex-direction:column;padding:2px 2px 3px;display:flex}.msg{background:var(--bg0);border:1px solid var(--bd);border-left:3px solid var(--mc,#555);border-radius:5px;width:100%;padding:clamp(5px,.5vh,8px) clamp(8px,.7vw,12px);transition:background .15s;position:relative}.msg:hover{background:var(--bg1)}.msg[data-t=me]{border-radius:12px 12px 12px 4px}.msg[data-t=me] .msg-content{font-style:italic}.msg[data-t=do]{border-radius:4px 12px 12px 4px}.msg[data-t=whisper]{border-left-style:dashed;border-radius:8px}.msg[data-t=local]{opacity:.7;border-left-style:dotted}.msg[data-t=police],.msg[data-t=ems],.msg[data-t=mechanic],.msg[data-t=gang]{border-radius:2px}.msg[data-t=welcome]{border-left-width:4px}.msg-row1{flex-wrap:nowrap;align-items:center;gap:clamp(4px,.4vw,7px);margin-bottom:clamp(2px,.2vh,4px);display:flex}.msg-tag{font-family:Rajdhani,sans-serif;font-size:calc(var(--ftag,10px) * var(--user-scale,1));letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;opacity:.9;border:1px solid;border-radius:3px;flex-shrink:0;align-items:center;gap:4px;padding:1px clamp(4px,.35vw,7px);font-weight:700;display:flex}.msg-tag i{font-size:.85em}.msg-role{font-family:Rajdhani,sans-serif;font-size:calc(clamp(8px,.5vw,10px) * var(--user-scale,1));letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;opacity:.85;background:#ffffff14;border:1px solid;border-radius:3px;flex-shrink:0;padding:1px clamp(3px,.28vw,5px);font-weight:700}.msg-sender{font-size:calc(var(--fh,13px) * var(--user-scale,1));color:var(--t0);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.msg-time{font-family:JetBrains Mono,monospace;font-size:calc(var(--ft,10px) * var(--user-scale,1));color:var(--t3);flex-shrink:0;margin-left:auto}.msg-content{font-size:calc(var(--fmsg,13px) * var(--user-scale,1));color:var(--t1);word-break:break-word;line-height:1.5}.msg-img-wrap{border:1px solid var(--bd);border-radius:5px;max-width:100%;margin-top:5px;overflow:hidden}.msg-img{max-width:100%;max-height:var(--ih,160px);object-fit:contain;cursor:pointer;border-radius:5px;display:block}.msg-img-err{color:var(--t3);align-items:center;gap:5px;padding:4px 0;font-family:JetBrains Mono,monospace;font-size:9px;display:flex}.tc-0{color:#ddd}.tc-1{color:#f44}.tc-2{color:#6dda25}.tc-3{color:#ffb}.tc-4{color:#09c}.tc-5{color:#33b5e5}.tc-6{color:#a6c}.tc-7{color:#fff}.tc-8{color:#c00}.tc-9{color:#c06}body[data-style=compact] .msg{padding:3px 8px}body[data-style=compact] .msg-row1{margin-bottom:1px}body[data-style=compact] .msg-sender,body[data-style=compact] .msg-content{font-size:clamp(11px,.75vw,13px)}body[data-style=compact] .msg-tag{font-size:9px}body[data-style=compact] #chat-bar{height:calc(var(--bar-h) - 4px);border-radius:4px}body[data-style=minimal] .msg{border:none;border-left:2px solid var(--mc,#555);background:0 0;border-radius:0;padding:3px 8px}body[data-style=minimal] .msg:hover{background:#ffffff05}body[data-style=minimal] .msg[data-t=me],body[data-style=minimal] .msg[data-t=do],body[data-style=minimal] .msg[data-t=whisper]{border-left-style:solid;border-radius:0}body[data-style=minimal] .msg-tag{text-transform:lowercase;opacity:.5;border:none;padding:0;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500}body[data-style=minimal] #chat-bar{border:none;border-bottom:1px solid var(--bd-s);background:0 0;border-radius:0}body[data-style=glass] .msg{-webkit-backdrop-filter:blur(20px)saturate(1.5);background:#ffffff0a;border-color:#ffffff1a}body[data-style=glass] .msg:hover{background:#ffffff12}body[data-style=glass] #chat-bar{-webkit-backdrop-filter:blur(24px)saturate(1.8);background:#000000d9;border:1px solid #ffffff1f}body[data-style=survival]{font-family:Share Tech Mono,monospace}body[data-style=survival] .msg{background:var(--bg0);border:1px solid var(--mc,#555);border-left:4px solid var(--mc,#555);border-radius:0;padding:6px 10px;overflow:hidden}body[data-style=survival] .msg[data-t=me],body[data-style=survival] .msg[data-t=do],body[data-style=survival] .msg[data-t=ooc],body[data-style=survival] .msg[data-t=whisper]{border-left-style:solid;border-radius:0}body[data-style=survival] .msg-tag{background:#00000080;border-radius:0;font-family:Share Tech Mono,monospace}body[data-style=survival] #chat-bar{border:1px solid var(--ac);background:#000000f5;border-radius:0}body[data-style=survival] #chat-input{font-family:Share Tech Mono,monospace;font-size:12px}body[data-style=terminal]{font-family:JetBrains Mono,monospace}body[data-style=terminal] .msg{background:#000000eb;border:none;border-bottom:1px solid #ffffff0d;border-radius:0;padding:3px 8px}body[data-style=terminal] .msg:hover{background:#101010f0}body[data-style=terminal] .msg[data-t=me],body[data-style=terminal] .msg[data-t=do],body[data-style=terminal] .msg[data-t=ooc],body[data-style=terminal] .msg[data-t=whisper]{border-left:none;border-radius:0}body[data-style=terminal] .msg-tag{display:none}body[data-style=terminal] .msg-sender{color:var(--ac);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500}body[data-style=terminal] .msg-sender:before{content:"["}body[data-style=terminal] .msg-sender:after{content:"] "}body[data-style=terminal] .msg-content{font-family:JetBrains Mono,monospace;font-size:11px}body[data-style=terminal] .msg-time{display:none}body[data-style=terminal] #chat-bar{border:1px solid var(--ac);background:#000000fa;border-radius:0}body[data-style=terminal] #chat-input{font-family:JetBrains Mono,monospace;font-size:12px}body[data-style=bubble] .msg{box-shadow:inset 0 0 0 1.5px var(--bd-s);border-left:none;border-radius:14px 14px 14px 4px;padding:8px 13px}body[data-style=bubble] .msg[data-t=me]{border-radius:14px 14px 4px}body[data-style=bubble] .msg[data-t=ooc]{border-radius:14px}body[data-style=bubble] .msg[data-t=whisper]{box-shadow:inset 0 0 0 1.5px var(--mc,#555);border-radius:14px}body[data-style=bubble] .msg-tag{border:1.5px solid;border-radius:99px}body[data-style=bubble] #chat-bar{border-radius:99px;overflow:hidden}body[data-style=bordered] .msg{border:1.5px solid var(--mc,#555);background:0 0;border-radius:6px;padding:7px 11px}body[data-style=bordered] .msg:hover{background:#ffffff08}body[data-style=bordered] .msg[data-t=me]{border-radius:12px 12px 12px 4px}body[data-style=bordered] .msg[data-t=do]{border-radius:4px 12px 12px 4px}#input-preview-wrap{background:var(--bg2);border:1px solid var(--bd-s);border-bottom:none;border-radius:6px 6px 0 0;align-items:center;gap:8px;width:100%;padding:6px 10px;display:none}#input-preview-wrap.vis{display:flex}#input-preview-img{object-fit:cover;border:1px solid var(--bd);border-radius:4px;flex-shrink:0;max-width:clamp(70px,10vw,130px);max-height:clamp(50px,7vh,90px)}.preview-info{flex:1;min-width:0}#input-preview-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ac);align-items:center;gap:5px;font-family:Rajdhani,sans-serif;font-size:10px;font-weight:700;display:flex}#input-preview-sub{color:var(--t3);margin-top:2px;font-family:JetBrains Mono,monospace;font-size:9px}#input-preview-dismiss{color:var(--t3);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;align-self:flex-start;margin-left:auto;padding:2px 5px;font-size:12px;transition:all .15s}#input-preview-dismiss:hover{color:#f44;background:#ff3c3c26}#chat-bar{width:100%;height:var(--bar-h,40px);background:var(--bg2);border:1px solid var(--ibd-s,var(--bd-s));border-radius:6px;flex-shrink:0;align-items:center;transition:border-radius .15s,background .2s;display:flex;position:relative;overflow:visible}#chat-bar.has-preview{border-top-left-radius:0;border-top-right-radius:0}#chat-bar.bar-inactive{visibility:hidden;pointer-events:none}#input-type-tag{font-family:Rajdhani,sans-serif;font-size:calc(var(--ftag,11px) * var(--user-scale,1));letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-right:1px solid var(--tbd,var(--ibd-s,var(--bd-s)));height:100%;color:var(--tc,var(--ac));background:var(--tba,var(--ac10));border-radius:5px 0 0 5px;flex-shrink:0;align-items:center;min-width:clamp(38px,3vw,54px);padding:0 clamp(6px,.5vw,10px);font-weight:700;transition:color .15s,background .15s;display:none}#input-type-tag.vis{display:flex}#input-type-tag i{margin-right:4px;font-size:.85em}#chat-input{height:100%;color:var(--t1);font-family:DM Sans,sans-serif;font-size:calc(clamp(12px,.85vw,14px) * var(--user-scale,1));caret-color:var(--ac);background:0 0;border:none;outline:none;flex:1;padding:0 clamp(8px,.6vw,12px)}#chat-input::placeholder{color:var(--t3)}#bar-actions{flex-shrink:0;align-items:center;gap:1px;padding-right:4px;display:flex}.bar-btn{width:var(--bsz,28px);height:var(--bsz,28px);color:var(--t3);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:clamp(11px,.85vw,14px);transition:all .15s;display:flex}.bar-btn:hover{color:var(--t1);background:#ffffff12}.bar-btn.notif-off{color:#f44!important}.bar-btn#btn-settings:hover,.bar-btn#btn-sound-toggle:hover{color:var(--ac)}#emoji-picker{background:var(--bg3);border:1px solid var(--bd-s);z-index:300;scrollbar-width:thin;scrollbar-color:var(--sc) transparent;border-radius:10px;flex-wrap:wrap;gap:1px;width:clamp(180px,16vw,240px);max-height:clamp(160px,20vh,220px);padding:6px;display:flex;position:absolute;bottom:calc(100% + 6px);right:0;overflow:hidden auto}#emoji-picker::-webkit-scrollbar{width:3px}#emoji-picker::-webkit-scrollbar-thumb{background:var(--sc);border-radius:99px}.emoji-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;padding:3px;font-size:clamp(15px,1.3vw,20px);line-height:1;transition:background .1s}.emoji-item:hover{background:#ffffff1a}#suggestions-wrap{width:100%;min-height:calc(1px + clamp(9px,.58vw,11px) * var(--user-scale,1) + 8px)}#suggestions-wrap.sw-hidden{visibility:hidden;pointer-events:none}#suggestions-list{flex-wrap:wrap;gap:clamp(3px,.3vw,5px);padding:2px 0;display:flex}.suggestion{font-family:Rajdhani,sans-serif;font-size:calc(clamp(9px,.58vw,11px) * var(--user-scale,1));letter-spacing:.05em;text-transform:uppercase;color:#ffffff8c;background:var(--bg0);border:1px solid var(--bd);cursor:pointer;white-space:nowrap;border-radius:3px;padding:2px clamp(5px,.45vw,8px);font-weight:600;transition:all .15s}.suggestion:hover{background:var(--ac);border-color:var(--ac);color:#000}#sp-backdrop{z-index:800;background:#00000080;position:fixed;inset:0}#settings-panel{z-index:900;border-left:2px solid var(--ac);width:clamp(260px,22vw,320px);height:100vh;box-shadow:-6px 0 40px #000000e6, -2px 0 8px var(--ac25);background:#000;flex-direction:column;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;display:flex;position:fixed;top:0;right:0}#settings-panel.sp-closed{transform:translate(110%)}#settings-panel.sp-open{transform:translate(0)}#sp-header{background:linear-gradient(135deg,var(--ac10) 0%, transparent 70%);border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 12px;transition:background .2s;display:flex}#sp-header-left{align-items:center;gap:10px;display:flex}.sp-logo{color:var(--ac);font-size:22px;transition:color .2s}#sp-title{color:#fff;letter-spacing:.05em;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:700}#sp-subtitle{color:#fff6;align-items:center;gap:4px;margin-top:2px;font-size:10px;display:flex}#sp-version{color:var(--ac);font-family:JetBrains Mono,monospace;font-size:9px;transition:color .2s}#sp-close-btn{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:14px;transition:all .15s}#sp-close-btn:hover{color:#f44;background:#ff3c3c26}#sp-body{scrollbar-width:thin;scrollbar-color:#111 transparent;flex:1;padding-bottom:4px;overflow-y:auto}#sp-body::-webkit-scrollbar{width:3px}#sp-body::-webkit-scrollbar-thumb{background:#111;border-radius:99px}.sp-sec{border-bottom:1px solid #ffffff0f;padding:11px 14px}.sp-sec:last-child{border-bottom:none}.sp-inline-sec{justify-content:space-between;align-items:center;display:flex}.sp-inline-sec .sp-sec-lbl{margin-bottom:0}.sp-sec-lbl{letter-spacing:.1em;text-transform:uppercase;color:var(--ac);opacity:.8;align-items:center;gap:6px;margin-bottom:8px;font-family:Rajdhani,sans-serif;font-size:10px;font-weight:700;transition:color .2s;display:flex}.sp-sec-desc{color:#ffffff4d;margin-top:-4px;margin-bottom:7px;font-size:10px}.sp-btn{color:#ffffff80;cursor:pointer;letter-spacing:.04em;text-align:center;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:7px 5px;font-family:Rajdhani,sans-serif;font-size:clamp(9px,.6vw,11px);font-weight:700;transition:all .15s;display:flex}.sp-btn:hover{border-color:var(--ac);color:#fff;background:var(--ac10)}.sp-btn.active{background:var(--ac)!important;border-color:var(--ac)!important;color:#000!important}.sp-btn.active i{color:#000!important}.sp-pos-grid{grid-template-columns:1fr 1fr 1fr;gap:4px;display:grid}.pos-btn{flex-direction:column;gap:3px;padding:8px 4px}.pos-btn i{font-size:13px}.pos-btn span{opacity:.8;font-size:9px}.sp-3grid{grid-template-columns:1fr 1fr 1fr;gap:4px;display:grid}.sp-4grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:4px;display:grid}.sp-5grid{grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:4px;display:grid}#color-swatches{grid-template-columns:repeat(6,1fr);gap:5px;display:grid}.cg-sw{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:5px;outline:none;width:100%;transition:all .12s}.cg-sw:hover{border-color:#fff9;transform:scale(1.14)}.cg-sw.active{box-shadow:0 0 0 2px var(--ac);border-color:#fff}.bub-btn{flex-direction:column;gap:3px;padding:7px 2px;font-size:9px}.bub-btn i{font-size:13px}.sp-toggle{letter-spacing:.05em;cursor:pointer;background:var(--ac);color:#000;border:none;border-radius:5px;padding:5px 14px;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:700;transition:all .15s}.sp-toggle.off{color:#f44;background:#ff3c3c33;border:1px solid #ff3c3c66}#sp-reset-colors-btn{letter-spacing:.04em;color:#fff9;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;border-radius:5px;align-items:center;gap:5px;padding:5px 10px;font-family:Rajdhani,sans-serif;font-size:10px;font-weight:700;transition:all .15s;display:flex}#sp-reset-colors-btn:hover{border-color:var(--ac);color:var(--ac);background:var(--ac10)}#sp-footer{background:linear-gradient(135deg, var(--ac10) 0%, transparent 60%);border-top:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .2s;display:flex}#sp-brand{letter-spacing:.05em;color:#fff6;align-items:center;gap:6px;font-family:Rajdhani,sans-serif;font-size:10px;font-weight:700;display:flex}#sp-brand i{color:var(--ac);font-size:13px;transition:color .2s}#sp-ver-f{color:var(--ac);opacity:.7;font-family:JetBrains Mono,monospace;font-size:9px;transition:color .2s}#sp-footer-btns{align-items:center;gap:6px;display:flex}#sp-save-btn{background:var(--ac);color:#000;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:none;border-radius:5px;align-items:center;gap:5px;padding:6px 14px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;transition:all .15s;display:flex}#sp-save-btn:hover{opacity:.85;transform:translateY(-1px)}#sp-save-btn:active{transform:translateY(0)}#sp-cancel-btn{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:5px;padding:6px 10px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;transition:all .15s}#sp-cancel-btn:hover{color:#f44;background:#ff3c3c1a;border-color:#f44}#bubbles-layer{pointer-events:none;z-index:100;position:fixed;inset:0;overflow:hidden}.hb{will-change:transform, opacity;flex-direction:column;align-items:center;transition:opacity .15s linear;display:flex;position:absolute;transform:translate(-50%)}.hb-box{border:1px solid #ffffff1a;border-top:2px solid var(--hbc,#ff69ba);white-space:nowrap;text-overflow:ellipsis;color:#f0f0f0;text-align:center;max-width:240px;box-shadow:0 2px 14px #000000b3, 0 0 6px var(--hbg,#ff69ba1f);background:#040404f0;border-radius:7px;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:clamp(11px,.85vw,13px);font-weight:500;overflow:hidden}.hb-tail{border-top:6px solid #040404f0;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;margin-top:-1px}.hb.hud .hb-box{border:1px solid var(--hbc,#ff69ba);background:#020202f5;border-top:none;border-radius:2px}.hb.hud .hb-tail{display:none}.hb.dark .hb-box{border:none;border-left:3px solid var(--hbc,#ff69ba);text-align:left;background:#000000eb;border-radius:0}.hb.dark .hb-tail{display:none}.hb.neon .hb-box{border:1px solid var(--hbc,#0f8);border-top:2px solid var(--hbc,#0f8);box-shadow:0 0 12px var(--hbg,#0f83), inset 0 0 8px #00ff880a;background:#020603f2}.hb.neon .hb-tail{border-top-color:#020603f2}.cc-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cc-native{border:1px solid var(--bd-s);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;width:30px;height:30px;padding:0}.cc-steppers{flex-direction:column;flex-shrink:0;gap:1px;display:flex}.cc-step{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:2px;justify-content:center;align-items:center;width:18px;height:14px;font-size:8px;transition:all .12s;display:flex}.cc-step:hover{border-color:var(--ac);color:var(--ac)}.cc-swatches{flex:1;grid-template-columns:repeat(8,1fr);gap:4px;min-width:140px;display:grid}.sp-slider-row{align-items:center;gap:10px;display:flex}.sp-slider-row input[type=range]{accent-color:var(--ac);cursor:pointer;flex:1;height:3px}.sp-slider-val{color:var(--ac);text-align:right;min-width:32px;font-family:JetBrains Mono,monospace;font-size:10px}.sp-new-tag{color:#000;letter-spacing:.05em;background:linear-gradient(135deg,#ff4d8d,#ff8a3d);border-radius:99px;padding:1px 4px;font-size:7px;font-weight:800;line-height:1.4;position:absolute;top:-5px;right:-4px}.sp-btn{position:relative}.cc-filter{width:100%;color:var(--t1);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:5px;outline:none;margin-bottom:6px;padding:5px 8px;font-size:11px}.cc-filter:focus{border-color:var(--ac)}.sugg-pick-list{flex-wrap:wrap;gap:5px;max-height:140px;padding-right:2px;display:flex;overflow-y:auto}.sugg-pick-item{color:#ffffff80;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;align-items:center;gap:5px;padding:3px 7px;font-family:JetBrains Mono,monospace;font-size:10px;transition:all .12s;display:flex}.sugg-pick-item input{accent-color:var(--ac);cursor:pointer}.sugg-pick-item.active{color:#fff;border-color:var(--ac);background:var(--ac10)}.sugg-pick-empty{color:#ffffff4d;padding:4px 0;font-size:10px}body[data-style=cyberpunk]{font-family:Rajdhani,sans-serif}body[data-style=cyberpunk] .msg{border:1px solid #ff00c82e;border-left:3px solid var(--mc,#555);clip-path:polygon(0 0,100% 0,100% 100%,6px 100%,0 calc(100% - 6px));background:#05020aeb;border-radius:2px}body[data-style=cyberpunk] .msg-sender{color:var(--ac);text-shadow:0 0 6px var(--ac40)}body[data-style=cyberpunk] #chat-bar{border:1px solid var(--ac);box-shadow:0 0 12px var(--ac25);background:#05020af5;border-radius:2px}body[data-style=cyberpunk] #chat-input{font-family:Rajdhani,sans-serif;font-weight:500}body[data-style=retro]{font-family:Share Tech Mono,monospace}body[data-style=retro] .msg{border:1px solid #1a4d1a;border-left:3px solid var(--mc,#3f3);background:#001a00;border-radius:0;box-shadow:inset 0 0 12px #00ff3c0f}body[data-style=retro] .msg-sender,body[data-style=retro] .msg-content{color:#7dff7d;text-shadow:0 0 4px #50ff504d}body[data-style=retro] .msg-time{color:#3a7d3a}body[data-style=retro] #chat-bar{background:#001200;border:1px solid #1a4d1a;border-radius:0}body[data-style=retro] #chat-input{color:#7dff7d;caret-color:#7dff7d;font-family:Share Tech Mono,monospace}body[data-style=elegant]{font-family:DM Sans,sans-serif}body[data-style=elegant] .msg{border:1px solid #ffebcd1f;border-left:2px solid var(--mc,#555);background:#12100eeb;border-radius:2px 10px 10px 2px}body[data-style=elegant] .msg-sender{letter-spacing:.03em;font-family:Rajdhani,sans-serif;font-weight:600}body[data-style=elegant] .msg-tag{border:none;border-bottom:1px solid;border-radius:0;padding-left:0}body[data-style=elegant] #chat-bar{background:#100e0cf2;border:1px solid #ffebcd29;border-radius:2px}.hb.comic .hb-box{color:#111;background:#fff;border:2px solid #111;border-radius:14px;font-family:Rajdhani,sans-serif;font-weight:700;box-shadow:3px 3px #0009}.hb.comic .hb-tail{filter:drop-shadow(0 1px #111);border-top-color:#fff}.hb.holo .hb-box{border:1px solid var(--hbc,#00eaff);color:#eafcff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 16px var(--hbg,#00eaff40), inset 0 0 10px #ffffff0d;background:linear-gradient(135deg,#00ffff1a,#ff00ff14)}.hb.holo .hb-tail{display:none}#admin-backdrop{z-index:2000;background:#000000c7;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;display:flex;position:fixed;inset:0}#admin-tablet{background:#1f1f1e;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;width:min(1400px,86vw);height:86vh;display:flex;overflow:hidden;box-shadow:0 24px 90px #000000d9,0 0 0 1px #ffffff05}#admin-topbar{background:linear-gradient(135deg, var(--admin-ac10,var(--ac10)) 0%, transparent 65%);border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}#admin-topbar-left{color:#fff;align-items:center;gap:10px;font-family:Rajdhani,sans-serif;font-size:15px;font-weight:700;display:flex}#admin-topbar-left i{color:var(--admin-ac,var(--ac));font-size:18px}#admin-topbar-right{align-items:center;gap:12px;display:flex}#admin-name{color:#fff;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600}#admin-logo-circle{border:1.5px solid var(--admin-ac,var(--ac));width:34px;height:34px;color:var(--admin-ac,var(--ac));background:#ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex;overflow:hidden}#admin-logo-circle img{object-fit:cover;width:100%;height:100%}#admin-close-btn{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:5px 8px;font-size:15px;transition:all .15s}#admin-close-btn:hover{color:#f44;background:#ff3c3c26}#admin-body{flex:1;display:flex;overflow:hidden}#admin-sidebar{background:#1a1a19;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:4px;width:200px;padding:16px 10px;display:flex}.admin-nav-btn{color:#ffffff8c;letter-spacing:.02em;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:11px 13px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:flex}.admin-nav-btn i{text-align:center;width:16px}.admin-nav-btn:hover{color:#fff;background:#ffffff0d}.admin-nav-btn.active{background:var(--admin-ac,var(--ac));color:#000}#admin-content{scrollbar-width:thin;scrollbar-color:#1e1e1e transparent;flex:1;padding:24px 28px;overflow-y:auto}#admin-content::-webkit-scrollbar{width:5px}#admin-content::-webkit-scrollbar-thumb{background:#1e1e1e;border-radius:99px}.ap-page{color:#eee}.ap-page-flex{flex-direction:column;height:100%;display:flex}.ap-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.ap-page-title{color:#fff;align-items:center;gap:9px;font-family:Rajdhani,sans-serif;font-size:19px;font-weight:700;display:flex}.ap-page-title i{color:var(--admin-ac,var(--ac))}.ap-page-sub{color:#fff6;margin-top:5px;font-size:11px}.ap-head-btns{align-items:center;gap:8px;display:flex}.ap-saved-flash{color:#0f8;align-items:center;gap:5px;font-size:12px;font-weight:700;display:flex}.ap-reset-btn,.ap-save-btn,.ap-mini-save-btn{letter-spacing:.03em;cursor:pointer;white-space:nowrap;border:none;border-radius:7px;align-items:center;gap:6px;padding:8px 15px;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:700;transition:all .15s;display:flex}.ap-reset-btn{color:#fff9;background:#ffffff0f;border:1px solid #ffffff24}.ap-reset-btn:hover{color:#f84;border-color:#f84}.ap-save-btn,.ap-mini-save-btn{background:var(--admin-ac,var(--ac));color:#000}.ap-save-btn:hover,.ap-mini-save-btn:hover{opacity:.85;transform:translateY(-1px)}.ap-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ap-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:17px}.ap-card-wide{grid-column:1/-1}.ap-card-title{color:var(--admin-ac,var(--ac));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:7px;margin-bottom:12px;font-family:Rajdhani,sans-serif;font-size:12px;font-weight:700;display:flex}.ap-card-title-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ap-card-title-row .ap-card-title{margin-bottom:0}.ap-pos-grid,.ap-3grid,.ap-4grid,.ap-5grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.ap-chip{color:#ffffff8c;cursor:pointer;letter-spacing:.03em;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 6px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700;transition:all .15s;display:flex}.ap-chip:hover{border-color:var(--admin-ac,var(--ac));color:#fff;background:var(--admin-ac10,var(--ac10))}.ap-chip.active{background:var(--admin-ac,var(--ac));border-color:var(--admin-ac,var(--ac));color:#000}.ap-chip.small{padding:5px 9px;font-size:10px}.ap-color-grid{grid-template-columns:1fr 1fr;gap:2px 26px;display:grid}.ap-color-grid-single{grid-template-columns:1fr;max-width:340px}.ap-color-grid .sp-sec{border-bottom:none;padding:6px 0}.ap-color-grid .sp-sec-lbl{color:var(--admin-ac,var(--ac))}.ap-color-grid .cg-sw.active{box-shadow:0 0 0 2px var(--admin-ac,var(--ac))}.ap-sec-desc{color:#ffffff59;margin:-4px 0 10px;font-size:11px}.ap-toggle-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ap-toggle-row{color:#ffffffb3;background:#ffffff08;border-radius:7px;justify-content:space-between;align-items:center;padding:9px 13px;font-size:12px;display:flex}.ap-toggle{letter-spacing:.04em;cursor:pointer;background:var(--admin-ac,var(--ac));color:#000;border:none;border-radius:5px;padding:4px 12px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700}.ap-toggle.off{color:#f44;background:#ff3c3c33;border:1px solid #ff3c3c66}.ap-webhook-master{background:#ffffff08;border-radius:7px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:9px 13px;font-size:12px;display:flex}.ap-webhook-list{flex-direction:column;gap:7px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.ap-webhook-row{align-items:center;gap:10px;display:flex}.ap-webhook-chan{color:#ffffff80;text-transform:uppercase;flex-shrink:0;width:92px;font-family:JetBrains Mono,monospace;font-size:10px}.ap-webhook-input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:5px;outline:none;flex:1;padding:7px 10px;font-family:JetBrains Mono,monospace;font-size:11px;transition:border-color .15s}.ap-webhook-input:focus{border-color:var(--admin-ac,var(--ac))}.ap-history-search{color:#fff6;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:9px;align-items:center;gap:9px;margin-bottom:16px;padding:9px 14px;display:flex}.ap-history-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:12px}.ap-history-search button{background:var(--admin-ac,var(--ac));color:#000;cursor:pointer;border:none;border-radius:6px;padding:7px 16px;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:700}.ap-history-list{flex-direction:column;gap:2px;display:flex}.ap-history-row{background:#ffffff05;border-radius:6px;grid-template-columns:150px 90px 150px 1fr;align-items:center;gap:12px;padding:8px 11px;font-size:11px;display:grid}.ap-history-row:hover{background:#ffffff0d}.ap-history-time{color:#ffffff59;font-family:JetBrains Mono,monospace;font-size:10px}.ap-history-type{text-transform:uppercase;color:var(--admin-ac,var(--ac));font-family:Rajdhani,sans-serif;font-size:10px;font-weight:700}.ap-history-header{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ap-history-content{color:#ffffffa6;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ap-history-empty{text-align:center;color:#ffffff4d;padding:36px;font-size:12px}.ap-history-pager{color:#ffffff80;justify-content:center;align-items:center;gap:16px;margin-top:16px;font-size:12px;display:flex}.ap-history-pager button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;width:28px;height:28px}.ap-history-pager button:disabled{opacity:.3;cursor:default}.ap-autoclear{color:#ffffff80;align-items:center;gap:10px;font-size:11px;display:flex}.ap-autoclear-days{gap:4px;display:flex}.ap-admin-chat-list{background:#ffffff05;border-radius:10px;flex-direction:column;flex:1;gap:7px;margin-bottom:14px;padding:14px;display:flex;overflow-y:auto}.ap-admin-msg{flex-wrap:wrap;align-items:baseline;gap:9px;font-size:12px;display:flex}.ap-admin-msg-time{color:#ffffff4d;font-family:JetBrains Mono,monospace;font-size:9px}.ap-admin-msg-name{color:var(--admin-ac,var(--ac));font-weight:700}.ap-admin-msg-text{color:#ffffffd9}.ap-admin-chat-input{flex-shrink:0;gap:9px;display:flex}.ap-admin-chat-input input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:9px;outline:none;flex:1;padding:11px 15px;font-size:13px;transition:border-color .15s}.ap-admin-chat-input input:focus{border-color:var(--admin-ac,var(--ac))}.ap-admin-chat-input button{background:var(--admin-ac,var(--ac));color:#000;cursor:pointer;border:none;border-radius:9px;width:44px;font-size:14px}#admin-footer{letter-spacing:.04em;color:#ffffff59;border-top:1px solid #ffffff14;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:10px 0;font-family:Rajdhani,sans-serif;font-size:11px;font-weight:600;display:flex}#admin-footer-brand{color:#ffffff80}#admin-footer-version{color:var(--admin-ac,var(--ac));opacity:.8;font-family:JetBrains Mono,monospace}#dev-bar{z-index:5000;background:#0a0a0af7;border-top:2px solid red;max-height:40vh;padding:10px 16px 14px;font-family:DM Sans,sans-serif;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}.dev-bar-title{letter-spacing:.05em;color:red;align-items:center;gap:8px;margin-bottom:8px;font-family:Rajdhani,sans-serif;font-size:13px;font-weight:800;display:flex}.dev-bar-title span{color:#ffffff59;font-size:10px;font-weight:500}.dev-bar-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.dev-bar-lbl{color:#fff6;text-transform:uppercase;flex-shrink:0;width:64px;font-family:JetBrains Mono,monospace;font-size:10px}.dev-bar-row button{color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:5px;padding:4px 9px;font-family:Rajdhani,sans-serif;font-size:10px;font-weight:600;transition:all .12s}.dev-bar-row button:hover{color:red;border-color:red}.dev-bar-row button.active{color:#000;background:red;border-color:red}