@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap";:root{color:#42283e;font-synthesis:none;background:#faf5eb;font-family:DM Sans,system-ui,sans-serif;line-height:1.55}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:#fff;cursor:pointer;background:#b75434;border:1px solid #0000;border-radius:9px;min-height:44px;padding:10px 18px;font-weight:600}button:hover{filter:brightness(.94)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #7c8060}a{color:inherit}header{border-bottom:1px solid #dfd1bf;justify-content:space-between;align-items:center;gap:16px;max-width:1440px;margin:auto;padding:24px 4%;display:flex}.brand{font:700 clamp(18px,2.1vw,27px)/1.3 Libre Baskerville,Georgia,serif;text-decoration:none}.brand span{margin-right:8px;font-family:serif;font-weight:400}main{max-width:1240px;min-height:75vh;margin:0 auto;padding:48px 36px 80px}h1,h2,h3{margin:0 0 16px;font-family:Libre Baskerville,Georgia,serif;line-height:1.25}h1{letter-spacing:-2px;font-size:clamp(34px,5vw,56px)}h2{letter-spacing:-.6px;font-size:25px}h3{font-size:20px}p{color:#725e65;margin:0 0 18px}input,select,textarea{color:#42283e;background:#fffdf8;border:1px solid #d9c8b9;border-radius:8px;width:100%;min-width:0;margin:7px 0 18px;padding:11px 12px;display:block}textarea{resize:vertical;min-height:98px}label{font-size:14px;font-weight:600;display:block}img{max-width:100%;height:auto;display:block}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#654358;margin-bottom:14px;font-size:10px;font-weight:700}.page-heading,.section-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;display:flex}.page-heading{margin-top:12px}.page-heading p:last-child{margin-bottom:0}.section-heading{align-items:flex-start}.section-heading h2{font-size:24px}.paper{background:#fffdf8;border:1px solid #decebd;border-radius:16px;padding:28px;box-shadow:0 2px #e8ddce33}.quiet{color:#684b55;background:0 0;border-color:#0000;font-weight:500}.back{margin-bottom:16px;padding-left:0}.muted{color:#88787a}.small{font-size:12px}.badge{color:#685348;white-space:normal;background:#efe9d7;border-radius:30px;padding:6px 12px;font-size:12px;display:inline-block}.notice{overflow-wrap:anywhere;background:#f1ecdd;border:1px solid #daceb6;border-radius:12px;margin-bottom:24px;padding:18px}.error{color:#8a321e;background:#f8e8e0;justify-content:space-between;align-items:center;display:flex}.narrow{max-width:520px;margin:28px auto}.tabs{scrollbar-width:thin;border-bottom:1px solid #dfd1bf;gap:8px;margin-bottom:32px;padding:0 0 12px;display:flex;overflow-x:auto}.tabs button{color:#654b59;white-space:nowrap;background:0 0}.tabs button.active{color:#fff;background:#b75434}.shelves{border-bottom:12px solid #d9c6aa;grid-template-columns:repeat(auto-fit,minmax(220px,300px));gap:44px 32px;padding:20px 10px 32px;display:grid;box-shadow:0 8px 12px -8px #73533466}.family-book{color:inherit;text-align:left;background:0 0;min-width:0;padding:0}.book-cover{background:var(--book-color);color:#fff8eb;border-radius:4px 12px 12px 4px;flex-direction:column;min-height:285px;padding:30px 25px 22px 35px;display:flex;position:relative;box-shadow:inset 10px 0 #00000013,4px 5px #e2d7bf,6px 7px 12px #4936251c}.book-cover .eyebrow{color:#fff8ebbc}.book-cover strong{overflow-wrap:anywhere;font:700 30px/1.3 Libre Baskerville,Georgia,serif}.book-mark{text-align:center;opacity:.7;margin-top:auto;font-size:56px}.book-caption{flex-direction:column;padding:24px 4px 12px;display:flex}.book-caption span{color:#8c7370;margin-top:4px;font-size:13px}.empty{text-align:center;margin-top:32px;padding:60px 24px}.illustration{color:#ad806b;margin-bottom:20px;font-size:50px;display:block}.empty p{max-width:490px;margin:0 auto 24px}.welcome{max-width:850px;margin:30px auto}.welcome>p:not(.eyebrow){max-width:600px;font-size:19px}.welcome .paper{max-width:560px;margin-top:40px}.login-layout{grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;max-width:1080px;margin:36px auto;display:grid}.login-layout .quiet{width:100%;font-size:13px;display:block}.login-layout form>button:first-of-type{width:100%}.comic-layout{grid-template-columns:minmax(0,3fr) minmax(220px,1fr);align-items:start;gap:28px;display:grid}.comic{padding:0;overflow:hidden}.comic-heading{padding:28px}.comic-heading h2{margin:0;font-size:30px}.comic img{width:100%}.archive-item{text-align:left;color:#654b59;background:0 0;width:100%;margin:10px 0;padding:14px;display:block}.archive-item.selected{background:#eee9d6}.archive-item small{margin-top:4px;font-size:12px;font-weight:400;display:block}.people-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.person>img{object-fit:contain;background:#f2ede5;border-radius:9px;width:100%;height:220px;margin-bottom:22px}.person-heading{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.person-heading h3{margin-bottom:6px}.form-grid,.settings-grid{grid-template-columns:1fr 1fr;gap:0 28px;display:grid}.settings-grid{align-items:start}.editor{margin-bottom:32px}.checkbox{align-items:center;gap:10px;display:flex}.checkbox input{width:20px;min-height:20px;margin:0}.actions{flex-wrap:wrap;gap:12px;display:flex}.upload{margin-top:18px}.upload input{background:0 0;border:0;padding:10px 0;font-size:12px}.reference-list{flex-wrap:wrap;gap:8px;display:flex}.reference-list>span{background:#f1ebdf;border-radius:8px;align-items:center;padding-left:8px;font-size:12px;display:flex}.reference-list button{padding:4px 10px}.moments{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:24px;display:grid}.invitation-row{border-bottom:1px solid #e8dfd1;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}hr{border:0;border-top:1px solid #e8dfd1;margin:28px 0}.invite{margin-bottom:32px}footer{color:#8c7779;border-top:1px solid #dfd1bf;justify-content:space-between;gap:12px;max-width:1240px;margin:auto;padding:28px 36px;font-size:12px;display:flex}footer span{color:#a08d8e}@media (width<=800px){main{padding:32px 24px 60px}.login-layout{grid-template-columns:1fr;gap:30px;max-width:520px}.comic-layout{grid-template-columns:1fr}.comic-layout aside{order:2}.settings-grid{grid-template-columns:1fr;gap:24px}.shelves{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.book-cover{min-height:245px;padding:24px}.book-cover strong{font-size:25px}}@media (width<=480px){header{padding:20px}.brand{font-size:18px}main{padding:26px 20px 48px}h1{letter-spacing:-1px;font-size:36px}h2{font-size:23px}.paper{padding:22px}.page-heading,.section-heading{flex-direction:column;align-items:flex-start;gap:16px}.page-heading>button,.section-heading>button{width:100%}.tabs{gap:2px;margin-left:-2px;margin-right:-2px}.tabs button{padding:10px 12px;font-size:13px}.shelves{gap:24px 18px;padding:8px 0 24px}.book-cover{min-height:220px;padding:20px 16px 18px 22px}.book-cover strong{font-size:21px}.book-cover .eyebrow{letter-spacing:1px;font-size:8px}.book-mark{font-size:40px}.book-caption{padding-top:18px;font-size:13px}.book-caption span{font-size:11px}.form-grid{grid-template-columns:1fr}.comic{padding:0}.comic-heading{padding:22px}.comic-heading h2{font-size:25px}.empty{padding:40px 22px}.people-grid{grid-template-columns:1fr}.login-layout{margin-top:12px}footer{flex-direction:column;padding:22px 20px}}
