:root[data-theme=light]{--color-bg:#FFFCF0;--color-bg-secondary:#F2F0E5;--color-text:#100F0F;--color-text-secondary:#575653;--color-border:#CECDC3;--color-primary:#205EA6;--color-primary-hover:#4385BE;--color-code-bg:#E6E4D9;--color-shadow:rgba(16, 15, 15, 0.1);--color-link:#24837B;--color-tag:#5E409D}:root[data-theme=dark]{--color-bg:#100F0F;--color-bg-secondary:#1C1B1A;--color-text:#E6E4D9;--color-text-secondary:#878580;--color-border:#343331;--color-primary:#4385BE;--color-primary-hover:#3AA99F;--color-code-bg:#282726;--color-shadow:rgba(0, 0, 0, 0.3);--color-link:#3AA99F;--color-tag:#8B7EC8}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:maple mono nf,fira code,monospace;color:var(--color-text);background:var(--color-bg);line-height:1.7;transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:860px;margin:0 auto;padding:0 1.5rem}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;margin-bottom:1rem;color:var(--color-text)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin-bottom:1rem}a{color:var(--color-link);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-hover)}code{font-family:maple mono nf,fira code,monospace;background:var(--color-code-bg);padding:.2rem .4rem;border-radius:3px;font-size:.9em;color:var(--color-text);border:1px solid var(--color-border)}pre{background:var(--color-code-bg);padding:1rem;border-radius:5px;overflow-x:auto;margin:1rem 0;border:1px solid var(--color-border);line-height:1.5}pre code{background:0 0;padding:0;border:none}img{max-width:100%;height:auto;border-radius:5px}blockquote{border-left:3px solid var(--color-primary);padding-left:1rem;margin:1rem 0;color:var(--color-text-secondary);font-style:italic}hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}ul,ol{padding-left:1.5rem;margin-bottom:1rem}li{margin-bottom:.5rem}.header{padding:2rem 0;margin-bottom:3rem}.header__inner{display:flex;align-items:center;justify-content:space-between}@media(max-width:640px){.header__inner{flex-direction:column;align-items:flex-start;gap:1rem}}.logo{display:flex;align-items:center;gap:.5rem;color:var(--color-text);font-weight:700;font-size:1.2rem}.logo:hover{color:var(--color-text)}.logo img{width:40px;height:40px;border-radius:50%}.logo__mark{color:var(--color-primary)}.logo__cursor{display:inline-block;width:10px;height:1rem;background:var(--color-primary);margin-left:5px;animation:cursor-blink 1.2s steps(2)infinite}@keyframes cursor-blink{0%,49%{opacity:1}50%,100%{opacity:0}}.menu__inner{display:flex;align-items:center;list-style:none;gap:1rem}.menu__inner li{margin:0}.menu__inner a{color:var(--color-text);padding:.25rem .5rem}.menu__inner a:hover{color:var(--color-primary)}.menu__delimiter{color:var(--color-text-secondary)}.theme-toggle{background:0 0;border:2px solid var(--color-border);padding:.25rem .5rem;cursor:pointer;transition:all .2s ease;color:var(--color-text);font-family:maple mono nf,fira code,monospace;font-size:.9rem}.theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.theme-toggle::before{content:'[ '}.theme-toggle::after{content:' ]'}.theme-toggle__icon::after{content:'theme'}.content{min-height:calc(100vh - 400px)}.index-content{margin-bottom:3rem}.framed{border:2px solid var(--color-border);padding:2rem;margin-bottom:3rem}.framed h1{margin-bottom:.5rem;font-size:2.5rem}.framed p{color:var(--color-text-secondary);margin-bottom:1.5rem}.index-links{display:flex;gap:1.5rem;margin-top:1.5rem}.index-links a{font-weight:700;color:var(--color-primary)}.index-links a:hover{color:var(--color-primary-hover)}.posts{margin-bottom:3rem}.posts-group{margin-bottom:2rem}.posts-title{margin-bottom:2rem}.posts-title h1,.posts-title h2{font-size:1.75rem;position:relative;padding-bottom:1rem}.posts-title h1::after,.posts-title h2::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--color-border)}.posts-list{display:flex;flex-direction:column;gap:2rem}.post-item{display:flex;gap:1rem}.post-line{width:3px;background:var(--color-primary);flex-shrink:0}.post-content{flex:1}.post-date{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:.5rem}.post-title{margin-bottom:.5rem;font-size:1.25rem}.post-title a{color:var(--color-text)}.post-title a:hover{color:var(--color-primary)}.post-summary{color:var(--color-text-secondary);margin-bottom:.5rem;line-height:1.6}.post-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.tag{color:var(--color-tag);font-size:.85rem}.tag:hover{color:var(--color-primary)}.view-more{text-align:center;margin-top:2rem}.view-more a{font-weight:700;color:var(--color-primary);padding:.5rem 1.5rem;border:2px solid var(--color-border);display:inline-block}.view-more a:hover{border-color:var(--color-primary);color:var(--color-primary-hover)}.post{margin-bottom:3rem}.post-info{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:.9rem}.post-delimiter{margin:0 .5rem}.post .post-title{font-size:2rem;margin-bottom:2rem;color:var(--color-text)}.post-content h2,.post-content h3,.post-content h4{margin-top:2rem;margin-bottom:1rem}.post-content p{margin-bottom:1.5rem}.post-content ul,.post-content ol{margin-bottom:1.5rem}.post-content img{margin:2rem 0}.post-content table{width:100%;border-collapse:collapse;margin:1.5rem 0}.post-content table th,.post-content table td{border:1px solid var(--color-border);padding:.5rem 1rem;text-align:left}.post-content table th{background:var(--color-bg-secondary);font-weight:700}.post-footer{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--color-border)}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:640px){.post-nav{grid-template-columns:1fr}}.post-nav-item{display:flex;flex-direction:column;padding:1rem;border:2px solid var(--color-border);color:var(--color-text)}.post-nav-item:hover{border-color:var(--color-primary)}.post-nav-item:hover span:first-child{color:var(--color-primary)}.post-nav-item span:first-child{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.5rem}.post-nav-item span:last-child{font-weight:700}.post-nav-item:last-child{text-align:right}.footer{padding:3rem 0 2rem;margin-top:3rem;border-top:2px solid var(--color-border)}.footer__inner{display:flex;justify-content:center}.footer__inner:not(:last-child){margin-bottom:.5rem}.footer__content{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--color-text-secondary)}.footer__content a{color:var(--color-text-secondary)}.footer__content a:hover{color:var(--color-primary)}.footer__delimiter{color:var(--color-text-secondary)}