*{box-sizing:border-box;margin:0;padding:0}:root{--cream:#fbf7f2;--cream-deep:#f3ece2;--ink:#3a3b45;--ink-soft:#6b6d7a;--sage:#7a9e8e;--sage-deep:#5b7b6e;--lavender:#9684b5;--lavender-deep:#786291;--gold:#c9a66b;--card-shadow:0 8px 24px #5a506e14;--radius:18px}html,body,#root{height:100%}body{background:var(--cream);color:var(--ink);font-family:Nunito Sans,sans-serif;line-height:1.5}h1,h2,h3,h4{color:var(--ink);font-family:Lora,serif;line-height:1.25}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1}.site-header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#fbf7f2e6;border-bottom:1px solid #5a506e14;justify-content:space-between;align-items:center;padding:1.1rem 2rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.5rem;text-decoration:none;display:flex}.brand-mark{font-size:1.4rem}.brand-name{color:var(--sage-deep);font-family:Lora,serif;font-size:1.2rem;font-weight:600}.site-nav{align-items:center;gap:1.4rem;display:flex}.site-nav a{color:var(--ink-soft);font-size:.95rem;font-weight:600;text-decoration:none}.site-nav a.active,.site-nav a:hover{color:var(--sage-deep)}.path-pill{background:var(--cream-deep);color:var(--ink-soft);border-radius:999px;padding:.35rem .8rem;font-size:.8rem;font-weight:700}.landing{text-align:center;max-width:920px;margin:0 auto;padding:3.5rem 1.5rem 2rem}.hero{padding-bottom:3rem}.eyebrow{color:var(--sage-deep);letter-spacing:.04em;text-transform:uppercase;margin-bottom:1rem;font-size:.8rem;font-weight:700}.hero h1{margin-bottom:1.2rem;font-size:clamp(2rem,5vw,3.1rem)}.hero-sub{max-width:560px;color:var(--ink-soft);margin:0 auto;font-size:1.1rem}.path-choice{padding:2rem 0 3rem}.path-choice h2{margin-bottom:.4rem;font-size:1.5rem}.path-choice-sub{color:var(--ink-soft);margin-bottom:2rem}.path-cards{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=680px){.path-cards{grid-template-columns:1fr}}.path-card{border-radius:var(--radius);box-shadow:var(--card-shadow);text-align:left;background:#fff;border:2px solid #0000;padding:2rem 1.6rem;transition:transform .15s,border-color .15s}.path-card:hover{border-color:var(--sage);transform:translateY(-4px)}.path-card.faith:hover{border-color:var(--lavender)}.path-emoji{margin-bottom:.8rem;font-size:2.2rem;display:block}.path-card h3{margin-bottom:.5rem;font-size:1.3rem}.path-card p{color:var(--ink-soft);min-height:3.2em;margin-bottom:1.2rem}.path-cta{color:var(--sage-deep);font-weight:700}.path-card.faith .path-cta{color:var(--lavender-deep)}.landing-footer{border-top:1px solid #5a506e1a;padding-top:2.5rem}.created-by{color:var(--ink);font-weight:700}.parent-brand{color:var(--ink-soft);margin-bottom:1.2rem;font-size:.9rem}.disclaimer{max-width:620px;color:var(--ink-soft);margin:0 auto;font-size:.8rem;line-height:1.6}.choose-prompt{text-align:center;max-width:500px;margin:4rem auto;padding:0 1.5rem}.choose-prompt p{color:var(--ink-soft);margin:.6rem 0 1.6rem}.prompt-buttons{flex-direction:column;gap:.8rem;display:flex}.btn-primary{background:var(--sage-deep);color:#fff;border-radius:999px;padding:.9rem 1.4rem;font-size:1rem;font-weight:700}.btn-primary.faith{background:var(--lavender-deep)}.compass-page{max-width:1000px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.compass-intro{margin-bottom:2.2rem}.compass-intro h1{margin-bottom:.6rem;font-size:clamp(1.6rem,4vw,2.2rem)}.compass-intro p{color:var(--ink-soft);max-width:600px;margin-bottom:1.2rem}.path-switch{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.path-switch span{color:var(--ink-soft);font-size:.9rem}.path-switch button{color:var(--ink-soft);box-shadow:var(--card-shadow);background:#fff;border-radius:999px;padding:.45rem .9rem;font-size:.85rem;font-weight:600}.path-switch button.active{background:var(--sage-deep);color:#fff}.category-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.2rem;display:grid}.category-card{border-radius:var(--radius);text-align:left;box-shadow:var(--card-shadow);background:#fff;padding:1.5rem;transition:transform .15s;position:relative}.category-card:not(.static):hover{transform:translateY(-3px)}.cat-emoji{margin-bottom:.6rem;font-size:1.7rem;display:block}.cat-emoji.large{font-size:2.6rem}.category-card h3{margin-bottom:.4rem;font-size:1.05rem}.category-card p{color:var(--ink-soft);font-size:.9rem}.unsave-btn{color:var(--sage-deep);margin-top:.8rem;font-size:.85rem;font-weight:700}.detail-card{border-radius:var(--radius);box-shadow:var(--card-shadow);background:#fff;max-width:680px;padding:2.2rem}.back-link{color:var(--ink-soft);margin-bottom:1rem;font-weight:600;display:inline-block}.detail-card h2{margin:.4rem 0 1.4rem;font-size:1.7rem}.detail-block{margin-bottom:1.4rem}.detail-block h4{text-transform:uppercase;letter-spacing:.04em;color:var(--sage-deep);margin-bottom:.4rem;font-size:.85rem}.faith-block{background:var(--cream-deep);border-radius:12px;padding:1.2rem}.faith-block h4{color:var(--lavender-deep)}.faith-block blockquote{color:var(--ink);border-left:3px solid var(--lavender);margin:.6rem 0;padding-left:.8rem;font-style:italic}.prayer{color:var(--ink-soft)}.next-step{font-size:1.05rem;font-weight:600}.reflection{color:var(--ink-soft);font-style:italic}.detail-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.6rem;display:flex}.btn-save{background:var(--gold);color:#fff;border-radius:999px;padding:.7rem 1.2rem;font-weight:700}.btn-secondary{background:var(--cream-deep);color:var(--ink);border-radius:999px;padding:.7rem 1.2rem;font-weight:700}.saved-page{max-width:1000px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.saved-page h1{margin-bottom:.4rem}.saved-note{color:var(--ink-soft);margin-bottom:2rem;font-size:.9rem}.empty-state{border-radius:var(--radius);text-align:center;box-shadow:var(--card-shadow);background:#fff;padding:3rem}.empty-state span{margin-bottom:.8rem;font-size:2rem;display:block}.empty-state p{color:var(--ink-soft);margin-bottom:1.4rem}