@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap";:root{font-family:DM Sans,sans-serif;color:#34312e;background:#faf6ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}h1,h2,.logo,.cover strong{font-family:Playfair Display,Georgia,serif}button{transition:background .2s,transform .2s}button:hover{opacity:.88}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fffdf9;border-bottom:1px solid #e9e1d8}header>div{display:flex;align-items:center;gap:25px}.logo{font-size:24px;font-weight:600;background:none;border:0;color:#34312e}.logo i{font-weight:400;color:#8aa597}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#9b847c}.subtle,.back{background:none;border:0;color:#625c58}.login{min-height:100vh;padding:32px 6%;background:linear-gradient(120deg,#faf6ef,#faf6ef 58%,#e5eee7)}.login>.logo{display:inline-block;margin:5px 0}.loginCard{max-width:630px;margin:12vh auto 0;padding:20px 10px}.login h1{font-size:clamp(48px,6vw,78px);line-height:1.15;font-weight:500;margin:22px 0 24px;letter-spacing:-2px}.login h1 i,.library h1 i{color:#c58f9f;font-weight:400}.loginCard>p,.library>p{color:#766c67;font-size:16px;line-height:1.8}.login form{display:flex;gap:10px;margin:38px 0 18px}.login input{min-width:0;flex:1;background:#fff;border:1px solid #d9cec5;padding:16px 18px;border-radius:3px;outline-color:#9eaf9f}.login form button,.primary{border:0;background:#36483e;color:#fff;padding:15px 23px;border-radius:3px;font-weight:600}.loginCard>small{color:#756f68}.library{max-width:1160px;margin:0 auto;padding:76px 30px}.library h1{font-size:clamp(44px,6vw,72px);line-height:1.15;font-weight:500;letter-spacing:-1px;margin:20px 0}.sectionhead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4d9cf;padding-bottom:18px;margin-top:70px}.sectionhead h2{font-size:30px;font-weight:500;margin:0}.sectionhead small{font:14px DM Sans,sans-serif;color:#a1968b}.shelf{display:flex;gap:30px;flex-wrap:wrap;padding-top:34px}.book{width:185px;background:none;border:0;text-align:left;color:inherit;padding:0}.cover{height:252px;display:flex;flex-direction:column;padding:24px 19px;border-left:8px solid #ffffff50;box-shadow:6px 8px 16px #443e3825}.book:hover .cover{transform:translateY(-5px)}.cover span,.cover small{font-size:9px;letter-spacing:1.3px}.cover strong{font-size:26px;line-height:1.25;margin:auto 0;overflow-wrap:anywhere}.cover .line{width:40px;border-top:1px solid #615852;margin-top:16px}.book>b{display:block;font-size:13px;margin-top:18px}.book>small{display:block;font-size:12px;color:#958980;margin-top:8px}.newbook{width:185px;height:252px;border:1px dashed #cbbfb4;background:#fffcf7;font-size:38px;color:#988b82}.newbook span{display:block;font-size:12px;margin-top:12px}.workspace{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:calc(100vh - 86px)}aside{background:#fffaf3;border-right:1px solid #e9dfd4;padding:30px 22px;display:flex;flex-direction:column;gap:22px}.back{text-align:left;padding:0}.bookname{border-left:4px solid #eebac5;padding:6px 16px}.bookname small{font-size:10px;letter-spacing:2px}.bookname h2{font-size:25px;font-weight:500;margin:9px 0}.tabs{display:flex;border-bottom:1px solid #e8ded4}.tabs button{flex:1;border:0;background:none;padding:12px}.tabs .active{border-bottom:2px solid #a57983}.items{display:flex;flex-direction:column;gap:5px}.item{display:flex;align-items:center;justify-content:space-between}.item.selected{background:#f7e9e8}.item>button{border:0;background:none;text-align:left;flex:1;padding:12px 8px}.item small{color:#9d877e}.item>div{display:flex}.item>div button{border:0;background:none;padding:5px}.add{border:1px dashed #c9bdb3;background:none;padding:12px}.export{margin-top:auto;border-top:1px solid #e7dcd0;padding-top:18px;display:flex;flex-direction:column;gap:12px}.export button{text-align:left;border:0;background:none;color:#53675b;padding:4px}.editorWrap{background:#f3f0e9;padding:55px 7%}.paper{max-width:800px;margin:0 auto;background:#fffefa;min-height:76vh;padding:55px clamp(22px,5vw,70px);box-shadow:0 6px 35px #302a2410}.paperTop,.paperFoot{display:flex;align-items:center;justify-content:space-between}.paperTop small,.paperFoot small{color:#9c938c}.titleInput{width:100%;display:block;margin:40px 0 24px;border:0;outline:0;background:none;font:500 38px Playfair Display,Georgia,serif}.paper textarea{display:block;width:100%;min-height:47vh;border:0;outline:0;resize:vertical;background:none;font:17px/1.95 Georgia,serif;color:#403b37}.paperFoot{border-top:1px solid #eee7df;padding-top:17px}.paperFoot button{border:0;background:none;color:#5c7464}.empty{text-align:center;padding:120px 10px}.empty h2{font-size:34px;font-weight:500}.toast{position:fixed;right:24px;bottom:24px;border:0;background:#36483e;color:#fff;padding:15px 20px;border-radius:4px;box-shadow:0 5px 25px #0002}@media (max-width:750px){header{height:70px;padding:0 18px}header>div .eyebrow{display:none}.login{padding:24px}.loginCard{margin-top:12vh}.login h1{letter-spacing:-1px}.login form{flex-direction:column}.workspace{display:block}aside{border-right:0;border-bottom:1px solid #e9dfd4;min-height:0}.editorWrap{padding:18px}.paper{padding:28px 22px}.library{padding:54px 20px}.shelf{gap:18px}.book,.newbook{width:calc(50% - 9px)}.cover{height:230px}.sectionhead{margin-top:48px}.sectionhead h2{font-size:23px}}.tocPaper h1{font-size:42px;font-weight:500}.tocEntries{margin-top:40px;border-top:1px solid #e9e0d7}.tocEntry{display:flex;gap:20px;align-items:center;width:100%;padding:20px 4px;border:0;border-bottom:1px solid #e9e0d7;background:transparent;text-align:left;cursor:pointer}.tocEntry strong{flex:1;font:400 22px Georgia,serif}.tocEntry span{color:#8e8078}.book[draggable=true]{cursor:grab}.book[draggable=true]:active{cursor:grabbing}.bookMove{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;color:#7e817b}.bookMove [role=button]{border:1px solid #d9d1c8;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:#fffaf5;cursor:pointer}.bookMove [aria-disabled=true]{opacity:.3;cursor:default}.moveHint{font-size:10px;letter-spacing:.04em}