:root{--ink:#17332d;--muted:#64716d;--green:#204f45;--green-dark:#163d35;--cream:#fffaf0;--paper:#ffffff;--line:#dfe6e2;--shadow:0 20px 55px rgba(24,57,49,0.12)}*{box-sizing:border-box}input,select{font:inherit}input:not([type=checkbox]),select{width:100%;min-height:48px;margin-top:8px;padding:12px;border:1px solid #98afa7;border-radius:10px;background:white;color:var(--ink)}input:focus-visible,select:focus-visible,summary:focus-visible{outline:4px solid #ad7500;outline-offset:3px}button:disabled{opacity:.55;cursor:default}.stack{display:flex;flex-direction:column;gap:18px}.stack label{font-weight:700;line-height:1.5}.muted,.stack small{color:#53645e;line-height:1.5;font-size:.9rem}.text-link{color:#204f45;text-decoration:underline;text-underline-offset:4px;border:0;background:transparent;cursor:pointer;font-size:1rem}.error,.notice{padding:16px 20px;border-radius:12px;line-height:1.6;overflow-wrap:anywhere}.notice{background:#dceee5;color:#153d2d}.error{background:#ffe4e0;color:#872620}.access-card{text-align:left}.access-card h1{font-size:2.5rem;margin-top:28px}.access-card>p{line-height:1.65}.access-card>.text-link{display:inline-block;margin-top:26px}.admin-shell{width:min(1120px,calc(100% - 40px));margin:40px auto}.admin-shell.narrow{max-width:620px}.admin-shell h1{font:500 clamp(2rem,5vw,3rem) Georgia,serif}.admin-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px;align-items:start}.panel{padding:28px;background:white;border:1px solid var(--line);border-radius:18px;min-width:0}.panel h2{margin-top:0}.panel p{line-height:1.6}.profile-photo-row{display:flex;align-items:center;gap:20px}.profile-photo-row p{margin:0 0 4px}.profile-photo-row small{color:#53645e;line-height:1.5}.avatar-large{width:92px;height:92px;font-size:1.25rem}.profile-photo-form{margin-top:22px}.profile-photo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.account-password{margin-top:22px}.member-list{padding:0;list-style:none}.member-list li{padding:20px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px;overflow-wrap:anywhere}.member-list small{display:block;margin-top:6px}.member-actions{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.member-actions details{width:100%}.member-actions summary{cursor:pointer;margin-bottom:12px}.pairing-code{display:block;font-size:1.7rem;letter-spacing:.06em;overflow-wrap:anywhere}.checkbox-label{display:flex;align-items:center;gap:12px}.checkbox-label input{width:24px;height:24px;flex-shrink:0}.file-label{margin-top:18px!important}.file-label small{display:block;margin:6px 0;font-weight:400;font-size:.9rem}.photo-draft{display:flex;align-items:center;gap:16px;margin-top:16px}.photo-draft img{width:86px;height:86px;object-fit:cover;border-radius:10px}.photo-draft label{flex:1 1}.composer-actions{align-items:center}.composer-actions small{font-size:.9rem;line-height:1.5}.post-text{white-space:pre-wrap;overflow-wrap:anywhere}.post-photos{display:grid;grid-gap:18px;gap:18px}.post-photos figure{margin:0}.post-photos img{width:100%;height:auto;max-height:600px;object-fit:contain;background:#f0f2ef;border-radius:12px}.post-photos figcaption{margin-top:8px;font-size:.9rem;color:#53645e}.load-more{margin:24px 0}.empty{padding:36px;border:1px solid var(--line);border-radius:20px;background:white;text-align:center}.empty p{line-height:1.6}.reader-picture{display:flex;flex-direction:column;justify-content:center;margin:0;min-width:0;background:#e8ede8;padding:20px}.reader-picture img{width:100%;max-height:58vh;object-fit:contain}.reader-picture figcaption{font-size:1.25rem;line-height:1.5;padding:14px 10px 0;overflow-wrap:anywhere}.reader-card.text-only{display:block;max-width:1100px}.reader-card.text-only .reader-message{max-width:100%}.reader-story{min-width:0}.reader-message,.reader-story h1{overflow-wrap:anywhere}.reader-message{white-space:pre-wrap;margin-top:24px!important}.reader-pause{min-height:68px;justify-self:center;padding:14px 30px;background:white;border:2px solid #204f45;border-radius:16px;font-size:1.4rem;color:#204f45;cursor:pointer}.reader-empty{align-self:center;width:min(900px,100%);margin:0 auto;font-size:1.75rem}.reader-empty h1{font-size:2.5rem}.reader-empty>span{font-size:4rem;color:#204f45}.reader-empty a{display:inline-flex;align-items:center}.connection-note{text-align:center;font-size:1.2rem}.reader-shell{grid-template-rows:auto 1fr auto auto!important}@media(max-width:760px){.admin-grid{grid-template-columns:1fr}.panel{padding:20px}.photo-draft{align-items:start;flex-direction:column}.photo-draft label{width:100%}}html{background:var(--cream)}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.site-banner{position:-webkit-sticky;position:sticky;isolation:isolate;top:0;z-index:100;width:100%;height:clamp(120px,18vw,230px);overflow:hidden;background:#b9dff2;border-bottom:3px solid white;box-shadow:0 5px 20px rgba(23,51,45,.18)}.site-banner:before{content:"";position:absolute;z-index:-1;inset:-18px;background:url(/images/notre-odyssee.webp) top/cover no-repeat;filter:blur(14px);opacity:.72}.site-banner img{position:relative;display:block;width:100%;height:100%;object-fit:contain}button,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:4px solid #f1b94b;outline-offset:4px}.gateway{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 15% 10%,#dcebe2 0 10%,transparent 30%),var(--cream)}.gateway-card{width:min(680px,100%);background:var(--paper);border:1px solid var(--line);border-radius:32px;padding:52px;box-shadow:var(--shadow);text-align:center}.brand-mark{margin:0 auto 24px;display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--green);color:white;font-family:Georgia,serif;font-size:38px}.eyebrow{margin:0 0 8px;color:#567069;font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.gateway h1{margin:0;font-family:Georgia,serif;font-size:clamp(2.4rem,7vw,4.2rem);font-weight:500}.gateway-copy{margin:20px auto 32px;max-width:480px;color:var(--muted);font-size:1.1rem;line-height:1.6}.gateway-actions{display:grid;grid-gap:14px;gap:14px}.choice{display:flex;gap:18px;align-items:center;padding:20px 24px;border:2px solid var(--line);border-radius:20px;text-align:left;transition:transform .15s,border-color .15s}.choice:hover{transform:translateY(-2px);border-color:#84a59d}.choice-reader{color:white;background:var(--green);border-color:var(--green)}.choice-icon{display:grid;place-items:center;min-width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.16);font-size:1.7rem}.choice small,.choice strong{display:block}.choice strong{font-size:1.16rem}.choice small{margin-top:5px;opacity:.76;font-size:.92rem}.family-shell{min-height:100vh;background:#f7f8f5}.family-header{min-height:72px;padding:0 max(24px,calc((100vw - 1180px) / 2));display:flex;justify-content:space-between;gap:28px;align-items:center;background:white;border-bottom:1px solid var(--line)}.wordmark{font:700 1.65rem Georgia,serif;color:var(--green)}.family-header nav{display:flex;height:100%;gap:34px;align-items:center}.family-header nav a{height:100%;display:grid;place-items:center;color:var(--muted);font-weight:700;font-size:.94rem;border-bottom:3px solid transparent}.family-header nav .nav-active{color:var(--green);border-color:var(--green)}.profile-button{justify-self:end;border:0;width:42px;height:42px;border-radius:50%;color:white;background:#bd7253;font-weight:800;cursor:pointer}.family-layout{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:48px 0;display:grid;grid-template-columns:minmax(0,1fr) 310px;grid-gap:42px;gap:42px;align-items:start}.feed-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.feed-heading h1{margin:0;font:500 clamp(2rem,4vw,3rem) Georgia,serif}.reader-preview{color:var(--green);font-weight:800;padding:12px 16px;border:1px solid #b9cac5;border-radius:12px;background:white;white-space:nowrap}.composer,.family-aside,.post{border:1px solid var(--line);border-radius:18px;background:white}.composer{display:flex;gap:16px;padding:22px;box-shadow:0 6px 22px rgba(28,50,44,.05)}.avatar{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:50%;background:#e3ece8;color:var(--green);font-size:.78rem;font-weight:900}.avatar img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.composer-body{flex:1 1;min-width:0}.composer label{display:block;margin:2px 0 12px;font-weight:800}.composer textarea{width:100%;padding:14px;resize:vertical;border:1px solid #ccd8d4;border-radius:12px;color:var(--ink);font-size:1rem;line-height:1.5}.composer-actions{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.primary-button,.secondary-button{min-height:44px;padding:0 18px;border-radius:11px;font-weight:800;cursor:pointer}.primary-button{border:0;color:white;background:var(--green)}.secondary-button{border:1px solid #cbd8d4;color:var(--green);background:white}.post-list{display:grid;grid-gap:20px;gap:20px;margin-top:22px}.post{padding:22px}.post header{display:grid;grid-template-columns:auto 1fr auto;grid-gap:12px;gap:12px;align-items:center}.post header h2,.post header p{margin:0}.post header h2{font-size:1rem}.post header p{margin-top:4px;color:var(--muted);font-size:.82rem}.post header button{align-self:start;border:0;background:transparent;color:#71807b;cursor:pointer}.post-text{margin:18px 0;font-size:1.06rem;line-height:1.55}.photo-placeholder,.reader-photo{display:grid;place-items:end start;overflow:hidden;color:white;background-position:50%;background-size:cover}.photo-placeholder{aspect-ratio:16/8;padding:18px;border-radius:14px}.photo-placeholder span,.reader-photo span{padding:8px 12px;border-radius:8px;background:rgba(17,38,33,.72);font-weight:700}.family-aside{margin-top:73px;padding:24px}.family-aside h2{margin:0 0 10px;font:500 1.65rem Georgia,serif}.family-aside h3{margin-bottom:8px}.family-aside p{color:var(--muted);line-height:1.55}.family-aside hr{border:0;border-top:1px solid var(--line);margin:24px 0}.status-card{display:flex;gap:12px;align-items:center;margin-top:20px;padding:14px;border-radius:12px;background:#e8f3ed}.status-card>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:white;background:#39845e;font-weight:900}.status-card small,.status-card strong{display:block}.status-card strong{font-size:.9rem}.status-card small{margin-top:3px;color:#587066;font-size:.76rem}.reader-shell{min-height:100vh;padding:clamp(20px,3vw,44px);display:grid;grid-template-rows:auto 1fr auto;grid-gap:clamp(20px,3vw,36px);gap:clamp(20px,3vw,36px);background:#f6eedc}.reader-header{width:min(1400px,100%);margin:0 auto;justify-content:space-between}.reader-brand,.reader-header{display:flex;align-items:center}.reader-brand{gap:14px;font-size:clamp(1.4rem,2.4vw,2.1rem)}.reader-brand span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;color:white;background:var(--green)}.reader-header>p{margin:0;padding:10px 18px;border:2px solid #cbbfa8;border-radius:999px;font-size:1.15rem;font-weight:800}.reader-card{width:min(1400px,100%);min-height:0;margin:0 auto;display:grid;grid-template-columns:1.35fr 1fr;overflow:hidden;border:3px solid #ddd1b9;border-radius:30px;background:white;box-shadow:var(--shadow)}.reader-photo{min-height:460px;padding:28px;font-size:1.1rem}.reader-story{padding:clamp(24px,3vw,48px);display:flex;flex-direction:column;justify-content:center}.reader-date{margin:0 0 26px;color:#596c66;font-size:clamp(1.2rem,2vw,1.6rem);font-weight:900}.reader-story h1{margin:0;font:500 clamp(2.5rem,4vw,4.5rem) Georgia,serif;color:var(--green-dark)}.reader-relation{margin:8px 0 36px;color:#63726e;font-size:clamp(1.25rem,2vw,1.8rem)}.reader-message{margin:0;max-width:22em;font-size:clamp(1.75rem,2.3vw,2.4rem);line-height:1.45;font-weight:650}.reader-controls{width:min(900px,100%);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:clamp(18px,3vw,32px);gap:clamp(18px,3vw,32px)}.reader-controls button{min-height:clamp(82px,10vh,112px);padding:16px 28px;display:flex;justify-content:center;align-items:center;gap:24px;border:3px solid var(--green);border-radius:24px;color:var(--green);background:white;font-size:clamp(1.5rem,3vw,2.3rem);cursor:pointer;box-shadow:0 7px 0 #c9d5cc}.reader-controls button:active{transform:translateY(4px);box-shadow:0 3px 0 #c9d5cc}.reader-controls button span{font-size:1.35em}.reader-controls .reader-next{color:white;background:var(--green)}@media (max-width:900px){.family-layout{grid-template-columns:1fr}.family-aside{margin-top:0}.reader-card{grid-template-columns:1fr}.reader-photo{min-height:38vh}.reader-story{padding:32px}.reader-message{max-width:none}}@media (max-width:640px){.gateway{padding:14px}.gateway-card{padding:32px 20px;border-radius:24px}.family-header{grid-template-columns:1fr auto;padding:0 18px}.family-header nav{display:none}.family-layout{width:min(100% - 28px,760px);padding:28px 0}.feed-heading{align-items:start;flex-direction:column}.composer{padding:16px}.composer>.avatar{display:none}.composer-actions{align-items:stretch;flex-direction:column}.reader-shell{padding:14px;gap:14px}.reader-brand span{width:46px;height:46px}.reader-header>p{font-size:.95rem}.reader-photo{min-height:34vh}.reader-story h1{font-size:3rem}.reader-relation{margin-bottom:22px}.reader-message{font-size:1.65rem}.reader-controls{gap:12px}.reader-controls button{min-height:78px;padding:12px;gap:10px;border-radius:18px;font-size:1.35rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important}}