*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:ibm plex sans,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif}:root{--dark-bg:oklch(0.16 0.01 250);--dark-bg-alt:oklch(0.135 0.01 250);--dark-surface:oklch(0.205 0.012 250);--dark-border:oklch(0.3 0.014 250);--dark-fg:oklch(0.93 0.005 250);--dark-muted:oklch(0.66 0.012 250);--dark-accent:#6b8afd;--light-bg:oklch(0.985 0.003 250);--light-bg-alt:oklch(0.965 0.004 250);--light-surface:oklch(0.998 0.002 250);--light-border:oklch(0.89 0.006 250);--light-fg:oklch(0.2 0.012 250);--light-muted:oklch(0.45 0.012 250);--light-accent:#4d5fd9;color-scheme:dark}body.light-mode{color-scheme:light}body{background:var(--dark-bg);color:var(--dark-fg);transition:background .2s,color .2s}body.light-mode{background:var(--light-bg);color:var(--light-fg)}header{position:sticky;top:0;z-index:10;background:color-mix(in oklch,var(--dark-bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--dark-border);transition:background .2s,border-color .2s}body.light-mode header{background:color-mix(in oklch,var(--light-bg) 88%,transparent);border-bottom-color:var(--light-border)}nav{max-width:1080px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;gap:32px}.logo{font-family:space grotesk,sans-serif;font-weight:600;font-size:20px;letter-spacing:-.01em;text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:6px}.logo-emoji{font-size:22px;line-height:1}.logo-accent{color:var(--dark-accent)}body.light-mode .logo-accent{color:var(--light-accent)}nav a.nav-link{font-size:15px;color:var(--dark-muted);text-decoration:none;transition:color .2s}nav a.nav-link.active{color:var(--dark-fg);font-weight:500}body.light-mode nav a.nav-link{color:var(--light-muted)}body.light-mode nav a.nav-link.active{color:var(--light-fg)}.nav-spacer{flex:1}.theme-toggle{font-family:ibm plex mono,monospace;font-size:12px;background:0 0;border:1px solid var(--dark-border);color:var(--dark-fg);border-radius:20px;padding:7px 14px;cursor:pointer;transition:border-color .2s,color .2s}body.light-mode .theme-toggle{border-color:var(--light-border);color:var(--light-fg)}main{max-width:1080px;margin:0 auto;padding:0 24px}.hero{display:flex;gap:48px;align-items:center;padding:72px 0 64px;flex-wrap:wrap}.hero-text{flex:1 1 420px;min-width:320px}.hero-image{flex:1 1 280px;min-width:240px;max-width:340px;aspect-ratio:4/5;background:var(--dark-surface);border-radius:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--dark-border);color:var(--dark-muted);font-size:14px;text-align:center;padding:20px;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover}body.light-mode .hero-image{background:var(--light-surface);border-color:var(--light-border);color:var(--light-muted)}.kicker{font-family:ibm plex mono,monospace;font-size:13px;color:var(--dark-accent);letter-spacing:.04em;margin:0 0 16px}body.light-mode .kicker{color:var(--light-accent)}h1{font-family:space grotesk,sans-serif;font-size:44px;line-height:1.12;font-weight:600;margin:0 0 20px;letter-spacing:-.01em}.hero-sub{font-size:17px;line-height:1.6;color:var(--dark-muted);margin:0 0 28px;max-width:460px}body.light-mode .hero-sub{color:var(--light-muted)}.hero-cta{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.btn-primary{background:var(--dark-accent);color:oklch(.15 .01 250);font-family:ibm plex sans,sans-serif;font-weight:600;font-size:15px;padding:13px 24px;border-radius:10px;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:opacity .2s}.btn-primary:hover{opacity:.9}body.light-mode .btn-primary{background:var(--light-accent)}.link-secondary{color:var(--dark-fg);font-weight:500;font-size:15px;border-bottom:1px solid var(--dark-border);padding-bottom:2px;text-decoration:none;transition:color .2s}.link-secondary:hover{color:var(--dark-accent)}body.light-mode .link-secondary{color:var(--light-fg);border-bottom-color:var(--light-border)}body.light-mode .link-secondary:hover{color:var(--light-accent)}.posts-section{padding:48px 0 80px}.posts-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:28px;gap:16px;flex-wrap:wrap}h2{font-family:space grotesk,sans-serif;font-size:26px;font-weight:600;margin:0}.posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.post-card{display:flex;flex-direction:column;gap:10px;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:14px;padding:22px 20px;color:var(--dark-fg);text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s}.post-card:hover{border-color:var(--dark-accent)}body.light-mode .post-card{background:var(--light-surface);border-color:var(--light-border)}body.light-mode .post-card:hover{border-color:var(--light-accent)}.card-tag-row{display:flex;justify-content:space-between;align-items:center}.tag{font-family:ibm plex mono,monospace;font-size:11px;color:var(--dark-accent);background:color-mix(in oklch,var(--dark-accent) 18%,transparent);border-radius:20px;padding:4px 10px}body.light-mode .tag{color:var(--light-accent);background:color-mix(in oklch,var(--light-accent) 14%,white)}.card-meta{font-family:ibm plex mono,monospace;font-size:11px;color:var(--dark-muted)}body.light-mode .card-meta{color:var(--light-muted)}.card-title{font-family:space grotesk,sans-serif;font-size:18px;line-height:1.3;font-weight:600;margin:4px 0 0}.card-excerpt{font-size:14px;line-height:1.55;color:var(--dark-muted);margin:0;flex:1}body.light-mode .card-excerpt{color:var(--light-muted)}.card-read-more{font-size:13px;font-weight:600;color:var(--dark-accent);margin-top:4px}body.light-mode .card-read-more{color:var(--light-accent)}.hero-image-full{width:100%;margin-bottom:28px;border-radius:16px;overflow:hidden;border:1px solid var(--dark-border)}.hero-image-full img{width:100%;height:auto;display:block}body.light-mode .hero-image-full{border-color:var(--light-border)}.article-section{padding:48px 0 96px;max-width:720px;margin:0 auto}.back-link{display:inline-block;font-size:14px;color:var(--dark-muted);text-decoration:none;margin-bottom:32px;transition:color .2s}.back-link:hover{color:var(--dark-fg)}body.light-mode .back-link{color:var(--light-muted)}body.light-mode .back-link:hover{color:var(--light-fg)}.article-header{margin-bottom:36px}article h1{font-size:36px;line-height:1.2;margin:16px 0 12px}.article-meta{font-family:ibm plex mono,monospace;font-size:13px;color:var(--dark-muted);margin:0}body.light-mode .article-meta{color:var(--light-muted)}.article-body{font-size:17px;line-height:1.75}.article-body p{color:var(--dark-fg);margin:0 0 22px}body.light-mode .article-body p{color:var(--light-fg)}article h2{font-size:24px;margin:40px 0 18px}blockquote{border-left:2px solid var(--dark-accent);margin:0 0 22px;padding:4px 0 4px 20px;font-style:italic;color:var(--dark-muted);font-size:18px}blockquote p{margin:0;color:inherit!important}body.light-mode blockquote{border-left-color:var(--light-accent);color:var(--light-muted)}.author-box{display:flex;gap:16px;align-items:flex-start;padding:24px;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:14px;margin-top:48px}body.light-mode .author-box{background:var(--light-surface);border-color:var(--light-border)}.author-avatar{width:64px;height:64px;flex:none;background:var(--dark-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--dark-muted);font-size:12px;overflow:hidden}.author-avatar img{width:100%;height:100%;object-fit:cover}body.light-mode .author-avatar{background:var(--light-border);color:var(--light-muted)}.author-name{font-family:space grotesk,sans-serif;font-weight:600;font-size:15px;margin:0 0 6px}.author-bio{font-size:14px;line-height:1.55;color:var(--dark-muted);margin:0}body.light-mode .author-bio{color:var(--light-muted)}.similar-section{margin-top:64px}.page-section{padding:48px 0 96px;max-width:720px;margin:0 auto}.page-body{font-size:17px;line-height:1.75}.page-body p{margin:0 0 22px;color:var(--dark-fg)}body.light-mode .page-body p{color:var(--light-fg)}.portrait-about{float:right;margin:0 0 16px 24px;border-radius:50%;shape-outside:margin-box;border:2px solid var(--dark-border)}body.light-mode .portrait-about{border-color:var(--light-border)}footer{border-top:1px solid var(--dark-border);background:var(--dark-bg-alt);margin-top:40px;transition:border-color .2s,background .2s}body.light-mode footer{border-top-color:var(--light-border);background:var(--light-bg-alt)}.footer-inner{max-width:1080px;margin:0 auto;padding:48px 24px;display:flex;flex-direction:column;gap:16px}.footer-row{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;flex-wrap:wrap}.footer-left{display:flex;flex-direction:column;gap:16px}.footer-right{flex-shrink:0}.dirodata-block{display:flex;flex-direction:column;gap:4px;padding:16px 20px;background:var(--dark-surface);border:1px solid var(--dark-border);border-radius:12px;text-decoration:none;transition:border-color .2s,background .2s;max-width:280px}.dirodata-block:hover{border-color:var(--dark-accent);background:color-mix(in oklch,var(--dark-surface) 1.2)}body.light-mode .dirodata-block{background:var(--light-surface);border-color:var(--light-border)}body.light-mode .dirodata-block:hover{border-color:var(--light-accent)}.dirodata-logo{font-family:space grotesk,sans-serif;font-weight:700;font-size:18px;color:var(--dark-fg);letter-spacing:-.01em}body.light-mode .dirodata-logo{color:var(--light-fg)}.dirodata-text{font-size:12px;line-height:1.5;color:var(--dark-muted)}body.light-mode .dirodata-text{color:var(--light-muted)}.dirodata-arrow{font-size:13px;font-weight:600;color:var(--dark-accent);margin-top:4px}body.light-mode .dirodata-arrow{color:var(--light-accent)}.footer-text{color:var(--dark-muted);font-size:14px;margin:0}body.light-mode .footer-text{color:var(--light-muted)}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-link{font-family:ibm plex mono,monospace;font-size:14px;color:var(--dark-fg);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--dark-accent)}.footer-link-icon{display:inline-flex;align-items:center;vertical-align:middle}.footer-link-icon svg{transition:color .2s}.footer-link-icon:hover svg{color:var(--dark-accent)}body.light-mode .footer-link-icon:hover svg{color:var(--light-accent)}body.light-mode .footer-link{color:var(--light-fg)}body.light-mode .footer-link:hover{color:var(--light-accent)}.footer-copy{font-size:12px;color:var(--dark-muted);margin:16px 0 0}body.light-mode .footer-copy{color:var(--light-muted)}@media(max-width:768px){nav{gap:16px}.hero{gap:24px;padding:48px 0 40px}h1{font-size:32px}h2{font-size:22px}article h1{font-size:28px}}