:root{--bg: #060708;--s1: rgba(255,255,255,.028);--s2: rgba(255,255,255,.048);--b1: rgba(255,255,255,.07);--b2: rgba(255,255,255,.12);--lime: #a6fd28;--lime-d: rgba(166,253,40,.1);--ink: #f0f1f0;--sub: #a0a6b0;--muted: #565c68;--red: #ff4455;--amber: #f59e0b;--blue: #3b82f6;--grn: #22c55e;--display: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;--body: "Barlow", system-ui, sans-serif;--mono: "JetBrains Mono", monospace;--sidebar-w: 240px;--header-h: 54px;--r: 14px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);height:100%;scroll-behavior:smooth}body{font-family:var(--body);background:radial-gradient(ellipse 60% 40% at 20% -10%,rgba(166,253,40,.06),transparent),radial-gradient(ellipse 50% 50% at 90% -5%,rgba(59,130,246,.05),transparent),var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.01em;min-height:100vh}button,input,textarea{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--b2);border-radius:4px}a{color:var(--lime);text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-w);z-index:80;background:#060708eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--b1);display:flex;flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1)}.sb-brand{display:flex;align-items:center;gap:10px;padding:20px 18px 16px;cursor:pointer;border-bottom:1px solid var(--b1)}.sb-logo{width:36px;height:36px;border-radius:10px;background:#a6fd2812;border:1px solid rgba(166,253,40,.22);display:grid;place-items:center;flex-shrink:0}.sb-name{font-family:var(--display);font-size:18px;font-weight:800;letter-spacing:.04em;line-height:1}.sb-sub{font-family:var(--mono);font-size:8px;color:var(--lime);letter-spacing:.14em;margin-top:2px}.sb-nav{flex:1;overflow-y:auto;padding:10px 8px;display:flex;flex-direction:column;gap:2px}.sb-item{display:flex;align-items:center;padding:11px 14px;border-radius:10px;border:1px solid transparent;color:var(--muted);font-size:13px;font-weight:600;transition:all .14s}.sb-item:hover{background:var(--s1);color:var(--sub);border-color:var(--b1)}.sb-item.active{background:var(--lime-d);color:var(--ink);border-color:#a6fd282e}.sb-footer{padding:12px 10px;border-top:1px solid var(--b1)}.sb-key-wrap{display:flex;gap:6px}.sb-key-input{flex:1;height:34px;padding:0 10px;border-radius:8px;border:1px solid var(--b1);background:var(--s1);color:var(--ink);font-size:12px;outline:none}.sb-key-input:focus{border-color:#a6fd2866}.sb-key-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--b1);background:var(--s1);color:var(--lime);font-size:16px;font-weight:700;display:grid;place-items:center;cursor:pointer;transition:all .14s}.sb-key-btn:hover{border-color:var(--b2);background:var(--lime-d)}.main-content{flex:1;margin-left:var(--sidebar-w);padding:30px clamp(16px,3vw,40px) 100px;max-width:1480px;width:100%;animation:fadeUp .3s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.mobile-header{display:none;align-items:center;gap:12px;padding:8px 12px;margin-bottom:20px;background:#060708d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--b1);border-radius:12px;position:sticky;top:10px;z-index:50}.hamburger{width:36px;height:36px;border-radius:8px;border:1px solid var(--b1);background:var(--s1);color:var(--sub);display:grid;place-items:center;cursor:pointer;flex-shrink:0}.mobile-title{font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:.04em;flex:1}.live-dot{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:#a6fd2814;border:1px solid rgba(166,253,40,.18);font-family:var(--mono);font-size:9px;color:var(--lime);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.live-dot i{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime);animation:blink 2s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:1023px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;padding:16px 12px 90px}.mobile-header{display:flex}.mobile-overlay{display:block}}@media(min-width:1024px)and (max-width:1360px){.main-content{padding:24px 22px 80px}}