:root{--bg: #f4f6f8;--surface: #ffffff;--surface-soft: #eef2f6;--text: #162331;--muted: #5f6f80;--border: #dce3ea;--accent: #0f766e;--accent-strong: #0c5f59;--shadow: 0 12px 30px rgba(16, 30, 44, .08)}body.dark{--bg: #0f141b;--surface: #171f2a;--surface-soft: #1e2936;--text: #e7edf3;--muted: #9aabbd;--border: #2b3a49;--accent: #22c55e;--accent-strong: #16a34a;--shadow: 0 14px 28px rgba(0, 0, 0, .25)}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;background:radial-gradient(circle at top right,rgba(15,118,110,.1),transparent 45%),var(--bg);color:var(--text);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}main{flex:1}a{color:inherit;text-decoration:none}.container{width:min(1120px,92vw);margin:0 auto}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-row{display:flex;align-items:center;gap:24px;padding:16px 0}.logo{font-size:1.2rem;font-weight:800;letter-spacing:.03em}.main-nav{display:flex;gap:12px}.main-nav a{padding:8px 12px;color:var(--muted);border-radius:8px;transition:.25s}.main-nav a.active,.main-nav a:hover{color:var(--text);background:var(--surface-soft)}.header-controls{margin-left:auto;display:flex;gap:10px;align-items:center}.search input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 12px;min-width:220px}.search input[type=search]::-webkit-search-cancel-button{cursor:pointer}.theme-toggle,.btn,.pagination button{border:0;border-radius:10px;padding:10px 14px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer;transition:.2s}.theme-toggle:hover,.btn:hover,.pagination button:hover{background:var(--accent-strong)}.hero{padding:72px 0 44px}.eyebrow{margin:0;color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.hero h1{margin:8px 0 14px;font-size:clamp(2rem,4vw,3.3rem);line-height:1.15}.hero-text{color:var(--muted);max-width:64ch}.featured{padding:20px 0 60px}.featured h2,.content-col h1,.sidebar h2{margin-top:0}.featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.posts-list{display:grid;gap:18px}.card,.post-item,.post-detail,.sidebar{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.card{overflow:hidden}.card img,.thumb{width:100%;height:190px;-o-object-fit:cover;object-fit:cover;display:block}.card-body,.post-info,.post-detail{padding:16px}.meta{color:var(--muted);font-size:.9rem}.page-main{padding:34px 0 60px}.content-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px;align-items:start}.post-item{display:grid;grid-template-columns:230px minmax(0,1fr);overflow:hidden}.post-info h3,.card-body h3{margin:0}.post-info p,.card-body p{margin:8px 0;color:var(--muted)}.post-link{color:var(--accent);font-weight:700}.sidebar{padding:16px;position:sticky;top:94px}.categories{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.categories a{display:inline-block;padding:8px 10px;border-radius:999px;font-weight:600;color:var(--muted);background:var(--surface-soft)}.pagination{margin-top:20px;display:flex;gap:8px;flex-wrap:wrap}.pagination button.active{background:var(--text)}.post-detail img{width:100%;max-height:360px;-o-object-fit:cover;object-fit:cover;border-radius:12px;margin-bottom:14px}.post-detail .content{color:var(--text)}.sponsor-link{color:var(--accent);font-weight:600;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);text-underline-offset:2px;transition:color .2s ease,text-decoration-color .2s ease,text-underline-offset .2s ease}.sponsor-link:hover{color:var(--accent-strong);text-decoration-color:var(--accent-strong);text-underline-offset:4px}.about-card{position:relative;padding-right:140px}.about-avatar-frame{position:absolute;top:16px;right:16px;display:flex;padding:4px;border-radius:999px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 45%,#ffffff 55%));box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 28%,transparent)}.post-detail .about-avatar{width:96px;height:96px;max-height:none;-o-object-fit:cover;object-fit:cover;border-radius:999px;border:3px solid var(--surface);display:block;margin-bottom:0}.site-footer{border-top:1px solid var(--border);padding:18px 0;color:var(--muted)}.error-main{flex:1;display:grid;place-items:center;padding:32px 16px}.error-card{width:min(560px,100%);background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:32px}.error-code{margin:0;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:800}.error-card h1{margin:8px 0 12px}.error-message{margin:0;color:var(--muted)}.error-actions{margin-top:24px;display:flex;align-items:center;gap:16px}.error-link{color:var(--accent);font-weight:700}@media(max-width:960px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header-row{flex-wrap:wrap}.header-controls{width:100%;margin-left:0}.search{flex:1}.search input{width:100%;min-width:0}.content-layout{grid-template-columns:1fr}.sidebar{position:static}}@media(max-width:680px){.featured-grid,.post-item{grid-template-columns:1fr}.thumb{height:220px}.about-card{padding-right:16px;padding-top:128px}.about-avatar-frame{right:auto;left:16px}.error-card{padding:24px}.error-actions{flex-direction:column;align-items:flex-start;gap:12px}}