.root{min-height:100vh}.appShell{display:flex;min-height:100vh}.sidebar{width:260px;padding:var(--space-4);background:var(--panel);border-right:1px solid var(--border);box-shadow:var(--shadow-sm)}.sidebarHeader{font-size:18px;font-weight:700;letter-spacing:.5px}.sidebarSub{opacity:.85;color:var(--muted);font-size:13px;margin:6px 0 14px}.nav{display:grid;gap:10px;margin-top:var(--space-2)}.nav a{padding:10px;border-radius:var(--radius-sm);color:var(--text-secondary-color);background:transparent;border:1px solid transparent;text-decoration:none}.nav a:hover{background:#7289da2e;color:var(--hover-text-color)}.nav a.active{background:#7289da47;border-color:#7289da73;color:var(--hover-text-color);font-weight:700}.mainArea{flex:1;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-sm)}.topbarLeft{display:flex;align-items:center;gap:10px}.topbarDivider{width:1px;height:18px;background:var(--border-strong)}.content{padding:var(--space-4)}.content>*{max-width:var(--container-max);margin:0 auto}:root{--background-color: #2C2F33;--background2-color: #2b2b2b;--card-background-color: #23272A;--card-border-color: #99AAB5;--primary-color: #7289DA;--secondary-color: #99AAB5;--text-color: #FFFFFF;--text-secondary-color: #B9BBBE;--hover-background-color: #7289DA;--hover-text-color: #FFFFFF;--active-tab-background-color: #7289DA;--selection-background-color: #444444;--bg: var(--background-color);--panel: var(--card-background-color);--panel-2: var(--background2-color);--border: rgba(153, 170, 181, .55);--border-strong: rgba(153, 170, 181, .85);--text: rgba(255, 255, 255, .92);--muted: rgba(185, 187, 190, .88);--accent: var(--primary-color);--radius-sm: 8px;--radius: 12px;--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 18px;--space-5: 24px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .35);--focus-ring: 0 0 0 3px rgba(114, 137, 218, .35);--container-max: 1200px;--section-head: #a3d9f5;--section-handle: #f5d3a3;--section-extra: #a3f5a3}*{box-sizing:border-box}html,body{height:100%}:root{color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Fira Code,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--selection-background-color)}button,input,select,textarea{font:inherit;color:inherit}button{border-radius:var(--radius-sm);border:1px solid transparent;padding:.6em 1.1em;background:#1a1a1a;cursor:pointer;transition:border-color .2s,transform .05s,background-color .2s}button:hover{border-color:var(--accent)}button:active{transform:translateY(1px)}button:focus,button:focus-visible,input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}input,select,textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel-2);padding:.55em .75em}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#0003}*::-webkit-scrollbar-thumb{background:#7289da8c;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#7289dabf}.container{width:100%;max-width:var(--container-max);margin:0 auto}.card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md)}.btn{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow-sm)}.btn:hover{border-color:#7289dabf}.pixelated{image-rendering:pixelated}