@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:wght@700;800;900&display=swap');
:root{--paper:#f7efe2;--ink:#183f3d;--coral:#ee806c;--sun:#f2bd45;--mint:#dcefe7;--blue:#8bb5cf;--muted:#71817e;--white:#fffdf8;--danger:#bb493b;--shadow:#183f3d}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}button,input{font:inherit}button{border-radius:0;color:inherit}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.serif{font-family:"Playfair Display",Georgia,serif}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{margin:0;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.muted{color:var(--muted)}
.login-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}.login-brand{font:900 clamp(2.5rem,10vw,4rem)/.84 "Playfair Display",Georgia,serif;text-align:center;letter-spacing:-.04em;margin:0 0 2.7rem}.login-brand b{display:inline-block;color:var(--coral);font-family:"DM Sans",Arial,sans-serif;font-size:.23em;line-height:1;letter-spacing:.22em;margin-top:1.35rem}.access-card{width:100%;max-width:380px;border:3px solid var(--ink);background:var(--paper);box-shadow:6px 6px 0 var(--coral)}.card-heading{padding:1.25rem 1.5rem;border-bottom:2px solid var(--ink)}.access-card form{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.form-error{display:none;margin:0;color:var(--danger);font-size:.75rem;font-weight:800}.form-error.show{display:block}.access-card .muted{margin:0;font-size:.72rem;line-height:1.45}.field{width:100%;padding:.82rem .9rem;border:2.5px solid var(--ink);background:#fff;color:var(--ink);outline:none}.field:focus{box-shadow:4px 4px 0 var(--sun)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.1rem;border:2.5px solid var(--ink);background:var(--ink);color:var(--paper);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;box-shadow:4px 4px 0 var(--coral)}.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--coral)}.btn:disabled{background:#c9c6bd;color:#ece9e1;cursor:not-allowed;box-shadow:4px 4px 0 #aaa;transform:none}.btn.secondary{background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}
.members-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:230px;height:100vh;flex:none;display:flex;flex-direction:column;background:var(--ink);color:var(--paper)}.sidebar-brand{padding:1.6rem 1.25rem 1.4rem;border-bottom:2px solid rgba(255,255,255,.12);font:900 1.2rem/1.05 "Playfair Display",Georgia,serif;text-transform:uppercase}.sidebar-brand span{color:var(--sun)}.sidebar-brand small{display:block;margin-top:.7rem;color:var(--coral);font:800 .53rem "DM Sans",Arial,sans-serif;letter-spacing:.16em}.sidebar nav{flex:1;padding-top:.7rem}.nav-link{width:100%;display:block;padding:1rem 1.25rem;border:0;border-left:4px solid transparent;background:transparent;color:rgba(255,255,255,.5);text-align:left;font-size:.74rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.nav-link:hover{color:var(--paper)}.nav-link.active{color:var(--sun);border-left-color:var(--sun);background:rgba(242,189,69,.08)}.sidebar-family{margin:0 1.25rem 1rem;padding:1rem 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}.sidebar-family span,.sidebar-family strong{display:block}.sidebar-family span{color:rgba(255,255,255,.42);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.sidebar-family strong{margin-top:.3rem;font-family:"Playfair Display",Georgia,serif;font-size:.9rem}.signout{width:100%;padding:1rem 1.25rem;border:0;background:none;color:rgba(255,255,255,.35);text-align:left;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.members-main{flex:1;min-width:0;padding:2.4rem}.mobile-topbar,.mobile-overlay{display:none}.title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.page-title{margin:.25rem 0 0;font-size:clamp(2rem,4vw,2.8rem);font-weight:900;line-height:1}.welcome-notice{position:relative;margin:0 0 1.5rem;padding:1rem 3rem 1rem 1.1rem;border:2.5px solid var(--coral);background:#fff4ee;box-shadow:4px 4px 0 var(--coral);font-size:.8rem;line-height:1.5}.welcome-notice div{display:flex;flex-wrap:wrap;gap:.2rem .65rem}.welcome-notice strong{font:800 1rem "Playfair Display",Georgia,serif}.welcome-notice span{color:#667976}.welcome-notice>button{position:absolute;top:.45rem;right:.65rem;border:0;background:transparent;color:var(--coral);font-size:1.3rem;cursor:pointer}.search-wrap{max-width:680px;margin-bottom:1.8rem}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.4rem}.story-card{min-width:0;border:3px solid var(--ink);background:var(--paper);box-shadow:6px 6px 0 var(--ink);transition:.12s;overflow:hidden}.story-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--ink)}.cover-button{position:relative;width:100%;height:280px;padding:0;border:0;border-bottom:3px solid var(--ink);background:var(--mint);overflow:hidden;cursor:pointer}.cover-button img{width:100%;height:100%;object-fit:cover}.cover-button.locked:after{content:"";position:absolute;inset:0;background:rgba(24,63,61,.43)}.ready-badge,.available-badge{position:absolute;z-index:2;top:.65rem;left:.65rem;padding:.3rem .5rem;border:2px solid var(--ink);background:var(--sun);box-shadow:2px 2px 0 var(--ink);font-size:.59rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.available-badge{background:var(--coral);color:#fff}.cover-lock{position:absolute;z-index:2;inset:50% auto auto 50%;display:grid;place-items:center;width:52px;height:52px;border:3px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--sun);font-size:1.35rem;font-style:normal;transform:translate(-50%,-50%)}.story-body{padding:1rem}.story-body h2{min-height:2.3em;margin:.45rem 0 .35rem;font-size:1.2rem;line-height:1.05}.story-body>p:not(.eyebrow){margin:0;color:var(--muted);font-size:.72rem}.text-button{margin-top:.8rem;padding:0 0 .15rem;border:0;border-bottom:2px solid var(--coral);background:transparent;color:var(--ink);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.empty{text-align:center;color:var(--muted);margin-top:3rem}.account-card{max-width:620px;margin-top:1.7rem;padding:1.5rem;border:3px solid var(--ink);background:#fff;box-shadow:6px 6px 0 var(--sun)}.account-card strong,.account-card span{display:block}.account-card strong{margin:.3rem 0;font:800 1.3rem "Playfair Display",Georgia,serif}.account-card span{color:var(--muted);font-size:.8rem}.account-card hr{border:0;border-top:2px solid var(--ink);margin:1.4rem 0}
.modal,.reader{border:0;padding:0;background:transparent;color:var(--ink)}.modal::backdrop,.reader::backdrop{background:rgba(10,35,34,.75)}.modal{width:min(440px,calc(100% - 28px))}.modal-card{position:relative;padding:1.75rem;border:3px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--coral)}.modal-card h2{font-size:1.8rem;margin:.5rem 0}.modal-card .muted{line-height:1.6}.modal-close,.reader-close{border:0;background:transparent;cursor:pointer;font-size:1.7rem}.modal-close{position:absolute;right:.7rem;top:.5rem}.modal-done{margin-top:.5rem}.reader{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0}.reader-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--paper)}.reader-shell>header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.25rem;border-bottom:3px solid var(--ink);background:var(--white)}.reader-shell>header h2{margin:.15rem 0 0;font-size:1.1rem}.reader-stage{min-height:0;display:grid;place-items:center;padding:1.2rem;overflow:hidden}.reader-stage article{width:min(1000px,100%);height:100%;max-height:650px;display:grid;grid-template-columns:1.08fr .92fr;border:3px solid var(--ink);background:var(--white);box-shadow:8px 8px 0 var(--coral);overflow:hidden}.page-art{min-height:0;background:var(--mint)}.page-art img{width:100%;height:100%;object-fit:cover}.page-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4.5rem)}.page-copy h3{margin:.55rem 0 1rem;font:900 clamp(2rem,4vw,3rem)/1 "Playfair Display",Georgia,serif}.page-copy p{font:500 clamp(1rem,1.7vw,1.2rem)/1.65 "Playfair Display",Georgia,serif;color:#496360}.cover-page{grid-template-columns:1fr!important;position:relative}.cover-page .page-art{position:absolute;inset:0}.cover-page .page-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,63,61,.9),rgba(24,63,61,.15))}.cover-page .page-copy{position:relative;z-index:2;width:55%;color:#fff}.cover-page .page-copy p{color:#fff}.end-page{grid-template-columns:1fr!important;place-items:center;text-align:center;background:var(--mint)!important}.end-page .page-copy{max-width:650px}.reader-shell>footer{display:grid;grid-template-columns:1fr minmax(180px,320px) 1fr;align-items:center;padding:.75rem 1rem;border-top:3px solid var(--ink);background:var(--white)}.reader-shell>footer button{border:0;background:transparent;font-size:.75rem;font-weight:900;text-transform:uppercase;cursor:pointer}.reader-shell>footer button:last-child{text-align:right}.reader-shell>footer div{text-align:center;font-size:.7rem;font-weight:800}.reader-shell>footer i{display:block;height:5px;margin-top:.4rem;background:#ddd}.reader-shell>footer b{display:block;height:100%;width:20%;background:var(--coral)}
@media(max-width:768px){.mobile-topbar{position:fixed;inset:0 0 auto;z-index:80;height:54px;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--paper);border-bottom:2px solid rgba(255,255,255,.1)}.mobile-topbar strong{text-transform:uppercase}.mobile-topbar strong span{color:var(--sun)}.mobile-topbar button{width:38px;height:36px;border:2px solid rgba(255,255,255,.2);background:transparent;color:#fff}.sidebar{position:fixed;z-index:100;width:260px;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.mobile-overlay.open{position:fixed;inset:0;z-index:90;display:block;background:rgba(0,0,0,.55)}.members-main{padding:78px 1rem 2rem}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.cover-button{height:235px}.reader-stage{padding:.55rem}.reader-stage article{height:100%;max-height:none;grid-template-columns:1fr;grid-template-rows:43% 57%}.page-copy{padding:1.4rem}.page-copy h3{font-size:1.8rem}.page-copy p{font-size:.95rem}.cover-page .page-copy{width:82%}.reader-shell>footer{grid-template-columns:auto 1fr auto;gap:.5rem}.desktop-create{display:none}}
@media(max-width:470px){.login-brand{font-size:3rem}.story-grid{grid-template-columns:1fr}.cover-button{height:340px}.title-row{display:block}.welcome-notice div{display:block}.welcome-notice span{display:block;margin-top:.25rem}.reader-stage article{grid-template-rows:39% 61%}.cover-page .page-copy{width:94%}.reader-shell>footer button{font-size:0}.reader-shell>footer button:first-child:after{content:"←";font-size:1.2rem}.reader-shell>footer button:last-child:after{content:"→";font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* AOV layer: preserve the Time Capsule shell, add brand and owned-customer offers. */
.login-brand{font:inherit;letter-spacing:normal;margin-bottom:2.2rem}.login-brand img{width:min(330px,82vw);margin:auto}.login-brand b{display:block;font:800 .68rem "DM Sans",Arial,sans-serif;line-height:1;letter-spacing:.22em;margin-top:.8rem}.sidebar-brand{padding:1rem 1.1rem .9rem;font:inherit;text-transform:none}.sidebar-brand img{width:100%;height:76px;object-fit:contain}.sidebar-brand small{margin-top:.35rem;text-align:center;text-transform:uppercase}.mobile-brand{display:flex;align-items:center;height:48px}.mobile-brand img{width:145px;height:46px;object-fit:contain}.collection-offer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin:0 0 1.6rem;padding:1.1rem 1.2rem;border:3px solid var(--ink);background:var(--mint);box-shadow:5px 5px 0 var(--sun)}.collection-offer h2{margin:.25rem 0;font-size:1.25rem}.collection-offer p:last-child{margin:0;color:#526a67;font-size:.78rem}.collection-offer .btn{flex:none}.modal-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem}.modal-actions .modal-done{margin:0}.reader-upsell{width:max-content;margin-top:1.1rem}
@media(max-width:768px){.collection-offer{display:block}.collection-offer .btn{width:100%;margin-top:1rem}}
@media(max-width:768px){.mobile-topbar{background:#fffdf8;color:var(--ink);border-bottom:2px solid var(--ink)}.mobile-topbar button{border-color:var(--ink);color:var(--ink)}}
@media(max-width:470px){.login-brand img{width:min(300px,88vw)}.modal-actions{align-items:stretch;flex-direction:column}.modal-actions .text-button{width:max-content}}