:root{--bg-primary: #0c0e14;--bg-sidebar: #10131a;--bg-surface: #1a1d24;--text-primary: #c8ced0;--text-secondary: #7a8390;--accent: #5b9a6a;--accent-hover: #6fb87e;--accent-muted: #3d6b48;--border: #1e2230;--font-display: 'DM Sans', sans-serif;--font-mono: 'Roboto Mono', monospace;--sidebar-width: 140px;--content-max-width: 680px;--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--transition-fast: 150ms ease;--transition-base: 250ms ease;--transition-slow: 400ms ease}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-mono);font-weight:400;font-size:.9375rem;line-height:1.7;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh}body::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;color:var(--text-primary);line-height:1.3}@keyframes fadeInUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.layout{display:flex;min-height:100vh;max-width:960px;margin:0 auto;padding:var(--space-2xl) var(--space-xl);gap:var(--space-xl)}.sidebar{width:var(--sidebar-width);flex-shrink:0}.sidebar__inner{position:sticky;top:var(--space-2xl);display:flex;flex-direction:column}.sidebar__logo{display:block;margin-bottom:var(--space-xl);animation:fadeInUp var(--transition-slow) ease both;animation-delay:100ms}.sidebar__logo img{display:block;width:60px;height:60px}.sidebar__nav{display:flex;flex-direction:column;gap:0}.sidebar__link{display:block;padding:var(--space-xs) 0;font-family:var(--font-mono);font-size:.9375rem;font-weight:400;color:var(--text-secondary);transition:color var(--transition-fast);animation:fadeInUp var(--transition-slow) ease both}.sidebar__link:nth-child(1){animation-delay:200ms}.sidebar__link:nth-child(2){animation-delay:260ms}.sidebar__link:nth-child(3){animation-delay:320ms}.sidebar__link:nth-child(4){animation-delay:380ms}.sidebar__link:nth-child(5){animation-delay:440ms}.sidebar__link:hover{color:var(--text-primary)}.sidebar__link--active{color:var(--accent)}.sidebar__link--active:hover{color:var(--accent-hover)}.external-arrow{font-size:.7em;opacity:.6;vertical-align:super}@media(max-width: 768px){.layout{flex-direction:column;padding:var(--space-xl) var(--space-lg);gap:var(--space-md)}.sidebar{width:100%}.sidebar__inner{position:static;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.sidebar__logo{margin-bottom:0}.sidebar__logo img{width:44px;height:44px}.sidebar__nav{flex-direction:row;flex-wrap:wrap;gap:var(--space-sm)}.sidebar__link{padding:var(--space-xs) 0;font-size:.75rem}}.content{flex:1;min-width:0;display:flex;flex-direction:column;animation:fadeIn var(--transition-slow) ease both;animation-delay:300ms}.content__header{height:60px;display:flex;align-items:center;margin-bottom:var(--space-xl)}.content__name{font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--text-primary);letter-spacing:-0.01em;margin:0;animation:fadeInUp var(--transition-slow) ease both;animation-delay:150ms}.content__inner{max-width:var(--content-max-width);flex:1}.content__inner h1{font-size:1.75rem;margin-bottom:var(--space-lg);color:var(--text-primary)}.content__inner h2{font-size:1.25rem;margin-top:var(--space-xl);margin-bottom:var(--space-md);color:var(--text-primary)}.content__inner h3{font-size:1rem;margin-top:var(--space-lg);margin-bottom:var(--space-sm);color:var(--text-primary)}.content__inner p{margin-bottom:var(--space-md);color:var(--text-primary)}.content__inner ul,.content__inner ol{margin-bottom:var(--space-md);padding-left:var(--space-lg);color:var(--text-primary)}.content__inner ul li,.content__inner ol li{margin-bottom:var(--space-xs)}.content__inner blockquote{border-left:3px solid var(--accent-muted);padding-left:var(--space-md);margin-bottom:var(--space-md);color:var(--text-secondary);font-style:italic}.content__inner code{font-family:var(--font-mono);font-size:.85em;background-color:var(--bg-surface);padding:.15em .4em;border-radius:3px;border:1px solid var(--border)}.content__inner pre{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:var(--space-md);margin-bottom:var(--space-md);overflow-x:auto}.content__inner pre code{background:none;border:none;padding:0}.content__inner hr{border:none;border-top:1px solid var(--border);margin:var(--space-xl) 0}.content__inner a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-muted);text-underline-offset:2px;transition:text-decoration-color var(--transition-fast),color var(--transition-fast)}.content__inner a:hover{color:var(--accent-hover);text-decoration-color:var(--accent-hover)}.content__footer{display:flex;justify-content:flex-end;max-width:var(--content-max-width);gap:var(--space-md);padding-top:var(--space-2xl);margin-top:auto}.content__footer a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.content__footer a:hover{color:var(--text-primary)}@media(max-width: 768px){.content__header{height:auto}.content__name{font-size:1.25rem}}/*# sourceMappingURL=main.css.map */