:root{color-scheme:dark;--bg:#12151c;--surface:#1b1f29;--raised:#232836;--line:#2c3242;--text:#ede8df;--sub:#b3aea5;--gold:#d4b36a;--ink:#17130e;--focus:#a3c6fa;--danger:#ff9f94;--radius:16px;font:100%/1.55 system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text)}
#shell{width:min(100%,44rem);min-height:100dvh;margin:auto;display:flex;flex-direction:column}
header,main,nav{padding-inline:max(1.375rem,env(safe-area-inset-left))}
header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-block:max(.65rem,env(safe-area-inset-top)) .65rem;border-bottom:1px solid var(--line)}
.header-tools{display:flex;gap:.4rem;align-items:center}
.header-tools button{padding-inline:.55rem}
.wordmark{font-size:1.5rem;letter-spacing:-.04em;text-decoration:none;font-weight:700}
.wordmark span,.overline{color:var(--gold)}
main{flex:1;padding-block:1.65rem 2.5rem}
h1{font-size:clamp(1.85rem,5.6vw,2.6rem);line-height:1.14;margin:.15em 0 .55em;letter-spacing:-.045em;text-wrap:balance}
h2{font-size:1.17rem;margin:1.4rem 0 .45rem}
p,ul,ol{margin:0 0 .85rem}
small,.muted{color:var(--sub)}
.overline{font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
button,a,summary,select{min-height:44px}
button,select{font:inherit;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:inherit;padding:.52rem .8rem}
button,summary{cursor:pointer}
a{color:inherit;display:inline-flex;align-items:center}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
button:disabled{cursor:default;color:var(--sub)}
button.primary{background:var(--gold);color:var(--ink);min-height:52px;font-weight:700;border-color:transparent}
nav{position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;padding-block:.5rem max(.5rem,env(safe-area-inset-bottom))}
nav button{background:transparent;border-color:transparent;font-weight:650;padding-inline:.1rem}
nav button svg{display:block;margin:0 auto .1rem}
nav[hidden]{display:none}
nav button[aria-current=page]{color:var(--gold);border-color:var(--line)}
.scenes,.stack{display:grid;gap:.65rem}
.scenes{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}
.scene{text-align:start;min-height:4.25rem;padding:.8rem;border-radius:var(--radius);display:grid;gap:.15rem}
.scene:not(:disabled){border-color:#806a46}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;margin-bottom:.85rem}
.card p:last-child{margin-bottom:0}
.note{border-inline-start:2px solid var(--gold);padding-inline-start:.75rem}
.actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-block:1rem}
form{display:grid;gap:1rem}
label{display:grid;gap:.3rem}
select{max-width:100%}
summary{display:flex;align-items:center;gap:.4rem}
summary::before{content:"▸";color:var(--gold)}
details[open] summary::before{content:"▾"}
.alert{color:var(--danger)}
.success{color:#82c8a1}
.clock{font-size:2rem;font-variant-numeric:tabular-nums}
input:not([type=checkbox]){min-height:44px;max-width:100%;font:inherit;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:inherit;padding:.52rem .8rem}
textarea{width:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.65rem;resize:vertical}
.note-text{white-space:pre-wrap;overflow-wrap:anywhere}
.season-history summary{font-weight:650;overflow-wrap:anywhere}
.season-history summary small{font-weight:400;display:block}
.phase-card h2{margin-top:0}
.phase-meaning{font-size:1.15em;font-weight:650;overflow-wrap:anywhere}
.season-history[open] summary{margin-bottom:.85rem}
.followup-thread{list-style:none;padding:0;margin:0 0 1.25rem}
.followup-thread>li{margin-bottom:1.15rem}
.followup-question{width:fit-content;max-width:92%;margin-inline-start:auto;padding:.7rem .9rem;background:var(--raised);border-radius:var(--radius)}
.followup-reply-label{font-size:.85rem;color:var(--sub);margin-bottom:.35rem}
.ai-badge{display:inline-block;padding:.08rem .45rem;border:1px solid var(--line);border-radius:8px;color:var(--gold)}
.followup-safety{border-color:var(--gold)}
.followup-safety h2{margin-top:0}
.settings-tab #language{visibility:hidden}
.settings-identity{display:flex;align-items:center;gap:1rem;margin:0 0 .75rem}
.settings-identity>span{font-size:2rem;color:var(--gold);border-right:1px solid var(--gold);padding-right:1rem}
.settings-identity h2{margin:0 0 .25rem;font-family:ui-serif,Georgia,serif}
.settings-identity p{margin:0;overflow-wrap:anywhere}
.settings-group h2{font-size:1rem;color:var(--gold);font-family:ui-serif,Georgia,serif}
.settings-group>div{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
.settings-row{width:100%;min-height:48px;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .9rem;border:0;border-radius:0;text-align:start;text-decoration:none}
.settings-row small{display:block;color:var(--sub)}
.settings-row:first-child{border-radius:var(--radius) var(--radius) 0 0}
.settings-row:last-child{border-radius:0 0 var(--radius) var(--radius)}
.settings-row+.settings-row{border-top:1px solid var(--line)}
.child-back{margin-bottom:1rem}
.reading-large main{font-size:1.16rem}
.settings-tab input[type=checkbox]{accent-color:var(--gold)}
.login-panel{width:min(100%,26rem);margin:1.25rem auto 0}
.login-panel h1{font-family:ui-serif,Georgia,serif;letter-spacing:-.02em}
.login-panel .overline{text-transform:none;font-family:ui-serif,Georgia,serif;font-size:1rem;margin-bottom:.5rem}
.login-choices{display:grid;gap:.65rem;margin:1rem 0}
.login-choices button{min-height:52px;font-weight:650;text-wrap:balance}
.login-choices button:disabled{opacity:.65}
.login-choices .login-apple,.login-choices .login-google{display:flex;justify-content:center;align-items:center;gap:.65rem;color:#fff}
.login-apple{background:#000}
.login-google{background:#131314;border-color:#8e918f}
.login-apple img{width:30px;height:30px}
.login-google img{width:24px;height:24px;padding:3px;background:#fff;border-radius:4px;object-fit:contain}
.login-divider{display:flex;align-items:center;gap:.8rem;color:var(--sub);font-size:.88rem}
.login-divider::before,.login-divider::after{content:"";flex:1;border-top:1px solid var(--line)}
.login-panel>a{color:var(--sub);font-size:.875rem}
.formal-login-panel{width:min(100%,30rem);margin:1.1rem auto 0}
.formal-login-panel .overline{color:var(--gold);font-size:1.1rem}
.formal-login-panel h1{font-size:clamp(2.05rem,8.5vw,2.65rem);line-height:1.12;letter-spacing:-.025em}
.formal-login-panel .login-choices{gap:.55rem;margin:1rem 0}
.formal-login-panel .login-choices button{display:flex;justify-content:center;align-items:center;gap:.625rem;font-size:1rem}
.formal-login-panel .login-choices-compact{gap:.45rem;margin:.65rem 0}
.formal-login-panel .login-choices-compact button{min-height:44px;padding:.4rem .65rem;font-size:.92rem}
.formal-login-panel .login-choices-compact img{width:22px;height:22px}
.formal-login-panel form{gap:.75rem;margin:1rem 0 1.2rem}
.formal-login-panel form input{min-width:0;min-height:50px;border-color:transparent;background:var(--surface)}
.formal-login-panel form input::placeholder{color:var(--sub)}
.formal-login-panel form .primary{border-radius:999px;min-height:50px}
.formal-login-panel form .primary:disabled{background:var(--line);color:var(--sub)}
.formal-login-panel .login-methods-back button{padding-inline:0;background:transparent;border-color:transparent;text-align:start}
.login-policy-links{display:grid;justify-items:start;gap:.1rem;margin-top:.75rem;font-size:.88rem}
.area-doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin:1.15rem 0}
.area-door{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:start;gap:1rem;min-height:8.25rem;padding:1rem;border-radius:var(--radius)}
.area-door small{display:block;line-height:1.4;margin-top:.25rem;overflow-wrap:anywhere}
.area-icon{display:inline-grid;place-items:center;background:var(--raised);color:var(--gold);border-radius:12px;width:40px;height:40px}
.area-icon+h1{margin-top:.7rem}
.situation-list{display:grid;gap:.625rem;margin:1rem 0}
.situation-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:start;min-height:52px;padding:.75rem 1rem}
.situation-row svg{flex:none}
.situation-row:disabled small{white-space:nowrap}
.home-revisit{margin:1.25rem 0}
.welcome{width:min(100%,30rem);margin:2.25rem auto;display:grid;gap:1rem}
.welcome h1,.welcome p{margin:0}
.rhythm-mark{width:124px;height:124px;position:relative;margin:0 0 .75rem}
.rhythm-mark i{position:absolute;inset:0;border:1px solid var(--line);border-radius:50%}
.rhythm-mark i:nth-child(2){inset:17px}
.rhythm-mark i:nth-child(3){inset:34px}
.rhythm-mark b{position:absolute;top:57px;left:57px;width:10px;height:10px;border-radius:50%;background:var(--gold)}
.reading-card{padding:1rem;border-radius:var(--radius);background:var(--surface);margin:.75rem 0}
.reading-card h2{margin:0 0 .45rem;color:var(--gold);font-size:.95rem}
.reading-card p:last-child,.reading-card ul:last-child{margin-bottom:0}
fieldset{display:grid;gap:.85rem;min-width:0;padding:1rem;border:1px solid var(--line);border-radius:var(--radius);margin:0}
fieldset:disabled{opacity:.7}
@media(max-width:340px){.area-doors{grid-template-columns:1fr}.header-tools{gap:.2rem}}