*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background:#fff}body{display:flex;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#000;background:#fff;margin:0 auto;padding:40px 20px}@media (max-width: 768px){body{padding:20px 16px}}a{color:#000;text-decoration:underline;transition:color .2s ease}a:hover{text-decoration:none;color:#333}a:focus{outline:2px solid #000;outline-offset:2px;border-radius:2px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}h1,h2,h3,h4,h5,h6{margin-bottom:20px;font-weight:400}h1{font-size:2.5em;margin-bottom:40px}@media (max-width: 768px){h1{font-size:1.75em}}h2{font-size:2em;margin-top:40px}@media (max-width: 768px){h2{font-size:1.5em}}p{margin-bottom:20px}ul,ol{margin-bottom:20px;margin-left:20px}li{margin-bottom:10px}blockquote{border-left:2px solid #000;padding-left:20px;margin:20px 0;font-style:italic}code{background:#f5f5f5;padding:2px 4px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}pre{background:#f5f5f5;padding:20px;border-radius:5px;overflow-x:auto;margin-bottom:20px;border:1px solid #e0e0e0}pre code{background:none;padding:0;font-size:inherit}.post-list{list-style:none;max-width:800px}.post-item{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #ccc;transition:background-color .2s ease}.post-item:hover{background-color:#f9f9f9;padding-left:10px;margin-left:-10px;padding-right:10px;margin-right:-10px}.post-item:last-child{border-bottom:none}.post-title{font-size:1.5em;margin-bottom:10px}@media (max-width: 768px){.post-title{font-size:1.25em}}.post-date{color:#666;font-size:.9em;margin-bottom:20px}.post{width:100%;max-width:800px}.post-excerpt{margin-bottom:20px}.nav{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:800px;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.nav a{margin-right:20px}.home-link{font-size:1.2em;font-weight:700;text-decoration:none;transition:color .2s ease}.home-link:hover{color:#333}.home-link:focus{outline:2px solid #000;outline-offset:2px;border-radius:2px}@media (max-width: 768px){.nav{flex-direction:column;gap:10px}.nav a{margin-right:0}}html.dark-mode{background:#1a1a1a}html.dark-mode body{background:#1a1a1a;color:#e0e0e0}html.dark-mode h1,html.dark-mode h2,html.dark-mode h3,html.dark-mode h4,html.dark-mode h5,html.dark-mode h6{color:#e0e0e0}html.dark-mode a{color:#90caf9}html.dark-mode a:hover{color:#64b5f6}html.dark-mode a:focus{outline:2px solid #90caf9}html.dark-mode blockquote{border-left-color:#90caf9;color:#b0bec5}html.dark-mode code{background:#2d2d2d;color:#f8f8f2}html.dark-mode pre{background:#2d2d2d;border-color:#404040;color:#f8f8f2}html.dark-mode .post-item{border-bottom-color:#333}html.dark-mode .post-item:hover{background-color:#242424}html.dark-mode .post-date{color:#999}html.dark-mode .nav{border-bottom-color:#333}html.dark-mode .home-link{color:#90caf9}html.dark-mode .home-link:hover{color:#64b5f6}html.dark-mode .home-link:focus{outline:2px solid #90caf9}html.dark-mode .theme-toggle{background:none;border:none;font-size:1.2em;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s ease}html.dark-mode .theme-toggle:hover{background-color:#2d2d2d}.theme-toggle{background:none;border:none;font-size:1.2em;cursor:pointer;padding:5px;border-radius:4px;transition:background-color .2s ease}.theme-toggle:hover{background-color:#f0f0f0}
