.brand-group{display:flex;align-items:center;gap:15px;min-width:0}#book-title{font:10px/1.3 var(--sans);color:#9a9f91;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;border-left:1px solid #e1e5d8;padding-left:14px}#book-title:hover{color:#647258}.library-open .toolbar{visibility:hidden}.library-open #book-title{display:none}.library[hidden]{display:none}.library{position:absolute;inset:0 24px 15px;z-index:90;overflow:auto;padding:52px clamp(24px,5.5vw,100px) 40px;background:radial-gradient(ellipse at 50% 0,#ffffff 0%,#fcfbf6 75%);border:1px solid #e0e1d6;border-radius:11px;box-shadow:0 3px 0 #e5e4d9,0 5px 9px #313b2510}.library-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:44px}.library-eyebrow{font:8px/1.4 var(--sans);letter-spacing:.2em;color:#a1a58f}.library h1{font:400 clamp(30px,3vw,43px)/1.1 var(--serif);margin:12px 0 14px;color:#3c4935}.library-top p{font:14px/1.6 var(--serif);margin:0;color:#949982}.library-back{font:11px var(--sans);color:#7b886d;white-space:nowrap;padding:10px 0}.library-back span{margin-left:10px}.book-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:35px 32px;max-width:1200px}.shelf-entry{min-width:0}.notebook-cover,.new-notebook{width:100%;height:280px;max-width:245px;position:relative;border-radius:3px 10px 10px 3px}.notebook-cover{--cover:#9ca88d;--cover-ink:#fbfaf2;background:var(--cover);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 25px 30px 32px;text-align:center;color:var(--cover-ink);box-shadow:1px 2px 0 #d0cdbd,3px 3px 0 #f4f0e4,4px 5px 0 #c3c3b2,6px 8px 12px #3c472527;transition:transform .2s,box-shadow .2s}.notebook-cover:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#00000019 0,transparent 3%,#ffffff18 5%,#00000013 6%,transparent 8%);pointer-events:none;border:1px solid #26302018}.notebook-cover:after{content:'';position:absolute;inset:16px 12px 16px 20px;border:1px solid #fff3;border-radius:1px 4px 4px 1px;pointer-events:none}.notebook-cover:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:1px 2px 0 #d0cdbd,3px 3px 0 #f4f0e4,4px 5px 0 #c3c3b2,8px 14px 18px #3c47252b}.notebook-cover[data-cover=sand]{--cover:#c4b392}.notebook-cover[data-cover=rose]{--cover:#c69b9b}.notebook-cover[data-cover=blue]{--cover:#91a8b0}.notebook-cover[data-cover=clay]{--cover:#b48570}.notebook-cover[data-cover=ink]{--cover:#576b59}.cover-overline{font:7px/1 var(--sans);letter-spacing:.25em;opacity:.7;position:absolute;top:37px;left:25px;right:18px}.cover-title{font:400 25px/1.25 var(--serif);overflow-wrap:anywhere;max-width:100%;max-height:125px;overflow:hidden}.cover-line{width:23px;height:1px;background:#fff7;margin:19px 0 14px}.cover-subtitle{font:11px/1.5 var(--serif);opacity:.8;overflow-wrap:anywhere;max-height:50px;overflow:hidden}.shelf-book-meta{max-width:245px;display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:16px;font:9px var(--sans);color:#a0a48f}.shelf-book-meta button{font-size:10px;color:#7c896e}.new-notebook{border:1px dashed #ccd2bf;background:#f6f7ef66;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#869478;font:17px var(--serif);gap:10px}.new-notebook:hover{background:#f0f3e7}.new-book-plus{font:300 32px var(--sans);margin-bottom:9px;color:#abb59b}.new-notebook small{font:10px var(--sans);color:#a3aa96}.library-footnote{margin:38px 0 0;color:#a8ad9b;font:11px/1.6 var(--serif)}.cover-field{border:0;padding:0;margin:5px 0}.cover-field legend{font-size:11px;color:#727b66;margin-bottom:12px}.cover-colors{display:flex;gap:12px}.cover-colors button{width:31px;height:38px;border-radius:2px 5px 5px 2px;border:2px solid transparent;box-shadow:1px 2px 2px #39412720}.cover-colors button[aria-pressed=true]{outline:1px solid #758569;outline-offset:4px}.book-dialog h2{padding-right:25px}.book-dialog .memory-form{margin-top:22px}.book-dialog input{font-size:14px}@media(max-width:900px){#book-title{max-width:80px;font-size:9px}.brand-group{gap:8px}#book-title{padding-left:8px}.library{padding:35px 28px}.book-shelf{gap:30px 25px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.notebook-cover,.new-notebook{height:250px}}@media(max-width:650px){.library{inset:0 10px 10px;padding:28px 20px}.library-top{align-items:start;gap:10px;margin-bottom:30px}.library-back{font-size:9px;white-space:normal;max-width:75px;line-height:1.6}.library h1{font-size:32px}.library-top p{font-size:12px}.book-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}.notebook-cover,.new-notebook{height:225px}.cover-title{font-size:21px}.cover-subtitle{font-size:10px}.cover-overline{font-size:6px}.notebook-cover{padding:25px 15px 25px 22px}.shelf-book-meta{font-size:8px;flex-wrap:wrap}#book-title{max-width:75px;font-size:9px}.library-eyebrow{font-size:7px}.library-open .app-header{height:56px}.library-open .workspace{height:calc(100dvh - 56px)}}
.cover-title{font-size:21px;hyphens:auto}.library-open .book-shell{visibility:hidden}.library-open .hint{display:none}
.library-top{margin-bottom:36px;align-items:center}.library h1{display:flex;align-items:center;gap:13px;margin:0;font-size:34px}.library-count{font:11px var(--sans);color:#a0a791;display:grid;place-items:center;width:23px;height:23px;border:1px solid #e1e5d8;border-radius:50%}.library{padding-top:42px}.notebook-cover{overflow:hidden}.cover-title{position:relative;z-index:2}.cover-line{position:relative;z-index:2;margin-bottom:0}.cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.notebook-cover.photo-cover{justify-content:flex-end;padding-bottom:34px}.notebook-cover.photo-cover:before{z-index:1;background:linear-gradient(90deg,#0003,transparent 9%),linear-gradient(0deg,#142015a3,transparent 65%)}.notebook-cover.photo-cover:after{z-index:2;border-color:#ffffff50}.photo-cover .cover-title{text-shadow:0 1px 9px #0005}.shelf-book-meta{margin-top:10px}.shelf-book-meta button{font:21px/1 var(--sans);letter-spacing:1px;padding:2px 6px}.new-notebook{font:14px var(--serif)}.new-book-plus{margin-bottom:4px}.book-dialog{width:min(550px,calc(100vw - 28px));padding:29px}.book-dialog h2{font-size:29px;margin-bottom:26px}.cover-composer{display:grid;grid-template-columns:158px 1fr;gap:28px;align-items:start}.cover-preview-column{display:flex;flex-direction:column;align-items:center;gap:10px}#cover-preview{height:216px;pointer-events:none;padding:20px 20px 25px 26px}#cover-preview .cover-title{font-size:21px}#cover-preview:after{inset:12px 10px 12px 16px}.cover-fields{display:grid;gap:23px}.cover-fields input{font-size:14px}.cover-colors{gap:9px;flex-wrap:wrap}.cover-colors button{width:24px;height:30px}.cover-field{margin:0}.cover-field legend{margin-bottom:11px}.cover-photo-button{display:flex;align-items:center;gap:7px;color:#79876c;font:11px var(--sans);padding:7px 5px}.cover-photo-button svg{width:16px;height:16px}.cover-photo-button:hover{color:#3d5233}.cover-remove{font:10px var(--sans);color:#a0a18e;padding:2px}.cover-remove[hidden],#cover-position-field[hidden]{display:none}.cover-extra{font:10px var(--sans);color:#969e8b}.cover-extra summary{cursor:pointer}.cover-extra input{margin-top:10px}.book-dialog #book-form-submit{margin-top:23px;background:#f1f3e9;height:42px}.book-dialog .form-error{margin-top:12px}.cover-fields input[type=range]{padding:0;accent-color:#8a997a;box-shadow:none;border:0;height:24px;background:transparent}.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}@media(max-width:650px){.library{padding-top:29px}.library h1{font-size:30px}.library-top{margin-bottom:29px}.cover-composer{grid-template-columns:125px 1fr;gap:20px}#cover-preview{height:178px;padding:17px 14px 22px 20px}#cover-preview .cover-title{font-size:18px}.book-dialog{padding:27px 23px}.cover-colors{gap:8px}.cover-colors button{width:23px;height:28px}.cover-fields{gap:19px}.cover-fields input{font-size:13px;padding:8px}.book-dialog h2{font-size:27px}}@media(max-width:380px){.cover-composer{grid-template-columns:105px 1fr;gap:16px}#cover-preview{height:155px}.cover-colors button{width:22px;height:26px}.book-dialog{padding:25px 18px}}