:root{--accent:#d4aa00;--accent-glow:rgba(212,170,0,.12);--accent-hover:rgba(212,170,0,.2);--panel-bg:hsla(0,0%,4%,.78);--panel-border:hsla(0,0%,100%,.07);--text-primary:#f0f0f0;--text-muted:#666;--radius:14px;--blur:blur(20px);--t:0.25s ease;--panel-w:220px}*{box-sizing:border-box;margin:0;padding:0}body,html{overflow:hidden;background:#111;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);-webkit-font-smoothing:antialiased}.homePage,body,html{width:100vw;height:100vh}.homePage{position:relative}.backgroundPanel{position:absolute;inset:0}.topToolbar{position:fixed;inset:0 0 auto 0;z-index:100;height:52px;display:flex;align-items:center;padding:0 20px;gap:10px;background:rgba(8,8,8,.7);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--panel-border)}.topToolbar h1{font-size:14px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}.topAccentDot{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 6px var(--accent)}.leftToolbar,.rightToolbar{position:fixed;top:64px;width:var(--panel-w);max-height:calc(100vh - 80px);overflow-y:auto;background:var(--panel-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--panel-border);border-radius:var(--radius);color:var(--text-primary);z-index:50;scrollbar-width:none}.leftToolbar::-webkit-scrollbar,.rightToolbar::-webkit-scrollbar{display:none}.leftToolbar{left:12px}.rightToolbar{right:12px}.panelHeader{padding:14px 16px 12px;border-bottom:1px solid var(--panel-border)}.panelTitle{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted)}.navSection{padding:6px 0 8px}.navLabel{gap:6px;padding:8px 14px 4px;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);opacity:.75}.navItem,.navLabel{display:flex;align-items:center}.navItem{gap:9px;padding:8px 14px;margin:2px 8px;border-radius:8px;cursor:pointer;font-size:13px;color:#888;transition:background var(--t),color var(--t);-webkit-user-select:none;-moz-user-select:none;user-select:none}.navItem:hover{background:var(--accent-hover);color:var(--text-primary)}.navItem.active{background:var(--accent-glow);color:var(--accent)}.navItemIcon{opacity:.45;flex-shrink:0;transition:opacity var(--t)}.navItem.active .navItemIcon,.navItem:hover .navItemIcon{opacity:1}.content{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.content p{font-size:12px;line-height:1.7;color:#777}.divider,hr{border:none;height:1px;background:var(--panel-border);margin:0}.button{position:fixed;z-index:60;top:64px;width:32px;height:32px;border-radius:50%;border:1px solid var(--panel-border);background:hsla(0,0%,4%,.85);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;transition:background var(--t),border-color var(--t),color var(--t),left var(--t),right var(--t)}.button:hover{background:var(--accent-hover);border-color:rgba(212,170,0,.4);color:var(--accent)}.buttonLeft{left:12px}.buttonLeft.panelOpen{left:calc(var(--panel-w) + 20px)}.buttonRight{right:12px}.buttonRight.panelOpen{right:calc(var(--panel-w) + 20px)}.logoPanel{position:fixed;bottom:12px;right:12px;z-index:50;display:flex;align-items:center;gap:10px;padding:7px 14px 7px 10px;background:var(--panel-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid var(--panel-border);border-radius:10px;color:var(--accent)}.logoPanel h2{font-size:12px;font-weight:700;letter-spacing:.06em;margin:0}.logoPanel h6{font-size:9px;color:var(--text-muted);font-weight:400;letter-spacing:.04em;margin:0}