:root{color-scheme:light dark;--bg: #fff;--fg: #000;--muted: #666;--max: 740px;--pad: 18px;--line: 1.6;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Liberation Sans"}html[data-theme=light]{color-scheme:light;--bg: #fff;--fg: #000;--muted: #666}html[data-theme=dark]{color-scheme:dark;--bg: #000;--fg: #fff;--muted: #aaa}html,body{background:var(--bg);color:var(--fg);margin:0;font-family:var(--font);line-height:var(--line)}a{color:inherit;text-decoration:none;border-bottom:1px solid var(--fg)}a:hover{border-bottom-color:transparent}main,header,footer{max-width:var(--max);margin:0 auto;padding:var(--pad)}.nav-mobile-bar{display:flex;justify-content:space-between;align-items:center;height:48px}.nav-brand{font-weight:700;font-size:1.25rem;border-bottom:none}.nav-brand:hover{opacity:.85}.burger-btn{width:32px;height:32px;background:transparent;border:none;cursor:pointer;position:relative;display:flex;flex-direction:column;justify-content:space-around;padding:6px;box-sizing:border-box;z-index:101}.burger-line{width:100%;height:2px;background-color:var(--fg);transition:transform .3s,opacity .3s;border-radius:2px}.burger-btn.open .burger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger-btn.open .burger-line:nth-child(2){opacity:0}.burger-btn.open .burger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.drawer-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;backdrop-filter:blur(4px);z-index:99;opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer-backdrop.open{opacity:1;pointer-events:auto}.menu-drawer{position:fixed;top:0;right:0;width:360px;height:100vh;background:var(--bg);border-left:1px solid rgba(128,128,128,.15);box-shadow:-10px 0 30px #0000001a;z-index:100;display:flex;flex-direction:column;justify-content:space-between;padding:80px 40px 60px;box-sizing:border-box;transform:translate(100%);pointer-events:none;transition:transform .4s cubic-bezier(.16,1,.3,1)}.menu-drawer.open{transform:translate(0);pointer-events:auto}.drawer-links{display:flex;flex-direction:column;gap:24px}.drawer-link{font-size:1.8rem;font-weight:700;border-bottom:none}.drawer-socials{display:flex;flex-direction:column;gap:14px;margin-top:40px;border-top:1px solid rgba(128,128,128,.15);padding-top:24px}.drawer-social-link{font-size:1.1rem;color:var(--muted);border-bottom:none;width:fit-content}.drawer-social-link:hover{color:var(--fg)}.menu-drawer-bottom{border-top:1px solid rgba(128,128,128,.15);padding-top:24px}.drawer-controls{display:flex;align-items:center;justify-content:space-between;gap:14px}.lang-selector{display:flex;background:#80808014;padding:4px;border-radius:20px;border:1px solid rgba(128,128,128,.15);width:fit-content}.lang-pill{font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:16px;color:var(--muted);border-bottom:none!important;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;text-decoration:none}.lang-pill:hover{color:var(--fg);background:#80808014}.lang-pill.active{color:var(--bg);background:var(--fg);box-shadow:0 2px 8px #00000026}.theme-toggle-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(128,128,128,.15);background:#80808014;color:var(--fg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;transition:all .2s cubic-bezier(.16,1,.3,1);padding:0;box-sizing:border-box}.theme-toggle-btn:hover{background:#80808026;transform:scale(1.05)}.theme-toggle-btn:active{transform:scale(.95)}@media(max-width:600px){.drawer-backdrop{display:none}.menu-drawer{position:fixed;top:66px;left:0;width:100%;height:calc(100vh - 66px);background:var(--bg);z-index:100;display:flex;flex-direction:column;justify-content:space-between;padding:30px var(--pad) 50px var(--pad);box-sizing:border-box;transform:translateY(-10px);border-left:none;box-shadow:none;opacity:0;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s}.menu-drawer.open{transform:translateY(0);opacity:1}}.small{color:var(--muted);font-size:.95rem}h1{font-size:2rem;margin:0 0 10px}h2{font-size:1.25rem;margin:28px 0 8px}hr{border:0;border-top:1px solid var(--fg);margin:12px 0}.post-list{display:grid;gap:14px;margin-top:18px}.post-item{display:grid;gap:4px}.btn{border:1px solid var(--fg);background:transparent;color:inherit;font:inherit;padding:2px 8px;border-radius:0;cursor:pointer}.btn:hover{opacity:.85}
