:root{--sb-bg:#0D0F2C;--sb-line:rgba(255,255,255,.1);--sb-ink:#fff;--sb-body:#9AA6C4;--sb-muted:#6B779B;--sb-hover:rgba(255,255,255,.06);--sb-on:#3E57DA;--sb-accent:#8FA0EE}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Inter,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;display:flex;height:100vh;height:100dvh;overflow:hidden;background:#070a16}button{font-family:inherit}.side{width:246px;flex-shrink:0;background:var(--sb-bg);border-right:1px solid var(--sb-line);display:flex;flex-direction:column;height:100%;transition:width .28s cubic-bezier(.4,0,.2,1);overflow:hidden}.sb-head{padding:16px 12px 13px 16px;border-bottom:1px solid var(--sb-line);display:flex;align-items:flex-start;gap:8px}.sb-headtxt{flex:1;min-width:0}.sb-brand{font-family:Sora,sans-serif;font-weight:700;font-size:14.5px;color:var(--sb-ink);display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden}.sb-brand .dot{width:8px;height:8px;border-radius:50%;background:#37e0b8;box-shadow:0 0 8px #37e0b8b3;flex-shrink:0}.sb-sub{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sb-muted);margin-top:3px;padding-left:16px;white-space:nowrap}.sb-min{display:flex;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid var(--sb-line);border-radius:8px;cursor:pointer;color:var(--sb-body);width:28px;height:28px;flex-shrink:0}.sb-min:hover{color:var(--sb-ink);border-color:var(--sb-accent)}.sb-min svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}.sb-item span,.sb-headtxt{transition:opacity .18s ease .06s}@media(min-width:901px){body.mini .side{width:62px}body.mini .sb-head{padding:16px 0 13px;justify-content:center}body.mini .sb-headtxt{display:none}body.mini .sb-nav{padding:10px 0}body.mini .sb-item span{opacity:0;transition-delay:0s}body.mini .sb-item{justify-content:center;padding-left:0;padding-right:0;margin-left:auto;margin-right:auto;width:44px}}.sb-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 8px;scrollbar-width:thin;scrollbar-color:rgba(143,160,238,.28) transparent}.sb-nav::-webkit-scrollbar{width:5px}.sb-nav::-webkit-scrollbar-track{background:transparent}.sb-nav::-webkit-scrollbar-thumb{background:#8fa0ee38;border-radius:100px}.sb-nav:hover::-webkit-scrollbar-thumb{background:#8fa0ee66}.sb-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;cursor:pointer;color:var(--sb-body);font-weight:600;font-size:13.5px;padding:10px 11px;border-radius:9px;margin-bottom:2px;transition:background .12s,color .12s,width .28s cubic-bezier(.4,0,.2,1);white-space:nowrap;overflow:hidden}.sb-item:hover{background:var(--sb-hover);color:var(--sb-ink)}.sb-item.on{background:var(--sb-on);color:#fff}.sb-item svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.main{flex:1;min-width:0;display:flex;flex-direction:column;height:100%}.frames{flex:1;min-height:0;position:relative}.cframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:none;background:#fff}.cframe.on{display:block}.topbar{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 18px;flex-shrink:0;background:linear-gradient(135deg,#0d0f2c,#3e57da);border-bottom:1px solid rgba(255,255,255,.14);position:relative;z-index:5}.topbar.flushtop{border-bottom-color:transparent}.hamb{display:none;flex-direction:column;justify-content:center;gap:4.5px;background:none;border:none;cursor:pointer;padding:9px 8px 9px 0;flex-shrink:0}.hamb span{display:block;width:21px;height:2px;border-radius:2px;background:#fff}.pagename{display:flex;align-items:center;gap:10px;font-family:Sora,sans-serif;font-weight:700;font-size:16.5px;color:#fff;white-space:nowrap;overflow:hidden;min-width:0}.pagename .dot{width:9px;height:9px;border-radius:50%;background:#7cf0ce;box-shadow:0 0 10px #7cf0ce;flex-shrink:0}.pagename #pageTitle{overflow:hidden;text-overflow:ellipsis}.tspacer{flex:1}.theme-dd{position:relative;flex-shrink:0}.theme-btn{display:flex;align-items:center;gap:7px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;font-weight:600;font-size:12.5px;padding:8px 14px;border-radius:100px}.theme-btn .car{font-size:9px;opacity:.85}.theme-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:150px;background:#0f1320;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:5px;box-shadow:0 14px 36px #00000080;display:none;z-index:130}.theme-menu.open{display:block}.theme-menu button{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;font-weight:600;font-size:13px;color:#e9ecf8;padding:9px 12px;border-radius:8px}.theme-menu button:hover{background:#7f8cb42e}.theme-menu button.on{color:var(--sb-accent)}.backdrop{display:none}@media(max-width:900px){.side{position:fixed;left:0;top:0;bottom:0;z-index:120;transform:translate(-100%);transition:transform .25s ease;box-shadow:0 0 60px #0009;width:272px}.side.open{transform:none}.sb-min{display:none}.backdrop{display:block;position:fixed;inset:0;z-index:110;background:#0507148c;opacity:0;pointer-events:none;transition:opacity .2s}.backdrop.show{opacity:1;pointer-events:auto}.topbar{padding:0 12px;gap:8px}.hamb{display:flex}.pagename{font-size:15.5px}}