:root{--collection-accent:#566052;--collection-soft:#e8ebdf;--collection-cover:#587348}
body[data-icoa-view="library"]{background:#ded4c2 url('./library/room.jpg') center/cover fixed;color:#263746}
body[data-icoa-view="library"] .workspace{max-width:1680px!important;padding:0 28px 35px!important}
body[data-icoa-view="library"] .topbar{display:none}
body[data-icoa-view="library"] .icoa-back-home{margin:12px 28px 10px;padding:7px 13px;min-height:32px;background:#faf7eee6;border-color:#a79b8255;font-size:11px;backdrop-filter:blur(12px)}
.collection-shell{display:grid;grid-template-columns:174px minmax(0,1fr);min-height:calc(100vh - 110px);border:1px solid #fff9ebbb;border-radius:13px;background:#f6f1e5e8;box-shadow:0 25px 80px #3d302627;overflow:hidden;backdrop-filter:blur(8px)}
.collection-sidebar{padding:35px 18px 24px;background:#f6f2e9e8;border-right:1px solid #b9ae981f;display:flex;flex-direction:column}
.collection-wordmark{font:21px Georgia,serif;letter-spacing:6px;margin:4px 10px 24px;color:#4f5847}
.collection-gold-rule{display:block;width:30px;height:1px;background:#b69a6377;margin:0 12px 25px}
.collection-sidebar nav{display:flex;flex-direction:column;gap:11px}
.collection-sidebar nav button{display:flex;align-items:center;gap:13px;background:none;border:0;padding:15px 12px;border-radius:6px;font:15px Georgia,serif;text-align:left;color:#3e443b;min-height:54px;transition:background .2s}
.collection-sidebar nav svg{width:23px;height:23px;stroke-width:1.2}
.collection-sidebar nav button.active{background:var(--collection-accent);color:#fffdf7}
.collection-sidebar nav button:not(.active):hover{background:#e9e3d6}
.collection-sidebar-footer{margin-top:auto;padding:36px 10px 0;display:flex;align-items:end;justify-content:space-between;color:#8a877b;font:italic 14px/1.5 Georgia,serif}
.collection-sidebar-footer .avatar{background:#f2ede1;color:#566052;font-style:normal}
.collection-content{padding:23px 30px 16px;min-width:0}
.collection-header{display:flex;align-items:center;justify-content:space-between;gap:15px}
.collection-header .eyebrow{font-size:9px;letter-spacing:2.4px;color:#767665;margin-bottom:9px}
.collection-header h1{font:35px/1.1 Georgia,serif;letter-spacing:-.7px;margin:0;color:#354333}
.collection-header .button{background:#fffaf0c9;border-color:#c4bba750;font-size:11px}
.collection-controls{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:12px}
.collection-controls .tabs button{font-size:11px;padding:8px 12px;color:#747769}
.collection-controls .tabs button.selected{background:#e5e2d5;color:#3b4736}
.collection-controls .searchbox{background:#fbf8f080;border:1px solid #b9ad9840;max-width:230px}
.collection-controls .searchbox svg{width:15px;height:15px}
.collection-controls .searchbox input{font-size:11px;width:170px;padding:10px 0}
.collection-body{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:26px;margin-top:15px;align-items:start}
.collection-stage{min-width:0}
.collection-carousel{height:290px;position:relative;perspective:1200px;isolation:isolate;outline:none}
.collection-carousel:before{content:'';position:absolute;left:-4%;right:-2%;bottom:14px;height:100px;background:radial-gradient(ellipse,#b7a48733,transparent 68%);transform:scaleY(.8);pointer-events:none}
.collection-choice{position:absolute;left:calc(50% + var(--slot)*18.5%);bottom:24px;width:22%;max-width:190px;aspect-ratio:.706;min-height:0;padding:0;border:0;background:transparent;transform:translateX(-50%) scale(var(--scale));transform-origin:center bottom;transition:left .65s cubic-bezier(.22,.7,.2,1),transform .65s cubic-bezier(.22,.7,.2,1);outline-offset:14px!important}
.collection-book{display:block;position:relative;width:100%;height:100%;aspect-ratio:.706;transform:perspective(900px) rotateY(var(--turn,-5deg));transform-style:preserve-3d;border-radius:3px 7px 7px 3px;box-shadow:5px 9px 11px #372b2733,18px 22px 20px #372b2714;background:var(--book-color,#566052)}
.collection-book:before{content:'';position:absolute;left:-6px;top:1px;bottom:1px;width:8px;background:var(--book-color);filter:brightness(.64);transform:skewY(-12deg);border-radius:3px 0 0 3px;box-shadow:inset 2px 0 3px #0003}
.collection-book img{display:block;width:100%;height:100%;object-fit:cover;border-radius:3px 7px 7px 3px;filter:saturate(.7) brightness(.93);box-shadow:inset 0 0 0 1px #0001}
.collection-book-cacao img{filter:sepia(.25) saturate(1.2) brightness(1.6);opacity:.6}
.collection-book:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,#0002,transparent 3%,#fff2 4%,transparent 6%,transparent 95%,#0002);border:1px solid #ffffff20;pointer-events:none}
.collection-book-spine{position:absolute;inset:0 auto 0 0;width:10%;border-right:1px solid #0002;z-index:2;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;padding-right:7px;font:9px Georgia,serif;letter-spacing:3px;color:#f3efe6b3;background:linear-gradient(90deg,#0001,#00000005);border-radius:4px 0 0 4px}
body[data-icoa-design="ivory"] .collection-detail .collection-book-spine{color:#524c40}
.collection-book-elastic{position:absolute;right:8.5%;top:-1px;bottom:-1px;width:4.1%;background:repeating-linear-gradient(90deg,#00000026 0px,#ffffff05 1px,#00000015 2px);border-left:1px solid #0002;box-shadow:1px 0 2px #0002;z-index:3}
.collection-book-ribbon{position:absolute;left:11%;bottom:-13px;width:4%;height:20px;background:var(--book-color);filter:brightness(.8);transform:translateZ(-2px);clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%)}
.collection-choice-name{display:block;position:absolute;top:calc(100% + 17px);left:50%;transform:translateX(-50%);font:10px/1.4 system-ui;color:#787967;white-space:nowrap;opacity:0;transition:opacity .3s}
.collection-choice.is-selected .collection-choice-name{opacity:1}
.collection-arrow{position:absolute;top:46%;width:34px;height:34px;border:1px solid #c4b89e40;background:#fff9eeeb;border-radius:50%;font:30px/1 Georgia;color:#3e4637;z-index:10;display:grid;place-items:center;box-shadow:0 2px 12px #544c3710}
.collection-arrow.previous{left:0}.collection-arrow.next{right:0}
.collection-dots{display:flex;justify-content:center;gap:13px;margin:19px 0 16px}
.collection-dots button{width:9px;height:9px;padding:0;border:1px solid #89907b;border-radius:50%;background:transparent}
.collection-dots button.selected{background:var(--collection-accent);border-color:var(--collection-accent)}
.collection-detail{border:1px solid #c7baa06b;border-radius:9px;background:linear-gradient(130deg,#fffdf780,#eee6d533);text-align:center;padding:24px 20px 17px;margin-top:4px}
.collection-detail-cover{width:106px;aspect-ratio:.706;margin:0 auto 24px}
.collection-detail .eyebrow{font-size:8px;letter-spacing:2px;color:#8e8b7c;margin-bottom:9px}
.collection-detail h2{font:23px/1.12 Georgia,serif;letter-spacing:-.5px;margin:0 0 12px;color:#30392d}
.collection-selected-label{display:inline-block;padding:6px 10px;background:var(--collection-soft);font-size:8px;letter-spacing:1.8px;text-transform:uppercase;color:var(--collection-accent);border-radius:3px}
.collection-detail-rule{width:45px;height:1px;background:#b69a6366;margin:19px auto 17px}
.collection-detail h3{font:18px/1.25 Georgia,serif;font-weight:400;margin-bottom:7px}
.collection-detail .muted{font-size:10px;margin-bottom:17px}
.collection-detail-caption{font:italic 12px Georgia,serif;color:#8a8778;margin:14px 0 0}
.collection-open{width:100%;font-size:11px;justify-content:space-between;padding:11px 13px}
body .collection-shell .button.primary,body[data-icoa-view="reader"] .button.primary{background:var(--collection-accent)!important;border-color:var(--collection-accent)!important;color:#fffdf7}
.collection-open-preview{display:grid;grid-template-columns:1fr 1fr;width:90%;margin:9px auto 0;padding:9px 9px 12px;min-height:190px;border:0;border-radius:11px;background:var(--collection-cover);box-shadow:2px 7px 9px #463a2b2b,0 1px 0 3px #584c2922;transform:perspective(1200px) rotateX(13deg);transform-origin:50% 0;position:relative;text-align:left;transition:transform .3s}
.collection-open-preview:hover{transform:perspective(1200px) rotateX(6deg)}
.collection-open-preview:after{content:'';position:absolute;width:10px;height:22px;bottom:-15px;left:49%;background:var(--collection-cover);z-index:-1}
.collection-preview-left,.collection-preview-right{display:flex;flex-direction:column;gap:13px;padding:20px 22px 15px;background:#f8f4e8;min-width:0;position:relative;overflow:hidden;color:#5e6557}
.collection-preview-left{border-radius:9px 25px 7px 8px;box-shadow:inset -17px 0 20px -15px #3e382652,inset 0 -3px #b8ae9c}
.collection-preview-right{border-radius:25px 9px 8px 7px;box-shadow:inset 17px 0 20px -15px #3e382652,inset 0 -3px #b8ae9c;background-image:radial-gradient(#7b776e24 .6px,transparent .7px);background-size:10px 10px}
.collection-preview-left .eyebrow,.collection-preview-right .eyebrow{font:8px system-ui;letter-spacing:1.8px;color:#99937f}
.collection-preview-left strong,.collection-preview-right strong{font:17px/1.25 Georgia,serif;font-weight:400}
.collection-preview-copy{font:italic 12px Georgia,serif;color:var(--collection-accent)}
.collection-preview-lines{font:11px/1.8 Georgia,serif;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.collection-preview-imprint{font:9px Georgia,serif;letter-spacing:3px;margin-top:auto;text-align:right}
.collection-preview-label{font-size:9px;text-align:center;color:#83816f;margin:18px 0 8px;letter-spacing:.2px}
.collection-bottom{display:flex;justify-content:space-between;border-top:1px solid #bbaf981f;padding-top:13px;margin-top:16px;font-size:9px;color:#8b8879;gap:14px}
.collection-findings{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #c7baa033}
.collection-findings h2{grid-column:1/-1;font:18px Georgia;margin:0 0 6px;color:#566052}
.collection-findings>button{display:flex;align-items:center;gap:10px;border:1px solid #cfc5b244;border-radius:5px;padding:10px;text-align:left;background:#fffaf095;min-width:0}
.collection-mini{width:27px;height:37px;background-size:cover;border-radius:2px;flex-shrink:0;box-shadow:1px 2px 3px #0002}
.collection-findings b{font-size:11px;font-weight:500;display:block}.collection-findings small{font-size:9px;color:#858579;display:block;margin-top:4px}.collection-findings svg{margin-left:auto;width:15px}
/* The notebook is an independent reading view, with the established toolbar. */
body[data-icoa-view="reader"]{background:#f3efe6}
body[data-icoa-view="reader"] .workspace{max-width:1660px!important;padding:0 36px 70px!important}
body[data-icoa-view="reader"] .topbar{padding:20px 0}
body[data-icoa-view="reader"] .icoa-back-home{font-size:11px;margin:16px 35px 0;padding:8px 13px;background:#faf7f0}
body[data-icoa-view="reader"] .crumb{margin:25px 0 29px;color:#798074;font-size:12px}
body[data-icoa-view="reader"] .crumb button:hover{color:var(--collection-accent)}
body[data-icoa-view="reader"] .notebook-header{gap:18px;align-items:center}
body[data-icoa-view="reader"] .notebook-header h1{font:38px/1.15 Georgia,serif;letter-spacing:-1.2px;color:#263746;max-width:900px}
body[data-icoa-view="reader"] .notebook-header .eyebrow{font-size:10px;color:var(--collection-accent);letter-spacing:2.5px}
body[data-icoa-view="reader"] .notebook-header .pill{margin-left:auto;background:var(--collection-soft);font-size:10px;white-space:nowrap;color:var(--collection-accent)}
body[data-icoa-view="reader"] .personal-cover{font-size:10px;max-width:185px;text-align:right;line-height:1.6}
body[data-icoa-view="reader"] .reader-tools{margin:25px 0 32px;gap:15px}
body[data-icoa-view="reader"] .reader-tools .row{gap:8px}
body[data-icoa-view="reader"] .reader-tools .button{font-size:12px;padding:11px 14px;background:#fdfaf4;min-height:43px}
body[data-icoa-view="reader"] .reader-tools .searchbox{background:#fdfaf4;width:270px}
body[data-icoa-view="reader"] .reader-tools input{font-size:12px;width:100%}
body[data-icoa-view="reader"] .reader-layout{grid-template-columns:226px minmax(0,1fr);gap:26px;margin-top:12px}
body[data-icoa-view="reader"] .page-list{position:sticky;top:24px;max-height:calc(100vh - 46px);overflow:auto;padding:0 9px 15px 0;gap:8px;scrollbar-width:thin}
.collection-pages-heading{display:flex;justify-content:space-between;padding:0 12px 14px;color:#919181;font:9px system-ui;letter-spacing:1.8px}
body[data-icoa-view="reader"] .page-item{padding:12px 10px;min-height:80px;border-radius:7px}
body[data-icoa-view="reader"] .page-item.active{background:var(--collection-soft);border-color:color-mix(in srgb,var(--collection-accent) 35%,transparent);color:#263746}
body[data-icoa-view="reader"] .page-label{font-size:11px;line-height:1.6}.page-label small{margin-top:3px}
body[data-icoa-view="reader"] .collection-journal{padding:13px 17px 18px;border-radius:16px;background-image:linear-gradient(#ffffff10,#00000012),var(--cover-texture);background-size:cover;position:relative;box-shadow:3px 8px 14px #4a403120,inset 0 0 0 1px #34332422}
.collection-journal:before{content:'';position:absolute;left:6px;top:18px;bottom:25px;width:4px;box-shadow:1px 0 2px #18210c55;border-radius:3px;background:#ffffff15}
body[data-icoa-view="reader"] .sheet{background:#fffdf5;padding:45px 58px 40px;border-radius:11px 10px 9px 13px;box-shadow:inset 10px 0 17px -16px #1f251f9c,1px 3px #d8d0bf,1px 6px #eee8d8,1px 8px #c2b9a5;min-height:720px;isolation:isolate;overflow:hidden}
body[data-icoa-view="reader"] .sheet:after{content:'';position:absolute;z-index:-1;pointer-events:none;right:15px;top:55px;bottom:35px;width:145px;opacity:.1;background:var(--collection-accent);mask:url('./library/botanical-2.png') center right/contain no-repeat;-webkit-mask:url('./library/botanical-2.png') center right/contain no-repeat;display:none}
body[data-icoa-design="green"][data-icoa-view="reader"] .sheet:after{display:block}
body[data-icoa-design="ivory"][data-icoa-view="reader"] .sheet:after{display:block;mask:none;-webkit-mask:none;opacity:.12;background:none;border:1px solid #9c8d6e;border-radius:100% 0 0 0;width:200px;right:-90px;transform:rotate(-25deg)}
body[data-icoa-view="reader"] .sheet .paper-date{font-size:9px;letter-spacing:2px;color:#7d8474;border-bottom:1px solid #b4b09c70;padding-bottom:15px;margin-bottom:28px}
body[data-icoa-view="reader"] .sheet .paper-heading{font:34px/1.2 Georgia,serif;letter-spacing:-.7px;color:#263746;margin-bottom:27px}
body[data-icoa-view="reader"] .sheet .typewritten{font:18px/1.85 Georgia,serif;color:#334753;max-width:900px}
body[data-icoa-view="reader"] .sheet .handwriting{font:italic 19px/2 Georgia,serif;background:none;color:#4e6156;white-space:pre-wrap}
body[data-icoa-view="reader"] .page-footer{margin-top:50px;font-size:9px;color:#858777;border-color:#c7c2b180}
body[data-icoa-view="reader"] .reader-note{font-size:10px;line-height:1.6;color:#828779}
body[data-icoa-view="reader"] .button:disabled{opacity:.42;cursor:not-allowed}
.collection-cover-options{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:18px 0 23px}
.collection-cover-options button{border:0;background:none;padding:0;display:grid;gap:8px;align-content:start;color:#62705b;text-align:center;font-size:9px}
.collection-cover-options img{width:100%;aspect-ratio:.706;object-fit:cover;border-radius:3px;filter:saturate(.75);box-shadow:2px 3px 4px #0002}
@media(min-width:1600px){.collection-body{grid-template-columns:minmax(0,1fr) 270px;gap:38px}.collection-carousel{height:385px}.collection-detail-cover{width:152px}.collection-open-preview{min-height:270px}.collection-content{padding:34px 42px 20px}.collection-detail{padding:28px}}
@media(max-width:1100px){.collection-shell{grid-template-columns:148px 1fr}.collection-sidebar{padding:30px 12px}.collection-sidebar nav button{font-size:13px;gap:9px;padding:12px 9px}.collection-wordmark{font-size:18px;letter-spacing:4px}.collection-content{padding:25px 20px 16px}.collection-body{grid-template-columns:minmax(0,1fr) 190px;gap:18px}.collection-carousel{height:300px}.collection-detail{padding:18px 12px}.collection-detail-cover{width:110px}.collection-detail h2{font-size:21px}.collection-open-preview{width:94%;min-height:210px}.collection-preview-left,.collection-preview-right{padding:18px 15px}.collection-preview-lines{font-size:10px}.collection-preview-left strong,.collection-preview-right strong{font-size:14px}.collection-controls .searchbox{max-width:185px}body[data-icoa-view="reader"] .reader-tools .button{padding:10px;font-size:11px}body[data-icoa-view="reader"] .reader-layout{grid-template-columns:195px minmax(0,1fr);gap:20px}body[data-icoa-view="reader"] .sheet{padding:36px}body[data-icoa-view="reader"] .notebook-header h1{font-size:33px}}
@media(max-width:800px){body[data-icoa-view="library"] .workspace{padding:0 15px 30px!important}.collection-shell{grid-template-columns:1fr}.collection-sidebar{flex-direction:row;align-items:center;gap:20px;padding:15px 18px;border-right:0;border-bottom:1px solid #c5baa622}.collection-wordmark{margin:0;white-space:nowrap}.collection-gold-rule,.collection-sidebar-footer{display:none}.collection-sidebar nav{flex-direction:row;gap:2px;margin-left:auto}.collection-sidebar nav button{font:11px system-ui;min-height:38px;padding:8px;gap:6px}.collection-sidebar nav svg{width:16px;height:16px}.collection-body{grid-template-columns:1fr 175px}.collection-carousel{height:260px}.collection-choice{width:25%}.collection-detail-cover{width:92px}.collection-detail h3{font-size:16px}.collection-header h1{font-size:29px}.collection-preview-copy{font-size:10px}.collection-preview-right{display:none}.collection-open-preview{grid-template-columns:1fr;min-height:180px}.collection-preview-left{border-radius:8px}.collection-controls .tabs button{padding:7px;font-size:10px}body[data-icoa-view="reader"] .reader-tools{margin-bottom:20px}body[data-icoa-view="reader"] .reader-tools .row{width:100%}body[data-icoa-view="reader"] .notebook-header .personal-cover{display:none}}
@media(max-width:600px){.collection-sidebar{display:block}.collection-wordmark{margin:0 0 14px;text-align:center}.collection-sidebar nav{justify-content:center}.collection-content{padding:20px 15px}.collection-body{grid-template-columns:1fr}.collection-carousel{height:300px}.collection-choice{max-width:165px}.collection-detail{display:grid;grid-template-columns:60px 1fr;column-gap:15px;text-align:left;align-items:center}.collection-detail-cover{width:52px;grid-row:1/6;margin:0}.collection-detail .eyebrow,.collection-selected-label,.collection-detail-rule,.collection-detail-caption{display:none}.collection-detail h2{font-size:19px;margin:0 0 6px}.collection-detail h3{font:12px system-ui;margin:0}.collection-detail .muted{margin:6px 0 10px}.collection-open{grid-column:1/-1}.collection-open-preview{display:grid;grid-template-columns:1fr 1fr;min-height:225px}.collection-preview-right{display:flex}.collection-preview-left{border-radius:8px 20px 6px 8px}.collection-controls{flex-wrap:wrap;justify-content:space-between}.collection-controls .searchbox{max-width:48%;width:48%}.collection-controls .searchbox input{width:100%;font-size:10px}.collection-bottom{font-size:8px;line-height:1.5}.collection-findings{grid-template-columns:1fr}body[data-icoa-view="reader"] .workspace{padding:0 17px 40px!important}body[data-icoa-view="reader"] .notebook-header h1{font-size:29px}body[data-icoa-view="reader"] .reader-layout{grid-template-columns:1fr}body[data-icoa-view="reader"] .page-list{position:static;flex-direction:row;max-height:none;padding:0 0 12px;overflow:auto}.collection-pages-heading{display:none}body[data-icoa-view="reader"] .page-item{min-width:170px;max-width:200px}body[data-icoa-view="reader"] .sheet{padding:28px 24px;min-height:600px}body[data-icoa-view="reader"] .sheet .paper-heading{font-size:28px}body[data-icoa-view="reader"] .sheet .typewritten{font-size:16px}body[data-icoa-view="reader"] .reader-tools .row{gap:7px}body[data-icoa-view="reader"] .reader-tools .button{font-size:10px;padding:9px}.collection-cover-options{gap:7px}}
@media(prefers-reduced-motion:reduce){.collection-choice,.collection-open-preview{transition:none}.collection-open-preview,.collection-open-preview:hover{transform:none}}