:root{--bg: #0a0a0a;--fg: #e0e0e0;--accent: #ffffff;--border: #333333;--link: #e0e0e0;--link-hover: #ffffff;--sidebar-bg: #000000;--code-bg: #1a1a1a;--code-fg: #d0d0d0;--code-comment: #808080;--code-keyword: #cc99cc;--code-string: #99cc99;--code-function: #6699cc;--code-number: #f99157}*{box-sizing:border-box}body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;font-size:16px;line-height:1.6;color:var(--fg);background:var(--bg);margin:0;padding:0}.container{min-height:100vh}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);padding:2rem 1.5rem;position:fixed;width:280px;height:100vh;overflow-y:auto;left:0;top:0}.sidebar-header{text-align:center;margin-bottom:2rem}.sidebar-icon{width:48px;height:48px;margin:0 auto 1rem auto;display:block;border:1px solid var(--border)}.sidebar h1{font-size:1.5rem;margin:0;font-weight:700}.sidebar h1 a{color:var(--fg);text-decoration:none;border-bottom:none}.sidebar h1 a:hover{color:var(--accent);border-bottom:none}.post-list{list-style:none;padding:0;margin:0}.post-list li{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.post-list li:last-child{border-bottom:none}.post-list .post-title{display:block;font-weight:600;margin-bottom:0.25rem}.post-list .post-date{font-size:0.875rem;color:#888}.post-list li.active .post-title{color:var(--accent);border-bottom:1px solid var(--accent)}.content{margin-left:280px;padding:2rem 4rem;max-width:1600px;margin-right:auto}@media (min-width: 2160px){.content{margin-left:auto;margin-right:auto;padding-left:calc(280px + 4rem);padding-right:4rem}}h1,h2,h3,h4,h5,h6{margin:2rem 0 1rem 0;line-height:1.3;font-weight:700}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}article header h1{margin-top:0}time{display:block;font-size:0.875rem;color:#888;margin-bottom:2rem}a{color:var(--link);text-decoration:none;border-bottom:1px solid transparent;transition:none}a:hover{color:var(--link-hover);border-bottom:1px solid var(--link-hover)}.post-content{margin-top:2rem}.post-content p{margin:1rem 0}.post-content ul,.post-content ol{margin:1rem 0;padding-left:2rem}.post-content li{margin:0.5rem 0}code{font-family:"SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;font-size:0.9em}:not(pre)>code{background:var(--code-bg);color:var(--code-fg);padding:0.2em 0.4em;border:1px solid var(--border)}pre{background:var(--code-bg);border:1px solid var(--border);padding:1rem;overflow-x:auto;margin:1.5rem 0}pre code{background:none;border:none;padding:0}.highlight{background:var(--code-bg)}.highlight .c,.highlight .cm,.highlight .cp,.highlight .c1,.highlight .cs{color:var(--code-comment)}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:var(--code-keyword)}.highlight .s,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .sr,.highlight .s1,.highlight .ss{color:var(--code-string)}.highlight .na,.highlight .nb,.highlight .nc,.highlight .no,.highlight .nd,.highlight .ni,.highlight .ne,.highlight .nf{color:var(--code-function)}.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .il,.highlight .mo,.highlight .mb,.highlight .mx{color:var(--code-number)}.highlight .o,.highlight .ow{color:var(--fg)}.highlight .p{color:var(--fg)}.highlight .n,.highlight .nv,.highlight .vc,.highlight .vg,.highlight .vi{color:var(--fg)}blockquote{border-left:3px solid var(--border);padding-left:1rem;margin:1.5rem 0;color:#999}img{max-width:100%;height:auto;display:block;margin:2rem 0}hr{border:none;border-top:1px solid var(--border);margin:2rem 0}table{width:100%;border-collapse:collapse;margin:1.5rem 0}th,td{border:1px solid var(--border);padding:0.5rem;text-align:left}th{background:var(--code-bg);font-weight:700}@media (max-width: 768px){.sidebar{position:static;width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border);padding:1.5rem 1rem}.sidebar-icon{width:32px;height:32px;margin-bottom:0.5rem}.sidebar h1{font-size:1.25rem}.post-list li{margin-bottom:1rem;padding-bottom:1rem}.post-list .post-title{font-size:0.9rem}.post-list .post-date{font-size:0.8rem}.content{margin-left:0;padding:1.5rem;max-width:100%}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}