html,body{margin:0;height:100%;overflow:hidden;font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:12px}
body{background:radial-gradient(ellipse at 30% 20%,#7fb2e6 0%,#3d76b8 45%,#1d4f8f 100%)}
.desk-glow{position:fixed;inset:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,.05) 0 40px,transparent 40px 120px);pointer-events:none}
.win{position:absolute;border:1px solid #3c64a0;border-radius:7px 7px 0 0;background:linear-gradient(#8fb4e8,#6a98d8 60%,#5b8bd0);box-shadow:0 10px 40px rgba(0,0,0,.45);display:flex;flex-direction:column;overflow:hidden}
.win.incog{background:linear-gradient(#5c6677,#3d4552);border-color:#222}
.win.modern{background:#dee1e6;border-radius:10px;border-color:#bbb}
.wbtn{width:27px;height:18px;border:1px solid #6d86ad;background:linear-gradient(#e4ecf8,#bcd0ec);display:flex;align-items:center;justify-content:center;font-size:10px;color:#223}
.wbtn:hover{background:linear-gradient(#fff,#cfe0f7)}
.wbtn.close{width:44px;background:linear-gradient(#e8a493,#c74f35);color:#fff;border-color:#8a3220;border-radius:0 0 5px 0}
.wbtn.close:hover{background:linear-gradient(#f5b19f,#e2391a)}
.wbtn.first{border-radius:0 0 0 5px}
.tab{position:relative;height:26px;margin-right:-14px;flex:0 1 210px;min-width:40px;cursor:default;animation:tabIn .2s ease-out}
.tab .shape{position:absolute;inset:0;clip-path:polygon(0 100%,14px 0,calc(100% - 14px) 0,100% 100%);background:linear-gradient(rgba(255,255,255,.5),rgba(200,218,245,.4));border:0}
.tab .edge{position:absolute;inset:0;clip-path:polygon(0 100%,14px 0,calc(100% - 14px) 0,100% 100%);background:#8297b6;}
.tab .shape{inset:1px 1px 0 1px}
.tab.active{z-index:5}
.tab.active .shape{background:linear-gradient(#fafafa,#f2f2f2)}
.tab .inner{position:relative;display:flex;align-items:center;height:100%;padding:0 22px 0 22px;gap:6px}
.tab .title{flex:1;white-space:nowrap;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);color:#222}
.tab .x{width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;font-size:12px;line-height:1}
.tab .x:hover{background:#d84a38;color:#fff}
@keyframes tabIn{from{flex-basis:0;opacity:0}to{opacity:1}}
.newtab{width:28px;height:15px;margin:6px 0 0 18px;clip-path:polygon(0 100%,5px 0,100% 0,calc(100% - 5px) 100%);background:linear-gradient(#e3ecf8,#b3c9e8);flex:none}
.newtab:hover{background:linear-gradient(#fff,#cbdcf3)}
.toolbar{background:#f2f2f2;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:2px;padding:4px 6px;position:relative;z-index:4}
.tb{width:26px;height:24px;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#5a5a5a;font-size:16px;border:1px solid transparent}
.tb:hover:not(:disabled){border-color:#bbb;background:linear-gradient(#fff,#e8e8e8)}
.tb:disabled{color:#c4c4c4}
.omni{flex:1;height:26px;border:1px solid #b9b9b9;background:#fff;display:flex;align-items:center;padding:0 4px;gap:4px}
.omni:focus-within{border-color:#4d90fe;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
.omni input{flex:1;border:0;outline:0;font-size:13px;font-family:inherit;background:transparent}
.bmbar{background:#f2f2f2;border-bottom:1px solid #d0d0d0;height:26px;display:flex;align-items:center;gap:4px;padding:0 8px;white-space:nowrap;overflow:hidden;color:#333}
.chip{display:flex;align-items:center;gap:4px;padding:2px 6px;border:1px solid transparent;border-radius:2px;cursor:default}
.chip:hover{border-color:#ccc;background:linear-gradient(#fff,#eee)}
.menu{position:absolute;right:4px;top:30px;background:#fff;border:1px solid #bbb;box-shadow:0 3px 10px rgba(0,0,0,.25);width:260px;padding:5px 0;z-index:50;font-size:12px}
.mi{display:flex;justify-content:space-between;padding:4px 18px 4px 28px;cursor:default}
.mi:hover{background:#4d90fe;color:#fff}
.mi:hover .sc{color:#e8f0ff}
.sc{color:#999}
.msep{height:1px;background:#e5e5e5;margin:5px 0}
.content{flex:1;background:#fff;overflow-y:scroll;position:relative;font-family:Arial,sans-serif}
.content::-webkit-scrollbar{width:17px}
.content::-webkit-scrollbar-track{background:#f0f0f0;border-left:1px solid #e3e3e3}
.content::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#d4d4d4,#c2c2c2);border:3px solid #f0f0f0;border-radius:2px}
.content::-webkit-scrollbar-button:single-button{height:17px;background:#f0f0f0}
.throbber{width:14px;height:14px;border:2px solid #c8d6ea;border-top-color:#3b78e7;border-radius:50%;animation:spin .7s linear infinite;flex:none}
@keyframes spin{to{transform:rotate(360deg)}}
.tile{border:1px solid #ccc;background:#fafafa;height:78px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:bold;color:#fff;cursor:pointer;transition:box-shadow .15s}
.tile:hover{box-shadow:0 2px 8px rgba(0,0,0,.25)}
.dialog{position:absolute;inset:0;background:rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;z-index:60}
.dialog>div{background:#fff;border:1px solid #aaa;box-shadow:0 4px 20px rgba(0,0,0,.3);padding:18px 20px;width:340px}
.cbtn{border:1px solid #c6c6c6;background:linear-gradient(#f8f8f8,#ececec);padding:3px 14px;border-radius:2px}
.cbtn.blue{background:linear-gradient(#4d90fe,#4787ed);color:#fff;border-color:#3079ed}
.gsbar{display:flex;height:29px;width:100%;gap:2px}
.gsbar input{flex:1;min-width:0;border:1px solid #d9d9d9;border-top-color:#c0c0c0;padding:0 8px;font-size:16px;outline:0;background:#fff;border-radius:0}
.gsbar input:hover{border-color:#b9b9b9;border-top-color:#a0a0a0;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
.gsbar input:focus{border-color:#4d90fe;box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}
.gsbar button{width:50px;flex:none;border:1px solid #3079ed;background:linear-gradient(#4d90fe,#4787ed);border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;cursor:pointer}
.gsbar button:hover{background:linear-gradient(#4d90fe,#357ae8);border-color:#2f5bb7;box-shadow:0 1px 1px rgba(0,0,0,.1)}
.footer{position:fixed;bottom:4px;right:10px;color:#dfeaff;font-size:11px;z-index:100}
.footer a{color:#fff;text-decoration:underline}