/* Home-only visual direction: quiet night, living light, luminous glass. */
body[data-view=home]{--ink:#f1f6f4;--muted:#b0c4c3;--accent:#b7eed3;--line:#ffffff22;--surface:#143137;--tint:#1d4146;--nav-surface:#102b31e8;background:#081b22}
body[data-view=home] .app{background:transparent}
body[data-view=home] header,body[data-view=home] .offline-bar{display:none}
body[data-view=home] .finder-atmosphere{background:radial-gradient(ellipse at 90% 7%,#20515280,transparent 50%),linear-gradient(155deg,#0c262d,#102e35 50%,#111f32);width:min(540px,100%)}
body[data-view=home] .ambient-glow{width:560px;height:700px;top:70px;left:-200px;background:radial-gradient(ellipse,#408e744a,transparent 65%);opacity:1}
body[data-view=home] .ambient-dots{opacity:.7}
body[data-view=home] .ambient-dots i{background:#ccf5cc;box-shadow:0 0 10px #a9efc3;width:3px;height:3px}
body[data-view=home] main{padding:0 22px calc(8rem + var(--safe))}
.fh-home{font-family:var(--reader-font,'Finder Rounded',sans-serif)}
.fh-home svg,.fh-dialog svg{width:22px;height:22px;flex-shrink:0}
.fh-top{display:flex;align-items:center;justify-content:space-between;padding:24px 0 30px;gap:12px}
.fh-round,.fh-avatar{display:grid;place-items:center;border:1px solid #ffffff24;border-radius:50%;width:44px;height:44px;flex-shrink:0;background:#ffffff08;color:inherit}
.fh-avatar{color:#e3f2de;background:#97bba820;overflow:hidden;font-size:1.1rem}
.fh-avatar img,.fh-photo-preview img{width:100%;height:100%;object-fit:cover}
.fh-brand{font-size:.6rem;letter-spacing:2.3px;color:#b1d8c4;text-align:center;font-weight:750}
.fh-brand span{display:block;font-size:.78rem;letter-spacing:1.2px;color:#f4f5f1;margin-top:3px}
.fh-kicker{font-size:.59rem;font-weight:750;letter-spacing:1.65px;color:#b3cfc7;display:flex;align-items:center;gap:8px}
.fh-welcome{padding:0 2px 25px}
.fh-welcome h1{font-family:'Finder Serif',Georgia,serif;font-weight:400;font-size:2.35rem;line-height:1.18;letter-spacing:-1.3px;margin:12px 0;color:#f7f5eb;overflow-wrap:anywhere}
.fh-welcome h1 span{color:#c2e3c2}
.fh-welcome>p:last-child{font-size:.82rem;color:#b9cdcb;line-height:1.6}
.fh-glass{border:1px solid #ffffff20;background:linear-gradient(125deg,#ffffff0c,#ffffff03);backdrop-filter:blur(14px);box-shadow:0 12px 32px #00000012}
.fh-search{display:flex;align-items:center;width:100%;text-align:left;border-radius:18px;min-height:57px;padding:14px 17px;gap:13px;color:#cedbd8;font-size:.85rem}
.fh-search svg{color:#a7d9c4}.fh-search-arrow{margin-left:auto;color:#93b2ac}
.fh-question-section{margin-top:34px}.fh-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 1px 15px}.fh-section-head h2{font-size:1.22rem;font-weight:650;letter-spacing:-.3px}.fh-section-head>span:last-child:not(:first-child){font-size:.66rem;color:#acc1bd}.fh-section-head>.fh-kicker{font-size:.55rem;letter-spacing:1.35px}
.fh-flip{perspective:1200px}.fh-flip-inner{display:grid;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.25,1)}.is-flipped .fh-flip-inner{transform:rotateY(180deg)}
.fh-q-face{grid-area:1/1;width:100%;min-height:248px;border-radius:25px;backface-visibility:hidden;-webkit-backface-visibility:hidden;position:relative;overflow:hidden;text-align:left;padding:25px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.fh-q-front{background:linear-gradient(120deg,#b8d9aa,#dce5be);color:#163c34;box-shadow:0 18px 45px #00000020}
.fh-q-mark{font-family:Georgia,serif;font-size:1.6rem;border:1px solid #254e393a;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;margin-bottom:18px;line-height:1}
.fh-q-label{font-family:'Finder Serif',Georgia,serif;position:relative;z-index:1;max-width:92%;font-size:1.65rem;line-height:1.25;letter-spacing:-.6px;font-weight:400}
.fh-tap{display:flex;align-items:center;gap:8px;font-size:.67rem;margin-top:20px;color:#345447}.fh-tap svg{width:17px;height:17px}
.fh-q-orbit{position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid #426b3720;right:-94px;top:-45px;box-shadow:0 0 0 30px #426b3707,0 0 0 60px #426b3705}
.fh-q-back{transform:rotateY(180deg);background:linear-gradient(135deg,#234c47,#193d40);border:1px solid #aacdb05e;gap:14px;min-height:248px}
.fh-q-back .fh-kicker{padding-right:32px}.fh-q-back p{font-size:.91rem;line-height:1.65;color:#ecf1e8}.fh-turn-back{position:absolute;right:14px;top:14px;padding:7px;border-radius:50%;color:#c7e4cf}.fh-read{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;color:#cfe8bc;font-size:.75rem;padding:10px 0 0;border-top:1px solid #ffffff20;min-height:44px}
.fh-q-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 2px 0;color:#91aaa5;font-size:.62rem}.fh-q-controls button{font-size:.65rem;display:flex;gap:8px;align-items:center;color:#d3e3d8;min-height:44px}.fh-q-controls svg{width:17px;height:17px}
.fh-pathways{margin-top:28px}.fh-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.fh-path{position:relative;text-align:left;padding:19px 18px;min-height:166px;border-radius:23px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;color:#e2ece6;overflow:hidden}
.fh-path-number{position:absolute;right:16px;top:16px;color:#c7ddd44d;font-size:.58rem;letter-spacing:1px}.fh-path-icon{width:46px;height:46px;margin:4px 0 7px;filter:drop-shadow(0 4px 10px #0002)}
.fh-path-label{font-size:.98rem;font-weight:750;line-height:1.2;max-width:95%}.fh-path-desc{font-size:.69rem;line-height:1.5;color:#b1c7c4;max-width:95%}.fh-path-arrow{position:absolute;bottom:16px;right:17px;font-size:1.1rem;color:#abd8bf}
.fh-path-exploring{grid-column:1/-1;min-height:116px;padding:24px 55px 24px 92px;justify-content:center;background:linear-gradient(120deg,#3b796335,#abc6a009);border-color:#a0d3ac3d}
.fh-path-exploring .fh-path-icon{position:absolute;left:23px;top:26px;width:48px;height:48px}.fh-path-exploring .fh-path-number{display:none}.fh-path-exploring .fh-path-label{font-size:1.2rem}.fh-path-exploring .fh-path-arrow{bottom:43px;right:23px}
.fh-path-first{background:linear-gradient(135deg,#4a7f4b30,#4a7f4b08)}.fh-path-deeper{background:linear-gradient(135deg,#3a93972a,#3a939708)}.fh-path-living{background:linear-gradient(135deg,#aa72432a,#aa724308)}.fh-path-helping{background:linear-gradient(135deg,#8e66a030,#8e66a008)}
.fh-prayer{margin-top:25px;display:flex;align-items:center;gap:14px;width:100%;text-align:left;border-radius:22px;padding:21px 17px;background:linear-gradient(115deg,#d6aa4b23,#d6aa4b07);border-color:#d4b16b38}.fh-pray-icon{width:45px;height:45px}.fh-prayer>span{flex:1}.fh-prayer small{display:block;font-size:.52rem;letter-spacing:1.4px;color:#decc9a;margin-bottom:5px}.fh-prayer strong{display:block;font-size:.96rem;font-weight:650;color:#f1e4c9}.fh-prayer span span{font-size:.66rem;color:#c1bdab}.fh-prayer svg{width:18px;color:#d4c295}
.fh-reflection{margin-top:25px;padding:22px;border-radius:23px;background:#ffffff05}.fh-reflection .fh-section-head{margin-bottom:17px}.fh-reflection .fh-kicker{color:#b9bdde;font-size:.52rem;letter-spacing:1px}.fh-reflection svg{width:17px;height:17px}.fh-reflection button{font-size:.68rem;min-height:44px;color:#c3c8e8}.fh-reflection h2{font-family:'Finder Serif',Georgia,serif;font-weight:400;font-size:1.25rem;line-height:1.4}.fh-reflection p{margin-top:14px;font-size:.79rem;line-height:1.7;color:#afc1c1;white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;overflow:auto}.fh-reflection>small{display:block;margin-top:20px;font-size:.58rem;color:#8ba9a6}.fh-footer{text-align:center;margin:30px 0 5px;color:#9bb5ac;font-size:.64rem;letter-spacing:.25px}
body[data-view=home] nav{background:#122e34e8;border-color:#ffffff25;box-shadow:0 8px 35px #0005;backdrop-filter:blur(22px);color:#a4bbb7}body[data-view=home] nav .active{color:#d3e9bf}body[data-view=home] nav .active:after{background:#d3e9bf}
.fh-dialog{color:#ebf1ea;background:#122f35;border:1px solid #bdd6c333;border-radius:25px;padding:25px;width:calc(100% - 28px);max-width:480px;max-height:calc(100dvh - 28px);font:1rem/1.5 var(--reader-font,system-ui);overflow:auto;box-shadow:0 30px 100px #0008}.fh-dialog::backdrop{background:#03151d9e;backdrop-filter:blur(5px)}.fh-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.fh-dialog h2{font-size:1.35rem;color:#f0f5e9}.fh-dialog-head .fh-brand{text-align:left}.fh-dialog .fh-round{font-size:1.5rem}.fh-dialog button:focus-visible,.fh-dialog input:focus-visible,.fh-dialog textarea:focus-visible{outline:3px solid #c2e8bd;outline-offset:3px}
.fh-drawer{position:fixed;left:max(0px,calc((100vw - 540px)/2));right:auto;top:0;bottom:0;margin:0;width:min(340px,88vw);max-height:100dvh;border-radius:0 28px 28px 0;border-left:0;padding:28px 23px;animation:fh-slide .25s ease-out}.fh-menu-welcome{color:#b9d6c6;font-family:'Finder Serif',Georgia,serif;font-style:italic;font-size:1rem;display:flex;gap:10px;margin-bottom:27px}.fh-menu-links{display:grid;gap:5px}.fh-menu-links button{display:flex;gap:15px;align-items:center;min-height:52px;text-align:left;font-size:.88rem;color:#d6e5dd;padding:10px 4px}.fh-menu-links button>span{margin-left:auto;color:#89aaa0}.fh-menu-links svg{color:#9fcfb7}.fh-menu-links hr{width:100%;border:0;border-top:1px solid #ffffff19;margin:13px 0}.fh-menu-foot{color:#8eaaa2;font-size:.73rem;line-height:1.8;margin-top:30px}
.fh-form{display:grid;gap:20px}.fh-form .fh-dialog-head{margin:0}.fh-form p{font-size:.85rem;color:#bccdc6}.fh-form label{display:grid;gap:10px;font-size:.85rem}.fh-form input,.fh-form textarea{font:inherit;color:#f1f4e9;background:#ffffff08;border:1px solid #c4d5c33a;padding:14px;border-radius:13px;width:100%;resize:vertical}.fh-form small{font-size:.73rem;color:#a4c1b5;line-height:1.7}.fh-save{background:#c5dfb4;color:#173a30;padding:13px 18px;border-radius:14px;font-weight:750;min-height:48px}.fh-photo-preview{width:65px;height:65px;overflow:hidden;border-radius:50%;display:grid;place-items:center;background:#ffffff12;font-size:.6rem}.fh-remove-photo{justify-self:start;text-decoration:underline;font-size:.75rem;min-height:44px}.fh-form-actions{display:flex;align-items:center;gap:15px;justify-content:space-between}.fh-form-actions>button:first-child{font-size:.8rem;min-height:44px}
@keyframes fh-slide{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(max-width:370px){body[data-view=home] main{padding-left:17px;padding-right:17px}.fh-welcome h1{font-size:2.05rem}.fh-q-face{padding:21px}.fh-q-label{font-size:1.45rem}.fh-path{padding:16px 14px}.fh-path-exploring{padding-left:85px}.fh-q-controls>span{max-width:110px}.fh-kicker{letter-spacing:1.1px}}
@media(prefers-reduced-motion:reduce){.fh-flip-inner{transition:none}.fh-drawer{animation:none}}
/* Keep supporting text readable on a phone. */
.fh-kicker,.fh-section-head>.fh-kicker{font-size:.65rem;letter-spacing:1px}.fh-brand{font-size:.65rem}.fh-brand span{font-size:.8rem}.fh-section-head>span:last-child:not(:first-child){font-size:.72rem}.fh-q-controls{font-size:.7rem}.fh-q-controls button,.fh-tap{font-size:.75rem}.fh-path-desc{font-size:.76rem}.fh-path-number{font-size:.67rem}.fh-prayer small,.fh-reflection .fh-kicker{font-size:.64rem}.fh-prayer span span{font-size:.74rem}.fh-reflection>small,.fh-footer{font-size:.71rem}.fh-reflection button{font-size:.77rem}.fh-read{font-size:.8rem}

.copyright-use { margin: 12px auto 0; max-width: 36ch; text-align: left; font-size: .9rem; line-height: 1.5; }
.copyright-use summary { cursor: pointer; padding: 10px 0; text-decoration: underline; }
.fh-footer .copyright-use p { margin: 4px 0 0; font: inherit; color: inherit; }