:root{--rose:#efe1dc;--pine:#315447;--honey:#d2aa59;--paper:#faf7f1;--ink:#243c33;--muted:#657369;--rule:#d4d8ca}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--rose);color:var(--ink);font:14px/1.6 Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button,a{text-underline-offset:4px}button{border:0;background:none}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--honey);outline-offset:4px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:Georgia,'Times New Roman',serif;line-height:1.08;letter-spacing:-1.8px}h2 i{font-weight:400}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700}.skip-link{position:fixed;top:-60px;left:12px;z-index:99;background:var(--pine);color:white;padding:12px}.skip-link:focus{top:10px}header{max-width:1440px;margin:auto;padding:30px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{text-decoration:none;font-family:Georgia,serif;font-size:30px;line-height:1;display:grid;grid-template-columns:42px 1fr;gap:7px 10px;align-items:center}.brand svg{width:36px;grid-row:span 2;fill:none;stroke:var(--pine);stroke-width:2}.brand span{font:8px Arial;letter-spacing:2px}nav{display:flex;align-items:center;gap:30px}nav a{text-decoration:none;font-size:12px}.nav-button{padding:12px 22px;border-radius:28px;background:var(--pine);color:var(--paper);font-size:12px}main{max-width:1440px;margin:auto;padding:10px 5% 0}.manual{background:var(--paper);border-radius:12px;overflow:hidden;box-shadow:0 12px 30px #473a3210}.manual-top,.manual-bottom{display:flex;justify-content:space-between;align-items:center;padding:13px 30px;border-bottom:1px solid var(--rule);font-size:9px;letter-spacing:1.4px}.dot{color:var(--honey);padding:0 10px}.text-button{font-size:12px;padding:6px 0;text-decoration:underline;text-underline-offset:4px}.spread{display:grid;grid-template-columns:1fr 1fr}.portrait-page{padding:30px 35px 22px;border-right:1px solid var(--rule)}.profile-heading{position:relative;min-height:138px}h1{font-size:47px;margin:10px 0 22px}.pet-switch{position:absolute;top:0;right:0;font-size:11px}.pet-switch select{display:block;max-width:180px;padding:5px}figure{position:relative;border-radius:2px;min-height:310px;background:#c9c7b5}figure img{display:block;width:100%;height:350px;object-fit:cover;object-position:50% 15%}figcaption{font-size:7px;letter-spacing:1.2px;background:var(--paper);padding-top:7px}.portrait-seal{position:absolute;right:20px;bottom:32px;width:90px;height:90px;border-radius:50%;background:var(--honey);text-align:center;padding:20px 0;font-family:Georgia,serif;font-size:18px;line-height:1.3;transform:rotate(-12deg)}.profile-note{display:flex;gap:25px;padding:22px 0 0;align-items:baseline}.profile-note .eyebrow{max-width:90px;flex-shrink:0;font-size:8px}.profile-note p{font:16px/1.5 Georgia,serif;overflow-wrap:anywhere}.journal-page{padding:32px 35px 20px;display:flex;flex-direction:column}.journal-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.journal-title h2{font-size:35px;margin-top:8px}.page-number{font:italic 40px Georgia;color:#bdc0ae}.empty-copy{font:26px/1.3 Georgia;margin:0 0 14px}.empty-copy+p{font-size:13px;max-width:320px;color:var(--muted);margin-bottom:25px}.primary,.secondary{padding:12px 19px;min-height:44px;border-radius:5px;font-size:12px}.primary{background:var(--pine);color:var(--paper)}.primary span{margin-left:25px}.secondary{border:1px solid var(--pine);background:transparent}#sample{display:block;margin:10px 0 0}.empty-lines{display:grid;margin-top:29px;color:#747d70;font:italic 16px Georgia}.empty-lines span{padding:14px 0;border-top:1px solid var(--rule)}.local-note{border-top:1px solid var(--rule);margin-top:auto;padding-top:19px;font-size:10px}.local-note p{font-size:10px;color:var(--muted);max-width:370px;margin:5px 0}.connection-dot{display:inline-block;width:6px;height:6px;background:var(--pine);border-radius:50%;margin-right:6px}.manual-bottom{border-top:1px solid var(--rule);border-bottom:0;font-size:8px}.actor-line{display:flex;align-items:center;gap:12px;font-size:12px;margin-bottom:15px;flex-wrap:wrap}select,input,textarea{border:1px solid #b9c4b6;background:#fffdf8;border-radius:4px;padding:9px;min-width:0}select{max-width:100%}.actor-line select{flex:1}.task-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;border-top:1px solid var(--rule);padding:17px 0}.task-number{font:italic 16px Georgia;color:#949b88}.task-copy h3{font:20px Georgia}.task-copy p{font-size:10px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.task-action{padding:9px 12px;border:1px solid var(--pine);border-radius:22px;font-size:10px}.task-row.done .task-action{background:#e4ebdf;border-color:#c7d0bd}.task-row.done h3{color:var(--pine)}.task-copy .due{color:#875717;font-weight:700}.daily-summary{font:italic 16px Georgia;padding:9px 0 15px}.journal-tools{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:10px;padding-bottom:22px}.journal-tools a{font-size:11px}.small-notice{font-size:10px;color:#765719;background:#f5e9cb;padding:5px 8px;margin-bottom:8px}.intro-slip{margin:17px 0 0 auto;display:flex;align-items:center;gap:14px;width:max-content;max-width:100%;border-bottom:1px solid #b9b8a7;padding:5px 0 12px;font-size:11px}.intro-slip svg{width:42px;height:30px;fill:none;stroke:var(--pine);stroke-width:1.7}.intro-slip span{display:block}.slip-first{font:italic 15px Georgia}.slip-second{font-size:9px;letter-spacing:.6px}.intro-slip.playing svg{stroke-dasharray:140;animation:draw 1.5s both}.intro-slip.playing .slip-first{animation:appear .5s 1s both}.intro-slip.playing .slip-second{animation:appear .5s 2.7s both}.story{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;padding:72px 15px 65px;border-bottom:1px solid #bfc4b5}.story h2{font-size:54px;margin-top:15px}.story-copy p:first-child{font:23px/1.4 Georgia;margin:0 0 22px}.story-copy p:nth-child(2){font-size:13px;color:#546559;max-width:390px;margin-bottom:18px}.records{padding:58px 15px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading h2{font-size:36px;margin-top:12px}.record-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.import-label{cursor:pointer;position:relative}.import-label input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.import-label:focus-within{outline:3px solid var(--honey)}.record-caption{font-size:11px;margin:20px 0;color:var(--muted)}#history{list-style:none;padding:0;margin:0}#history li{display:grid;grid-template-columns:145px 1fr auto;gap:18px;align-items:center;border-top:1px solid #c3c9ba;padding:15px 0;font-size:12px}#history time{font-size:10px;color:var(--muted)}#history strong{font-weight:400}#history small{display:block;color:var(--muted);font-size:10px}.history-empty{font:italic 19px Georgia;border-block:1px solid #c3c9ba;padding:25px 0}.closing{background:var(--pine);color:var(--rose);padding:45px;text-align:center;border-radius:10px 10px 0 0}.closing svg{fill:none;stroke:var(--honey);stroke-width:1.5;width:48px;margin-bottom:20px}.closing h2{font-size:45px}.closing p{font-size:11px;margin-top:20px;color:#d1d9ca}footer{max-width:1440px;padding:28px 5% 24px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px}footer div{display:flex;gap:22px;align-items:center}footer button{font-size:11px!important}footer p{width:100%;font-size:10px;color:var(--muted)}dialog{border:0;border-radius:12px;background:var(--paper);color:var(--ink);width:min(490px,calc(100% - 30px));padding:30px;max-height:90dvh;overflow:auto;box-shadow:0 20px 90px #11271f40}dialog::backdrop{background:#1f392e66;backdrop-filter:blur(3px)}.wide-dialog{width:min(640px,calc(100% - 30px))}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-heading h2{font-size:32px}.dialog-heading button{font-size:28px;line-height:1;padding:0 5px}dialog label{display:block;font-size:12px;margin:15px 0}dialog input,dialog textarea{display:block;width:100%;margin-top:5px}dialog textarea{min-height:85px;resize:vertical}dialog p{font-size:13px;margin:15px 0}dialog .form-note{font-size:11px;color:var(--muted)}dialog .primary{margin:6px 8px 6px 0}.pair-actions{display:flex;gap:8px;flex-wrap:wrap}.pair-actions button{font-size:10px}#pair-output,#pair-input{font:10px/1.3 monospace;word-break:break-all}#pair-status{padding:8px 12px;background:#e5e9df}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:14px 24px;background:var(--pine);color:white;box-shadow:0 6px 20px #1b2f3220;border-radius:6px;z-index:100;width:max-content;max-width:calc(100% - 30px);font-size:13px}#storage-warning{padding:12px;background:#f3d68d;position:sticky;bottom:0;font-size:12px;z-index:90}body.photo-failed figure:before{content:'A place for your companion';display:block;position:absolute;inset:110px 0 auto;text-align:center;font:25px Georgia}body.photo-failed figure img{visibility:hidden}[hidden]{display:none!important}@keyframes draw{from{stroke-dashoffset:140}to{stroke-dashoffset:0}}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1400px){figure img{height:390px}.journal-page{padding:38px 45px}.portrait-page{padding:32px 42px}}@media(max-width:800px){header{padding:22px 5%}.brand{font-size:25px;grid-template-columns:32px 1fr}.brand svg{width:29px}.brand span{font-size:6px;letter-spacing:1.5px}nav{gap:12px}nav a{display:none}.nav-button{padding:10px 14px;font-size:10px}.portrait-page,.journal-page{padding:25px}.spread{grid-template-columns:1fr}.portrait-page{border-right:0;border-bottom:1px solid var(--rule)}.profile-heading{min-height:0}h1{font-size:40px;margin-bottom:24px}figure img{height:330px}.journal-title h2{font-size:32px}.local-note{margin-top:15px}.story{gap:35px;padding:48px 5px}.story h2{font-size:39px}.story-copy p:first-child{font-size:20px}.section-heading{align-items:start;flex-direction:column}.manual-top,.manual-bottom{padding:12px 22px;gap:10px}.manual-top{font-size:8px}.manual-top .text-button{font-size:10px}.records{padding:42px 5px}.closing{padding:35px 20px}.closing h2{font-size:38px}}@media(max-width:480px){main{padding:0 4%}header{padding:22px 4%}.nav-button{font-size:9px;padding:10px}.brand{font-size:24px}.brand span{font-size:5.5px}.portrait-page,.journal-page{padding:24px 22px}.eyebrow{font-size:8px;letter-spacing:1.4px}.profile-heading .eyebrow{font-size:7px}.pet-switch{position:static;margin:0 0 15px;display:flex;align-items:center;gap:10px}figure img{height:285px}h1{font-size:39px}.profile-note p{font-size:14px}.profile-note{gap:15px}.profile-note .eyebrow{max-width:70px}.story{grid-template-columns:1fr;gap:28px;padding-top:45px}.story h2{font-size:44px}.story-copy{padding-left:30px}.intro-slip{font-size:9px}.intro-slip svg{width:33px}.slip-first{font-size:13px}.slip-second{font-size:8px}.task-row{grid-template-columns:21px 1fr auto;gap:9px}.task-copy h3{font-size:18px}.task-action{padding:9px 10px}.manual-bottom{font-size:6px;letter-spacing:.7px}.record-tools{gap:12px}.record-tools .secondary{padding:9px 13px}#history li{grid-template-columns:1fr auto;gap:6px 14px}#history time{grid-column:1/-1}.section-heading h2{font-size:32px}footer div{flex-wrap:wrap;gap:15px}dialog{padding:25px 22px}.dialog-heading h2{font-size:29px}.empty-copy{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
h1{overflow-wrap:anywhere}#pair-status{text-transform:capitalize}.task-action{min-height:40px}.text-button{min-height:32px}dialog button[data-close]{min-width:32px;min-height:32px}