:root{--primary:#0f172a;--primary-rgb:15 23 42;--accent:#22c55e;--accent-rgb:34 197 94;--accent2:#38bdf8;--accent2-rgb:56 189 248;--bg:#0b1220;--bg-rgb:11 18 32;--panel:#0f172a;--panel-rgb:15 23 42;--text:#e5e7eb;--text-rgb:229 231 235;--muted:#94a3b8;--muted-rgb:148 163 184;--line:#94a3b8;--line-rgb:148 163 184;--link:#38bdf8;--link-rgb:56 189 248;--link-hover:#22c55e;--link-hover-rgb:34 197 94;--header:#0b1220;--header-rgb:11 18 32;--footer:#0b1220;--footer-rgb:11 18 32;--line-soft:rgb(var(--line-rgb) / 0.22);--panel-35:rgb(var(--panel-rgb) / 0.35);--panel-45:rgb(var(--panel-rgb) / 0.45);--panel-55:rgb(var(--panel-rgb) / 0.55);--panel-75:rgb(var(--panel-rgb) / 0.75);--panel-96:rgb(var(--panel-rgb) / 0.96);--muted-40:rgb(var(--muted-rgb) / 0.40);--muted-70:rgb(var(--muted-rgb) / 0.70);--muted-85:rgb(var(--muted-rgb) / 0.85);--muted-90:rgb(var(--muted-rgb) / 0.90);--text-90:rgb(var(--text-rgb) / 0.90);--text-92:rgb(var(--text-rgb) / 0.92);--text-94:rgb(var(--text-rgb) / 0.94);--shadow-12:rgb(var(--text-rgb) / 0.12);--shadow-18:rgb(var(--text-rgb) / 0.18);--max:1120px;--r:14px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;line-height:1.55;background:linear-gradient(180deg,var(--bg),var(--footer)) no-repeat fixed;color:var(--text);min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}main,.main-content{min-width:0}header,main,footer{width:100%}img{max-width:100%;height:auto;display:block}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{max-width:var(--max);padding:0 16px;margin:0 auto}.page-h1{margin:0 0 14px;font-size:clamp(28px,4vw,42px);line-height:1.15;letter-spacing:-.02em}.home-h1{margin:18px 0 10px}.page-lead{margin:0 0 16px;color:rgb(var(--muted-rgb) / 0.9)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{grid-column:span 12;background:var(--panel-75);border:1px solid var(--line-soft);border-radius:var(--r);overflow:hidden;box-shadow:0 10px 30px var(--shadow-12)}@media(min-width:720px){.card{grid-column:span 6}}@media(min-width:1024px){.card{grid-column:span 4}}.site-header{position:sticky;top:0;z-index:20;background:rgb(var(--header-rgb) / 0.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}.logo img{border-radius:10px}.search.is-hidden{display:none}.search{position:relative;flex:1;max-width:520px}.search input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--line-soft);background:var(--panel-55);color:var(--text);outline:none}.search input::placeholder{color:var(--muted-70)}.search-dropdown{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;background:var(--panel-96);border:1px solid var(--line-soft);border-radius:12px;box-shadow:0 12px 32px var(--shadow-18)}.search-list{list-style:none;margin:0;padding:6px;display:flex;flex-direction:column;gap:4px;max-height:260px;overflow:auto}.search-item{margin:0}.search-link{display:block;padding:10px 10px;border-radius:10px;color:var(--text);text-decoration:none}.search-link:hover{background:rgb(var(--muted-rgb) / 0.08)}.search-title{font-weight:600;font-size:14px;line-height:1.2;margin:0 0 4px}.search-snippet{font-size:12px;color:var(--muted-85);line-height:1.35}.search-empty{padding:12px;color:var(--muted-85);font-size:13px}.search-dropdown mark{background:rgb(var(--accent2-rgb) / 0.22);color:inherit;padding:0 2px;border-radius:4px}.card-thumb{aspect-ratio:16/9;background:rgb(var(--muted-rgb) / 0.06)}.card-thumb img{width:100%;height:100%;object-fit:cover}.card-body{padding:14px}.card-body h2,.card-body h3{margin:0 0 6px;font-size:18px;line-height:1.25}.card-body p{margin:0 0 10px;color:var(--muted);font-size:14px}.card-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted-85);font-size:12px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--line-soft);background:var(--panel-45)}.post{padding:18px 0}.breadcrumbs ol{list-style:none;display:flex;gap:8px;padding:0;margin:0 0 14px;flex-wrap:wrap;color:var(--muted-90);font-size:13px}.breadcrumbs li::after{content:"/";margin-left:8px;color:var(--muted-40)}.breadcrumbs li:last-child::after{content:""}.post-header h1{margin:0 0 10px;font-size:28px;line-height:1.2}.post-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line-soft);border-radius:var(--r);background:var(--panel-55)}.author-link{display:inline-flex;align-items:center;gap:10px}.author-photo{border-radius:999px;border:1px solid var(--line-soft)}.author-name{font-weight:650}.post-content{margin-top:16px}.post-content h2,.post-content h3{margin:18px 0 8px}.post-content p{margin:10px 0;color:var(--text-94)}.post-content a{color:var(--link)}.post-content a:hover{color:var(--link-hover)}.post-content ul,.post-content ol{margin:10px 0 10px 22px}.post-media{margin:18px auto;max-width:860px}.post-media-frame{position:relative;padding:26px 14px 14px;border-radius:34px;border:1px solid var(--line-soft);background:var(--panel-35);box-shadow:0 18px 60px var(--shadow-18)}.post-media-frame::before{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:120px;height:18px;border-radius:999px;border:1px solid var(--line-soft);background:var(--panel-96)}.post-media-img{display:block;width:100%;height:auto;border-radius:24px;border:1px solid var(--line-soft);background:rgb(var(--bg-rgb) / 0.92)}.post-media figcaption{margin-top:8px;text-align:center;font-size:13px;color:var(--muted-90)}.post-content p>img{display:block;margin:18px auto;max-width:860px;border-radius:24px;border:1px solid var(--line-soft);box-shadow:0 18px 60px var(--shadow-18)}@media(max-width:520px){.post-media{margin:14px auto;max-width:none}.post-media-frame{padding:22px 10px 10px;border-radius:26px}.post-media-frame::before{width:104px;height:16px;top:8px}.post-media-img{border-radius:18px}}@media(prefers-reduced-motion:reduce){.post-media-frame{box-shadow:none}}.post-footer{margin-top:18px;padding-top:18px;border-top:1px solid var(--line-soft)}.author-box{margin:0 0 16px}.author-card{display:flex;gap:14px;padding:12px;border:1px solid var(--line-soft);border-radius:var(--r);background:var(--panel-55)}.author-info{flex:1}.author-top{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.author-cred{color:var(--muted-90);font-size:13px}.author-bio{margin:8px 0 0;color:var(--text-90)}.author-social a{display:inline-flex;margin-right:10px;color:var(--link)}.author-social a:hover{color:var(--link-hover)}.share{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.share .label{color:var(--muted-90)}.share a{padding:6px 10px;border-radius:999px;border:1px solid var(--line-soft);background:var(--panel-45);color:var(--text);text-decoration:none}.share a:hover{background:var(--panel-55)}.author-page h1{margin:0 0 8px}.author-hero{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid var(--line-soft);border-radius:var(--r);background:var(--panel-55);margin:18px 0}.author-hero .author-photo{width:96px;height:96px}.latest-posts{margin-top:22px}.latest-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.latest-head h2{margin:0;font-size:18px}.latest-controls{display:flex;gap:8px}.latest-btn{width:36px;height:36px;border-radius:999px;border:1px solid var(--line-soft);background:var(--panel-55);color:var(--text);cursor:pointer}.latest-btn:hover{background:var(--panel-75)}.latest-track{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.latest-track .card{flex:0 0 min(320px,82vw);scroll-snap-align:start}.site-footer{flex-shrink:0;margin-top:30px;border-top:1px solid var(--line-soft);background:rgb(var(--footer-rgb) / 1);width:100%}.footer-inner{display:grid;grid-template-columns:1fr;gap:12px;padding:18px 16px 28px}.footer-nav{display:grid;gap:10px;color:var(--text-92)}.footer-nav a{display:block;padding:12px 14px;border-radius:12px;border:1px solid var(--line-soft);background:var(--panel-35);color:var(--text);text-decoration:none}.footer-nav a:hover{background:var(--panel-45);text-decoration:none}.footer-contacts{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;color:var(--muted-90);font-size:13px}.footer-contacts .label{color:var(--text-92)}#contactEmail{word-break:break-word}.footer-text{color:var(--muted-90);font-size:13px}@media(min-width:720px){.footer-inner{grid-template-columns:1fr auto;align-items:center}.footer-nav{display:flex;gap:14px;flex-wrap:wrap}.footer-nav a{padding:0;border:none;border-radius:0;background:transparent;color:var(--link)}.footer-nav a:hover{background:transparent;color:var(--link-hover)}.footer-contacts{justify-self:end}.footer-text{grid-column:1/-1}}