.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.container--reading{max-width:calc(var(--reading-width) + 48px)}.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--accent-soft) 0%,var(--bg) 100%);border-bottom:1px solid var(--border)}.hero__inner{max-width:var(--max-width);margin:0 auto;padding:72px 24px 64px;text-align:center}.hero__eyebrow{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--accent);font-size:13px;font-weight:600;letter-spacing:.02em;box-shadow:var(--shadow-sm);margin-bottom:22px}.hero__title{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;max-width:720px;margin:0 auto}.hero__title .brand__accent{color:var(--accent)}.hero__subtitle{margin:18px auto 0;max-width:560px;font-size:1.12rem;color:var(--text-muted)}.page-header{padding:48px 0 8px}.page-header__title{font-size:1.9rem;font-weight:800}.page-header__subtitle{margin-top:8px;color:var(--text-muted);font-size:1.02rem}.page-header__divider{margin-top:24px;border:0;border-top:1px solid var(--border)}.feed{display:flex;flex-direction:column;gap:24px;padding:28px 0 8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;transition:box-shadow .18s ease,transform .18s ease}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.card :where(iframe,img,video,blockquote){max-width:100%}.card iframe{border:0;border-radius:var(--radius-sm)}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:72px 24px;color:var(--text-muted)}.state__spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.state__title{font-size:1.15rem;font-weight:700;color:var(--text)}.state__text{margin-top:6px;font-size:.98rem}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;padding:64px 24px}.placeholder__icon{display:grid;place-items:center;width:76px;height:76px;border-radius:20px;background:var(--accent-soft);color:var(--accent);margin-bottom:24px}.placeholder__badge{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--surface-muted);color:var(--text-muted);font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px}.placeholder__title{font-size:1.8rem;font-weight:800}.placeholder__text{margin-top:12px;max-width:440px;color:var(--text-muted);font-size:1.04rem}.layout{display:flex;flex-direction:column;min-height:100vh}.site-header{position:sticky;top:0;z-index:50;background:#ffffffd9;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.site-header__inner{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:-.03em;color:var(--text)}.brand:hover{color:var(--text)}.brand__mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;font-weight:800;font-size:17px;box-shadow:var(--shadow-sm)}.brand__accent{color:var(--accent)}.nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.nav__link{position:relative;padding:8px 14px;border-radius:999px;font-size:14.5px;font-weight:500;color:var(--text-muted);transition:color .15s ease,background-color .15s ease}.nav__link:hover{color:var(--text);background:var(--surface-muted)}.nav__link--active{color:var(--accent);background:var(--accent-soft)}.site-main{flex:1;width:100%}.site-footer{border-top:1px solid var(--border);background:var(--surface);margin-top:64px}.site-footer__inner{max-width:var(--max-width);margin:0 auto;padding:28px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-weight:700;color:var(--text)}.site-footer__copy{font-weight:400;font-size:14px;color:var(--text-soft)}@media (max-width: 640px){.site-header__inner{height:auto;flex-direction:column;align-items:flex-start;padding:12px 16px;gap:10px}.nav{width:100%}.nav__link{padding:7px 12px}}.blog,.post,.video,.forum,.os{width:100%}:root{--bg: #f7f8fa;--surface: #ffffff;--surface-muted: #f1f3f7;--text: #16202c;--text-muted: #5b6573;--text-soft: #8a93a3;--border: #e7eaf0;--accent: #086788;--accent-hover: #0a85af;--accent-soft: #e6f1f6;--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow: 0 1px 3px rgba(16, 24, 40, .07), 0 1px 2px rgba(16, 24, 40, .04);--shadow-hover: 0 12px 32px rgba(16, 24, 40, .12);--max-width: 1120px;--reading-width: 760px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background-color:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.02em;margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%}code{font-family:var(--font-mono)}#root{min-height:100vh}