/* Readable type and crisp controls, without changing the document layout. */
.library-tabs button[data-library-tab=all]{display:inline-flex;align-items:center;gap:7px}.documents-home-icon{display:block;flex-shrink:0;pointer-events:none}
.library-tabs .library-home{display:grid;place-items:center;align-self:center;flex-shrink:0;width:40px;min-height:40px;padding:8px;border:1px solid #bdd9ed;border-radius:8px;background:#edf7ff;color:#155c8d}.library-tabs .library-home:hover{background:#dcefff}.library-home .documents-home-icon{width:21px;height:21px}
.trash-icon{display:block;pointer-events:none;flex-shrink:0}.document-delete,.delete-page{padding:7px;min-width:40px;min-height:40px}
:root{--ink:#202e36;--muted:#56656f;--border:#cbdbe5}
body{font-size:15px;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
button,summary,select{touch-action:manipulation}
.library-header h1{font-family:Manrope,sans-serif;font-size:42px;font-weight:800;letter-spacing:-1.4px;line-height:1.2;color:#1c3240}
.library-header .eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#526876}
.library-header>div>p:last-child{font-size:14px;color:#56656f}
.library-section-heading h2{font-size:18px;font-weight:800;color:#203643}.library-section-heading p{font-size:13px;color:#56656f}
.library-tabs button{font-size:14px;font-weight:500;min-height:46px}.library-tabs button.active{font-weight:750}
.library-tabs button.active:after{height:4px}.library-view-controls select{font-size:13px;min-height:42px;color:#425967}
.layout-switch{border-color:#b4cfdf;border-radius:8px}.layout-switch button{width:36px;height:34px;color:#4b6779}.layout-switch button.active{background:#d7f0ff;color:#2272a3}
.library-actions .primary,.library-secondary{font-size:14px;min-height:44px;font-weight:700}
.primary,#library-new-book{border:1px solid #12699f;box-shadow:0 4px 10px #34759d20,0 1px 2px #34759d10}
.library-secondary{border-color:#80bfb3;box-shadow:0 2px 4px #216c6010}
.new-document-card{border:1.5px dashed #86b2ce;background:#e8f6ff;box-shadow:0 3px 10px #3e698410}
.new-document-card strong{font-size:15px;font-weight:700}.new-document-card>span:last-child{font-size:12px;color:#506572}
.new-document-plus{border:1px solid #3086bb;box-shadow:0 4px 10px #1679b522}
.notebook-cover{border:1px solid #59748545;border-right:4px solid #ffffffb0}
.document-card .notebook-cover{box-shadow:0 2px 4px #213e5019,5px 10px 20px #213e5026,1px 0 0 1px #ffffff80 inset}
.document-card:hover .notebook-cover,.document-card:focus-visible .notebook-cover{box-shadow:0 3px 6px #213e5020,6px 14px 25px #213e5036,1px 0 0 1px #ffffff80 inset}
.cover-title{font-family:Manrope,sans-serif;font-size:27px;font-weight:750;letter-spacing:-.6px;line-height:1.25}
.cover-corner{font-size:12px;font-weight:800}.cover-caption{font-size:9px;font-weight:650;letter-spacing:1px}
.document-info strong{font-size:15px;font-weight:700;line-height:1.35;color:#22343f}.document-info>span{font-size:12px;color:#56656f}
.document-preview{border-width:1.5px;box-shadow:0 3px 9px #2b516814}.document-preview>strong{font-family:Manrope,sans-serif;font-size:19px;font-weight:750;line-height:1.3}
.preview-brand{font-size:11px;font-weight:650}.document-preview>p{font-size:12px;color:#4c5b65;line-height:23px}
.list .document-card{border-color:#c4d5e0;box-shadow:0 2px 6px #2a4e6510}.list .cover-title{font-size:10px}.list .document-preview{box-shadow:0 2px 4px #2a4e6515}
.cover-color-control{font-size:12px;color:#485d6a}.cover-color-control input{border-color:#a0bcce}
.reorder-hint{font-size:12px;color:#56656f}.library-bottom p{font-size:13px;color:#56656f}.library-bottom small{font-size:12px;color:#5d6d77;line-height:1.6}
.library-empty strong{font-size:16px;font-weight:700}.library-empty p{font-size:13px}
.sidebar .tagline,.sidebar .sidebar-bottom p{font-size:12px;line-height:1.7}.sidebar .section-label{font-size:11px;letter-spacing:1.1px}
.sidebar nav button,.sidebar .documents-nav{min-height:44px;font-size:14px}.sidebar nav button small{font-size:12px}
.sidebar .search{border-color:#b5cedd;background:#fff;min-height:43px}.sidebar .search input{font-size:13px}
.sidebar .add-book,.sidebar .sidebar-bottom button{font-size:13px;min-height:38px}.sidebar .profile small{font-size:12px}
.sidebar .primary{font-size:14px;min-height:45px}
.breadcrumb{font-size:13px;color:#56656f}.breadcrumb strong{font-weight:650;color:#314d5e}.top-actions>span{font-size:12px;color:#176d68}
.icon{min-height:40px;min-width:40px;color:#436276}.icon svg{width:23px;height:23px;display:block;pointer-events:none}
.back-documents.home-button{border:1px solid #b4d0e1;box-shadow:0 2px 4px #3e698410}.home-button svg{stroke-width:2}
.page-list h1{font-family:Manrope,sans-serif;font-size:25px;font-weight:800}.eyebrow{font-size:10px;color:#526876}.list-subtitle{font-size:13px;color:#56656f}
.note-card{border-width:1.5px;box-shadow:0 2px 5px #2a4e6508}.note-card.active{border-color:#65a5cd;box-shadow:inset 3px 0 0 #1679b5,0 4px 10px #1679b514}
.note-card .category{font-size:11px;font-weight:600;color:#48677b}.note-card strong{font-size:15px;font-weight:750;color:#22343f}.note-card p{font-size:13px;color:#56656f}.note-card .card-bottom{font-size:11px;color:#56656f}
.list-footer{font-size:12px;color:#5d6d77}.notebook-label{font-size:12px;font-weight:650;border:1px solid #afd9cd}.date{font-size:12px;color:#56656f}
.toolbar{border:1.5px solid #bfd6e5;border-radius:12px;box-shadow:0 4px 12px #39647f0d}
.tool-group .tool{border:1px solid transparent;color:#436276}.tool-group .tool.active{border-color:#97bed6;background:#dcf2ff;color:#236e9d}
.tool-illustration{shape-rendering:geometricPrecision}.tool-illustration [stroke-width]{stroke-width:2}
.brush-picker .brush-button{border:1px solid #d8e5ed;background:#fbf9ff}.brush-picker .brush-button:hover{border-color:#a9cce1}
.brush-picker .brush-button.active{border-color:#79b2d6;box-shadow:inset 0 -3px 0 #1679b5,0 2px 5px #1679b512}
.colors button{width:18px;height:18px}.colors button.selected{border-color:#4d83a4;box-shadow:0 0 0 1px #b5cfdf}
.toolbar select{font-size:12px;color:#425a69;min-height:40px}
.tool-feel-menu summary,.font-menu summary,.color-scale summary{border:1.5px solid #b9d3e3;color:#316a8e;background:#fcfaff;box-shadow:0 1px 3px #3c698508}
.tool-feel-menu summary svg{stroke-width:2}.color-scale summary{font-size:12px;font-weight:600;min-height:44px}
.tool-feel-menu>.tool-feel,.font-options,.color-panel{border:1.5px solid #b3d0e2;box-shadow:0 8px 24px #22445920}
.tool-feel label{font-size:12px;color:#364751}.tool-feel output{font-size:11px;font-weight:600}.size-limits{font-size:10px;color:#56656f}
.color-field,.hue-field{font-size:12px;font-weight:600;color:#425a69}.color-current small{font-size:11px;color:#56656f}.font-option>small{font-size:12px}.font-option{border-color:#c4d8e5}
.paper{border-color:#ccdbe5;box-shadow:0 4px 15px #2c51680c}.paper-meta{font-size:10px;font-weight:600;color:#5d6d77}
#note-title{font-size:32px;font-weight:750;color:#22343f;letter-spacing:-.7px}#note-body{font-size:16px;color:#32434e;line-height:36px}#note-body::placeholder{color:#657985}
#paper-sheet[data-font=typewriter] #note-body{font-size:15px}#paper-sheet[data-font=handwriting] #note-body{font-size:18px}
.paper-foot{font-size:9px;color:#5d6d77}.editor-footer{font-size:11px;color:#56656f}
.document-delete,.delete-page{font-size:12px;font-weight:600;border-color:#e3b4a7;min-height:38px;color:#963e31}.delete-notice{font-size:13px;border-color:#b7d0df}
.notebook-trash{border-width:2px}.notebook-trash svg{stroke-width:2}.notebook-trash strong{font-size:16px}.notebook-trash small{font-size:12px}
@media(max-width:1050px){.library-header h1{font-size:36px}.library-header{flex-wrap:wrap}.cover-title{font-size:24px}}
@media(max-width:720px){.library-header h1{font-size:35px}.library-actions .primary,.library-secondary{font-size:13px}.library-tabs{gap:12px}.library-tabs button{font-size:13px}.library-section-heading h2{font-size:17px}.library-section-heading p{font-size:12px}.cover-title{font-size:23px}.cover-caption{font-size:8px}.document-info strong{font-size:14px}.document-info>span{font-size:11px}.new-document-card strong{font-size:14px}.new-document-card>span:last-child{font-size:11px}.page-list h1{font-size:21px}.note-card strong{font-size:14px}.note-card .category{font-size:11px}.breadcrumb{font-size:11px}.top-actions>span{font-size:11px}.editor-footer{font-size:10px}#note-title{font-size:27px}.library-bottom small{font-size:11px}.cover-color-control{font-size:11px}}
@media print{.paper{box-shadow:none;border:0}#note-title,#note-body{color:#000}}