*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1a1a;--bg-surface:#242424;--bg-hover:#2e2e2e;--border:#ffffff14;--orange:#ff5a09;--text:#ffffffde;--text-dim:#ffffff80;--green:#4ade80;--red:#f87171;--yellow:#facc15;--blue:#60a5fa;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}button{cursor:pointer;color:inherit;font:inherit;background:0 0;border:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.layout{flex-direction:column;height:100%;display:flex}.layout-body{flex:1;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;width:280px;overflow-y:auto}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}@media (width<=640px){.layout-body{position:relative;overflow:hidden}.sidebar{border-right:none;width:100%}.sidebar.mobile-hidden{display:none}.main{background:var(--bg);display:none;position:absolute;inset:0}.main.mobile-visible{display:flex}}.mobile-back{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:14px;font-weight:600;display:none}.mobile-back:hover{color:var(--text)}@media (width<=640px){.mobile-back{align-items:center;display:inline-flex}}