:root{--bg:#f8fafc;--text:#0f172a;--muted:#64748b;--card:#ffffffeb;--border:#94a3b82e;--shadow:0 20px 45px #0f172a14;--accent:#5b21b6}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--text);background:radial-gradient(circle at 0 0,#5b21b614,#0000 25%),#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}code{background:#eef2ff;border-radius:.4rem;padding:.2rem .45rem}.container{width:min(1100px,100% - 2rem);margin:0 auto}.nav{justify-content:space-between;align-items:center;padding:1.25rem 0;display:flex}.brand{font-size:1.1rem;font-weight:700}.navLinks{color:var(--muted);gap:1rem;display:flex}.hero,.setupBox,.articleCard,.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:24px}.hero{margin:1rem 0 2rem;padding:3rem 2rem}.eyebrow{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;font-weight:700}.hero h1{margin:.5rem 0 1rem;font-size:clamp(2rem,5vw,4rem)}.heroText{max-width:42rem;color:var(--muted);font-size:1.05rem}.sectionHeader{justify-content:space-between;align-items:baseline;margin:1rem 0;display:flex}.postGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.card{padding:1rem;overflow:hidden}.cover{object-fit:cover;border-radius:14px;width:100%;height:200px;margin-bottom:.8rem}.meta{color:var(--muted);font-size:.92rem}.button{background:var(--accent);color:#fff;border-radius:999px;margin-top:.8rem;padding:.7rem 1rem;font-weight:600;display:inline-block}.setupBox{margin:2rem 0 3rem;padding:1.5rem}.articlePage{padding:2rem 0 4rem}.backLink{color:var(--muted);margin-bottom:1rem;display:inline-block}.articleCard{padding:2rem}.articleCover{object-fit:cover;border-radius:18px;width:100%;max-height:420px;margin:1rem 0 1.25rem}.summary{color:var(--muted);font-size:1.05rem}.content p,.content li,.content blockquote{line-height:1.8}.content blockquote{color:#334155;border-left:4px solid #c4b5fd;margin:1rem 0;padding-left:1rem}@media (max-width:640px){.hero,.articleCard{padding:1.3rem}.nav{flex-direction:column;align-items:flex-start;gap:.75rem}}.homePage{min-height:100vh}.landingCover{background:linear-gradient(#0000008c,#000000b8),url(/home-bg.jpg) 50%/cover no-repeat;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.landingGrid{opacity:.14;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0}.landingGlow{filter:blur(30px);background:radial-gradient(circle,#ffffff0f,#0000 28%);position:absolute;inset:0}.landingInner{z-index:2;text-align:center;color:#fff;width:min(1000px,100% - 2rem);padding:2rem 1rem 4rem;position:relative}.landingAvatarWrap{justify-content:center;margin-bottom:1.2rem;display:flex}.landingAvatar{object-fit:cover;border:3px solid #ffffffbf;border-radius:50%;width:132px;height:132px;box-shadow:0 0 12px #fff3,0 0 30px #ffffff14}.landingTitle{letter-spacing:.02em;color:#fffffff5;text-shadow:0 0 10px #ffffff3d,0 0 26px #ffffff14;margin:0;font-size:clamp(3rem,8vw,5.4rem);font-weight:300}.landingSubtitle{color:#ffffff9e;letter-spacing:.12em;margin-top:1rem;font-size:clamp(1rem,2vw,1.6rem)}.landingNav{grid-template-columns:repeat(5,110px);justify-content:center;align-items:start;gap:1rem 1.4rem;margin-top:4.5rem;display:grid}.landingNavItem{color:#ffffffd1;text-align:center;border-radius:18px;flex-direction:column;justify-content:flex-start;align-items:center;gap:.7rem;padding:.8rem .3rem;transition:all .2s;display:flex}.landingNavItem:hover{color:#fff;background:#ffffff0f;transform:translateY(-2px)}.landingNavItem:hover .landingIcon{color:#fff;background:#ffffff14;border-color:#ffffff38}.landingIcon{color:#ffffffdb;background:#ffffff09;border:1px solid #ffffff1f;border-radius:16px;place-items:center;width:50px;height:50px;transition:all .25s;display:grid;box-shadow:0 0 18px #ffffff0a,inset 0 0 0 1px #ffffff05}.afterCover{padding:2rem}@media (max-width:900px){.landingNav{grid-template-columns:repeat(3,minmax(90px,1fr))}}@media (max-width:640px){.landingNav{grid-template-columns:repeat(2,minmax(90px,1fr))}.afterCover{padding:1rem}}.pageIntro{color:var(--muted);margin-top:-.2rem;margin-bottom:1.2rem;line-height:1.8}.sectionPage{background:radial-gradient(circle at 0 0,#c7b09a1f,#0000 22%),linear-gradient(#f8f4ef 0%,#f2ebe4 100%);min-height:100vh;padding:3rem 1.25rem 4rem}.sectionHero{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf8c7;border:1px solid #78685b24;border-radius:32px;max-width:1100px;margin:0 auto 2rem;padding:2.6rem 2rem;box-shadow:0 20px 45px #503c2814}.sectionEyebrow{color:#8a6a54;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .8rem;font-size:.78rem;font-weight:700}.sectionHero h1{color:#2f2a26;margin:0;font-size:clamp(2.6rem,7vw,5rem);line-height:1.08}.sectionSubtitle{color:#7b6f66;max-width:42rem;margin-top:1rem;font-size:1.05rem;line-height:1.9}.sectionContent,.aboutCard{max-width:1100px;margin:0 auto}.sectionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.sectionCard,.aboutCard{background:#fffcf8db;border:1px solid #78685b24;border-radius:28px;overflow:hidden;box-shadow:0 20px 45px #503c2814}.sectionCard{padding:1.2rem}.sectionCardCover{object-fit:cover;border-radius:20px;width:100%;height:240px;margin-bottom:1rem}.sectionMeta{color:#8a7b70;margin-bottom:.6rem;font-size:.92rem}.sectionCard h2{color:#2f2a26;margin:.2rem 0 .65rem;font-size:1.55rem}.sectionCard p{color:#5b514a;line-height:1.85}.sectionTags{flex-wrap:wrap;gap:.5rem;margin:1rem 0 .85rem;display:flex}.sectionTag{color:#8a6a54;background:#efe4d8;border-radius:999px;padding:.35rem .75rem;font-size:.84rem}.sectionLink{color:#8a6a54;margin-top:.3rem;font-weight:700;display:inline-block}.sectionLink:hover{opacity:.78}.aboutCard{padding:2rem}.aboutCard .content p,.aboutCard .content li,.aboutCard .content blockquote{color:#4f453f;font-size:1.04rem;line-height:1.95}.aboutCard .content h1,.aboutCard .content h2,.aboutCard .content h3{color:#2f2a26}.aboutCard .content blockquote{color:#6c5a4f;border-left:4px solid #d3b9a3;padding-left:1rem}.emptyState{color:#7b6f66;background:#fffcf8d1;border:1px solid #78685b24;border-radius:24px;padding:2rem}@media (max-width:900px){.sectionGrid{grid-template-columns:1fr}.sectionHero,.aboutCard{padding:1.4rem}.sectionCardCover{height:210px}}.pageTopBar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.2rem;display:flex}.backHome{color:#8a6a54;font-weight:700}.pageMiniNav{flex-wrap:wrap;gap:1rem;display:flex}.pageMiniNav a{color:#7b6f66;font-size:.95rem}.pageMiniNav a:hover,.backHome:hover{opacity:.75}.homeContentWrap{padding-top:2rem}.homeMoreLink{margin-top:1.5rem}.homeMoreLink a{color:#8a6a54;font-weight:700}.postShell{background:radial-gradient(circle at 0 0,#c7b09a1f,#0000 22%),linear-gradient(#f8f4ef 0%,#f2ebe4 100%);min-height:100vh;padding:2rem 1rem 4rem}.postTopbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:860px;margin:0 auto 1.2rem;display:flex}.backLink{color:#7b6f66;font-weight:700;text-decoration:none}.backLink:hover{opacity:.75}.postMiniNav{flex-wrap:wrap;gap:1rem;display:flex}.postMiniNav a{color:#8a6a54;font-size:.95rem;text-decoration:none}.postMiniNav a:hover{opacity:.75}.postCard{background:#fffcf8e6;border:1px solid #78685b24;border-radius:30px;max-width:860px;margin:0 auto;overflow:hidden;box-shadow:0 20px 45px #503c2814}.postHeader{padding:2.2rem 2rem 1.5rem}.postEyebrow{color:#8a6a54;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .9rem;font-size:.78rem;font-weight:700}.postTitle{color:#2f2a26;margin:0;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.1}.postMetaRow{color:#7b6f66;flex-wrap:wrap;gap:.75rem;margin-top:.9rem;font-size:.95rem;display:flex}.postSummary{color:#5b514a;max-width:46rem;margin-top:1.2rem;font-size:1.06rem;line-height:1.95}.postTags{flex-wrap:wrap;gap:.55rem;margin-top:1rem;display:flex}.postTag{color:#8a6a54;background:#efe4d8;border-radius:999px;padding:.38rem .8rem;font-size:.84rem}.postCover{object-fit:cover;border-radius:22px;width:100%;max-height:460px;margin-top:1.35rem}.postContent{color:#4f453f;padding:0 2rem 2.4rem}.postNoContent{color:#7b6f66;line-height:1.8}.postBlock{margin-bottom:1rem}.postContent h1,.postContent h2,.postContent h3{color:#2f2a26;margin-top:1.8rem;margin-bottom:.8rem;line-height:1.3}.postContent h1{font-size:2rem}.postContent h2{font-size:1.6rem}.postContent h3{font-size:1.25rem}.postContent p{margin:.9rem 0;font-size:1.04rem;line-height:2}.postContent a{color:#8a6a54;text-underline-offset:.18em;text-decoration:underline}.postContent strong{color:#2f2a26}.postContent em{font-style:italic}.postContent code{color:#5b4332;background:#efe5da;border-radius:.42rem;padding:.16rem .45rem;font-size:.94em}.codeBlock{color:#f4f1ed;background:#1f1f22;border-radius:18px;margin:1.15rem 0;padding:1rem;font-size:.95rem;line-height:1.7;overflow-x:auto}.codeBlock code{color:inherit;background:0 0;padding:0}.postContent blockquote{color:#6c5a4f;border-left:4px solid #d3b9a3;margin:1.2rem 0;padding:.2rem 0 .2rem 1rem;line-height:1.9}.postListBlock{margin:.6rem 0 .6rem 1.4rem;padding-left:.2rem}.postListBlock li{margin:.35rem 0;line-height:1.95}.postDivider{border:none;border-top:1px solid #78685b2e;margin:1.6rem 0}.postFigure{margin:1.4rem 0}.postImage{border-radius:20px;width:100%;display:block}.postFigure figcaption{color:#7b6f66;text-align:center;margin-top:.6rem;font-size:.92rem}.postEmpty{background:#fffcf8db;border:1px solid #78685b24;border-radius:24px;max-width:860px;margin:4rem auto;padding:2rem;box-shadow:0 20px 45px #503c2814}@media (max-width:768px){.postHeader{padding:1.4rem 1.2rem 1rem}.postContent{padding:0 1.2rem 1.6rem}.postTopbar{margin-bottom:1rem}.postTitle{font-size:2rem}}.postPasswordGate{max-width:860px;margin:0 auto}.postPasswordCard{background:#fffcf8e6;border:1px solid #78685b24;border-radius:28px;padding:2rem;box-shadow:0 20px 45px #503c2814}.postPasswordHint{color:#7b6f66;margin-bottom:1rem;line-height:1.8}.postPasswordForm{flex-wrap:wrap;gap:.8rem;display:flex}.postPasswordInput{min-width:220px;font:inherit;background:#ffffffbf;border:1px solid #78685b29;border-radius:14px;flex:1;padding:.85rem 1rem}.postPasswordButton{color:#fff;font:inherit;cursor:pointer;background:#8a6a54;border:none;border-radius:14px;padding:.85rem 1.1rem}.postPasswordButton:hover{opacity:.9}.postPasswordError{color:#b14f4f;margin-top:.9rem}