@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap";:root{--paper:#f4f1e9;--ink:#36382f;--muted:#77786d;--line:#dcdccf;--accent:#7b493c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:14px}button,input,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:0 0;border:0}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}:is(button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible){outline:2px solid var(--accent);outline-offset:5px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:94px;margin:0 5%;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:8px;font-family:Georgia,serif;font-size:26px;display:flex}.book-icon{color:var(--accent);margin-right:6px;font-family:Arial;font-size:28px}.brand-dot{color:var(--accent);margin-left:-8px}.top-actions{align-items:center;gap:25px;display:flex}.privacy{color:var(--muted);font-size:12px}.small{background:#ffffff25;border:1px solid #cccdbf;border-radius:3px;padding:10px 16px;font-size:12px}.small:hover{background:#e9e6dc}.primary{background:var(--ink);color:var(--paper);border-radius:3px;padding:11px 20px;font-size:12px}.breadcrumbs{color:var(--muted);justify-content:space-between;align-items:center;margin:30px 0 0;font-size:11px;display:flex}.breadcrumbs span{letter-spacing:2px}main{max-width:1240px;margin:auto;padding:0 55px}.opening{grid-template-columns:1fr 1.2fr;align-items:center;gap:65px;min-height:620px;padding:45px 0 65px;display:grid}.eyebrow{letter-spacing:2.4px;font-size:10px;font-weight:500}.opening h1{letter-spacing:-5px;margin:26px 0 22px;font-family:Libre Caslon Display,Georgia,serif;font-size:clamp(80px,9vw,145px);font-weight:400;line-height:1}.opening h1 span{color:var(--accent)}.subtitle{letter-spacing:.3px;color:#6e6f63;font-size:15px}.opening-rule{background:var(--accent);width:38px;height:1px;margin:35px 0 20px}.count{color:var(--muted);font-size:11px}.count span{margin:0 8px}.start{border-bottom:1px solid #acae9e;gap:35px;margin-top:40px;padding-bottom:10px;font-size:12px;display:inline-flex}.opening-photo{background:#fcfbf7;max-width:550px;padding:12px 12px 37px;position:relative;transform:rotate(1deg);box-shadow:0 10px 35px #25261715}.opening-photo img{object-fit:cover;width:100%;height:380px;display:block}.handwritten{color:#777064;font:italic 20px Georgia;position:absolute;bottom:8px;right:25px}.journal-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:22px 0;display:flex}.journal-bar>div{gap:8px;display:flex}.pages{grid-template-columns:1fr 1fr;align-items:start;gap:65px 55px;padding:60px 0;display:grid}.entry{min-width:0}.photo-button{width:100%;padding:0;display:block}.photo-button img{width:100%;height:auto;display:block}.portrait{padding:0 35px}.landscape{grid-column:1/-1;padding:0 85px}.landscape+.landscape{padding:0 30px}.text-entry{grid-column:1/-1;justify-self:center;width:100%;max-width:650px}.text-entry:has(.prose:empty){display:none}.caption{justify-content:space-between;align-items:flex-start;gap:20px;margin-top:14px;line-height:1.8;display:flex}.caption p{white-space:pre-wrap;margin:0;font-family:Georgia,serif;font-size:15px}.frame-number{color:#909183;letter-spacing:1px;margin-left:auto;font-size:10px}.prose{white-space:pre-wrap;font:20px/1.9 Georgia,serif}.end-mark{text-align:center;color:var(--accent);padding:30px 0 85px;font-size:30px}.end-mark p{color:var(--muted);font:italic 22px Georgia}.end-mark a{color:var(--ink);margin-top:15px;font-size:11px;display:inline-block}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin:0 5%;padding:30px 0;font-size:11px;display:flex}footer span:first-child{font:19px Georgia}textarea,input{border:1px solid var(--line);resize:vertical;background:#fffcf670;border-radius:3px;width:100%;padding:12px}textarea{min-height:85px;line-height:1.6}.long-text{min-height:230px;font:20px/1.7 Georgia}.title-input{margin-top:25px;margin-bottom:10px;font:64px Georgia}.entry-tools{justify-content:center;gap:10px;margin-top:12px;display:flex}.entry-tools button{border:1px solid var(--line);border-radius:3px;padding:7px 10px;font-size:11px}.edit-hint{color:var(--muted);margin-top:22px;font-size:12px}.status{background:var(--ink);color:#fff;z-index:5;border-radius:4px;max-width:90vw;padding:12px 24px;font-size:12px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #0002}.shelf{padding:85px 0}.shelf h1{margin:20px 0;font:64px/1.1 Libre Caslon Display,Georgia}.intro{color:var(--muted)}.covers{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px;display:grid}.cover{text-align:left;padding:0}.cover img,.blank-cover{object-fit:cover;width:100%;height:310px}.blank-cover{background:#d8d6c8;place-items:center;font:90px Georgia;display:grid}.cover-meta{letter-spacing:2px;color:var(--muted);justify-content:space-between;margin-top:18px;font-size:9px;display:flex}.cover h2{margin:14px 0 8px;font:40px Libre Caslon Display,Georgia}.cover p{color:var(--muted);font-size:12px}.empty-state{text-align:center;padding:50px;line-height:3}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:4px;width:90vw;max-width:500px;padding:40px}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#25251ecc}dialog h2{font:36px Georgia}dialog label{margin:20px 0;font-size:12px;display:block}dialog input{margin-top:8px}.dialog-actions{justify-content:flex-end;gap:20px;margin-top:30px;display:flex}.lightbox{background:0 0;border:0;width:95vw;max-width:1500px;height:95vh;padding:40px 0 0;overflow:hidden}.lightbox img{object-fit:contain;width:100%;height:100%}.lightbox button{background:var(--paper);border-radius:3px;padding:9px 18px;position:absolute;top:0;right:10px}@media (max-width:760px){.topbar{height:75px}.brand{font-size:23px}.top-actions{gap:8px}.privacy{font-size:10px}.top-actions .small{padding:8px;font-size:11px}.book-icon{display:none}main{padding:0 24px}.opening{grid-template-columns:1fr;gap:30px;padding:40px 0 50px}.opening h1{margin:18px 0;font-size:100px}.opening-photo{justify-self:center;width:92%}.opening-photo img{object-fit:cover;height:auto;max-height:440px}.opening-rule{margin:22px 0 15px}.start{margin-top:20px}.opening-copy{padding-left:6px}.journal-bar,.journal-bar>div{flex-wrap:wrap}.pages{gap:35px 18px;padding:35px 0}.portrait,.landscape,.landscape+.landscape{padding:0}.caption p{font-size:13px}.shelf h1{font-size:48px}.covers{grid-template-columns:1fr 1fr;gap:25px}.cover img,.blank-cover{height:230px}.entry-tools{flex-wrap:wrap;gap:3px}.entry-tools button{padding:6px}.editing .portrait{grid-column:1/-1}.status{width:max-content;max-width:90vw}.eyebrow{font-size:9px}.opening h1{overflow-wrap:anywhere}.shelf{padding:55px 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.journal-bar{background:var(--paper);z-index:3;position:sticky;top:0}.entry-tools{flex-wrap:wrap}.empty-photo{height:380px;color:var(--muted);place-items:center;font:italic 24px Georgia;display:grid}.opening h1.long-title{letter-spacing:-2px;overflow-wrap:anywhere;font-size:clamp(46px,5.5vw,78px)}.covers .cover h2{overflow-wrap:anywhere}.status .backup{color:inherit;margin-left:16px;font-size:12px;text-decoration:underline}.visibility-label{border:1px solid var(--line);color:var(--muted);border-radius:3px;margin-top:7px;padding:5px 9px;font-size:10px;display:inline-block}.visibility-label.shared{color:#41604c;background:#e6ece4;border-color:#a4b7a7}.sharing-controls{border:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px;padding:20px;display:flex}.sharing-controls label{font-size:13px;font-weight:500}.sharing-controls select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid #babcac;border-radius:3px;padding:10px 30px 10px 12px}.sharing-controls p,.sharing-hint{width:100%;color:var(--muted);margin:0;font-size:12px;line-height:1.7}.sharing-hint{margin-top:25px}@media (max-width:760px){.topbar{flex-wrap:wrap;gap:12px;height:auto;min-height:75px;padding:15px 0}.top-actions{flex-wrap:wrap}.sharing-controls{gap:12px}.sharing-controls select{max-width:100%}}