@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color-scheme:light;font-family:Space Grotesk,Segoe UI,sans-serif;background-color:#f7f2ec;color:#1d1712;--ink: #1d1712;--muted: #6b5b50;--accent: #ff4f36;--accent-deep: #e03822;--sunset: #f4b05e;--rose: #ff7f6c;--peach: #f7d2b7;--mint: #bce7dc;--card: #fff7f0;--stroke: rgba(29, 23, 18, .12);--shadow: 0 24px 60px rgba(29, 23, 18, .15)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#fffaf4,#f5efe6 45%,#efe4d7)}#root{min-height:100vh}.page{position:relative;padding:48px 7vw 40px;overflow:hidden}.bg-orb{position:absolute;border-radius:50%;filter:blur(0px);opacity:.6;z-index:0}.orb-one{width:420px;height:420px;background:radial-gradient(circle,rgba(255,79,54,.5),transparent 70%);top:-120px;right:-140px}.orb-two{width:320px;height:320px;background:radial-gradient(circle,rgba(244,176,94,.5),transparent 70%);bottom:160px;left:-120px}.orb-three{width:260px;height:260px;background:radial-gradient(circle,rgba(188,231,220,.6),transparent 70%);top:40%;right:20%}.hero{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:40px;align-items:stretch;margin-bottom:40px}.hero-text h1{font-family:Fraunces,serif;font-size:clamp(2.6rem,3.5vw,4rem);margin:12px 0 16px;line-height:1.05}.hero-text p{max-width:520px;font-size:1.05rem;line-height:1.7;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:12px;font-size:.95rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.pill{background:var(--accent);color:#fff;padding:4px 10px;border-radius:999px;font-weight:700;letter-spacing:.08em}.hero-actions{display:flex;gap:16px;margin:28px 0 26px}button{font-family:inherit;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}button:hover{transform:translateY(-2px)}.primary{background:var(--accent);color:#fff;padding:12px 22px;border-radius:14px;font-weight:600;box-shadow:0 16px 24px #ff4f3640}.primary:hover{background:var(--accent-deep)}.ghost{background:transparent;border:1px solid var(--stroke);padding:12px 18px;border-radius:14px;color:var(--ink)}.hero-meta{display:flex;gap:28px;color:var(--muted);font-size:.95rem}.hero-meta strong{display:block;color:var(--ink);font-size:1.2rem}.hero-card{background:linear-gradient(145deg,#fff6ed,#fff0e4);padding:28px;border-radius:24px;border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:18px;justify-content:space-between}.hero-card h2{font-family:Fraunces,serif;margin:0;font-size:1.8rem}.hero-card p{color:var(--muted);line-height:1.6}.hero-card-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.1em}.dot,.ghost-dot{width:10px;height:10px;background:var(--accent);border-radius:50%}.hero-tags,.story-tags,.reader-tags{display:flex;flex-wrap:wrap;gap:8px}.tag,.story-tags span,.reader-tags span{background:#ff4f361f;color:var(--accent-deep);padding:4px 10px;border-radius:999px;font-size:.85rem;font-weight:600}.image-thumb{border:none;background:transparent;padding:0;text-align:left;display:grid;gap:8px;cursor:pointer}.image-thumb img{width:100%;max-width:220px;border-radius:16px;border:1px solid rgba(29,23,18,.12);box-shadow:0 12px 30px #1d17121f;object-fit:cover;aspect-ratio:4 / 3}.image-hint{font-size:.85rem;color:var(--muted)}.toolbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.ad-top{position:relative;z-index:1;margin-bottom:28px}.ad-strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:32px}.ad-mobile{position:relative;z-index:1;display:none;margin-bottom:32px}.ad-rail{display:grid;gap:16px}.ad-slot{background:#ffffffe6;border:1px dashed rgba(29,23,18,.2);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px}.ad-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.ad-frame{border-radius:12px;background:linear-gradient(145deg,#ff4f3614,#f4b05e14);display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:600;text-align:center;padding:12px}.ad-frame--leaderboard{min-height:90px}.ad-frame--mobile{min-height:100px}.ad-frame--square{min-height:250px}.search{flex:1;background:#fff;border-radius:16px;padding:12px 18px;border:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-between;gap:12px}.search input{border:none;outline:none;font-size:1rem;width:100%;color:var(--ink)}.search-hint{background:#1d17120f;padding:4px 8px;border-radius:8px;font-size:.8rem;color:var(--muted)}.filters{display:flex;gap:10px}.filters button{background:var(--card);border:1px solid var(--stroke);padding:10px 14px;border-radius:999px;color:var(--muted);font-weight:600}.filters button:hover{color:var(--ink)}.layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:32px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-head h3{margin:0;font-size:1.4rem}.muted{color:var(--muted)}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.story-card{text-align:left;background:#fff;border-radius:20px;padding:18px;border:1px solid rgba(29,23,18,.08);box-shadow:0 12px 30px #1d171214;display:flex;flex-direction:column;gap:12px}.story-card.active{border-color:#ff4f3666;box-shadow:0 14px 36px #ff4f362e}.story-card h4{margin:0;font-family:Fraunces,serif;font-size:1.2rem}.story-card p{margin:0;color:var(--muted);line-height:1.5;font-size:.95rem}.story-card-top{display:flex;justify-content:space-between;align-items:center}.badge{background:#1d171214;color:var(--ink);padding:4px 10px;border-radius:999px;font-size:.8rem;font-weight:600}.ghost-dot{background:var(--sunset)}.reader{background:#fff;border-radius:24px;padding:24px;border:1px solid rgba(29,23,18,.08);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px;position:sticky;top:24px;height:fit-content}.reader h2{font-family:Fraunces,serif;margin:0;font-size:1.8rem}.reader-content{color:var(--muted);line-height:1.7}.reader-actions{display:flex;gap:12px}.reader-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.9rem}.reader-meta{display:flex;align-items:center;gap:8px}.reader-note{border-top:1px dashed rgba(29,23,18,.15);padding-top:12px;display:flex;flex-direction:column;gap:4px;font-size:.85rem}.state{background:#fffc;border-radius:16px;padding:16px;border:1px dashed rgba(29,23,18,.2);margin-bottom:16px}.state.error{border-color:#e0382280;color:var(--accent-deep)}.footer{margin-top:48px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:var(--muted);position:relative;z-index:1}.footer strong{display:block;color:var(--ink);font-size:1.1rem}.footer-links{display:flex;gap:12px}.footer-links button{background:transparent;color:var(--muted);font-weight:600}.image-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:50}.image-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#16110cb3;border:none}.image-modal-content{position:relative;z-index:1;max-width:min(90vw,960px);max-height:85vh;background:#fff;border-radius:20px;padding:16px;box-shadow:0 30px 80px #16110c59;display:grid;gap:12px}.image-modal-content img{width:100%;height:auto;border-radius:16px;max-height:70vh;object-fit:contain}.image-modal-close{align-self:flex-end;background:var(--accent);color:#fff;padding:8px 14px;border-radius:999px;font-weight:600}@media (max-width: 980px){.hero,.layout{grid-template-columns:1fr}.reader{position:static}.toolbar{flex-direction:column;align-items:stretch}.filters{flex-wrap:wrap}.ad-strip{grid-template-columns:1fr}}@media (max-width: 640px){.page{padding:32px 20px 40px}.hero-actions,.hero-meta,.reader-actions,.footer{flex-direction:column;align-items:flex-start}.hero-meta{gap:14px}.footer-links{width:100%;justify-content:space-between}.ad-mobile{display:block}}