:root{--bg:#f8f8f8;--surface:#fff;--muted:#6b6460;--text:#1f1f1f;--accent:#c3bdb3;--code-bg:#f3f2ee;--code-border:#e0ddd8}.hero{background:linear-gradient(#fff9,#fff6);border-radius:10px;flex-direction:column;gap:12px;margin-bottom:18px;padding:36px 22px;display:flex}.hero-inner{max-width:720px}.hero-title{color:var(--text);margin:0;font-size:1.5rem;font-weight:800}.hero-tagline{color:var(--muted);margin:0;font-size:1rem}.hero-subtitle{color:var(--text);margin-top:6px;font-size:1.05rem;line-height:1.45}.hero-cta{gap:12px;margin-top:14px;display:flex}.hero-cta .btn{border-radius:10px;padding:12px 16px}.hero-cta .btn.secondary{color:var(--text);background:0 0;border:1px solid #1f1f1f0f}html,body,#__next{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;line-height:1.6}main{max-width:900px;margin:48px auto;padding:20px}.home-grid{grid-template-columns:1fr 320px;gap:48px;padding:0;display:grid}.home-main{min-width:0}h1,h2,h3,h4{color:var(--text);margin:0 0 12px}.markdown,article{color:var(--text);background:var(--surface);border-radius:8px;padding:18px;box-shadow:0 1px #1f1f1f0a}p{margin:0 0 16px}a{color:var(--accent);text-decoration:none}a:hover{opacity:.9;text-decoration:underline}img{border-radius:6px;max-width:100%;height:auto}blockquote{background:#c3bdb30f;border-left:4px solid #c3bdb347;margin:16px 0;padding:12px 16px}table{border-collapse:collapse;width:100%;margin:16px 0}th,td{text-align:left;border:1px solid #1f1f1f0f;padding:8px}pre{background:var(--code-bg);border:1px solid var(--code-border);border-radius:8px;padding:16px;overflow:auto}code{color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,Courier New,monospace;font-size:.92em}p code,li code,a code{background:#f1efe9;border-radius:6px;padding:2px 6px}.code-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.lang{color:var(--muted);background:#c3bdb30f;border-radius:6px;padding:4px 8px;font-size:12px}.token-keyword{color:#b76a5a}.token-function{color:#6b7aa0}.token-string{color:#6aa06b}.token-comment{color:#8b8680}@media (max-width:760px){main{margin:20px;padding:16px}.home-grid{grid-template-columns:1fr}.home-main{box-sizing:border-box;width:100%;max-width:100vw;padding-left:8px;padding-right:8px;overflow-x:hidden}.home-main .markdown{word-break:break-word;overflow-wrap:anywhere;padding-left:12px;padding-right:12px}.hero-cta{flex-wrap:wrap}}@media (max-width:420px){.home-main{padding-left:12px;padding-right:12px}.home-main .markdown{padding-left:10px;padding-right:10px}}.tag-cloud{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tag-link{color:var(--text);background:#00000005;border-radius:6px;padding:6px 8px;text-decoration:none;display:inline-block}.tag-link:hover{background:#0000000a;transform:translateY(-1px)}aside{background:var(--surface);border-radius:8px;padding:12px}input{border:1px solid #0000000f;border-radius:6px;padding:6px 8px}.site-header{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#c3bdb31f,#c3bdb30f);border-bottom:1px solid #c3bdb338;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #1f1f1f0a}.site-left{align-items:center;gap:10px;display:flex}.brand{color:var(--accent);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-logo{object-fit:cover;border-radius:6px;width:40px;height:40px}.brand-name{color:var(--accent);font-size:16px;font-weight:700}.site-nav{align-items:center;gap:12px;display:flex}.nav-link{color:var(--accent);border-radius:10px;padding:8px 12px;font-weight:600;text-decoration:none}.nav-link:hover{color:var(--text);background:#c3bdb31f}.site-lang{align-items:center;margin-left:12px;display:flex}.lang-link{color:var(--accent);background:0 0;border:1px solid #ffffff0f;border-radius:8px;padding:6px 10px;font-weight:700;text-decoration:none;display:inline-block}.lang-link:hover{color:var(--text);background:#c3bdb30f}.lang-link-mobile{display:none}.lang-link{background:#ffffff05;border:1px solid #1f1f1f0a;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-weight:600;display:inline-flex;box-shadow:0 1px #ffffff05}.lang-link .lang-emoji{font-size:1rem;line-height:1}.lang-link .lang-text{color:var(--accent);font-size:.9rem}.lang-link:hover{background:#c3bdb30f;transform:translateY(-1px)}.lang-link-mobile{align-items:center;display:none}.lang-link-mobile .lang-emoji{margin-right:6px}@media (max-width:760px){.site-nav{-webkit-overflow-scrolling:touch;align-items:center;gap:10px;padding:8px 0;display:flex;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.brand-name{display:block}.brand-logo{width:40px;height:40px}.nav-link{border-radius:10px;padding:10px 14px;font-size:1rem}.nav-link:hover{background:#c3bdb31a}main{margin:16px auto;padding:16px}body{font-size:17px;line-height:1.75}.tag-link{padding:8px 10px}input{padding:10px 12px}.site-header{padding:14px 16px}.brand-name{font-size:15px}.site-lang{display:none}.lang-link-mobile{display:inline-block}.site-footer{padding:20px 0;font-size:.95rem}}.nav-toggle{cursor:pointer;background:0 0;border:0;border-radius:8px;margin-left:12px;padding:8px;display:none}.nav-toggle .hamburger{background:var(--text);width:22px;height:2px;display:block;position:relative}.nav-toggle .hamburger:before,.nav-toggle .hamburger:after{content:"";background:var(--text);width:22px;height:2px;transition:transform .18s,opacity .18s;position:absolute;left:0}.nav-toggle .hamburger:before{top:-7px}.nav-toggle .hamburger:after{top:7px}.nav-toggle.open .hamburger{background:0 0}.nav-toggle.open .hamburger:before{transform:rotate(45deg)translate(3px,3px)}.nav-toggle.open .hamburger:after{transform:rotate(-45deg)translate(3px,-3px)}@media (max-width:760px){.nav-toggle{display:block}.site-nav{background:var(--surface);z-index:50;flex-direction:column;gap:12px;width:260px;max-width:80vw;height:calc(100vh - 64px);padding:18px;transition:transform .22s;display:flex;position:fixed;top:64px;right:0;transform:translate(110%);box-shadow:-6px 0 18px #1f1f1f0f}.site-nav.open{transform:translate(0)}.site-nav .nav-link{border-radius:8px;padding:12px 14px;display:block}aside{display:none}}.tag-cloud-mobile{display:none}@media (max-width:760px){.tag-cloud-mobile{margin-top:18px;display:block}}.site-footer{background:var(--surface);color:var(--muted);border-top:1px solid #0000000a;margin-top:40px;padding:18px 0;font-size:.9rem}.site-footer .container{text-align:center;max-width:900px;margin:0 auto}.btn{background:var(--accent);color:#fff;border-radius:8px;padding:10px 14px;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{opacity:.95}