:root{--text:#333333;--muted:#666;--link:#3ba4dc;--orange:#f7941d;--border:#d8e1e8}*{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--text);font:100%/1.75 sans-serif}body{background:radial-gradient(ellipse 95% 75% at 0 0,#3ba4dcc0,transparent),radial-gradient(ellipse 95% 75% at 100% 100%,#f7941dc0,transparent);background-attachment:fixed}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}.site{min-height:100dvh;flex-direction:column;max-width:720px;margin:0 auto;padding:0 24px}.nav,.site{display:flex}.nav{align-items:center;justify-content:space-between;padding:16px 0}.nav-brand img{height:40px;display:block}.nav-links{display:flex;gap:20px}.main{flex:1 1;display:flex;flex-direction:column;padding:12px 0 24px}.footer{padding:16px 0;color:var(--muted);font-size:.85rem;justify-content:space-between}.footer,.socials{display:flex;align-items:center}.socials{gap:16px}.socials a{color:var(--text);display:inline-flex}.socials a:hover{color:var(--link)}.hero{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero-avatar{width:160px;height:160px;border-radius:50%}.hero h1{font-size:2.2rem;margin:20px 0 0;font-weight:700}.headline-carousel{position:relative;height:2.1rem;width:100%;margin:4px 0 0;overflow:hidden}.headline-carousel span{position:absolute;inset:0;margin:0;font-weight:400;color:var(--muted);font-size:1.2rem;opacity:0;transition:opacity .6s ease}.headline-carousel span.active{opacity:1}.padawan-note{margin-top:20px;color:var(--muted);font-size:.95rem}.padawan-note a{color:var(--link)}.page-title{font-size:2rem;margin:0 0 16px}.blog-note{color:var(--muted);font-size:.95rem;margin:0 0 24px}.year-toggle{margin-bottom:12px}.year-toggle>summary{cursor:pointer;font-size:1.3rem;font-weight:700;color:var(--text);list-style:none;display:flex;align-items:center;gap:8px}.year-toggle>summary:before{content:"▸";color:var(--muted);transition:transform .2s ease;display:inline-block}.year-toggle[open]>summary:before{transform:rotate(90deg)}.post-list{list-style:none;padding:0;margin:12px 0 0}.post-list li{margin-bottom:20px}.post-list .post-date{display:block;color:var(--muted);font-size:.85rem}.post h1{font-size:2rem;margin-bottom:4px}.post .post-date{color:var(--muted);font-size:.85rem;display:block;margin-bottom:32px}.post img{max-width:100%;border-radius:8px}.post-nav{display:flex;justify-content:space-between;margin-top:48px;padding-top:16px;border-top:1px solid var(--border);font-size:.9rem}