:root{color:#222a27;font-synthesis:none;background:#f5f1e8;font-family:Tahoma,Arial,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,textarea{font:inherit}.site-header nav{align-items:center;gap:18px;display:flex}.text-button{color:inherit;cursor:pointer;background:0 0;border:0;padding:8px}input{font:inherit;direction:ltr;border:1px solid #bdc6c1;border-radius:10px;width:100%;padding:12px 14px}select{font:inherit;background:#fff;border:1px solid #bdc6c1;border-radius:10px;width:100%;padding:12px 14px}.login-page,.state-page{background:#f5f1e8;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #2837321f;border-radius:22px;width:min(100%,440px);padding:42px}.login-card h1{margin:0 0 12px}.login-card form{gap:18px;margin-top:28px;display:grid}.login-card label{gap:8px;font-weight:600;display:grid}.login-note{color:#707975;margin-top:24px;font-size:.82rem}.auth-error{color:#9b3030;margin:0}.observation-editor{margin-top:24px}.observation-editor label{gap:12px;line-height:1.9;display:grid}.father-responses{border-color:#bac8c2!important}.response-review{border-top:1px solid #daddda;padding:20px 0}.response-review:first-of-type{border-top:0}.response-review h3{margin:0 0 8px;font-size:1rem}.response-label{color:#66716c;margin:0 0 8px;font-size:.88rem}.response-text{white-space:pre-wrap;background:#f5f6f3;border-radius:10px;margin:0;padding:16px}.empty-state{color:#727b77}.app{background:radial-gradient(circle at 12% 5%,#ffffffbf,#0000 28%),#f5f1e8;min-height:100vh}.tone-rafa{--accent:#286f68;--soft:#dfece8}.tone-maha{--accent:#5c526f;--soft:#e9e4ee;background-color:#f3f0ec}.tone-father{--accent:#34433e;--soft:#e3e5df;background:#f2f1ed}.site-header{border-bottom:1px solid #20302b1f;justify-content:space-between;align-items:center;max-width:1160px;height:76px;margin:auto;padding:0 28px;display:flex}.brand{font-family:Tahoma,Arial,system-ui,sans-serif;font-weight:700}.site-header nav{color:#59635f;font-size:.92rem}main{max-width:1160px;margin:auto;padding:72px 28px 96px}.hero{max-width:760px;margin-bottom:60px}.eyebrow{color:var(--accent,#4d665e);letter-spacing:.04em;margin:0 0 14px;font-size:.82rem;font-weight:700}h1,h2,h3{font-family:Tahoma,Arial,system-ui,sans-serif;line-height:1.55}.hero h1{letter-spacing:-.04em;margin:0 0 24px;font-size:clamp(2.35rem,6vw,4.8rem);line-height:1.35}.hero>p:last-child{color:#5d6662;max-width:590px;font-size:1.15rem;line-height:2}.people-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.person{background:#ffffff94;border:1px solid #2837321f;border-radius:22px;flex-direction:column;align-items:flex-start;min-height:285px;padding:28px;display:flex}.person .number{opacity:.65;border:1px solid;border-radius:999px;padding:4px 11px;font-size:.78rem}.person h2{margin:34px 0 4px;font-size:1.65rem}.person p{color:#65706b;margin:0 0 28px}.person .button{margin-top:auto}.person.unavailable{opacity:.62}.status{margin-top:auto;font-size:.85rem}.button{color:#fff;cursor:pointer;background:#2f413b;border:0;border-radius:11px;justify-content:center;align-items:center;min-height:48px;padding:12px 22px;font-weight:600;display:inline-flex}.button.primary{background:var(--accent,#2f413b)}.button.ghost{color:#46534e;background:0 0;border:1px solid #bcc3bf}.button:disabled{opacity:.35;cursor:default}.landing-card{background:#ffffffb3;border:1px solid #2837321f;border-radius:28px;max-width:720px;margin:4vh auto;padding:clamp(34px,7vw,72px)}.week-chip{color:var(--accent);background:var(--soft);border-radius:999px;padding:6px 14px;display:inline-block}.landing-card h1{margin:28px 0 10px;font-size:clamp(2.5rem,7vw,4.5rem)}.story-name{color:#626b67;margin-bottom:42px;font-size:1.25rem}.time-note{color:#727b77;max-width:520px;margin:28px 0 0;font-size:.92rem;line-height:1.9}.flow-shell{max-width:780px;margin:auto}.flow-meta{color:#69736f;justify-content:space-between;margin-bottom:12px;font-size:.86rem;display:flex}.progress{background:#d9ddd9;border-radius:99px;height:4px;overflow:hidden}.progress span{background:var(--accent);height:100%;transition:width .2s;display:block}.flow-card{background:#ffffffc7;border:1px solid #2837321c;border-radius:24px;min-height:480px;margin:26px 0 22px;padding:clamp(30px,7vw,64px)}.flow-card h1{margin:0 0 24px;font-size:clamp(2.2rem,6vw,3.7rem)}.flow-card h2{margin:0 0 24px;font-size:clamp(1.45rem,4vw,2.15rem)}.lead,.story-text,.supporting,.task-text{font-size:1.08rem;line-height:2.15}.story-text{white-space:pre-wrap}.decision{border-right:4px solid var(--accent);margin-top:80px;padding:28px 30px 28px 0}.answer-box{margin-top:32px}.answer-box h3{margin:0 0 12px;font-size:1rem}textarea{resize:vertical;color:#202925;background:#fff;border:1px solid #bdc6c1;border-radius:13px;outline:none;width:100%;padding:18px;line-height:1.9}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.save-state{color:#747d79;margin-top:8px;font-size:.78rem;display:block}.save-state.saved{color:#397065}.flow-actions{justify-content:space-between;gap:12px;display:flex}.finish-note{color:var(--accent);border-top:1px solid #d8ddda;margin-top:42px;padding-top:24px;font-weight:700}.father-home,.father-page{max-width:900px;margin:auto}.father-home>h1,.father-heading h1{margin:8px 0 16px;font-size:clamp(2rem,5vw,3.7rem)}.father-links{grid-template-columns:1fr 1fr;gap:16px;margin-top:48px;display:grid}.father-link{background:#fff;border:1px solid #d8dcda;border-radius:16px;flex-direction:column;gap:12px;padding:26px;display:flex}.father-link span{color:#69726e;font-size:.9rem}.father-heading{margin-bottom:52px}.father-heading>a{color:#66706c;font-size:.88rem}.father-sections{gap:18px;display:grid}.father-sections section{background:#ffffffc7;border:1px solid #daddda;border-radius:16px;padding:clamp(24px,5vw,42px)}.father-sections h2{color:#33443e;margin:0 0 20px;font-size:1.25rem}.father-sections p,.father-sections li{line-height:2}.father-sections ol{padding-right:24px}.caution{background:#f4eee0;border-right:3px solid #8b6d32;margin-top:26px;padding:20px;line-height:2}.not-found{text-align:center;padding:100px 0}@media (width<=760px){main{padding:48px 18px 72px}.site-header{padding:0 18px}.people-grid,.father-links{grid-template-columns:1fr}.person{min-height:230px}.hero{margin-bottom:42px}.flow-card{min-height:430px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}