:root{--bg-color:#ffffff;--text-color:#000000;--text-secondary:#666666;--border-color:#e5e5e5;--link-color:#000000;--link-hover:#666666}[data-theme=dark]{--bg-color:#000000;--text-color:#ffffff;--text-secondary:#999999;--border-color:#333333;--link-color:#ffffff;--link-hover:#cccccc}*{box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif;font-size:16px;line-height:1.6;margin:0;padding:2rem 1.5rem;max-width:42rem;margin-left:auto;margin-right:auto;transition:background-color .2s ease,color .2s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}header{border-bottom:1px solid var(--border-color);margin-bottom:2.5rem;padding-bottom:1.5rem}footer{border-top:1px solid var(--border-color);margin-top:3rem;padding-top:1.5rem}a{color:var(--link-color);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:color .2s ease}a:hover{color:var(--link-hover)}h1,h2,h3,h4,h5,h6{margin-top:2rem;margin-bottom:1rem;font-weight:600;line-height:1.3}h1{font-size:2rem;margin-top:0}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin-top:0;margin-bottom:1.5rem}ul,ol{margin-bottom:1.5rem;padding-left:1.5rem}li{margin-bottom:.5rem}code{background-color:var(--border-color);padding:.2em .4em;border-radius:3px;font-family:sf mono,monaco,inconsolata,fira code,droid sans mono,source code pro,monospace;font-size:.9em}pre{background-color:var(--border-color);padding:1rem;border-radius:5px;overflow-x:auto;margin-bottom:1.5rem}pre code{background-color:transparent;padding:0}blockquote{border-left:3px solid var(--border-color);padding-left:1rem;margin-left:0;font-style:italic;color:var(--text-secondary)}hr{border:none;border-top:1px solid var(--border-color);margin:2rem 0}img{max-width:100%;height:auto;display:block}table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}th,td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-color)}th{font-weight:600}.header-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.site-logo img{width:7rem;height:7rem;border-radius:50%;object-fit:cover}nav ul{list-style:none;padding:0;margin:0;display:flex;gap:1.5rem;justify-content:center}nav li{margin:0}nav a{text-decoration:none;color:var(--text-color);font-weight:500}nav a:hover{color:var(--link-hover);text-decoration:underline}nav a.active{font-weight:600}#theme-toggle{background:0 0;border:none;cursor:pointer;padding:.5rem;display:inline-flex;align-items:center;justify-content:center;color:var(--text-color);transition:opacity .2s ease}#theme-toggle:hover{opacity:.7}#theme-toggle svg{width:1.5rem;height:1.5rem;fill:currentColor}footer p{text-align:center;font-size:.875rem;color:var(--text-secondary);margin:0}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin:2rem 0}.gallery-item{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:1;cursor:pointer}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;margin:0}.gallery-item:hover img{transform:scale(1.1)}.gallery-caption{position:absolute;inset:0;background-color:rgba(0,0,0,.7);color:#fff;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;opacity:0;transition:opacity .3s ease;font-size:.9rem}.gallery-item:hover .gallery-caption{opacity:1}@media(max-width:768px){.gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:480px){.gallery{grid-template-columns:1fr}}