:root{--ac:#0067c0;--acl:#4cc2ff;--f:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
--bg:#f3f3f3;--win:rgba(243,243,243,.92);--card:#fbfbfb;--tx:#1b1b1b;--tx2:#5c5c5c;--bd:rgba(0,0,0,.09);--hv:rgba(0,0,0,.05);--hv2:rgba(0,0,0,.09);
--tb:rgba(238,238,240,.86);--fly:rgba(240,240,242,.9);--sh:0 8px 32px rgba(0,0,0,.24),0 0 0 1px rgba(0,0,0,.06)}
html.dark{--bg:#202020;--win:rgba(32,32,32,.93);--card:#2b2b2b;--tx:#fff;--tx2:#c5c5c5;--bd:rgba(255,255,255,.08);--hv:rgba(255,255,255,.06);--hv2:rgba(255,255,255,.1);
--tb:rgba(28,28,30,.86);--fly:rgba(36,36,38,.9);--sh:0 8px 32px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08)}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:var(--f);font-size:13px;color:var(--tx);user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
body{position:relative;width:100vw;height:100vh;background:#0b3b77}
html.m:not(.mp){overflow:auto}html.m:not(.mp) body{overflow:hidden}
.hidden{display:none!important}.ic{width:24px;height:24px;display:block;pointer-events:none}.gl{width:16px;height:16px;display:block;flex:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:default}
input,textarea{font:inherit;color:var(--tx)}
#wall{position:absolute;inset:0;background:#0b3b77 center/cover no-repeat;transition:background-image .4s}
.scr{position:absolute;inset:0;z-index:100000;color:#fff}
#lock{display:flex;flex-direction:column;align-items:center;padding-top:12vh;background:rgba(0,0,0,.08);transition:transform .45s cubic-bezier(.4,0,.2,1),opacity .45s}
#lock.up{transform:translateY(-100%);opacity:0}
.lk-time{font-size:96px;font-weight:600;letter-spacing:-1px;text-shadow:0 2px 12px rgba(0,0,0,.25)}.lk-date{font-size:22px;font-weight:500;margin-top:-4px;text-shadow:0 1px 8px rgba(0,0,0,.3)}
.lk-hint{position:absolute;bottom:48px;opacity:.8;font-size:14px}
#login{display:flex;align-items:center;justify-content:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:rgba(0,0,0,.28);animation:fi .35s}
.lg-box{display:flex;flex-direction:column;align-items:center;gap:14px}.lg-av{width:180px;height:180px;border-radius:50%;background:center/cover}.lg-name{font-size:28px;font-weight:600}
.lg-cd{opacity:.85;min-height:18px}
.btn{padding:6px 22px;border-radius:5px;background:var(--card);border:1px solid var(--bd);min-width:110px;font-size:13px}.btn:hover{filter:brightness(1.05)}.btn.ac{background:var(--ac);color:#fff;border-color:transparent}
#lgBtn{min-width:150px;padding:8px 0;font-size:14px;cursor:pointer}
@keyframes fi{from{opacity:0}}
#desk{position:absolute;inset:0}
#icons{position:absolute;left:0;top:0;bottom:48px;padding:6px 4px;display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;gap:2px}
.di{width:78px;height:82px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:6px 2px;border-radius:4px;color:#fff;text-align:center;font-size:12px;text-shadow:0 1px 3px rgba(0,0,0,.8);border:1px solid transparent}
.di .ic{width:44px;height:44px;margin-bottom:4px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.di:hover{background:rgba(255,255,255,.12)}.di.sel{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.35)}
#wins{position:absolute;inset:0 0 48px 0;pointer-events:none}
#snapPrev{position:absolute;border-radius:8px;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.5);backdrop-filter:blur(8px);pointer-events:none;opacity:0;transition:all .15s;z-index:99990}
/* taskbar */
#taskbar{position:absolute;left:0;right:0;bottom:0;height:48px;background:var(--tb);backdrop-filter:blur(30px) saturate(1.6);-webkit-backdrop-filter:blur(30px) saturate(1.6);border-top:1px solid var(--bd);z-index:99995;display:flex;align-items:center;justify-content:center}
#tbC{display:flex;gap:4px;align-items:center}
.tbb{position:relative;width:40px;height:40px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background .1s}.tbb:hover,.tbb.on{background:var(--hv2)}.tbb:active .ic{transform:scale(.86)}.tbb .ic{transition:transform .12s}.tbb .gl{width:22px;height:22px}
.tbb.run::after{content:"";position:absolute;bottom:2px;left:50%;width:6px;margin-left:-3px;height:3px;border-radius:2px;background:var(--tx2);transition:all .2s}.tbb.act::after{width:16px;margin-left:-8px;background:var(--ac)}
.tbb.act{background:var(--hv)}
#tbSearch{width:auto;padding:0 12px 0 10px;gap:8px;border-radius:20px;background:var(--hv);border:1px solid var(--bd);height:32px;color:var(--tx2);margin:0 4px}#tbSearch .gl{width:16px;height:16px}
#tbR{position:absolute;right:6px;top:4px;bottom:4px;display:flex;align-items:center;gap:2px}
.tr{height:40px;border-radius:4px;display:flex;align-items:center;gap:7px;padding:0 8px}.tr:hover,.tr.on{background:var(--hv2)}.tr .gl{width:16px;height:16px}
#clk{flex-direction:column;align-items:flex-end;justify-content:center;gap:0;font-size:12px;line-height:16px}
/* flyouts */
#fly>*{position:absolute;z-index:99998;background:var(--fly);backdrop-filter:blur(40px) saturate(1.5);-webkit-backdrop-filter:blur(40px) saturate(1.5);border-radius:8px;box-shadow:var(--sh);animation:flyin .22s cubic-bezier(.1,.9,.2,1)}
@keyframes flyin{from{transform:translateY(24px);opacity:0}}
.start{left:50%;margin-left:-320px;bottom:58px;width:640px;height:min(720px,calc(100% - 70px));display:flex;flex-direction:column}
.st-s{margin:24px 32px 12px;height:34px;border-radius:17px;background:var(--card);border:1px solid var(--bd);border-bottom:2px solid var(--ac);display:flex;align-items:center;gap:8px;padding:0 12px}.st-s input{flex:1;border:0;background:none;outline:none}
.st-body{flex:1;overflow:auto;padding:0 32px}.st-h{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:14px;margin:12px 12px 6px}
.st-h button{background:var(--card);border:1px solid var(--bd);border-radius:4px;padding:3px 8px;font-size:12px;display:flex;gap:4px;align-items:center}.st-h button:hover{background:var(--hv2)}
.pg{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.pa{height:84px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:12px;text-align:center}.pa:hover{background:var(--hv2)}.pa .ic{width:32px;height:32px}
.rg{display:grid;grid-template-columns:1fr 1fr;gap:4px}.ri{display:flex;gap:12px;align-items:center;padding:8px 12px;border-radius:4px}.ri:hover{background:var(--hv2)}.ri .ic{width:32px;height:32px}.ri small{display:block;color:var(--tx2);font-size:11px}
.al{display:flex;flex-direction:column}.al .ri{padding:6px 12px}.al .ri .ic{width:24px;height:24px}.al-l{font-weight:600;padding:8px 12px 2px;color:var(--tx2)}
.st-f{height:64px;border-top:1px solid var(--bd);background:rgba(0,0,0,.03);border-radius:0 0 8px 8px;display:flex;align-items:center;justify-content:space-between;padding:0 48px}
.st-u{display:flex;align-items:center;gap:12px;padding:6px 10px;border-radius:4px}.st-u:hover,.st-pw:hover{background:var(--hv2)}.st-u .ic{width:32px;height:32px}.st-pw{width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center}
.qs{right:12px;bottom:58px;width:360px;padding:20px}.qg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 10px}
.qt{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px}.qt b{width:100%;height:48px;border-radius:5px;background:var(--card);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-weight:normal}.qt.on b{background:var(--ac);color:#fff;border-color:transparent}
.qsl{display:flex;align-items:center;gap:12px;margin-top:18px}.qsl input{flex:1;accent-color:var(--ac)}
.qf{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--bd);margin:18px -20px -20px;padding:12px 20px;color:var(--tx2)}
.cal{right:12px;bottom:58px;width:330px;padding:16px}.cal-h{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:10px}.cal-h span{display:flex;gap:4px}.cal-h button{width:30px;height:30px;border-radius:4px;display:flex;align-items:center;justify-content:center}.cal-h button:hover{background:var(--hv2)}
.cg{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}.cg div{height:38px;line-height:38px;border-radius:50%}.cg .dn{color:var(--tx2);height:28px;line-height:28px}.cg .o{opacity:.4}.cg .t{background:var(--ac);color:#fff}.cg div:not(.dn):hover{background:var(--hv2)}.cg .t:hover{background:var(--ac)}
.cal-big{font-size:14px;font-weight:600;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--bd)}
.ctx{min-width:230px;padding:4px;border-radius:8px!important;animation:ctxin .15s!important}@keyframes ctxin{from{opacity:0;transform:scale(.97)}}
.ctx .mi{display:flex;align-items:center;gap:12px;height:32px;padding:0 12px;border-radius:4px}.ctx .mi:hover{background:var(--hv2)}.ctx .mi .gl{width:16px;height:16px;opacity:.85}.ctx .mi i{width:16px}.ctx .mi kbd{margin-left:auto;color:var(--tx2);font:11px var(--f)}.ctx hr{border:0;border-top:1px solid var(--bd);margin:4px 0}
.tv{left:0;right:0;top:0;bottom:48px;border-radius:0!important;background:rgba(0,0,0,.35)!important;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:24px;padding:40px;animation:fi .2s!important;color:#fff}
.tvc{width:260px;border-radius:8px;background:var(--fly);color:var(--tx);overflow:hidden;box-shadow:var(--sh)}.tvc:hover{outline:3px solid var(--acl)}.tvc>div:first-child{display:flex;gap:8px;align-items:center;padding:8px 10px}.tvc .ic{width:16px;height:16px}.tvc .pv{height:150px;display:flex;align-items:center;justify-content:center;background:var(--card)}.tvc .pv .ic{width:64px;height:64px}
/* windows */
.win{position:absolute;pointer-events:auto;display:flex;flex-direction:column;background:var(--win);backdrop-filter:blur(30px) saturate(1.4);-webkit-backdrop-filter:blur(30px) saturate(1.4);border-radius:8px;box-shadow:var(--sh);overflow:hidden;min-width:280px;min-height:180px;transition:opacity .18s,transform .2s cubic-bezier(.1,.9,.2,1);animation:wopen .22s cubic-bezier(.1,.9,.2,1)}
@keyframes wopen{from{opacity:0;transform:scale(.92)}}
.win.closing{opacity:0;transform:scale(.92)}.win.mini{opacity:0;transform:translateY(55%) scale(.3);pointer-events:none}
.win.max{border-radius:0;box-shadow:none}.win.anim{transition:opacity .18s,transform .2s,left .2s,top .2s,width .2s,height .2s}
.win:not(.focus){box-shadow:0 2px 12px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.06)}.win:not(.focus) .wt{opacity:.6}
.wtb{height:32px;flex:none;display:flex;align-items:center;padding-left:12px}.wtb .ic{width:16px;height:16px;margin-right:10px}.wt{flex:1;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb{width:46px;height:32px;display:flex;align-items:center;justify-content:center}.wb:hover{background:var(--hv2)}.wb.x:hover{background:#c42b1c;color:#fff}.wb svg{width:10px;height:10px}
.wbody{flex:1;min-height:0;position:relative;display:flex;flex-direction:column}
.rz{position:absolute;z-index:5}.rz[data-d=n]{top:0;left:6px;right:6px;height:5px;cursor:n-resize}.rz[data-d=s]{bottom:0;left:6px;right:6px;height:5px;cursor:s-resize}.rz[data-d=e]{right:0;top:6px;bottom:6px;width:5px;cursor:e-resize}.rz[data-d=w]{left:0;top:6px;bottom:6px;width:5px;cursor:w-resize}
.rz[data-d=ne]{right:0;top:0;width:8px;height:8px;cursor:ne-resize}.rz[data-d=nw]{left:0;top:0;width:8px;height:8px;cursor:nw-resize}.rz[data-d=se]{right:0;bottom:0;width:10px;height:10px;cursor:se-resize}.rz[data-d=sw]{left:0;bottom:0;width:8px;height:8px;cursor:sw-resize}
.win.max .rz{display:none}
.snapfly{padding:10px;display:grid;grid-template-columns:repeat(2,96px);gap:10px;z-index:999999!important}
.sl{height:60px;display:flex;gap:3px;padding:3px;border-radius:6px;background:var(--card);border:1px solid var(--bd)}.sl .col{display:flex;flex-direction:column;gap:3px}.sl .z{border-radius:3px;background:var(--hv2);border:1px solid var(--bd);flex:1}.sl .z:hover{background:var(--ac);border-color:var(--ac)}
/* app content */
.tool{display:flex;align-items:center;gap:4px;padding:4px 8px;border-bottom:1px solid var(--bd);flex:none}.tool button{height:30px;min-width:30px;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 6px}.tool button:hover{background:var(--hv2)}.tool button:disabled{opacity:.35}
.addr{flex:1;height:30px;border-radius:4px;background:var(--card);border:1px solid var(--bd);display:flex;align-items:center;padding:0 10px;gap:6px;overflow:hidden;white-space:nowrap}.addr input{flex:1;border:0;background:none;outline:none}
.ex{flex:1;display:flex;min-height:0;background:var(--card)}.exn{width:180px;flex:none;border-right:1px solid var(--bd);padding:6px;overflow:auto;background:var(--win)}.exn div{display:flex;gap:8px;align-items:center;height:30px;padding:0 8px;border-radius:4px}.exn div:hover{background:var(--hv2)}.exn div.on{background:var(--hv2);box-shadow:inset 3px 0 var(--ac)}.exn .ic{width:16px;height:16px}
.exg{flex:1;overflow:auto;padding:10px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px}.fi{width:96px;padding:6px 4px;border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;word-break:break-word;font-size:12px}.fi .ic{width:48px;height:48px}.fi:hover{background:var(--hv)}.fi.sel{background:var(--hv2)}
.drv{width:250px;flex-direction:row;text-align:left;gap:10px}.drv .bar{height:6px;border-radius:3px;background:var(--hv2);margin:4px 0}.drv .bar i{display:block;height:100%;width:38%;background:var(--ac);border-radius:3px}.drv small{color:var(--tx2)}
.sb{height:24px;flex:none;display:flex;align-items:center;gap:16px;padding:0 12px;font-size:12px;color:var(--tx2);border-top:1px solid var(--bd);background:var(--win)}
.np{flex:1;border:0;outline:none;resize:none;padding:10px 12px;background:var(--card);font:14px Consolas,"Cascadia Mono",ui-monospace,monospace;line-height:1.45;user-select:text;-webkit-user-select:text}
.calc{flex:1;display:flex;flex-direction:column;padding:4px}.cd{flex:none;text-align:right;padding:4px 12px 8px}.cd small{display:block;height:18px;color:var(--tx2)}.cd b{display:block;font-size:44px;font-weight:600;white-space:nowrap;overflow:hidden}
.ck{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.ck button{border-radius:4px;background:var(--card);border:1px solid var(--bd);font-size:15px}.ck button:hover{background:var(--hv2)}.ck .n{font-weight:600;background:var(--win)}.ck .eq{background:var(--ac);color:#fff}
.set{flex:1;display:flex;min-height:0}.setn{width:240px;padding:8px;flex:none}.setn .me{display:flex;gap:12px;align-items:center;padding:8px 8px 16px}.setn .me .ic{width:56px;height:56px}.setn .it{display:flex;gap:12px;align-items:center;height:36px;padding:0 12px;border-radius:4px}.setn .it:hover{background:var(--hv2)}.setn .it.on{background:var(--hv2);box-shadow:inset 3px 0 var(--ac)}
.setp{flex:1;overflow:auto;padding:8px 28px 28px}.setp h1{font-size:28px;font-weight:600;margin:4px 0 18px}.row{background:var(--card);border:1px solid var(--bd);border-radius:6px;padding:14px 16px;margin-bottom:4px;display:flex;align-items:center;gap:14px}.row>div:first-of-type{flex:1}.row small{display:block;color:var(--tx2);font-size:12px}
.walls{display:flex;gap:8px;flex-wrap:wrap}.walls div{width:96px;height:64px;border-radius:6px;background:center/cover;border:2px solid transparent}.walls div.on{border-color:var(--ac)}
.accs{display:flex;gap:6px;flex-wrap:wrap}.accs div{width:30px;height:30px;border-radius:4px;border:2px solid transparent}.accs div.on{outline:2px solid var(--tx);outline-offset:1px}
.sel2{display:flex;border-radius:4px;overflow:hidden;border:1px solid var(--bd)}.sel2 button{padding:6px 14px}.sel2 button.on{background:var(--ac);color:#fff}
.prev{height:170px;border-radius:8px;background:center/cover;margin-bottom:16px;position:relative;box-shadow:var(--sh)}
.tgl{width:40px;height:20px;border-radius:10px;border:1px solid var(--tx2);position:relative}.tgl::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--tx2);top:3px;left:4px;transition:left .15s}.tgl.on{background:var(--ac);border-color:var(--ac)}.tgl.on::after{left:22px;background:#fff}
.br{flex:1;display:flex;flex-direction:column;min-height:0}.br iframe{flex:1;border:0;background:#fff}.brn{flex:1;overflow:auto;background:linear-gradient(160deg,#dbe9ff,#f4e6ff);display:flex;flex-direction:column;align-items:center;padding-top:60px;gap:22px;color:#1b1b1b}
html.dark .brn{background:linear-gradient(160deg,#1c2a44,#2c1f3d);color:#fff}.brn input{width:min(520px,80%);height:44px;border-radius:22px;border:1px solid var(--bd);padding:0 20px;background:var(--card);outline:none}.brl{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.brl div{width:92px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;padding:10px 4px;border-radius:8px}.brl div:hover{background:rgba(127,127,127,.15)}.brl b{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}
.pnt{flex:1;display:flex;flex-direction:column;min-height:0}.pnt .tool input[type=color]{width:30px;height:26px;border:0;padding:0;background:none}.sw{width:20px;height:20px;border-radius:50%;border:1px solid var(--bd)}.pcv{flex:1;overflow:auto;background:var(--hv2);padding:12px}.pcv canvas{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);touch-action:none;display:block}
.term{flex:1;background:#0c0c0c;color:#cccccc;font:14px "Cascadia Mono",Consolas,ui-monospace,monospace;padding:8px 10px;overflow:auto;white-space:pre-wrap;user-select:text;-webkit-user-select:text}.term input{background:none;border:0;outline:none;color:#ccc;font:inherit;width:70%}
.ph{flex:1;display:flex;flex-direction:column;background:#1b1b1b;min-height:0}.ph .big{flex:1;background:center/contain no-repeat}.ph .th{display:flex;gap:6px;padding:8px;justify-content:center}.ph .th div{width:80px;height:50px;border-radius:4px;background:center/cover;border:2px solid transparent}.ph .th .on{border-color:var(--acl)}
.tm{flex:1;overflow:auto;padding:8px}.tm table{width:100%;border-collapse:collapse}.tm td,.tm th{padding:6px 10px;text-align:left;border-bottom:1px solid var(--bd)}.tm th{font-weight:600;color:var(--tx2)}
#nl{position:absolute;inset:0;pointer-events:none;z-index:999999;background:rgba(255,140,0,.16);mix-blend-mode:multiply;opacity:0;transition:opacity .4s}#nl.on{opacity:1}
html.m .st-s,html.m .start{max-height:calc(100% - 70px)}
.vw{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;background:var(--card);overflow:auto}.vw img,.vw video{max-width:100%;max-height:100%;object-fit:contain}.vw iframe{width:100%;height:100%;border:0}.vw pre{align-self:stretch;flex:1;margin:0;padding:12px;font:13px Consolas,ui-monospace,monospace;white-space:pre-wrap;user-select:text}.vw audio{width:80%}
.vwm{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--tx2);text-align:center}.ic.big{width:72px;height:72px}
.mpx{flex:1;display:flex;min-height:0}.mpn{width:210px;flex:none;padding:8px;display:flex;flex-direction:column;border-right:1px solid var(--bd)}.mpn .it{display:flex;gap:12px;align-items:center;height:36px;padding:0 12px;border-radius:4px}.mpn .it:hover{background:var(--hv2)}.mpn .it.on{background:var(--hv2);box-shadow:inset 3px 0 var(--ac)}.mpn .btn{display:flex;gap:6px;align-items:center;justify-content:center}
.mpm{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;background:var(--card)}.mpm.drop{outline:2px dashed var(--ac);outline-offset:-6px}
.mph{display:flex;gap:22px;align-items:center;padding:20px 24px;background:linear-gradient(180deg,var(--hv2),transparent)}.mph small{color:var(--tx2);font-size:11px;letter-spacing:1px}.mph h2{margin:4px 0;font-size:26px;font-weight:600}.mpar{color:var(--tx2)}
.mpa{width:150px;height:150px;flex:none;border-radius:8px;background:var(--hv2);position:relative;box-shadow:0 6px 20px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;color:#fff}.mpa canvas{position:absolute;inset:-35px;width:220px;height:220px;pointer-events:none}.mpa .gl{width:48px;height:48px;opacity:.85}
.mpl{flex:1;overflow:auto;padding:0 12px 12px}.mpr{display:grid;grid-template-columns:40px 1fr 160px 60px 36px;align-items:center;height:40px;padding:0 8px;border-radius:4px}.mpr:not(.hd):hover{background:var(--hv)}.mpr.on{background:var(--hv2);color:var(--ac)}html.dark .mpr.on{color:var(--acl)}.mpr.hd{color:var(--tx2);font-size:12px;height:30px;position:sticky;top:0;background:var(--card)}
.mpr .tt{display:flex;align-items:center;gap:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mpr .tt i{width:28px;height:28px;border-radius:4px;flex:none}.mpr span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mpr .del{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:.5}.mpr .del:hover{opacity:1;background:var(--hv2)}.mpr .del .gl{width:12px;height:12px}
.mpd{text-align:center;color:var(--tx2);font-size:12px;padding:6px}
.mpb{flex:none;height:84px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:16px;padding:0 18px;border-top:1px solid var(--bd);background:var(--win)}
.mpbi{display:flex;gap:12px;align-items:center;min-width:0}.mpba{width:52px;height:52px;border-radius:6px;background:var(--hv2);flex:none}.mpbi b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mpbi small{color:var(--tx2)}
.mpctl{display:flex;flex-direction:column;align-items:center;gap:4px}.mpbtns{display:flex;gap:8px;align-items:center}.mpbtns button{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.mpbtns button:hover{background:var(--hv2)}.mpbtns .pp{width:44px;height:44px;background:var(--ac);color:#fff}.mpbtns .pp:hover{background:var(--ac);filter:brightness(1.1)}.mpbtns .on{color:var(--ac)}html.dark .mpbtns .on{color:var(--acl)}.mpbtns .rp[data-one="1"]::after{content:"1";font-size:9px;margin-left:-4px}
.mps{display:flex;gap:10px;align-items:center;width:100%;font-size:11px;color:var(--tx2)}.mps input{flex:1}
.mpb input[type=range]{-webkit-appearance:none;appearance:none;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--ac) var(--p,0%),var(--hv2) var(--p,0%));accent-color:var(--ac)}.mpb input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--card);border:4px solid var(--ac)}
.mpv{display:flex;gap:8px;align-items:center;justify-content:flex-end}.mpv input{width:110px;--p:80%}
.mpcred{flex:none;font-size:10px;color:var(--tx2);padding:3px 12px;background:var(--win);text-align:center}
.walls div{position:relative;width:118px;height:74px}.walls div span{position:absolute;left:0;right:0;bottom:0;font-size:10px;color:#fff;background:rgba(0,0,0,.45);padding:2px 5px;border-radius:0 0 4px 4px;white-space:nowrap;overflow:hidden}
.br2{flex:1;display:flex;flex-direction:column;min-height:0}.tabs{display:flex;align-items:flex-end;gap:2px;padding:4px 8px 0;background:var(--hv);flex:none}.tl{display:flex;gap:2px;min-width:0;overflow:hidden}
.tab{width:200px;min-width:60px;height:32px;display:flex;align-items:center;gap:8px;padding:0 6px 0 10px;border-radius:8px 8px 0 0;font-size:12px}.tab:hover{background:var(--hv2)}.tab.on{background:var(--card);box-shadow:0 0 0 1px var(--bd)}.tab span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tab .tx{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center}.tab .tx:hover{background:var(--hv2)}.tab .tx .gl{width:10px;height:10px}.tabs .nt{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.tabs .nt:hover{background:var(--hv2)}
.fv{width:16px!important;height:16px!important;border-radius:4px;flex:none;color:#fff;font-size:10px;display:inline-flex;align-items:center;justify-content:center}.fvb{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}
.addr .st{width:26px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center}.addr .st.on{color:var(--ac)}html.dark .addr .st.on{color:var(--acl)}.addr .st:hover{background:var(--hv2)}
.bmb{display:flex;gap:2px;padding:2px 8px;border-bottom:1px solid var(--bd);min-height:30px;align-items:center;flex:none;overflow:hidden;font-size:12px}.bmi{display:flex;align-items:center;gap:6px;height:26px;padding:0 8px;border-radius:4px;white-space:nowrap}.bmi:hover{background:var(--hv2)}
.pages{flex:1;min-height:0;position:relative}.pg2{position:absolute;inset:0;display:flex}.pg2 iframe{flex:1;border:0;background:#fff}.pg2 .brn{flex:1}
.bpanel{position:absolute;right:8px;top:110px;width:380px;max-height:70%;display:flex;flex-direction:column;background:var(--fly);backdrop-filter:blur(30px);border-radius:8px;box-shadow:var(--sh);z-index:10}.bph{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--bd)}.bph button{padding:5px 12px;border-radius:4px}.bph button.on{background:var(--hv2);box-shadow:inset 0 -2px var(--ac)}.bph button:hover{background:var(--hv2)}
.bpl{overflow:auto;padding:4px}.bpr{display:flex;gap:10px;align-items:center;padding:6px 8px;border-radius:4px}.bpr:hover{background:var(--hv)}.bpr>div{flex:1;min-width:0}.bpr small{display:block;color:var(--tx2);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bpr input{width:100%;border:1px solid transparent;background:none;border-radius:3px;padding:1px 3px}.bpr input:focus{border-color:var(--ac);background:var(--card);outline:none}.bpr button{width:26px;height:26px;border-radius:4px;display:flex;align-items:center;justify-content:center}.bpr button:hover{background:var(--hv2)}
.yt{flex:1;display:flex;flex-direction:column;background:#0f0f0f;color:#f1f1f1;min-height:0}.yth{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;flex:none}.ytl{display:flex;align-items:center;gap:6px;font-size:18px;letter-spacing:-.5px}.ytl .ic{width:28px;height:28px}
.yts{display:flex;width:min(560px,55%)}.yts input{flex:1;height:38px;background:#121212;border:1px solid #303030;border-radius:20px 0 0 20px;padding:0 16px;color:#fff;outline:none}.yts input:focus{border-color:#1c62b9}.yts button{width:60px;border:1px solid #303030;border-left:0;border-radius:0 20px 20px 0;background:#222;display:flex;align-items:center;justify-content:center}.yts .gl{width:20px;height:20px}
.ytb{flex:1;display:flex;min-height:0}.ytn{width:200px;flex:none;padding:8px;overflow:auto;display:flex;flex-direction:column}.ytn .it{display:flex;gap:18px;align-items:center;height:40px;padding:0 12px;border-radius:10px}.ytn .it:hover{background:#272727}.ytn .it.on{background:#272727;font-weight:600}
.ytm{flex:1;overflow:auto;padding:8px 20px 20px}.ytgt{font-size:18px;font-weight:600;margin:8px 0 12px}.ytg{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px 14px}.ytg.sm{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.ytc{cursor:pointer}.ytt{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#272727}.ytt img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.ytc:hover img{transform:scale(1.04)}.ytt span{position:absolute;right:6px;bottom:6px;background:rgba(0,0,0,.8);font-size:11px;padding:1px 4px;border-radius:4px}
.ytx{padding-top:8px}.ytx b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;font-size:13px;line-height:18px}.ytx small{color:#aaa;font-size:12px}.ytload{padding:40px;color:#aaa;text-align:center}
.ytv{aspect-ratio:16/9;max-height:62vh;width:100%;background:#000;border-radius:12px;overflow:hidden}.ytv iframe{width:100%;height:100%;border:0}.ytpi h2{font-size:18px;margin:12px 0 8px}.ytpi>div{display:flex;gap:10px;align-items:center;color:#aaa}.ytpi .btn{background:#272727;color:#fff;border-color:#3a3a3a;text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.rl{flex:1;display:flex;gap:16px;padding:14px;min-height:0;overflow:auto;background:radial-gradient(ellipse at 30% 30%,#13673a,#063d20);color:#fff}.rlw{position:relative;flex:none;width:340px}.rlw canvas{filter:drop-shadow(0 8px 18px rgba(0,0,0,.5))}
.rlres{text-align:center;margin-top:10px;height:56px}.rlres span,.rlh span{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700}.rlres span{width:56px;height:56px;font-size:24px;box-shadow:0 0 0 3px #e8c98a}.r{background:#b81d24}.k{background:#151515}.g{background:#0f7a3a}
.rlr{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.rlt{position:relative;flex:none;border:3px solid #e8c98a;border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.4);background:#0b5a2e}
.cell{position:absolute;display:flex;align-items:center;justify-content:center;border:1px solid rgba(232,201,138,.8);font-weight:700;font-size:15px}.cell span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%}.cell.r span,.cell.r{}.cell.r:not(.out){background:#0b5a2e}.cell.r:not(.out) span{background:#b81d24}.cell.k:not(.out){background:#0b5a2e}.cell.k:not(.out) span{background:#151515}
.cell.out{font-size:13px;background:#0b5a2e}.cell.out i{width:26px;height:26px;transform:rotate(45deg)}.cell.out.r i{background:#b81d24}.cell.out.k i{background:#151515}.cell.out:hover,.cell.hl{background:#18804a!important}.cell.z0{background:#0f7a3a;font-size:18px}
.hz{position:absolute;z-index:2;border-radius:4px}.hz:hover{background:rgba(255,255,255,.25)}.chipsL{position:absolute;inset:0;pointer-events:none;z-index:3}
.chip{width:40px;height:40px;border-radius:50%;border:4px dashed rgba(255,255,255,.85);font-weight:700;font-size:12px;color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.5);transition:transform .12s}.chip.on{transform:translateY(-5px);box-shadow:0 0 0 3px #ffd75e,0 4px 8px rgba(0,0,0,.5)}
.chip.sm{position:absolute;width:26px;height:26px;border-width:2px;font-size:10px}.c1{background:#9e9e9e}.c5{background:#c62828}.c25{background:#2e7d32}.c100{background:#212121}.c500{background:#6a1b9a}
.rlc{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.chips{display:flex;gap:6px;margin-right:10px}.rlc .btn{min-width:70px}.rl .btn{color:#1b1b1b}.rl .btn.ac{color:#fff;min-width:100px;font-weight:600}.spinning .rlc .btn{opacity:.5}
.rli{display:flex;gap:18px;align-items:center;font-size:14px}.rli b{font-size:16px}.rlmsg{color:#ffd75e;font-weight:600}.rlh{display:flex;gap:4px;flex-wrap:wrap}.rlh span{width:26px;height:26px;font-size:11px}
.rlbets{background:rgba(0,0,0,.25);border-radius:6px;padding:8px 10px;font-size:12px;overflow:auto;max-height:150px}.rlbets table{width:100%;border-collapse:collapse}.rlbets td,.rlbets th{text-align:left;padding:3px 6px;border-bottom:1px solid rgba(255,255,255,.12)}
#lgUsers{position:absolute;left:24px;bottom:24px;display:flex;flex-direction:column;gap:4px}.lgu{display:flex;align-items:center;gap:12px;padding:8px 14px 8px 8px;border-radius:6px;cursor:pointer;min-width:200px}.lgu:hover{background:rgba(255,255,255,.12)}.lgu.on{background:rgba(255,255,255,.22)}.lgu img{width:40px;height:40px}
.brlogo{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:600}.brlogo .ic{width:44px;height:44px}.brsb{display:flex;align-items:center;gap:10px;width:min(680px,86%);height:52px;border-radius:26px;background:var(--card);border:1px solid var(--bd);box-shadow:0 4px 16px rgba(0,0,0,.12);padding:0 6px 0 18px}.brsb input{flex:1;height:100%;border:0!important;background:none!important;width:auto!important;padding:0!important;font-size:16px;outline:none;box-shadow:none}.brsb .gl{width:20px;height:20px;opacity:.7}.brsb .btn{border-radius:20px;height:40px}
.brl{max-width:760px}.brl .ic{width:48px;height:48px}
/* office */
.of{flex:1;display:flex;flex-direction:column;min-height:0;--o:#185abd;--o2:#2b579a;--ol:#e9f0fb}.of.xl{--o:#107c41;--o2:#185c37;--ol:#e7f4ec}
.ofq{display:flex;align-items:center;gap:2px;height:36px;padding:0 8px;background:var(--o);color:#fff;flex:none}.ofq button{width:30px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center}.ofq button:hover{background:rgba(255,255,255,.15)}
.ofn{margin-left:10px;font-weight:600;white-space:nowrap}.ofs{margin:0 auto;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.18);border-radius:4px;height:26px;padding:0 10px;width:min(320px,30%)}.ofs input{border:0;background:none;color:#fff;outline:none;width:100%}.ofs input::placeholder{color:#e6eefb}.ofu{display:flex;align-items:center;gap:6px;font-size:12px}.ofu .ic{width:22px;height:22px}
.oft{display:flex;gap:2px;padding:0 8px;background:var(--o);flex:none}.oft button{color:#fff;padding:6px 14px 7px;border-radius:4px 4px 0 0;font-size:13px}.oft button:hover{background:rgba(255,255,255,.12)}.oft button.on{background:var(--card);color:var(--o)}html.dark .oft button.on{color:#fff}.oft button:first-child{background:var(--o2)}
.ofr{display:flex;gap:0;padding:6px 8px 0;background:var(--card);border-bottom:1px solid var(--bd);min-height:96px;flex:none;overflow-x:auto}
.rg{display:flex;flex-direction:column;padding:0 10px;border-right:1px solid var(--bd)}.rgb{flex:1;display:flex;gap:2px;align-items:center}.rgl{font-size:11px;color:var(--tx2);text-align:center;padding:3px 0}.rg .col{display:flex;flex-direction:column;gap:2px}.rg .row2{display:flex;gap:2px;align-items:center}
.rg button{min-width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 4px;font-size:13px}.rg button:hover{background:var(--ol)}html.dark .rg button:hover{background:var(--hv2)}.rg button.big{flex-direction:column;height:64px;min-width:52px;font-size:11px}.rg button.big .gl{width:26px;height:26px}.rg small{font-size:11px}
.rg select{height:26px;border:1px solid var(--bd);border-radius:3px;background:var(--card);color:var(--tx);font-size:12px}.rg .fn{width:140px}.rg .fs{width:54px}.clr{position:relative;width:30px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px}.clr:hover{background:var(--ol)}.clr input{position:absolute;inset:auto 0 0 0;width:100%;height:6px;padding:0;border:0;opacity:.9}
.styles{display:flex;gap:4px}.sty{width:86px;height:58px!important;border:1px solid var(--bd)!important;background:var(--card);align-items:flex-start!important;justify-content:flex-start!important;padding:6px!important}.sty-h1{color:#2f5496;font-size:16px!important}.sty-h2{color:#2f5496;font-size:14px!important}.sty-h3{color:#1f3763}.sty-blockquote{font-style:italic;color:#555}
.lbl{font-size:11px;color:var(--tx2)}.chk{display:flex;align-items:center;gap:6px;font-size:12px;padding:0 6px}
.ofbody{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.ofsb{height:24px;flex:none;display:flex;align-items:center;gap:18px;padding:0 12px;background:var(--o);color:#fff;font-size:12px}
.wdr{height:22px;flex:none;background:#f3f3f3;border-bottom:1px solid #ddd;display:flex;justify-content:center;overflow:hidden}html.dark .wdr{background:#2b2b2b;border-color:#444}.wdrr{position:relative;height:100%;background:#fff;color:#666;font-size:9px}html.dark .wdrr{background:#3a3a3a;color:#bbb}.wdrr i{position:absolute;top:4px;border-left:1px solid #999;height:6px;padding-left:2px;font-style:normal;line-height:16px}.wdrr b{position:absolute;top:0;bottom:0;background:#ddd}html.dark .wdrr b{background:#555}
.wdc{flex:1;overflow:auto;background:#e6e6e6;padding:24px 0 40px}html.dark .wdc{background:#1f1f1f}.wdp{width:816px;min-height:1056px;margin:0 auto;background:#fff;color:#111;padding:96px;box-shadow:0 1px 6px rgba(0,0,0,.25);outline:none;font:12pt Calibri,Carlito,"Segoe UI",sans-serif;line-height:1.45;user-select:text;-webkit-user-select:text}
.wdp h1{font:600 22pt Calibri,"Segoe UI",sans-serif;color:#2f5496;margin:0 0 10px}.wdp h2{font:600 16pt Calibri,sans-serif;color:#2f5496;margin:14px 0 6px}.wdp h3{color:#1f3763;margin:12px 0 4px}.wdp blockquote{font-style:italic;color:#555;border-left:3px solid #ccc;margin:8px 0;padding-left:12px}.wdp p{margin:0 0 8px}
.wdt{border-collapse:collapse;width:100%;margin:6px 0}.wdt td{border:1px solid #999;padding:4px 6px;min-width:40px}.pbrk{border:0;border-top:2px dashed #bbb;margin:24px -96px}
.xfx{display:flex;align-items:center;gap:6px;padding:4px 8px;border-bottom:1px solid var(--bd);background:var(--card);flex:none}.xnb{width:90px;height:24px;border:1px solid var(--bd);border-radius:3px;padding:0 6px;background:var(--card)}.xfxi{color:var(--tx2);padding:0 6px;border-right:1px solid var(--bd)}.xfb{flex:1;height:24px;border:1px solid var(--bd);border-radius:3px;padding:0 6px;background:var(--card);font-family:Consolas,ui-monospace,monospace;outline:none}
.xgw{flex:1;overflow:auto;position:relative;background:#fff;outline:none}html.dark .xgw{background:#1f1f1f}.xg{border-collapse:collapse;table-layout:fixed;font:13px Calibri,Carlito,"Segoe UI",sans-serif;color:#111}html.dark .xg{color:#eee}
.xg th{position:sticky;background:#f3f3f3;color:#555;font-weight:normal;font-size:12px;border:1px solid #d4d4d4;z-index:2}html.dark .xg th{background:#2b2b2b;color:#bbb;border-color:#444}.xg thead th{top:0;height:22px;width:84px}.xg tbody th{left:0;width:40px;z-index:1}.xg thead .xc0{left:0;z-index:3;width:40px}.xg th.on{background:#d3e3d8;color:#107c41;font-weight:600}
.xg td{border:1px solid #e1e1e1;height:22px;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:clip;max-width:84px}html.dark .xg td{border-color:#3a3a3a}.xg.nogrid td{border-color:transparent}.xg td.xsel{background-color:rgba(16,124,65,.1)}.xg td.xact{outline:2px solid #107c41;outline-offset:-2px}.xg td.err{color:#c00}
.xed{position:absolute;z-index:5;border:2px solid #107c41;padding:0 3px;font:13px Calibri,"Segoe UI",sans-serif;outline:none;background:#fff;color:#111}
.xtabs{display:flex;gap:2px;padding:0 8px;background:var(--hv);border-top:1px solid var(--bd);height:30px;align-items:stretch;flex:none}.xtabs button{padding:0 16px;font-size:12px}.xtabs button.on{background:var(--card);color:#107c41;font-weight:600;box-shadow:inset 0 -3px #107c41}.xtabs .xadd{padding:0 8px;display:flex;align-items:center}
/* weather */
.wx{flex:1;display:flex;flex-direction:column;min-height:0;background:linear-gradient(180deg,#3b8ee8,#86c1f5);color:#fff}html.dark .wx{background:linear-gradient(180deg,#14325c,#22508a)}.wxh{display:flex;gap:10px;align-items:center;padding:10px 16px;flex:none}.wxh select{height:32px;border-radius:6px;border:0;padding:0 10px;font-size:14px;background:rgba(255,255,255,.9);color:#111}.wxh .btn{display:flex;gap:6px;align-items:center;color:#1b1b1b}.wxsrc{margin-left:auto;font-size:11px;opacity:.8}
.wxb{flex:1;overflow:auto;padding:0 18px 18px}.wxnow{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;padding:6px 4px 14px}.wxcity{font-size:20px;font-weight:600}.wxt{display:flex;align-items:center;gap:8px}.wxt b{font-size:68px;font-weight:300;line-height:1}.wxcond{font-size:18px}
.wxd{display:grid;grid-template-columns:repeat(5,auto);gap:4px 18px}.wxd small{display:block;opacity:.8;font-size:11px}.wxd b{font-size:16px;font-weight:600}
.wxsec{font-weight:600;margin:10px 0 6px}.wxhr{display:flex;gap:4px;overflow-x:auto;background:rgba(255,255,255,.16);border-radius:10px;padding:10px}.wxhr>div{min-width:56px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px}.wxhr b{font-size:15px}.pp{color:#d6ecff;font-size:11px}
.wxdy{background:rgba(255,255,255,.16);border-radius:10px;padding:6px 12px}.wxdr{display:grid;grid-template-columns:130px 40px 46px 40px 1fr 40px;align-items:center;gap:10px;height:44px;border-bottom:1px solid rgba(255,255,255,.18)}.wxdr:last-child{border:0}.wxdr .lo{opacity:.8;text-align:right}.wxdr .bar{position:relative;height:6px;border-radius:3px;background:rgba(255,255,255,.25)}.wxdr .bar i{position:absolute;top:0;bottom:0;border-radius:3px;background:linear-gradient(90deg,#9be7ff,#ffd54f,#ff8a65)}
.xpp{flex:1;display:flex;gap:8px;padding:8px;min-height:0;background:linear-gradient(180deg,#e9edf2,#b9c3cf 55%,#9aa6b4);color:#111;border-radius:0 0 8px 8px}
.xpp-main{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.xpp-scr{position:relative;flex:1;min-height:150px;border-radius:10px;background:#000814;border:2px solid #6f7c8b;box-shadow:inset 0 2px 10px rgba(0,0,0,.8);overflow:hidden}.xpp-scr canvas{position:absolute;inset:0;width:100%;height:100%}
.xpp-info{position:absolute;left:12px;top:10px;right:80px;color:#cfe8ff;text-shadow:0 0 6px #0090ff}.xpp-info b{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xpp-info span{font-size:12px;opacity:.8}.xpp-time{position:absolute;right:12px;top:10px;font:600 18px Consolas,ui-monospace,monospace;color:#1aff8c;text-shadow:0 0 6px #1aff8c}
.xpp-seek,.xpp-vol{accent-color:#2c7be5}.xpp-seek{width:100%}.xpp-ctl{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:24px;background:linear-gradient(180deg,#fdfdfd,#c3ccd6);border:1px solid #7d8a99;box-shadow:inset 0 1px #fff}
.xpb{width:36px;height:36px;border-radius:50%;background:linear-gradient(180deg,#ffffff,#aeb9c6);border:1px solid #6f7c8b;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(0,0,0,.3)}.xpb:hover{background:linear-gradient(180deg,#fff,#cfe3f7)}.xpb:active{background:linear-gradient(180deg,#aeb9c6,#fff)}.xpb svg{width:18px;height:18px;fill:#22303f}.xpb.big{width:48px;height:48px;background:linear-gradient(180deg,#9ff0c2,#14a050);border-color:#0a6a33}.xpb.big svg{fill:#fff;width:24px;height:24px}
.xpp-vl{margin-left:auto;font-size:11px;color:#333}.xpp-vol{width:110px}.xpp-dur{font:12px Consolas,monospace;color:#333;min-width:44px;text-align:right}
.xpp-pl{width:260px;flex:none;display:flex;flex-direction:column;border-radius:8px;background:linear-gradient(180deg,#f7f9fb,#dde3ea);border:1px solid #7d8a99;min-height:0}.xpp-plh{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;font-weight:700;background:linear-gradient(180deg,#7fa6d9,#3b6db3);color:#fff;border-radius:8px 8px 0 0}.xpp-plh button{color:#fff;font-size:14px}
.xpp-list{flex:1;overflow:auto;padding:4px}.xpp-it{display:grid;grid-template-columns:26px 1fr;gap:0 4px;padding:4px 6px;border-radius:4px;cursor:pointer;font-size:12px}.xpp-it:hover{background:#d6e6f8}.xpp-it.on{background:#3b6db3;color:#fff}.xpp-it small{grid-column:2;opacity:.7;font-size:10px}.xpp-it .n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xpp-note{font-size:10px;color:#555;padding:4px 8px}
.ky{flex:1;display:flex;flex-direction:column;min-height:0}.ky iframe{flex:1;border:0;background:#fff}.ky .tool button{gap:6px}
.win.vfs{position:fixed!important;left:0!important;top:0!important;width:100vw!important;height:100vh!important;z-index:2147483000!important;border-radius:0;transform:none!important}
.rl{flex-direction:column;gap:0;padding:0;position:relative;overflow:hidden;background-color:#0b5a2e;background-size:cover,256px 256px}
.rlbar{display:flex;align-items:center;gap:10px;padding:6px 12px;background:rgba(0,0,0,.28);border-bottom:1px solid rgba(232,201,138,.35);flex:none}.rlbar b{font-size:15px;color:#f3dca4;letter-spacing:.3px}.rlby{font-size:12px;opacity:.85;font-style:italic}
.rlbar button{height:32px;min-width:32px;padding:0 10px;border-radius:6px;display:flex;align-items:center;gap:6px;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font-size:13px}.rlbar button:hover{background:rgba(255,255,255,.2)}.rlbar .gl{width:18px;height:18px}
.rlfit{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:4px}.rlin{display:flex;gap:16px;padding:10px;transform-origin:center center;flex:none}.rlin .rlr{width:820px}
.rlstrip{flex:none;display:flex;align-items:center;gap:10px;padding:6px 12px;background:rgba(0,0,0,.35);border-top:1px solid rgba(232,201,138,.35);overflow:hidden}.rlstrip>span{font-size:11px;opacity:.8;white-space:nowrap}.rlstrip .rlh{flex-wrap:nowrap;overflow:hidden}.rlstrip .rlh span{width:28px;height:28px;flex:none;border:1px solid rgba(255,255,255,.25)}.rlstrip .rlh .last{box-shadow:0 0 0 2px #ffd75e;transform:scale(1.12)}
.rlconf{position:absolute;inset:0;pointer-events:none;display:none;z-index:20}.rl.rlwin .rlres span{animation:rlpulse .4s ease-in-out 4 alternate}@keyframes rlpulse{to{transform:scale(1.18);box-shadow:0 0 0 4px #ffd75e,0 0 30px #ffd75e}}
html.m .win.rlapp.vfs{width:100%!important;height:100%!important}

/* shuffle visibility */.mpbtns button.sh{position:relative}.mpbtns button.sh.on{background:var(--acc,#0067c0);color:#fff;box-shadow:0 0 0 2px rgba(0,103,192,.35)}.mpbtns button.sh.on::after{content:'';position:absolute;bottom:2px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#fff}
.xpp-ctl .sh.on{filter:none;background:linear-gradient(#bff5c8,#2fbf5a)!important;box-shadow:0 0 6px #3f6}