@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";
:root{--color-primary:steelblue;--color-white:#fff;--color-text:#333;--color-bg:#fff;--color-card-bg:#fff;--color-muted-bg:#f4f4f4;--color-shadow:#0003;--color-border:#e0e0e0;--color-text-muted:#888}[data-theme=dark]{--color-primary:#4a90c4;--color-text:#e8e8e8;--color-bg:#111;--color-card-bg:#1c1c1c;--color-muted-bg:#242424;--color-shadow:#0009;--color-border:#3a3a5c;--color-text-muted:#9a9ab0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:Poppins,sans-serif;transition:background-color .2s,color .2s}p{margin:15px 0;line-height:1.8}a{color:var(--color-text);text-decoration:none}img{border-radius:10px;width:100%;max-width:100%;height:auto}header{background:var(--color-primary);color:var(--color-white);margin-bottom:40px;padding:8px 10px}header a{color:var(--color-white)}.site-brand{margin:.5rem 0;font-size:1.5rem;font-weight:700;display:block}.container{max-width:768px;margin:auto;padding:10px}.header-inner{justify-content:space-between;align-items:center;display:flex}.lang-switcher{gap:8px;font-size:.85rem;display:flex}.lang-switcher a{color:var(--color-white);opacity:.7;font-weight:400}.lang-switcher a.lang-active{opacity:1;font-weight:700;text-decoration:underline}.btn{background:var(--color-primary);color:var(--color-white);cursor:pointer;border:none;border-radius:5px;padding:8px 10px;font-family:inherit;font-size:15px;text-decoration:none;transition:filter .15s;display:inline-block}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:hover{filter:brightness(.88)}.btn-icon{align-items:center;gap:6px;display:inline-flex}.posts{grid-template-columns:repeat(2,1fr);gap:30px;margin-top:10px;display:grid}.card{box-shadow:0 2px 10px var(--color-shadow);background:var(--color-card-bg);border-radius:20px;padding:15px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 6px 20px var(--color-shadow);transform:translateY(-2px)}.card-page:hover{box-shadow:0 2px 10px var(--color-shadow);transform:none}.card-page{padding:30px}.page-title{margin-bottom:20px}.home-intro{margin-bottom:40px}.home-intro-title{color:var(--color-primary);margin-bottom:16px;font-size:1.8rem}.home-intro-lead{color:var(--color-text);margin-bottom:30px;font-size:1.05rem;line-height:1.9}.home-section{margin-bottom:28px}.home-section h2{color:var(--color-primary);border-bottom:1px solid var(--color-border);margin-bottom:10px;padding-bottom:4px;font-size:1.15rem;font-weight:600}.topics-list{margin:12px 0;padding:0;list-style:none}.topics-list li{border-left:3px solid var(--color-primary);margin-bottom:10px;padding:8px 0 8px 16px;font-size:.95rem;font-weight:400;line-height:1.7}.post-title{margin:10px 0}.post-date{background:var(--color-muted-bg);border-radius:4px;margin-bottom:20px;padding:3px 10px;font-size:.85rem}.post-body ul,.post-body ol{margin:10px 0;font-size:1rem;line-height:1.8}.post-body pre{background:var(--color-muted-bg);margin:20px 0;padding:20px;line-height:2.3}@media (max-width:640px){.posts{grid-template-columns:1fr}}.skip-link{background:var(--color-primary);color:var(--color-white);z-index:9999;border-radius:0 0 8px;padding:8px 16px;font-size:.9rem;text-decoration:none;position:absolute;top:-100%;left:0}.skip-link:focus{top:0}.breadcrumb{color:var(--color-text-muted);align-items:center;gap:4px;min-width:0;margin-bottom:20px;font-size:.85rem;display:flex}.breadcrumb a{color:var(--color-primary);white-space:nowrap}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-current{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.post-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.post-meta .post-date{margin-bottom:0}.post-reading-time{background:var(--color-muted-bg);color:var(--color-text-muted);border-radius:4px;padding:3px 10px;font-size:.85rem}.post-body h2{color:var(--color-primary);border-bottom:1px solid var(--color-border);margin:28px 0 10px;padding-bottom:4px;font-size:1.25rem;font-weight:600}.post-body h3{margin:20px 0 8px;font-size:1.05rem;font-weight:600}.signin-container{justify-content:center;align-items:center;min-height:50vh;display:flex}.signin-card{text-align:center;width:100%;max-width:400px;padding:40px 30px}.signin-title{margin-bottom:8px;font-size:1.6rem}.signin-subtitle{color:var(--color-text-muted);margin-bottom:24px}.signin-error{color:#c0392b;background:#fff0f0;border:1px solid #f5c6c6;border-radius:8px;margin-bottom:20px;padding:10px 14px;font-size:14px}.signin-btn{width:100%;padding:12px;font-size:16px}.signin-btn-google{color:#3c4043;background:#fff;border:1px solid #dadce0;justify-content:center;align-items:center;gap:10px;display:flex;box-shadow:0 1px 3px #0000001a}.signin-btn-google:hover{background:#f8f9fa;box-shadow:0 2px 6px #00000026}.site-footer{text-align:center;border-top:1px solid var(--color-border);color:var(--color-text-muted);margin-top:40px;padding:20px 10px;font-size:13px}.site-footer small{display:block}[data-theme=dark] .signin-btn-google{color:#e8e8e8;background:#2a2a3e;border-color:#4a4a6a}[data-theme=dark] .signin-btn-google:hover{background:#333350}[data-theme=dark] .signin-error{color:#f07070;background:#2a1a1a;border-color:#7a3a3a}.theme-toggle{cursor:pointer;color:var(--color-white);background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:1.2rem;line-height:1;transition:opacity .1s}.theme-toggle:hover{opacity:1}.header-controls{align-items:center;gap:12px;display:flex}.ctrl-btn{cursor:pointer;color:var(--color-white);opacity:1;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff73;border-radius:6px;align-items:center;gap:4px;height:32px;padding:0 8px;font-family:inherit;font-size:.9rem;line-height:1;transition:opacity .15s,background-color .15s;display:inline-flex}.ctrl-btn:hover,.ctrl-btn:focus-visible{opacity:1;background:#ffffff47;outline:none}.ctrl-btn:focus-visible{outline:2px solid var(--color-white);outline-offset:2px}.ctrl-btn.theme-toggle{font-size:1.2rem}.ctrl-separator{background:#ffffff59;border-radius:1px;flex-shrink:0;width:1px;height:18px;display:inline-block}.ctrl-dropdown{display:inline-flex;position:relative}.ctrl-dropdown-menu{background:var(--color-card-bg);border:1px solid var(--color-border);box-shadow:0 4px 16px var(--color-shadow);z-index:100;border-radius:8px;flex-direction:column;min-width:90px;padding:6px 0;display:flex;position:absolute;top:calc(100% + 6px);right:0}.ctrl-dropdown-menu.lang-switcher{gap:0;font-size:.9rem}.ctrl-dropdown-menu.lang-switcher a{color:var(--color-text);opacity:.85;border-radius:0;padding:8px 14px;display:block}.ctrl-dropdown-menu.lang-switcher a:hover{background:var(--color-muted-bg);opacity:1}.ctrl-dropdown-menu.lang-switcher a.lang-active{opacity:1;color:var(--color-primary);font-weight:700;text-decoration:underline}.ctrl-chevron{opacity:.8;font-size:.7rem}.ctrl-user-menu{min-width:110px}.ctrl-user-name{color:var(--color-text);border-bottom:1px solid var(--color-card-bg);pointer-events:none;white-space:nowrap;padding:6px 12px 4px;font-size:.85rem;font-weight:600;display:block}.ctrl-signout-btn{cursor:pointer;color:var(--color-text);text-align:left;opacity:.85;white-space:nowrap;background:0 0;border:none;border-radius:0;align-items:center;gap:6px;width:100%;padding:8px 14px;font-family:inherit;font-size:.9rem;transition:background-color .1s,opacity .1s;display:flex}.ctrl-signout-btn:hover,.ctrl-signout-btn:focus-visible{background:var(--color-muted-bg);opacity:1;outline:none}.ctrl-signout-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.scroll-to-top{z-index:999;background:var(--color-primary);width:48px;height:48px;color:var(--color-white);cursor:pointer;box-shadow:0 4px 12px var(--color-shadow);opacity:.85;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:24px;right:20px}.scroll-to-top:hover{opacity:1;transform:translateY(-2px)}.scroll-to-top:active{transform:translateY(0)}@media (max-width:640px){.scroll-to-top{width:52px;height:52px;font-size:1.5rem;bottom:20px;right:16px}}