:root{--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--border-width:1px;--border-radius:0px;--box-shadow:none;--bg-base:#fff;--bg-surface:#f5f5f5;--border-color:#000;--text-primary:#000;--text-secondary:#4a4a4a;--text-muted:#7a7a7a;--primary:#000;--accent:#0052cc;--success:#00875a;--warning:#ffab00;--error:#de350b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg-base:#121212;--bg-surface:#1e1e1e;--border-color:#fff;--text-primary:#fff;--text-secondary:#b0b0b0;--text-muted:#707070;--primary:#fff;--accent:#4c9aff;--success:#57d9a3;--warning:#ffc400;--error:#ff5630}}html.light{--bg-base:#fff;--bg-surface:#f5f5f5;--border-color:#000;--text-primary:#000;--text-secondary:#4a4a4a;--text-muted:#7a7a7a;--primary:#000;--accent:#0052cc;--success:#00875a;--warning:#ffab00;--error:#de350b}html.dark{--bg-base:#121212;--bg-surface:#1e1e1e;--border-color:#fff;--text-primary:#fff;--text-secondary:#b0b0b0;--text-muted:#707070;--primary:#fff;--accent:#4c9aff;--success:#57d9a3;--warning:#ffc400;--error:#ff5630}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.layout-grid{grid-template-columns:1fr 240px;min-height:100vh;display:grid}@media (width<=768px){.layout-grid{grid-template-columns:1fr}}.content-area{flex-direction:column;height:100vh;display:flex;overflow-y:auto}@media (width<=768px){.content-area{order:2;height:auto}}.content-header{padding:var(--space-md) var(--space-lg);border-bottom:var(--border-width) solid var(--border-color);font-family:var(--font-mono);background-color:var(--bg-base);justify-content:space-between;align-items:center;font-size:12px;display:flex}.breadcrumb{font-weight:700}.view-container{padding:var(--space-lg);flex:1}.sidebar-right{border-left:var(--border-width) solid var(--border-color);background-color:var(--bg-surface);padding:var(--space-lg) var(--space-md);gap:var(--space-lg);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}@media (width<=768px){.sidebar-right{border-left:none;border-bottom:var(--border-width) solid var(--border-color);order:1;height:auto;position:relative}}.sidebar-title{letter-spacing:1px;border-bottom:2px solid var(--border-color);padding-bottom:var(--space-xs);font-size:16px;font-weight:700;font-family:var(--font-mono)}.nav-list{gap:var(--space-sm);flex-direction:column;display:flex}.nav-btn{text-align:left;border:var(--border-width) solid transparent;color:var(--text-secondary);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:0;width:100%;padding:10px 14px;font-size:13px;font-weight:700;transition:all .15s}.nav-btn:hover{background-color:var(--bg-base);color:var(--text-primary);border-color:var(--border-color)}.nav-btn.active{background-color:var(--border-color);color:var(--bg-base);border-color:var(--border-color)}h2{text-transform:uppercase;margin-bottom:var(--space-xs);font-size:20px;font-weight:700;font-family:var(--font-sans)}p{color:var(--text-secondary);font-size:14px}.theme-btn{border:var(--border-width) solid var(--border-color);color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:0;padding:4px 8px;font-size:11px;font-weight:700}.theme-btn:hover{background-color:var(--text-primary);color:var(--bg-base)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:0}