:root{color-scheme:light dark;--color-text:#1a1a1a;--color-muted:#666;--color-border:#e5e5e5;--color-link:#0050b3}@media (prefers-color-scheme:dark){:root{--color-text:#e8e8e8;--color-muted:#999;--color-border:#2a2a2a;--color-link:#6cb6ff}}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.7;color:var(--color-text)}main{max-width:720px;margin:0 auto;padding:3rem 1.25rem 6rem}.site-header{border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;background:rgba(255,255,255,.85);-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);z-index:10}@media (prefers-color-scheme:dark){.site-header{background:rgba(20,20,22,.85)}}.site-header__inner{max-width:720px;margin:0 auto;padding:.75rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-header__brand{display:inline-flex;align-items:center;gap:.625rem;color:inherit;font-weight:600}.site-header__brand:hover{text-decoration:none;opacity:.8}.site-header__icon{border-radius:50%;display:block}.site-header__name{font-size:.95rem;letter-spacing:.02em}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}.hero{margin:1rem 0 3rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem}.hero__icon{border-radius:50%;display:block}.hero__name{font-size:1.75rem;margin:0;letter-spacing:.02em}.hero__tagline{color:var(--color-muted);margin:0;font-size:.95rem}.social-links{list-style:none;padding:0;margin:.5rem 0 0;display:flex;gap:.75rem}.social-links__item{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;color:var(--color-muted);font-size:1.2rem;transition:color .15s ease,background-color .15s ease,transform .15s ease}.social-links__item:hover{text-decoration:none;color:var(--color-text);background:rgba(0,0,0,.05);transform:translateY(-1px)}@media (prefers-color-scheme:dark){.social-links__item:hover{background:rgba(255,255,255,.08)}}.posts h2{font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin:0 0 1rem}.post-list{list-style:none;padding:0;margin:0}.post-card{border-top:1px solid var(--color-border)}.post-card:last-child{border-bottom:1px solid var(--color-border)}.post-card a{display:block;padding:1.25rem 0;color:inherit}.post-card a:hover{text-decoration:none;background:rgba(0,0,0,.02)}@media (prefers-color-scheme:dark){.post-card a:hover{background:rgba(255,255,255,.04)}}.post-card time{display:block;font-size:.85rem;color:var(--color-muted);margin-bottom:.25rem}.post-card h3{font-size:1.1rem;margin:0;font-weight:600}.empty{color:var(--color-muted)}.back{margin:0 0 2rem;font-size:.9rem}.post header time{display:block;font-size:.85rem;color:var(--color-muted);margin-bottom:.5rem}.post header h1{font-size:1.75rem;margin:0 0 2rem;line-height:1.4}.thumbnail{margin:0 0 2rem}.thumbnail img{width:100%;height:auto;border-radius:4px}.post-body img{max-width:100%;height:auto}.post-body h2,.post-body h3{margin-top:2rem}.post-body pre{overflow-x:auto;padding:1rem;background:rgba(0,0,0,.05);border-radius:4px}@media (prefers-color-scheme:dark){.post-body pre{background:rgba(255,255,255,.06)}}.post-body code{font-family:SFMono-Regular,Consolas,monospace;font-size:.9em}.post-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end}.share-x{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;background:#000;color:#fff;font-size:.9rem;font-weight:600;transition:background-color .15s ease,transform .15s ease}.share-x:hover{text-decoration:none;background:#1a1a1a;transform:translateY(-1px)}@media (prefers-color-scheme:dark){.share-x{background:#fff;color:#000}.share-x:hover{background:#e8e8e8}}