#library-new-book{background:#367fb8;color:#fff;box-shadow:none}#library-new-book:hover{background:#286ba0}
#new-book{color:#286ba0}
.document-card .notebook-cover{box-shadow:0 4px 7px #284e6d18,5px 12px 22px #284e6d30,1px 0 0 1px #ffffff90 inset}
.document-card:hover .notebook-cover,.document-card:focus-visible .notebook-cover{box-shadow:0 6px 10px #284e6d20,7px 17px 28px #284e6d40,1px 0 0 1px #ffffff90 inset}
.list .document-card .notebook-cover{box-shadow:2px 4px 8px #284e6d30}
.new-document-card{background:#e1f0ff;border-color:#78abd2;color:#2f6997}.new-document-plus{background:#c5e3fc;color:#286ba0}.new-document-card>span:last-child{color:#648aa7}
.cover-color-control{display:flex;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 48px);min-height:40px;margin:0 0 3px 2px;color:#55758f;font-size:11px;cursor:pointer}
.cover-color-control input{appearance:none;-webkit-appearance:none;width:35px;height:30px;padding:3px;background:#fff;border:1px solid #b5cfe2;border-radius:7px;cursor:pointer;flex-shrink:0}
.cover-color-control input::-webkit-color-swatch-wrapper{padding:0}.cover-color-control input::-webkit-color-swatch{border:0;border-radius:4px}.cover-color-control input::-moz-color-swatch{border:0;border-radius:4px}
.document-item:has(.cover-color-control)>.document-delete{bottom:7px}
.notebook-cover .cover-title,.notebook-cover .cover-corner,.notebook-cover .cover-caption{color:var(--cover-ink,#234662)}.notebook-cover .cover-rule{background:var(--cover-ink,#234662)}
.list .cover-color-control{margin-top:4px;margin-left:18px}.list .document-item:has(.cover-color-control)>.document-delete{top:auto;bottom:6px;transform:none}
@media(max-width:720px){.cover-color-control{font-size:10px;gap:6px}.list .cover-color-control{margin-left:12px}}
@media print{.cover-color-control{display:none!important}}

.notebook-paper-control{display:flex;align-items:center;gap:8px;margin:5px 42px 10px 2px;font-size:12px;font-weight:600;color:#294c69;flex-wrap:wrap}.notebook-paper-control select{min-height:36px;max-width:100%;padding:7px 26px 7px 10px;border:1px solid #a8cbe3;border-radius:8px;background:#f3faff;color:#203c57;font:inherit;cursor:pointer}.notebook-paper-control select:focus-visible{outline:2px solid #168de0;outline-offset:2px}.list .notebook-paper-control{margin-left:18px}@media print{.notebook-paper-control{display:none}}

/* Open the cover around its spine to reveal the first page. */
.notebook-stage{position:relative;aspect-ratio:3/4;perspective:1100px;isolation:isolate}
.notebook-leaf{position:absolute;inset:0;z-index:2;transform:rotateY(0deg);transform-origin:left center;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.4,0,.6,1);pointer-events:none}
.notebook-stage .notebook-cover{position:absolute;inset:0;height:100%;width:100%;box-sizing:border-box;backface-visibility:hidden;transform:rotateY(0deg);transition:none}
.notebook-cover-back{position:absolute;inset:0;border:1px solid #c6d5df;border-radius:13px 5px 5px 13px;background:linear-gradient(90deg,#f3eee3,#fffcf5 85%,#d8d2c6);backface-visibility:hidden;transform:rotateY(180deg);box-shadow:inset -7px 0 12px #294c6918}
.document-item:has(.document-card:hover),.document-item:has(.document-card:focus-visible){position:relative;z-index:5}
.notebook-inside{position:absolute;inset:3px 4px 3px 1px;border:1px solid #dce5eb;border-radius:4px 11px 11px 4px;padding:23px 18px 18px 24px;background:#fffdf8;box-shadow:inset 7px 0 12px #294c6918,3px 5px 10px #284e6d20;overflow:hidden;text-align:left;color:#355775}
.notebook-inside.lined{background:repeating-linear-gradient(transparent 0 22px,#c8dceb80 22px 23px),#fffdf8}
.notebook-inside.grid{background:linear-gradient(#c8dceb60 1px,transparent 1px),linear-gradient(90deg,#c8dceb60 1px,transparent 1px),#fffdf8;background-size:16px 16px}
.notebook-preview-label{display:block;font-size:8px;letter-spacing:1px;color:#7791a5;margin-bottom:18px}
.notebook-inside strong{display:block;font:18px/1.35 Georgia,serif;overflow-wrap:anywhere;margin-bottom:12px}
.notebook-inside p{font-size:10px;line-height:23px;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}
.notebook-preview-empty{font-size:11px;line-height:1.7;color:#8ba0b1}

.notebook-stage.is-open:not(.is-protected) .notebook-leaf{transform:rotateY(-180deg)}
.notebook-stage{transition:transform .25s ease}
.notebook-stage.is-open{transform:translateY(-4px) scale(1.025)}
.notebook-stage.is-open .notebook-inside{box-shadow:inset 7px 0 12px #294c6918,5px 13px 20px #284e6d40}
.document-item:has(.notebook-stage.is-open){position:relative;z-index:6}
.document-card .notebook-stage.is-protected .notebook-leaf{transform:rotateY(0deg)}
.list .notebook-stage{width:55px;height:70px;flex-shrink:0;aspect-ratio:auto}
.list .notebook-stage .notebook-cover{width:100%;height:100%}
.list .notebook-inside{padding:7px 5px 5px 9px}
.list .notebook-preview-label,.list .notebook-preview-empty{display:none}
.list .notebook-inside strong{font-size:8px;margin-bottom:4px}
.list .notebook-inside p{font-size:5px;line-height:8px}


/* The actual editable page expands from the selected notebook. */
body:has(.notebook-reading)>.sidebar{display:none}
.notebook-reading .page-drawer,.notebook-reading .editor-heading{display:none}
.notebook-reading .paper-scroll{padding:12px 18px 24px}
.notebook-reading .paper{max-width:none}



.notebook-reading .paper-scroll{scrollbar-gutter:stable}
@media(max-width:720px){.notebook-reading .paper-scroll{padding:10px 10px 18px}}

.notebook-page-flight{position:fixed;inset:0;z-index:1000;pointer-events:none;overflow:hidden;contain:layout paint}
.notebook-page-flight>.paper{max-width:none;will-change:transform;backface-visibility:hidden;transform-origin:0 0;box-shadow:0 8px 28px #284e6d26}

.download-notebook{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:9px 13px;border:1px solid #a8cbe3;border-radius:9px;background:#edf7ff;color:#155c8d;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}
.download-notebook:hover{background:#dcefff}.download-notebook:disabled{opacity:.6;cursor:wait}
.documents-open .download-notebook{display:none}
@media(max-width:1050px){.notebook-reading .breadcrumb{display:none}}
@media(max-width:720px){.download-notebook{padding:8px;font-size:11px}.notebook-reading .top-actions #update-backup,.notebook-reading .top-actions #save-state{display:none}}
@media print{.download-notebook{display:none!important}}

.notebook-camera-scene{display:block!important;position:fixed;z-index:998;margin:0;box-sizing:border-box;pointer-events:none;will-change:transform,opacity}
.notebook-camera-preview{position:fixed;z-index:1001;margin:0;transform-origin:0 0;pointer-events:none;will-change:transform,opacity}
.notebook-camera-preview .notebook-leaf{transition:none;transform:rotateY(-180deg)}

.notebook-inside.notebook-page-preview{padding:0;background:#fffdf8}
.notebook-page-preview>img{display:block;width:100%;height:100%;object-fit:contain;object-position:top left}
.notebook-page-preview .notebook-preview-empty{display:block;padding:20px}

.reading-add-page{display:inline-flex;align-items:center;min-height:44px;padding:9px 13px;border:1px solid #187fbd;border-radius:9px;background:#187fbd;color:white;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}
.reading-add-page:hover{background:#126a9f}
.documents-open .reading-add-page{display:none}
@media(max-width:1050px){.notebook-reading .topbar{flex-wrap:wrap;height:auto;min-height:62px;gap:8px;padding-top:8px;padding-bottom:8px}}
@media(max-width:720px){.reading-add-page{padding:8px;font-size:11px}}
@media print{.reading-add-page{display:none!important}}

.notebook-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 12px;background:#edf7ff;border-top:1px solid #c9dfef;flex-shrink:0;touch-action:none;user-select:none}
.notebook-pagination button{width:44px;height:40px;border:1px solid #a8cbe3;border-radius:8px;background:white;color:#155c8d;font-size:28px}
.notebook-pagination button:disabled{opacity:.3}
.notebook-pagination select{max-width:45%;min-height:40px;padding:6px 10px;border:1px solid #b4d0e1;border-radius:8px;background:white;color:#203c57;font-size:12px}
.page-swipe-hint{font-size:11px;color:#55758f}
.notebook-page-turn{position:fixed;inset:0;z-index:1000;perspective:1600px;overflow:hidden;pointer-events:auto}
.notebook-page-turn>.paper{max-width:none;box-sizing:border-box;backface-visibility:hidden;box-shadow:10px 5px 25px #203c5733;will-change:transform}
@media(max-width:720px){.page-swipe-hint{font-size:10px;max-width:85px}.notebook-pagination{gap:7px}.notebook-pagination select{max-width:40%}}
@media print{.notebook-pagination,.notebook-page-turn{display:none!important}}

.notebook-reading .paper-scroll{overflow-x:hidden;overscroll-behavior-x:none;touch-action:pan-y pinch-zoom}
.notebook-reading .page-zoom-stage{overscroll-behavior-x:none}

.notebook-entry-control{display:flex;flex-direction:column;gap:5px;margin:0 40px 10px 2px;color:#294c69;font-size:12px;font-weight:600}
.notebook-entry-control select{width:100%;min-height:40px;padding:7px 9px;border:1px solid #a8cbe3;border-radius:8px;background:#f3faff;color:#203c57;font:inherit}
.list .notebook-entry-control{margin-left:18px}
@media print{.notebook-entry-control{display:none!important}}

.notebook-page-drag{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}
.notebook-page-drag>.paper{transition:none;transform-style:preserve-3d}

.notebook-file-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 18px;border-bottom:1px solid #c9dfef;background:#f3faff;flex-shrink:0}
.notebook-file-actions button,.notebook-file-actions select{min-height:42px;padding:8px 12px;border:1px solid #a8cbe3;border-radius:8px;background:white;color:#155c8d;font-size:12px}
.notebook-file-actions select{min-width:100px;max-width:260px;flex:1}.notebook-file-actions button{white-space:nowrap}
.notebook-file-actions :disabled{opacity:.5}
.documents-open .notebook-file-actions{display:none}
@media(max-width:720px){.notebook-file-actions{padding:6px 10px;gap:6px}.notebook-file-actions button,.notebook-file-actions select{font-size:11px;padding:7px 9px}.notebook-file-actions select{max-width:100%}}
@media print{.notebook-file-actions{display:none!important}}

.notebook-stage.is-open{touch-action:none}
.notebook-inside.notebook-preview-turn{z-index:3;backface-visibility:hidden;pointer-events:none;will-change:transform;box-shadow:5px 3px 14px #203c5740}
.notebook-preview-turn img{pointer-events:none;-webkit-user-drag:none;user-select:none}

.notebook-turn-leaf{transform-style:preserve-3d;will-change:transform;pointer-events:none}
.notebook-turn-leaf>.paper{max-width:none;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-origin:0 0;border-radius:3px;overflow:hidden}
.notebook-turn-back{position:absolute;inset:0;border:1px solid #d4dce2;border-radius:3px;background:linear-gradient(90deg,#dedbd3,#fffdf8 12%,#fffdf8 88%,#eee9dd);transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 8px 0 18px #203c5714}

.notebook-pagination #toggle-page-turn-mode{width:auto;font-size:12px;padding:7px 10px;flex-shrink:0}
#toggle-page-turn-mode[aria-pressed=true]{background:#187fbd;color:#fff;border-color:#187fbd}
.page-turn-mode .paper-scroll,.page-turn-mode .page-zoom-stage{touch-action:none}
.page-turn-mode .writing-area{cursor:grab}
.notebook-inside.notebook-preview-turn{transform-style:preserve-3d;backface-visibility:visible}
.notebook-preview-turn>img{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.notebook-preview-turn:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e8e1d4,#fffdf8 15%,#fffdf8 85%,#eee9dd);transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:inset 6px 0 15px #203c5718}

.notebook-page-drag *{pointer-events:none!important;user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none}
.notebook-gesture-active .notebook-pagination,.notebook-gesture-active .editor-footer,.notebook-gesture-active .topbar,.notebook-gesture-active .notebook-file-actions{pointer-events:none!important;user-select:none;-webkit-user-select:none}
.page-turn-mode #paper-sheet,.page-turn-mode #paper-sheet *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.page-turn-mode #paper-sheet input,.page-turn-mode #paper-sheet textarea{pointer-events:none}

/* The visible, opened cover and leaves must receive input themselves. */
.notebook-stage.is-open>.notebook-leaf,.notebook-stage.is-open>.notebook-leaf>.notebook-cover-back{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab}
.notebook-stage.is-open>.notebook-open-preview-leaf{pointer-events:auto;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overflow:visible}
.notebook-open-preview-leaf>img{pointer-events:none}
.notebook-open-preview-leaf:after{pointer-events:auto}
.notebook-stage.is-open>.notebook-leaf:active,.notebook-stage.is-open>.notebook-open-preview-leaf:active{cursor:grabbing}

.notebook-stage:not(.is-open)>.notebook-open-preview-leaf{display:none}

/* Keep the notebook writing surface free of an extra title panel. */
.editor .page-outer-heading,.editor #page-heading{display:none!important}

/* More compact notebook covers in the library. */
.document-grid:not(.list){grid-template-columns:repeat(auto-fill,minmax(135px,165px));gap:25px 24px}
.document-grid:not(.list) .cover-title{font-size:22px}
@media(max-width:1050px){.document-grid:not(.list){grid-template-columns:repeat(auto-fill,minmax(125px,150px));gap:23px 20px}}
@media(max-width:600px){.document-grid:not(.list){grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.document-grid:not(.list)>.document-item,.document-grid:not(.list)>.new-document-card{width:100%;max-width:150px;justify-self:center}}