:root{--color-bg:#fff;--color-text:#222;--color-text-secondary:#555;--color-text-muted:#888;--color-text-faint:#999;--color-link:#0066cc;--color-border:#e0e0e0;--color-border-light:#f0f0f0;--color-bg-code:#f5f5f5;--color-bg-tag:#f0f0f0;--color-bg-tag-hover:#e0e0e0;--color-bg-initials:#e0e0e0;--color-initials-text:#666}[data-theme=dark]{--color-bg:#1a1a1a;--color-text:#e0e0e0;--color-text-secondary:#b0b0b0;--color-text-muted:#888;--color-text-faint:#777;--color-link:#6db3f2;--color-border:#333;--color-border-light:#2a2a2a;--color-bg-code:#2a2a2a;--color-bg-tag:#333;--color-bg-tag-hover:#444;--color-bg-initials:#333;--color-initials-text:#aaa}*,*::before,*::after{box-sizing:border-box}body{color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;line-height:1.6;margin:0;padding:0;background:var(--color-bg)}.site-wrapper{max-width:720px;margin:0 auto;padding:0 1.5rem}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}header{border-bottom:1px solid var(--color-border);margin-bottom:2rem}.gnb{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.gnb-brand a{font-size:1.25rem;font-weight:700;color:var(--color-text)}.gnb-brand a:hover{text-decoration:none}.gnb-right{display:flex;align-items:center;gap:1.5rem}.gnb-nav{display:flex;gap:1rem}.gnb-nav a{color:var(--color-text-secondary);font-size:.95rem}.gnb-nav a:hover{color:var(--color-text)}.gnb-lang{display:flex;align-items:center;gap:.5rem;padding-left:1rem;border-left:1px solid var(--color-border);font-size:.85rem}.gnb-lang a{color:var(--color-text-faint)}.gnb-lang a:hover{color:var(--color-text)}.gnb-lang .active{font-weight:700;color:var(--color-text)}.gnb-theme{display:flex;align-items:center;padding-left:1rem;border-left:1px solid var(--color-border)}#theme-toggle{background:0 0;border:none;cursor:pointer;padding:.25rem;display:inline-flex;align-items:center;color:var(--color-text-secondary)}#theme-toggle:hover{color:var(--color-text)}#theme-toggle svg{width:18px;height:18px;fill:currentColor}.icon-sun{display:none}.icon-moon{display:block}[data-theme=dark] .icon-sun{display:block}[data-theme=dark] .icon-moon{display:none}.profile-card{text-align:center;padding:3rem 0}.profile-photo{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:1rem}.profile-initials{width:120px;height:120px;border-radius:50%;background:var(--color-bg-initials);display:inline-flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:var(--color-initials-text);margin-bottom:1rem}.profile-card h1{font-size:1.75rem;margin:0 0 .25rem}.profile-card .role{color:var(--color-text-secondary);font-size:1.1rem;margin:0 0 .5rem}.profile-card .tagline{color:var(--color-text-muted);font-size:1rem;margin:0 0 1.5rem}.social-icons{display:flex;justify-content:center;gap:1rem}.social-icons a{color:var(--color-text-secondary);display:inline-flex;align-items:center}.social-icons a:hover{color:var(--color-text)}.social-icons svg{width:24px;height:24px;fill:currentColor}.about-header{display:flex;align-items:center;gap:1.5rem;padding:2rem 0;border-bottom:1px solid var(--color-border);margin-bottom:2rem}.about-header .profile-photo,.about-header .profile-initials{width:100px;height:100px;margin-bottom:0;flex-shrink:0}.about-header .profile-initials{font-size:2rem}.about-info h1{font-size:1.5rem;margin:0 0 .25rem}.about-info .role{color:var(--color-text-secondary);margin:0}.about-content{line-height:1.8}.about-content h2{font-size:1.3rem;margin-top:2rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border)}.posts-list{list-style:none;padding:0}.posts-list li{padding:1rem 0;border-bottom:1px solid var(--color-border-light)}.posts-list li:last-child{border-bottom:none}.posts-list a{font-size:1.1rem;font-weight:500}.posts-list time{display:block;font-size:.85rem;color:var(--color-text-muted);margin-top:.25rem}.posts-list .summary{color:var(--color-text-secondary);font-size:.95rem;margin-top:.25rem}.post-header{margin-bottom:2rem}.post-header h1{font-size:2rem;margin:0 0 .5rem}.post-header time{color:var(--color-text-muted);font-size:.9rem}.post-content{line-height:1.8}.post-content h2{margin-top:2rem}.post-content h3{margin-top:1.5rem}.post-content img{max-width:100%;height:auto}.post-content pre{background:var(--color-bg-code);padding:1rem;overflow-x:auto;border-radius:4px}.post-content code{background:var(--color-bg-code);padding:.15rem .3rem;border-radius:3px;font-size:.9em}.post-content pre code{background:0 0;padding:0}.post-content blockquote{border-left:3px solid var(--color-border);margin-left:0;padding-left:1rem;color:var(--color-text-secondary)}.post-tags{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--color-border)}.post-tags a{display:inline-block;background:var(--color-bg-tag);padding:.2rem .6rem;border-radius:3px;font-size:.85rem;margin-right:.5rem;margin-bottom:.5rem;color:var(--color-text-secondary)}.post-tags a:hover{background:var(--color-bg-tag-hover);text-decoration:none}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:2rem 0;font-size:.9rem}.pagination a{color:var(--color-link)}.pagination .disabled{color:var(--color-border)}.pagination .current{color:var(--color-text-secondary)}footer{border-top:1px solid var(--color-border);margin-top:2rem;padding:1rem 0;text-align:center;font-size:.85rem;color:var(--color-text-muted)}.section-title{font-size:1.75rem;margin-bottom:1.5rem}@media(max-width:600px){.gnb{flex-direction:column;gap:.75rem}.gnb-right{width:100%;justify-content:center}.profile-card{padding:2rem 0}.profile-photo,.profile-initials{width:100px;height:100px}.about-header{flex-direction:column;text-align:center}.post-header h1{font-size:1.5rem}}