*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
:root{--sans:'DM Sans',system-ui,sans-serif;--mono:'IBM Plex Mono',monospace;--serif:'Libre Baskerville',Georgia,serif;--spring:cubic-bezier(.34,1.56,.64,1);--out:cubic-bezier(.4,0,.2,1);}
.n{--b0:#010304;--b1:#030608;--b2:#060c08;--t0:#00e87a;--t1:#009948;--t2:#004f24;--bd:rgba(0,232,122,.14);--ac:#00e87a;--a2:#00c8f0;--a3:#f0a000;--sk:#00e87a;--skt:#000;}
.g{--b0:#edeaff;--b1:#f7f5ff;--b2:#ffffff;--t0:#16104a;--t1:#4a44a0;--t2:#9290c8;--bd:rgba(74,56,212,.13);--ac:#4a38d4;--a2:#2a8870;--a3:#c46810;--sk:#4a38d4;--skt:#fff;}
.b{--b0:#fff9f0;--b1:#ffffff;--b2:#ffffff;--t0:#060606;--t1:#2a2a2a;--t2:#808080;--bd:#080808;--ac:#cc2600;--a2:#0038d4;--a3:#eeaa00;--sk:#cc2600;--skt:#fff;}
.r{--b0:#030a1a;--b1:#05112a;--b2:#07183c;--t0:#f0d8ff;--t1:#7838a8;--t2:#381460;--bd:rgba(240,32,112,.16);--ac:#f02070;--a2:#ffaa20;--a3:#00d4ff;--sk:#f02070;--skt:#fff;}
.p{--b0:#ede0c4;--b1:#f6edd8;--b2:#fef9ef;--t0:#1c1208;--t1:#4a3820;--t2:#8a6848;--bd:rgba(52,30,8,.15);--ac:#7a2c1a;--a2:#1a4430;--a3:#aa5e0e;--sk:#7a2c1a;--skt:#fff;}
.d{--b0:#050410;--b1:#0a0820;--b2:#100c30;--t0:#cec8ff;--t1:#504898;--t2:#221c60;--bd:rgba(90,70,255,.14);--ac:#6858f8;--a2:#38a8b8;--a3:#f89030;--sk:#6858f8;--skt:#fff;}
html,body{height:100%;background:#02020e;font-family:var(--sans);overflow:hidden;}
body{display:flex;flex-direction:column;height:100dvh;width:100vw;}
.ctrl{width:100%;flex-shrink:0;background:#02020e;padding:10px 18px 8px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.ctrl-logo{font-family:var(--mono);font-size:13px;font-weight:700;color:#2a4;letter-spacing:.18em;margin-right:4px;}
.thr{display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
.tlbl{font-size:11px;color:#2a2a40;letter-spacing:.09em;text-transform:uppercase;font-family:var(--mono);margin-right:2px;}
.tb{padding:6px 16px;border-radius:22px;border:1.5px solid transparent;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s var(--out);letter-spacing:.03em;line-height:1;}
.tb[data-t=n]{background:#010304;color:#00e87a;border-color:rgba(0,232,122,.35);font-family:var(--mono);}
.tb[data-t=g]{background:#edeaff;color:#4a38d4;border-color:rgba(74,56,212,.35);}
.tb[data-t=b]{background:#cc2600;color:#fff;border-color:#cc2600;font-style:italic;font-family:var(--serif);}
.tb[data-t=r]{background:#030a1a;color:#f02070;border-color:rgba(240,32,112,.4);}
.tb[data-t=p]{background:#ede0c4;color:#7a2c1a;border-color:rgba(122,44,26,.35);font-family:var(--serif);}
.tb[data-t=d]{background:linear-gradient(135deg,#6858f8,#38a8b8,#f89030);color:#fff;border:none;}
.tb.on{outline:2.5px solid rgba(255,255,255,.55);outline-offset:2px;transform:scale(1.06);}
.tb:hover{filter:brightness(1.12);}
.ctrl-sep{width:1px;height:22px;background:#1a1a2e;flex-shrink:0;}
.vr{display:flex;gap:5px;}
.vb{padding:5px 16px;border-radius:22px;border:1px solid #1c1c30;background:transparent;font-size:12px;font-weight:600;color:#3a3a58;cursor:pointer;transition:all .2s;font-family:var(--sans);}
.vb.on{color:#fff;}
.vb:hover{color:#aaa;border-color:#333;}
.ctrl-right{margin-left:auto;display:flex;align-items:center;gap:10px;}
.conn-status{display:flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11px;color:#3a3a50;cursor:pointer;padding:4px 8px;border-radius:6px;border:1px solid #1a1a2e;transition:all .18s;}
.conn-status:hover{border-color:#333;color:#888;}
.conn-dot{width:7px;height:7px;border-radius:50%;background:#1a1a2e;flex-shrink:0;}
.conn-dot.live{background:#00e87a;box-shadow:0 0 6px rgba(0,232,122,.5);animation:bd 2s ease-in-out infinite;}
@keyframes bd{0%,100%{opacity:1;}50%{opacity:.4;}}
.shell{width:100%;flex:1;min-height:0;overflow:hidden;border-top:1px solid var(--bd);background:var(--b0);display:flex;flex-direction:row;position:relative;transition:background .4s var(--out),border-color .4s;}
.n .shell{border-top-color:rgba(0,232,122,.18);}
.n .shell::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(0,232,122,.013) 28px,rgba(0,232,122,.013) 29px);}
.g .shell{border-top-color:rgba(74,56,212,.14);}
.b .shell{border-top:3px solid #080808;}
.r .shell{background:radial-gradient(ellipse at 15% 12%,rgba(240,32,112,.14) 0%,transparent 44%),radial-gradient(ellipse at 84% 88%,rgba(255,170,32,.1) 0%,transparent 44%),radial-gradient(ellipse at 55% 45%,rgba(0,212,255,.05) 0%,transparent 34%),var(--b0);border-top-color:rgba(240,32,112,.2);}
.p .shell{border-top-color:rgba(52,30,8,.2);}
.sb{width:220px;flex-shrink:0;z-index:2;border-right:1px solid var(--bd);background:var(--b1);display:flex;flex-direction:column;transition:background .4s,border-color .4s;}
.n .sb{background:#000305;border-right-color:rgba(0,232,122,.1);width:200px;}
.b .sb{border-right:3px solid #080808;width:196px;}
.r .sb{background:rgba(4,12,34,.88);border-right-color:rgba(240,32,112,.14);}
.p .sb{background:var(--b0);border-right-color:rgba(52,30,8,.16);}
.shd{padding:16px 16px 14px;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:10px;flex-shrink:0;}
.n .shd{border-bottom-color:rgba(0,232,122,.1);}
.b .shd{border-bottom:3px solid #080808;}
.r .shd{border-bottom-color:rgba(240,32,112,.14);}
.slo{width:32px;height:32px;border-radius:9px;background:var(--ac);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:var(--skt);flex-shrink:0;animation:breathe 4s ease-in-out infinite;transition:background .4s;}
.n .slo{border-radius:3px;color:#000;box-shadow:0 0 16px rgba(0,232,122,.4);}
.b .slo{border-radius:0;border:2px solid #080808;box-shadow:2px 2px 0 #080808;}
.r .slo{box-shadow:0 0 28px rgba(240,32,112,.65);}
.g .slo{box-shadow:0 3px 14px rgba(74,56,212,.32);}
.p .slo{box-shadow:0 3px 12px rgba(52,30,8,.25);}
@keyframes breathe{0%,100%{transform:scale(1);}50%{transform:scale(1.09);}}
.slt{font-size:16px;font-weight:700;color:var(--t0);letter-spacing:.07em;transition:color .4s;}
.n .slt{font-family:var(--mono);font-size:14px;letter-spacing:.16em;}
.b .slt{font-family:var(--serif);font-style:italic;font-size:17px;}
.p .slt{font-family:var(--serif);font-weight:400;font-size:16px;}
.ssc{padding:10px 12px;}
.slbl{font-size:11px;color:var(--t2);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;padding:0 6px;font-weight:700;transition:color .4s;}
.n .slbl{font-family:var(--mono);color:rgba(0,232,122,.3);font-size:10px;}
.p .slbl{font-family:var(--serif);font-style:italic;font-size:11px;text-transform:none;}
.r .slbl{color:rgba(240,32,112,.38);}
.spi{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:9px;cursor:pointer;font-size:14px;color:var(--t1);transition:all .18s var(--out);user-select:none;font-weight:500;}
.n .spi{border-radius:3px;font-family:var(--mono);font-size:13px;}
.b .spi{border-radius:0;font-weight:700;}
.p .spi{font-family:var(--serif);}
.spi:hover{background:color-mix(in srgb,var(--ac) 10%,transparent);color:var(--t0);transform:translateX(2px);}
.n .spi:hover{transform:translateX(-2px);}
.spi.on{background:color-mix(in srgb,var(--ac) 12%,transparent);color:var(--t0);font-weight:700;}
.sdt{width:7px;height:7px;border-radius:50%;background:var(--ac);flex-shrink:0;transition:background .4s;}
.sdt.g2{background:var(--a2);}.sdt.a2{background:var(--a3);}
.ohub{padding:10px 12px;border-top:1px solid var(--bd);flex-shrink:0;}
.n .ohub{border-top-color:rgba(0,232,122,.1);}
.r .ohub{border-top-color:rgba(240,32,112,.14);}
.b .ohub{border-top:2px solid #080808;}
.ohub-title{font-size:11px;font-weight:700;color:var(--t2);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;padding:0 2px;transition:color .4s;}
.n .ohub-title{font-family:var(--mono);color:rgba(0,232,122,.3);font-size:10px;}
.r .ohub-title{color:rgba(240,32,112,.38);}
.ohub-btn{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;cursor:pointer;font-size:13px;color:var(--t1);border:1px solid var(--bd);background:transparent;transition:all .2s var(--out);margin-bottom:5px;width:100%;font-family:var(--sans);font-weight:500;position:relative;}
.n .ohub-btn{border-radius:3px;font-family:var(--mono);font-size:12px;}
.b .ohub-btn{border-radius:0;border:2px solid #080808;font-weight:700;}
.p .ohub-btn{font-family:var(--serif);}
.ohub-btn:hover{background:color-mix(in srgb,var(--ac) 10%,transparent);color:var(--t0);border-color:var(--ac);}
.ohub-btn:active{transform:scale(.97);}
.ohub-icon{width:26px;height:26px;border-radius:7px;background:color-mix(in srgb,var(--ac) 14%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px;}
.n .ohub-icon{border-radius:2px;}.b .ohub-icon{border-radius:0;border:1.5px solid #080808;}
.ohub-lbl{flex:1;text-align:left;}
.ohdot{width:7px;height:7px;border-radius:50%;background:var(--t2);flex-shrink:0;transition:all .3s;}
.ohub-btn.live .ohdot{background:#00e87a;box-shadow:0 0 8px rgba(0,232,122,.55);animation:bd 2s infinite;}
.ssp{flex:1;}
.sst{padding:12px 16px;border-top:1px solid var(--bd);font-size:13px;color:var(--t2);display:flex;align-items:center;gap:7px;flex-shrink:0;transition:color .4s,border-color .4s;}
.n .sst{border-top-color:rgba(0,232,122,.1);font-family:var(--mono);font-size:12px;}
.b .sst{border-top:3px solid #080808;font-weight:700;}
.r .sst{border-top-color:rgba(240,32,112,.14);}
.rdot{width:7px;height:7px;border-radius:50%;background:var(--ac);animation:pring 2.5s ease-in-out infinite;transition:background .4s;}
@keyframes pring{0%,100%{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb,var(--ac) 50%,transparent);}50%{opacity:.5;box-shadow:0 0 0 5px transparent;}}
.bpan{display:none;width:170px;flex-shrink:0;z-index:2;border-left:3px solid #080808;background:#fff;flex-direction:column;padding:16px 14px;}
.b .bpan{display:flex;}
.bptl{font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#bbb;margin-bottom:8px;font-style:italic;font-family:var(--serif);}
.bpbig{font-size:58px;font-weight:900;color:var(--ac);line-height:1;font-family:var(--serif);font-style:italic;}
.bpsl{font-size:11px;color:#bbb;font-weight:800;letter-spacing:.07em;margin-top:2px;text-transform:uppercase;}
.bpbar{margin:12px 0;background:#f0ede5;border:2.5px solid #080808;height:72px;display:flex;align-items:flex-end;}
.bpfi{width:100%;background:var(--a3);transition:height .9s var(--out);}
.bpord{margin-top:8px;padding:7px 10px;border:2.5px solid #080808;font-size:15px;font-weight:900;text-align:center;font-style:italic;font-family:var(--serif);box-shadow:2px 2px 0 #080808;cursor:default;transition:transform .12s,box-shadow .12s;}
.bpord:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #080808;}
.bpty{margin-top:6px;padding:5px 10px;background:var(--a3);border:2.5px solid #080808;font-size:12px;font-weight:900;text-align:center;letter-spacing:.07em;text-transform:uppercase;}
.bpsp{flex:1;}.bpver{font-size:10px;color:#ccc;font-weight:700;letter-spacing:.06em;font-family:var(--mono);}
.ohpanel{position:absolute;top:0;right:0;bottom:0;width:320px;background:var(--b1);border-left:1px solid var(--bd);z-index:20;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .32s var(--out);}
.ohpanel.open{transform:translateX(0);}
.n .ohpanel{background:#000408;border-left-color:rgba(0,232,122,.15);}
.r .ohpanel{background:rgba(4,12,34,.96);border-left-color:rgba(240,32,112,.18);}
.b .ohpanel{border-left:3px solid #080808;}
.ohp-head{padding:16px 18px;border-bottom:1px solid var(--bd);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;}
.n .ohp-head{border-bottom-color:rgba(0,232,122,.12);}
.b .ohp-head{border-bottom:2.5px solid #080808;}
.r .ohp-head{border-bottom-color:rgba(240,32,112,.14);}
.ohp-ttl{font-size:16px;font-weight:700;color:var(--t0);letter-spacing:.05em;}
.n .ohp-ttl{font-family:var(--mono);font-size:14px;}
.b .ohp-ttl{font-family:var(--serif);font-style:italic;font-size:18px;}
.ohp-close{width:30px;height:30px;border-radius:8px;border:1px solid var(--bd);background:transparent;cursor:pointer;color:var(--t2);font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .15s;}
.ohp-close:hover{background:color-mix(in srgb,var(--ac) 10%,transparent);color:var(--t0);}
.b .ohp-close{border-radius:0;border:2px solid #080808;}
.ohp-body{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:14px;}
.ohp-body::-webkit-scrollbar{width:3px;}
.ohp-body::-webkit-scrollbar-thumb{background:var(--bd);}
.hcard{border:1px solid var(--bd);border-radius:12px;overflow:hidden;transition:border-color .2s;}
.n .hcard{border-radius:4px;}.b .hcard{border-radius:0;border:2.5px solid #080808;}
.hcard-head{padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .15s;}
.hcard-head:hover{background:color-mix(in srgb,var(--ac) 6%,transparent);}
.hcard.expanded .hcard-head{background:color-mix(in srgb,var(--ac) 8%,transparent);}
.hcard-icon{width:36px;height:36px;border-radius:9px;background:color-mix(in srgb,var(--ac) 14%,transparent);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.n .hcard-icon{border-radius:3px;}.b .hcard-icon{border-radius:0;border:2px solid #080808;}
.hcard-info{flex:1;}
.hcard-name{font-size:15px;font-weight:700;color:var(--t0);}
.n .hcard-name{font-family:var(--mono);font-size:13px;}
.b .hcard-name{font-family:var(--serif);font-style:italic;font-size:16px;}
.p .hcard-name{font-family:var(--serif);}
.hcard-sub{font-size:12px;color:var(--t2);margin-top:2px;}
.n .hcard-sub{font-family:var(--mono);font-size:11px;}
.hcard-badge{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.04em;border:1px solid var(--bd);color:var(--t2);transition:all .3s;}
.hcard-badge.live{background:rgba(0,232,122,.12);color:#00e87a;border-color:rgba(0,232,122,.3);}
.hcard-badge.live::before{content:'';width:6px;height:6px;border-radius:50%;background:#00e87a;display:inline-block;margin-right:3px;animation:bd 2s infinite;}
.hcard-badge.off{background:transparent;}
.hcard-body{padding:0 16px 14px;display:none;flex-direction:column;gap:10px;}
.hcard.expanded .hcard-body{display:flex;}
.hrow{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.hlbl{font-size:14px;color:var(--t1);font-weight:500;}
.n .hlbl{font-family:var(--mono);font-size:13px;}
.p .hlbl{font-family:var(--serif);}
.hval{font-size:14px;color:var(--t0);font-weight:700;font-family:var(--mono);}
.tgl{position:relative;width:42px;height:24px;flex-shrink:0;}
.tgl input{opacity:0;width:0;height:0;}
.tgl-sl{position:absolute;cursor:pointer;inset:0;background:color-mix(in srgb,var(--t2) 20%,transparent);border-radius:24px;transition:.28s;border:1px solid var(--bd);}
.tgl-sl::before{content:'';position:absolute;width:18px;height:18px;left:2px;bottom:2px;background:var(--t2);border-radius:50%;transition:.28s;}
input:checked+.tgl-sl{background:color-mix(in srgb,var(--ac) 25%,transparent);border-color:var(--ac);}
input:checked+.tgl-sl::before{transform:translateX(18px);background:var(--ac);}
.b .tgl-sl{border-radius:0;}.b .tgl-sl::before{border-radius:0;}
.lvlbar{height:6px;border-radius:3px;background:color-mix(in srgb,var(--t2) 15%,transparent);overflow:hidden;flex:1;}
.lvlfil{height:100%;background:var(--ac);border-radius:3px;transition:width .4s var(--out);}
.vsel{flex:1;background:var(--b2);border:1px solid var(--bd);border-radius:8px;padding:6px 10px;font-size:14px;color:var(--t0);font-family:var(--sans);outline:none;cursor:pointer;}
.n .vsel{border-radius:2px;font-family:var(--mono);font-size:13px;background:#000204;}
.b .vsel{border-radius:0;border:2px solid #080808;font-weight:700;}
.p .vsel{font-family:var(--serif);}
.vsel:focus{border-color:var(--ac);}
.vid-prev{border-radius:8px;background:#000;border:1px solid var(--bd);overflow:hidden;display:flex;align-items:center;justify-content:center;height:100px;position:relative;}
.n .vid-prev{border-radius:2px;}.b .vid-prev{border-radius:0;border:2px solid #080808;}
.vid-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--t2);font-size:13px;}
.vid-icon{font-size:28px;opacity:.4;}
.hbtn{flex:1;padding:9px 14px;border-radius:8px;border:1px solid var(--bd);background:transparent;font-size:14px;font-weight:700;cursor:pointer;color:var(--t1);font-family:var(--sans);transition:all .18s;text-align:center;}
.n .hbtn{border-radius:2px;font-family:var(--mono);font-size:13px;}
.b .hbtn{border-radius:0;border:2px solid #080808;box-shadow:2px 2px 0 #080808;}
.b .hbtn:active{transform:translate(2px,2px)!important;box-shadow:none!important;}
.hbtn:hover{background:color-mix(in srgb,var(--ac) 10%,transparent);color:var(--t0);border-color:var(--ac);}
.hbtn:active{transform:scale(.96);}
.hbtn.primary{background:var(--sk);color:var(--skt);border-color:var(--sk);}
.hbtn.primary:hover{filter:brightness(1.12);}
.hbtn.danger{background:rgba(200,30,30,.12);color:#e03030;border-color:rgba(200,30,30,.3);}
.hbtn.danger:hover{background:rgba(200,30,30,.2);}
.vu{display:flex;gap:2px;align-items:flex-end;height:28px;}
.vub{width:5px;border-radius:2px;background:color-mix(in srgb,var(--ac) 30%,transparent);transition:height .1s;}
.mn{flex:1;display:flex;flex-direction:column;overflow:hidden;z-index:2;min-width:0;}
.nbar{display:none;padding:7px 18px;border-bottom:1px solid rgba(0,232,122,.12);background:#000204;flex-shrink:0;align-items:center;gap:22px;}
.n .nbar{display:flex;}
.nbi{font-family:var(--mono);font-size:13px;color:rgba(0,232,122,.32);letter-spacing:.05em;}
.nbv{color:#00e87a;font-weight:700;}
.nsp{flex:1;}
.rbar{display:none;padding:10px 18px;border-bottom:1px solid rgba(240,32,112,.14);background:rgba(3,10,26,.9);flex-shrink:0;align-items:center;gap:8px;}
.r .rbar{display:flex;}
.rlo{width:28px;height:28px;border-radius:9px;background:var(--ac);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;flex-shrink:0;box-shadow:0 0 20px rgba(240,32,112,.55);animation:breathe 4s ease-in-out infinite;}
.rttl{font-size:15px;font-weight:700;color:var(--t0);letter-spacing:.08em;margin-right:auto;}
.rtab{padding:7px 13px;border-radius:8px;font-size:13px;color:var(--t2);cursor:pointer;transition:all .18s;user-select:none;font-weight:500;}
.rtab.on{background:rgba(240,32,112,.14);color:var(--ac);font-weight:700;}
.rtab:hover{color:var(--t1);}
.rpill{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;background:rgba(240,32,112,.12);border:1px solid rgba(240,32,112,.25);margin-left:8px;font-size:12px;color:var(--ac);font-weight:700;}
.rdotA{width:5px;height:5px;border-radius:50%;background:var(--ac);animation:pring 2.5s infinite;}
.tpb{display:none;padding:12px 18px;border-bottom:1px solid var(--bd);background:var(--b1);align-items:center;justify-content:space-between;flex-shrink:0;transition:background .4s,border-color .4s;}
.g .tpb,.b .tpb,.p .tpb,.d .tpb{display:flex;}
.b .tpb{border-bottom:3px solid #080808;}
.g .tpb{box-shadow:0 1px 0 rgba(255,255,255,.9);}
.p .tpb{background:var(--b0);box-shadow:0 1px 0 rgba(255,255,255,.8);}
.tptl{font-size:17px;font-weight:700;color:var(--t0);letter-spacing:.06em;}
.b .tptl{font-family:var(--serif);font-style:italic;font-size:19px;}
.p .tptl{font-family:var(--serif);font-weight:400;font-size:18px;}
.ibb{display:flex;gap:6px;}
.ib{width:32px;height:32px;border-radius:9px;border:1px solid var(--bd);background:transparent;cursor:pointer;color:var(--t2);font-size:15px;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:var(--sans);}
.b .ib{border-radius:0;border:2px solid #080808;}
.g .ib{box-shadow:0 1px 4px rgba(74,56,212,.1),inset 0 1px 0 rgba(255,255,255,.8);}
.ib:hover{background:color-mix(in srgb,var(--ac) 10%,transparent);color:var(--t0);transform:scale(1.1);}
.ib:active{transform:scale(.9);}
.ib.active{background:color-mix(in srgb,var(--ac) 16%,transparent);color:var(--t0);border-color:var(--ac);}
.msgs{flex:1;overflow-y:auto;padding:20px 22px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth;}
.msgs::-webkit-scrollbar{width:3px;}
.msgs::-webkit-scrollbar-thumb{background:var(--bd);}
.p .msgs{padding:22px 26px;gap:18px;}
.r .msgs{padding:18px 24px;gap:12px;}
.n .msgs{gap:5px;padding:14px 20px;}
.mu{display:flex;justify-content:flex-end;}
.mub{background:var(--ac);color:var(--skt);border-radius:18px 18px 4px 18px;padding:13px 18px;max-width:68%;font-size:16px;line-height:1.55;word-break:break-word;animation:sir .28s var(--spring);position:relative;overflow:hidden;cursor:default;transition:transform .15s,filter .15s;}
.mub:hover{transform:translateY(-2px);filter:brightness(1.1);}
.n .mu{display:block;}
.n .mub{background:transparent;border-radius:0;padding:3px 0;max-width:100%;border:none;color:var(--t0);font-family:var(--mono);font-size:14px;animation:none;}
.n .mub::before{content:'> ';color:rgba(0,232,122,.3);}
.n .mub:hover{transform:none;filter:none;}
.b .mub{border-radius:0;border:2.5px solid #080808;box-shadow:3px 3px 0 #080808;transition:transform .1s,box-shadow .1s;}
.b .mub:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #080808;filter:none;}
.g .mub{box-shadow:0 4px 24px rgba(74,56,212,.24);}
.r .mub{background:rgba(240,32,112,.15);color:var(--t0);border:1px solid rgba(240,32,112,.32);border-radius:18px 18px 4px 18px;box-shadow:0 0 28px rgba(240,32,112,.13);}
.r .mub:hover{box-shadow:0 0 50px rgba(240,32,112,.28);filter:none;}
.p .mub{font-family:var(--serif);font-size:17px;line-height:1.68;box-shadow:0 2px 12px rgba(122,44,26,.22);}
@keyframes sir{from{opacity:0;transform:translateX(16px) scale(.95);}to{opacity:1;transform:none;}}
.mai{display:flex;flex-direction:column;gap:7px;max-width:84%;animation:sil .3s var(--spring);}
.maib{background:var(--b1);color:var(--t0);border:1px solid var(--bd);border-radius:4px 18px 18px 18px;padding:13px 18px;font-size:16px;line-height:1.65;word-break:break-word;cursor:default;transition:transform .15s,box-shadow .2s;}
.maib:hover{transform:translateY(-1px);}
.n .mai{max-width:100%;animation:none;}
.n .maib{background:transparent;border:none;border-radius:0;padding:3px 0;color:var(--t1);font-family:var(--mono);font-size:14px;line-height:1.55;}
.n .maib:hover{transform:none;}
.b .maib{border-radius:0;border:2.5px solid #080808;box-shadow:3px 3px 0 #080808;background:#fff;color:#080808;transition:transform .1s,box-shadow .1s;}
.b .maib:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #080808;}
.g .maib{background:rgba(255,255,255,.88);border:1px solid rgba(74,56,212,.1);box-shadow:0 2px 18px rgba(74,56,212,.07),inset 0 1px 0 rgba(255,255,255,.95);}
.g .maib:hover{box-shadow:0 6px 28px rgba(74,56,212,.12),inset 0 1px 0 rgba(255,255,255,.95);}
.r .maib{background:rgba(0,212,255,.06);border:1px solid rgba(0,212,255,.18);border-radius:4px 18px 18px 18px;color:var(--t0);box-shadow:0 0 22px rgba(0,212,255,.06);}
.r .maib:hover{box-shadow:0 0 40px rgba(0,212,255,.18);}
.p .maib{background:var(--b2);border-color:rgba(52,30,8,.12);border-radius:3px 12px 12px 12px;font-family:var(--serif);font-size:17px;line-height:1.85;box-shadow:0 2px 14px rgba(52,30,8,.07),inset 0 1px 0 rgba(255,255,255,.9);}
@keyframes sil{from{opacity:0;transform:translateX(-16px) scale(.95);}to{opacity:1;transform:none;}}
.ndiv{height:1px;background:rgba(0,232,122,.08);margin:4px 0;}
.fattach{display:flex;align-items:center;gap:7px;margin-top:8px;padding:6px 10px;border-radius:7px;background:rgba(255,255,255,.15);font-size:14px;font-weight:500;}
.mts{display:flex;gap:6px;flex-wrap:wrap;animation:fup .4s ease .12s both;}
@keyframes fup{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:none;}}
.mt{display:flex;align-items:center;gap:4px;padding:5px 11px;border-radius:20px;font-size:13px;border:1px solid color-mix(in srgb,var(--ac) 22%,transparent);background:color-mix(in srgb,var(--ac) 7%,transparent);cursor:default;transition:transform .12s,background .14s;user-select:none;font-weight:500;}
.mt:hover{transform:scale(1.08);background:color-mix(in srgb,var(--ac) 16%,transparent);}
.n .mt{border-radius:3px;font-family:var(--mono);font-size:12px;background:transparent;border-color:rgba(0,232,122,.18);padding:2px 7px;}
.n .mt:hover{background:rgba(0,232,122,.07);transform:none;}
.b .mt{border-radius:0;border:2px solid #080808;font-weight:800;box-shadow:2px 2px 0 #080808;background:var(--a3);transition:transform .1s,box-shadow .1s;}
.b .mt:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 #080808;}
.g .mt{box-shadow:0 1px 5px rgba(74,56,212,.1),inset 0 1px 0 rgba(255,255,255,.7);}
.p .mt{border-radius:5px;font-family:var(--serif);box-shadow:0 1px 5px rgba(52,30,8,.08),inset 0 1px 0 rgba(255,255,255,.7);}
.r .mt{border-color:rgba(240,32,112,.22);background:rgba(240,32,112,.07);}
.ml{color:var(--t2);font-weight:600;}
.mv{font-weight:700;color:var(--t0);}
.mt.mhi .mv{color:var(--ac);}
.mt.mo2 .mv{color:var(--a2);}
.bdg{display:inline-flex;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:700;letter-spacing:.04em;background:color-mix(in srgb,var(--ac) 13%,transparent);color:var(--ac);align-self:flex-start;animation:bpop .38s var(--spring) .2s both;transition:background .4s,color .4s;}
.bdg2{background:color-mix(in srgb,var(--a2) 13%,transparent);color:var(--a2);}
.b .bdg{border-radius:0;border:2px solid #080808;box-shadow:2px 2px 0 #080808;}
.n .bdg{border-radius:3px;font-family:var(--mono);font-size:12px;border:1px solid rgba(0,232,122,.25);}
.p .bdg{font-family:var(--serif);font-style:italic;border-radius:5px;}
.g .bdg{box-shadow:0 2px 10px rgba(74,56,212,.13);}
@keyframes bpop{0%{opacity:0;transform:scale(.45);}65%{transform:scale(1.2);}100%{opacity:1;transform:scale(1);}}
.fprev{display:none;align-items:center;gap:10px;padding:8px 14px;margin-bottom:8px;border-radius:10px;background:color-mix(in srgb,var(--ac) 8%,transparent);border:1px solid color-mix(in srgb,var(--ac) 20%,transparent);}
.fprev.show{display:flex;}
.b .fprev{border-radius:0;border:2px solid #080808;}
.fpi{width:30px;height:30px;border-radius:7px;background:color-mix(in srgb,var(--ac) 16%,transparent);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.fpinfo{flex:1;min-width:0;}
.fpn{font-size:14px;color:var(--t0);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fps{font-size:12px;color:var(--t2);margin-top:1px;}
.fpx{width:22px;height:22px;border-radius:50%;background:color-mix(in srgb,var(--t2) 18%,transparent);border:none;cursor:pointer;color:var(--t2);font-size:12px;display:flex;align-items:center;justify-content:center;transition:all .15s;}
.fpx:hover{background:color-mix(in srgb,var(--ac) 20%,transparent);color:var(--t0);}
.trow{padding:0 22px 10px;display:none;}
.typing{display:flex;align-items:center;gap:6px;padding:12px 18px;background:var(--b1);border:1px solid var(--bd);border-radius:4px 18px 18px 18px;width:fit-content;}
.b .typing{border-radius:0;border:2.5px solid #080808;box-shadow:3px 3px 0 #080808;}
.g .typing{background:rgba(255,255,255,.88);box-shadow:0 2px 16px rgba(74,56,212,.08);}
.r .typing{background:rgba(5,17,42,.75);border-color:rgba(0,212,255,.18);}
.p .typing{background:var(--b2);box-shadow:0 2px 12px rgba(52,30,8,.06),inset 0 1px 0 rgba(255,255,255,.9);}
.n .typing{background:transparent;border:none;border-radius:0;padding:4px 0;gap:3px;}
.tdot{width:8px;height:8px;border-radius:50%;background:var(--t2);animation:td 1.15s infinite ease-in-out;}
.tdot:nth-child(2){animation-delay:.2s;}.tdot:nth-child(3){animation-delay:.4s;}
@keyframes td{0%,60%,100%{transform:translateY(0);opacity:.38;}30%{transform:translateY(-8px);opacity:1;}}
.n .tdot{border-radius:0;width:4px;height:12px;background:var(--ac);animation:tbar 1s infinite;}
.n .tdot:nth-child(2){animation-delay:.15s;}.n .tdot:nth-child(3){animation-delay:.3s;}
@keyframes tbar{0%,100%{transform:scaleY(.2);opacity:.3;}50%{transform:scaleY(1);opacity:1;}}
.inz{padding:14px 20px;border-top:1px solid var(--bd);background:var(--b1);flex-shrink:0;transition:background .4s,border-color .4s;}
.b .inz{border-top:3px solid #080808;}
.g .inz{box-shadow:0 -1px 0 rgba(255,255,255,.9);}
.r .inz{border-top-color:rgba(240,32,112,.12);background:rgba(3,10,26,.8);}
.p .inz{border-top-color:rgba(52,30,8,.15);background:var(--b0);box-shadow:0 -1px 0 rgba(255,255,255,.8);}
.inr{display:flex;align-items:flex-end;gap:9px;background:var(--b2);border:1px solid var(--bd);border-radius:15px;padding:11px 13px;transition:border-color .2s,box-shadow .2s;}
.inr:focus-within{border-color:var(--ac);box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 10%,transparent);}
.b .inr{border-radius:0;border:2.5px solid #080808;box-shadow:3px 3px 0 #080808;transition:box-shadow .1s;}
.b .inr:focus-within{box-shadow:3px 3px 0 var(--ac);}
.n .inr{border-radius:3px;background:#000204;border-color:rgba(0,232,122,.14);}
.n .inr::before{content:'$ ';color:var(--t0);font-size:15px;font-weight:700;align-self:center;font-family:var(--mono);opacity:.5;}
.r .inr{border-radius:30px;background:rgba(7,24,64,.75);border-color:rgba(240,32,112,.2);}
.p .inr{border-radius:8px;border-color:rgba(52,30,8,.16);box-shadow:0 2px 12px rgba(52,30,8,.07),inset 0 1px 0 rgba(255,255,255,.9);}
.g .inr{box-shadow:0 2px 14px rgba(74,56,212,.07),inset 0 1px 0 rgba(255,255,255,.95);}
.inp{flex:1;border:none;background:transparent;font-size:16px;color:var(--t0);outline:none;resize:none;font-family:var(--sans);line-height:1.5;max-height:110px;}
.n .inp{font-family:var(--mono);font-size:15px;}
.p .inp{font-family:var(--serif);font-size:16px;}
.inp::placeholder{color:var(--t2);}
.n .inp::placeholder{font-family:var(--mono);color:rgba(0,232,122,.22);}
.atbtn{width:32px;height:32px;border-radius:10px;border:1px solid var(--bd);background:transparent;cursor:pointer;color:var(--t2);font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;font-weight:300;line-height:1;}
.atbtn:hover{background:color-mix(in srgb,var(--ac) 10%,transparent);color:var(--t0);transform:scale(1.1) rotate(45deg);}
.atbtn:active{transform:scale(.9);}
.b .atbtn{border-radius:0;border:2px solid #080808;}
.snd{width:36px;height:36px;border-radius:11px;background:var(--sk);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s;position:relative;overflow:hidden;}
.snd svg{width:15px;height:15px;fill:var(--skt);pointer-events:none;transition:transform .2s;}
.snd:hover{filter:brightness(1.15);transform:scale(1.08);}
.snd:active{transform:scale(.9);}
.b .snd{border-radius:0;border:2.5px solid #080808;box-shadow:3px 3px 0 #080808;}
.b .snd:active{transform:translate(3px,3px)!important;box-shadow:none!important;filter:none;}
.n .snd{box-shadow:0 0 18px rgba(0,232,122,.4);}
.g .snd{box-shadow:0 3px 14px rgba(74,56,212,.32);}
.r .snd{border-radius:50%;width:40px;height:40px;box-shadow:0 0 26px rgba(240,32,112,.52);}
.snd.busy svg{animation:spin .7s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.rpl{position:absolute;border-radius:50%;background:rgba(255,255,255,.22);transform:scale(0);animation:rout .52s linear;pointer-events:none;}
@keyframes rout{to{transform:scale(4);opacity:0;}}
.wlc{position:absolute;inset:0;z-index:10;background:var(--b0);display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;border-radius:inherit;transition:background .4s;}
.wlc.show{display:flex;}
.g .wlc{background:rgba(238,234,255,.92);}
.r .wlc{background:rgba(3,10,26,.95);}
.wlo{width:64px;height:64px;border-radius:16px;background:var(--ac);color:var(--skt);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;animation:wlp 1s var(--spring),breathe 4s ease-in-out 1.1s infinite;transition:background .4s;}
.n .wlo{border-radius:3px;color:#000;box-shadow:0 0 40px rgba(0,232,122,.5);}
.b .wlo{border-radius:0;border:3px solid #080808;box-shadow:6px 6px 0 #080808;}
.g .wlo{box-shadow:0 10px 36px rgba(74,56,212,.38);}
.r .wlo{box-shadow:0 0 70px rgba(240,32,112,.8),0 0 140px rgba(240,32,112,.25);}
.p .wlo{box-shadow:0 6px 22px rgba(122,44,26,.32);}
@keyframes wlp{from{transform:scale(0) rotate(-16deg);}to{transform:scale(1) rotate(0);}}
.wt{font-size:30px;font-weight:800;color:var(--t0);letter-spacing:.1em;animation:fup .5s ease .1s both;}
.b .wt{font-family:var(--serif);font-style:italic;font-size:34px;}
.p .wt{font-family:var(--serif);font-weight:400;font-size:32px;}
.n .wt{font-family:var(--mono);letter-spacing:.16em;}
.ws{font-size:16px;color:var(--t1);text-align:center;max-width:320px;line-height:1.65;animation:fup .5s ease .18s both;}
.p .ws{font-family:var(--serif);font-style:italic;}
.n .ws{font-family:var(--mono);font-size:14px;color:var(--t2);}
.wcc{display:flex;flex-direction:column;gap:8px;width:320px;}
.wch{padding:13px 18px;border-radius:11px;border:1px solid var(--bd);background:color-mix(in srgb,var(--ac) 6%,transparent);font-size:15px;color:var(--t1);cursor:pointer;transition:all .22s var(--out);user-select:none;animation:fup .4s ease both;font-weight:500;}
.wch:nth-child(1){animation-delay:.28s;}.wch:nth-child(2){animation-delay:.38s;}.wch:nth-child(3){animation-delay:.48s;}
.b .wch{border-radius:0;border:2px solid #080808;font-weight:700;font-family:var(--serif);}
.n .wch{border-radius:3px;font-family:var(--mono);font-size:14px;background:transparent;border-color:rgba(0,232,122,.13);}
.g .wch{background:rgba(255,255,255,.72);}
.r .wch{background:rgba(240,32,112,.08);border-color:rgba(240,32,112,.18);color:var(--t0);}
.p .wch{font-family:var(--serif);border-radius:5px;}
.wch:hover{background:color-mix(in srgb,var(--ac) 16%,transparent);color:var(--t0);transform:translateX(7px);}
.b .wch:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 #080808;}
.n .wch:hover{transform:translateX(-7px);}
.r .wch:hover{background:rgba(240,32,112,.16);transform:translateX(5px);}
.p .wch:hover{transform:translateX(4px);}
.aind{display:none;position:absolute;top:12px;right:12px;font-size:12px;font-weight:700;padding:5px 13px;border-radius:20px;z-index:15;border:1px solid var(--ac);color:var(--ac);background:rgba(0,0,0,.65);letter-spacing:.05em;pointer-events:none;font-family:var(--mono);transition:color .5s,border-color .5s;}
.d .aind{display:block;}
.aban{position:absolute;top:0;left:0;right:0;padding:6px 20px;font-size:13px;font-weight:700;text-align:center;z-index:14;letter-spacing:.05em;opacity:0;transition:opacity .4s;pointer-events:none;font-family:var(--mono);}
.aban.show{opacity:1;}
@media(max-width:960px){
  .sb{width:58px;}
  .slt,.slbl,.spi span:not(.sdt),.sst span:last-child{display:none;}
  .shd{justify-content:center;padding:12px 8px;}
  .spi{justify-content:center;padding:10px;}
  .sdt{margin:0;}
  .sst{justify-content:center;padding:10px;}
  .ssc{padding:6px 4px;}
  .ohub{padding:6px 4px;}
  .ohub-title,.ohub-btn .ohub-lbl,.ohub-btn .ohdot{display:none;}
  .ohub-btn{justify-content:center;padding:9px;}
  .ohub-icon{margin:0;}
  .bpan{width:128px;}
  .bpbig{font-size:44px;}
  .ohpanel{width:300px;}
}
@media(max-width:640px){
  html,body{overflow:hidden;}
  .ctrl{padding:8px 12px 6px;}
  .tb{padding:5px 11px;font-size:11px;}
  .vb{padding:4px 11px;font-size:11px;}
  .ctrl-right{display:none;}
  .shell{flex-direction:column;}
  .sb{width:100%!important;height:52px;flex-direction:row;border-right:none;border-top:1px solid var(--bd);order:2;overflow:hidden;}
  .n .sb{border-top-color:rgba(0,232,122,.1);}
  .b .sb{border-top:2.5px solid #080808;}
  .r .sb{border-top-color:rgba(240,32,112,.14);}
  .shd{padding:0 14px;border-bottom:none;border-right:1px solid var(--bd);height:100%;flex-shrink:0;}
  .n .shd,.b .shd,.r .shd,.g .shd,.p .shd{border-bottom:none;box-shadow:none;}
  .ssc{display:flex;flex-direction:row;padding:0 8px;align-items:center;gap:5px;height:100%;}
  .slbl,.ssp,.sst{display:none;}
  .spi{padding:6px 10px;border-radius:20px;font-size:13px;}
  .ohub{display:none;}
  .mn{order:1;flex:1;min-height:0;}
  .bpan{display:none!important;}
  .ohpanel{width:100%;left:0;}
  .msgs{padding:14px 16px;gap:12px;}
  .mub{max-width:88%;font-size:15px;}
  .mai{max-width:95%;}
  .maib{font-size:15px;}
  .inz{padding:10px 14px;}
  .inp{font-size:15px;}
  .wcc{width:calc(100% - 32px);}
  .wch{font-size:14px;}
  .wt{font-size:26px;}
  .ws{font-size:15px;max-width:90%;}
  .mt{font-size:12px;}
  .bdg{font-size:12px;}
}
@media(min-width:1440px){
  .sb{width:250px;}
  .n .sb{width:226px;}
  .b .sb{width:218px;}
  .bpan{width:196px;}
  .bpbig{font-size:66px;}
  .msgs{padding:24px 28px;}
  .inz{padding:16px 24px;}
  .nbar,.rbar,.tpb{padding-left:26px;padding-right:26px;}
  .mub,.maib{font-size:18px;}
  .spi{font-size:15px;}
}