:root{color-scheme:light;--bg: #f7f4ee;--surface: #ffffff;--ink: #1e2528;--muted: #657174;--line: #d9d1c5;--accent: #0f766e;--accent-strong: #124b46;--rose: #b94d5c;--shadow: 0 18px 45px rgba(34, 44, 48, .12)}[data-theme=dark]{color-scheme:dark;--bg: #101314;--surface: #191e20;--ink: #edf1ed;--muted: #a9b4b4;--line: #30383a;--accent: #47c7b8;--accent-strong: #8be1d7;--rose: #f07a8d;--shadow: 0 18px 45px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}#root>[data-theme]{min-height:100vh;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}.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}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px clamp(18px,5vw,64px);background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand,.main-nav,.article-meta,.topic-list{display:flex;align-items:center}.brand{gap:10px;font-weight:800;letter-spacing:0}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:var(--ink);color:var(--bg)}.main-nav{gap:clamp(14px,3vw,30px);color:var(--muted);font-size:.95rem}.main-nav a:hover{color:var(--accent-strong)}.theme-toggle,.search-form button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);cursor:pointer}.hero{position:relative;min-height:min(760px,calc(100vh - 74px));display:grid;align-items:end;padding:clamp(70px,11vw,140px) clamp(18px,5vw,64px) 56px;overflow:hidden;border-bottom:1px solid var(--line)}.hero-media{position:absolute;inset:0;background:linear-gradient(90deg,#101314b8,#10131440),url(https://images.unsplash.com/photo-1499750310107-5fef28a66643?auto=format&fit=crop&w=1800&q=84) center / cover}.hero-content{position:relative;width:min(780px,100%);color:#fffdf8}.eyebrow{margin:0 0 10px;color:var(--rose);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero .eyebrow{color:#ffb6c1}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;font-size:clamp(4rem,12vw,9.5rem);line-height:.92;letter-spacing:0}.hero-copy{max-width:680px;margin:24px 0 28px;font-size:clamp(1.05rem,2vw,1.28rem);color:#fffdf8e0}.search-form{display:flex;width:min(560px,100%);padding:6px;background:#ffffffed;border:1px solid rgba(255,255,255,.5);border-radius:8px;box-shadow:var(--shadow)}.search-form input{min-width:0;flex:1;border:0;padding:0 14px;background:transparent;color:#1e2528;outline:0}.search-form button{flex:0 0 auto;background:var(--accent);color:#fff;border-color:var(--accent)}.featured-section,.content-grid,.topics-section,.site-footer{padding:clamp(48px,7vw,88px) clamp(18px,5vw,64px)}.section-heading{max-width:1180px;margin:0 auto 24px}.section-heading h2,.site-footer h2{margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05;letter-spacing:0}.featured-article{display:grid;grid-template-columns:1fr auto;gap:24px;width:min(1180px,100%);margin:0 auto;padding:clamp(24px,5vw,46px);background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.featured-article h3{max-width:760px;margin:12px 0;font-size:clamp(1.8rem,4vw,3.6rem);line-height:1.05}.featured-article p,.post-card p,.site-footer p{color:var(--muted)}.topic{color:var(--accent-strong);font-weight:800;font-size:.84rem}.article-meta{flex-wrap:wrap;gap:10px 16px;color:var(--muted);font-size:.9rem}.read-link{align-self:end;display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:var(--ink);color:var(--bg);font-weight:800}.posts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:min(1180px,100%);margin:0 auto}.post-card{display:flex;flex-direction:column;min-height:100%;background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.post-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--line)}.post-body{display:flex;flex:1;flex-direction:column;padding:20px}.post-body h3{margin:10px 0 8px;font-size:1.22rem;line-height:1.22}.post-body p{margin:0 0 22px}.post-body .article-meta{margin-top:auto}.empty-state{display:none;width:min(1180px,100%);margin:20px auto 0;color:var(--muted)}.empty-state.is-visible{display:block}.topics-section{background:var(--surface);border-block:1px solid var(--line)}.topic-list{flex-wrap:wrap;gap:12px;width:min(1180px,100%);margin:0 auto}.topic-list button{min-height:42px;padding:0 18px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--ink);cursor:pointer}.topic-list button.is-active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.site-footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:32px;align-items:end}.site-footer p{max-width:560px}.newsletter-form label{display:block;margin-bottom:10px;font-weight:800}.newsletter-form div{display:flex;gap:8px}.newsletter-form input{min-width:0;flex:1;border:1px solid var(--line);border-radius:7px;padding:12px 14px;background:var(--surface);color:var(--ink)}.newsletter-form button{border:0;border-radius:7px;padding:0 18px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer}.notice,.form-error{width:min(1180px,calc(100% - 36px));margin:0 auto 20px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted)}.form-error{border-color:color-mix(in srgb,var(--rose) 60%,var(--line));color:var(--rose)}.page-shell,.admin-auth,.admin-shell,.article-page{padding:clamp(48px,7vw,88px) clamp(18px,5vw,64px)}.page-title{color:var(--ink);font-size:clamp(2.6rem,8vw,6rem)}.text-link,.secondary-link,.table-actions a{color:var(--accent-strong);font-weight:800}.article-page{width:min(980px,100%);margin:0 auto}.article-hero{padding:clamp(24px,6vw,68px) 0 32px}.article-hero h1{color:var(--ink);font-size:clamp(2.6rem,7vw,6.4rem);line-height:1}.article-hero p{max-width:760px;color:var(--muted);font-size:1.12rem}.article-cover{width:100%;max-height:520px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.article-content{padding:34px 0 0;font-size:1.05rem}.article-content h2,.article-content h3{margin-top:2em;line-height:1.2}.article-content p,.article-content li{color:var(--muted)}.admin-auth{min-height:calc(100vh - 78px);display:grid;place-items:center}.admin-auth-panel{width:min(440px,100%);padding:clamp(24px,5vw,42px);background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.admin-auth-panel h1,.admin-toolbar h1{margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.05}.admin-form,.post-editor label,.editor-side{display:flex;flex-direction:column}.admin-form{gap:16px;margin-top:24px}.admin-form label,.post-editor label{gap:8px;color:var(--muted);font-weight:800}.admin-form input,.post-editor input,.post-editor textarea,.post-editor select{width:100%;border:1px solid var(--line);border-radius:7px;padding:12px 14px;background:var(--bg);color:var(--ink)}.admin-form textarea,.post-editor textarea{resize:vertical}.admin-form button,.button-link,.secondary-button,.post-editor button{min-height:44px;border:0;border-radius:7px;padding:0 18px;background:var(--accent);color:#fff;font-weight:800;cursor:pointer}.admin-form button:disabled,.post-editor button:disabled{cursor:not-allowed;opacity:.62}.admin-toolbar{display:flex;justify-content:space-between;align-items:end;gap:24px;width:min(1180px,100%);margin:0 auto 28px}.admin-actions,.table-actions{display:flex;align-items:center;gap:10px}.secondary-button{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.admin-table{width:min(1180px,100%);margin:0 auto;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}.admin-table-row{display:grid;grid-template-columns:minmax(220px,1.5fr) 110px 110px 130px 130px;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.admin-table-row:last-child{border-bottom:0}.admin-table-head{color:var(--muted);font-weight:800;background:color-mix(in srgb,var(--bg) 72%,var(--surface))}.admin-table-row small{display:block;margin-top:4px;color:var(--muted);overflow-wrap:anywhere}.table-actions button{border:0;background:transparent;color:var(--rose);font-weight:800;cursor:pointer}.post-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:24px;width:min(1180px,100%);margin:0 auto}.editor-main,.editor-side{gap:16px;padding:clamp(18px,4vw,28px);background:var(--surface);border:1px solid var(--line);border-radius:8px}.cover-preview{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px;border:1px solid var(--line)}@media(max-width:980px){.posts{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer,.post-editor,.admin-table-row{grid-template-columns:1fr}.admin-toolbar{align-items:flex-start;flex-direction:column}}@media(max-width:680px){.site-header{align-items:flex-start;flex-wrap:wrap}.main-nav{order:3;width:100%;justify-content:space-between}.hero{min-height:680px;padding-top:92px}h1{font-size:clamp(3.8rem,22vw,6.2rem)}.featured-article,.posts{grid-template-columns:1fr}.read-link{width:100%;height:48px;border-radius:7px}.newsletter-form div{flex-direction:column}.newsletter-form button{min-height:46px}}