/* Desk and paper are independent surfaces; future desk textures can replace these tokens. */
:root{--desk:#e8e5de;--desk-texture:repeating-linear-gradient(0deg,#75694e03 0 1px,transparent 1px 4px);--paper:#fffef9;--sidebar:#f6f5f0;--ink:#3d413a;--muted:#777c71;--green:#536650;--line:#e2e3d9}
body{background-color:var(--desk);background-image:var(--desk-texture),radial-gradient(ellipse at 40% 10%,#ffffff55,transparent 75%)}
.sidebar{inset:24px auto 24px 24px;width:220px;padding:24px 18px 18px;border:1px solid #ffffff85;border-radius:5px;background:#f6f5f0d9;box-shadow:0 3px 15px #48493c06;backdrop-filter:blur(12px)}
.sidebar-heading{display:flex;justify-content:space-between;align-items:center;padding:0 6px}.brand{padding:0;gap:0;font:29px var(--serif);letter-spacing:-1px}.brand-period{color:#8c9a80}.sidebar-heading .icon-button{color:#8b9084;width:32px;min-width:32px}
.index-title{margin:36px 10px 15px;font-size:11px;letter-spacing:.2px;font-weight:400;color:#7d8375}.index-title svg{width:15px;height:15px}.index-title.active{color:var(--ink)}
.primary-nav{gap:4px}.primary-nav>button,.collection-nav{min-height:42px;padding:10px 12px;border-radius:3px;font-size:12px;gap:12px}.primary-nav>button.active,.collection-nav.active{background:#e6e9df;color:#465a42}.primary-nav>button:hover,.collection-nav:hover{background:#e9ebe3}.primary-nav>button svg{width:16px;height:16px}.nav-count{font-size:10px;color:#949b8a}
.collections-label{margin:28px 10px 8px;font-size:10px;letter-spacing:.4px;color:#838a7b}.collections-label button{width:28px;height:28px;font-size:20px}.collection-bullet{font-size:14px}.sidebar-bottom{padding:30px 10px 0}.version{font-size:7px;letter-spacing:1.2px;color:#a5aa9e}
.workspace{margin-left:256px;width:calc(100% - 256px)}#notebook{max-width:990px;padding:28px 48px 52px;margin:0 auto}.notebook-tools{display:flex;align-items:center;gap:2px;height:40px;margin-bottom:20px;color:#72786c;white-space:nowrap}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:36px;width:36px;height:36px;min-height:36px;border-radius:4px;padding:0;flex-shrink:0}.icon-button>span:not(.sr-only){display:flex;align-items:center;justify-content:center}.icon-button svg{width:18px;height:18px;stroke-width:1.4}.icon-button:hover{background:#ffffff70;color:#384a32}.icon-button:active{background:#dce2d3}.icon-button:focus-visible{outline:2px solid #87987d;outline-offset:1px}.toolbar-space{flex:1;min-width:6px}.date-navigation{gap:0;margin-left:12px}.date-navigation .icon-button{width:32px;min-width:32px}.date-control{position:relative;cursor:pointer}.date-control>span svg{width:18px;height:18px}#date-picker{position:absolute;inset:0;width:100%;height:100%;padding:0;opacity:0;cursor:pointer}#date-picker::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;opacity:0;cursor:pointer}.date-control:focus-within{outline:2px solid #87987d;outline-offset:1px}#today-button{padding:0;border:0;font-size:14px;min-height:36px}#today-button.is-today{background:transparent;color:#51694b}#today-button:hover{background:#ffffff70}#paper-button{padding:0;gap:0;min-height:36px}#paper-button svg{width:18px;height:18px}#remove-samples{color:inherit;text-decoration:none}#save-status{margin:0 0 0 12px;display:flex;align-items:center;justify-content:center;width:24px;flex-shrink:0;color:#89967c}#save-status svg{width:15px;height:15px}#save-status.save-error{color:#a95038}
.notebook-page{padding:46px 48px 0 64px;min-height:720px;background:var(--paper);border:1px solid #d8d8cf;border-top-color:#f7f7ef;border-radius:2px;box-shadow:0 2px 3px #3d413a08,0 14px 35px -15px #42463930,3px 2px 5px #44483707}.binding{left:18px;border-right:1px solid #d8d8ce70;background:linear-gradient(90deg,transparent,#d7d9ca24);width:7px}.binding:after{display:none}.page-header{padding-left:66px;margin-bottom:35px}.page-eyebrow,#page-description,#page-footer-label{display:none}.notebook-page[data-page-view=trash] #page-description{display:block;font:12px/1.6 var(--sans);margin:12px 0 0}.title-line{align-items:center;gap:12px}.title-line h1{font:normal clamp(25px,2.3vw,32px)/1.3 var(--serif);letter-spacing:-.6px;margin:0;overflow-wrap:anywhere}.collection-rename{margin:0;text-decoration:none;color:#949c89;align-self:center}.collection-rename svg{width:16px;height:16px}.paper-content{min-height:450px}.paper-content:before{opacity:.5}.entry-text,#entry-editor{color:#4b4e43;font-size:18px}.entry-symbol{color:#7d8771}.entry-signifiers{color:#7b866d}.entry-row:hover .entry-symbol,.entry-row:hover .entry-signifiers{color:#526447}.entry-labels>button{background:#f4f5ed;border-color:#e5e7db;color:#818b76}.blank-hint{font:italic 16px var(--serif);color:#a9ae9e}.blank-row:hover{background:#e9eddf44}.editor-hint{border:0;font-size:8px;color:#a0a791}.editor-hint>span:last-child{visibility:hidden}.editing-row{background:#fffef999}.page-footer{border:0;margin-top:32px;padding:22px 0 26px;font-size:8px;letter-spacing:.8px;color:#a0a592}.page-number{font:italic 15px var(--serif);color:#a2aa97}.index-intro,.index-add{margin-left:114px}.index-intro{letter-spacing:1px;font-size:8px}.index-row{padding-left:114px;font-size:18px;min-height:64px}.index-leader{border-bottom-color:#d6dbcd}.index-row>span:first-child{font-size:12px}.index-add{font-size:16px}
.popover{border-color:#dddfd4;border-radius:5px;box-shadow:0 8px 30px #41453618}.selection-toolbar{background:#56644f;border-color:#56644f;gap:8px;padding:8px 12px;border-radius:6px;box-shadow:0 6px 25px #253a2120}.selection-toolbar button{display:inline-flex;align-items:center;justify-content:center;width:36px;min-width:36px;height:36px;padding:0;border:0}.selection-toolbar button svg{width:17px;height:17px}.selection-toolbar #selection-clear{font-size:21px;width:28px;min-width:28px}#selection-count{padding-right:10px}.sidebar-collapsed #notice{left:50%}
@media(min-width:681px){.sidebar-collapsed .sidebar{transform:translateX(calc(-100% - 30px))}.sidebar-collapsed #notebook{max-width:990px}.sidebar-collapsed .workspace{margin-left:0;width:100%}}
@media(min-width:1600px){#notebook{padding-top:38px}.notebook-page{min-height:780px}.paper-content{min-height:500px}}
@media(max-width:1100px){.sidebar{left:16px;top:20px;bottom:20px;width:200px;padding:22px 14px}.workspace{margin-left:232px;width:calc(100% - 232px)}#notebook{padding-left:28px;padding-right:28px}.notebook-page{padding-right:30px}.notebook-tools{gap:0}#save-status{margin-left:6px}}
@media(max-width:900px){.sidebar{width:184px;left:12px;padding:22px 12px}.workspace{margin-left:208px;width:calc(100% - 208px)}#notebook{padding:24px 20px 40px}.notebook-page{padding:38px 24px 0 43px;min-height:690px}.page-header{padding-left:64px;margin-bottom:32px}.title-line h1{font-size:27px}.notebook-tools>.icon-button{width:32px;min-width:32px}.date-navigation{margin-left:2px}.date-navigation .icon-button{width:28px;min-width:28px}.paper-content{min-height:450px}.index-intro,.index-add{margin-left:99px}.index-row{padding-left:99px}.sidebar-heading{padding:0 4px}.brand{font-size:27px}}
@media(max-width:680px){.sidebar{inset:12px auto 12px 12px;width:250px;padding:24px 18px;transform:translateX(calc(-100% - 20px));box-shadow:0 10px 50px #33482a1c;background:#f6f5f0}.index-open .sidebar{transform:translateX(0)}.workspace{width:100%;margin-left:0}#notebook{padding:16px 12px 30px}.notebook-tools{height:36px;margin-bottom:14px;gap:0}.notebook-tools>.icon-button{width:30px;min-width:30px;height:36px}.date-navigation{margin-left:3px}.date-navigation .icon-button{width:25px;min-width:25px}.notebook-tools svg{width:17px;height:17px}.toolbar-space{min-width:3px}#save-status{margin-left:4px;width:16px}#save-status svg{width:13px;height:13px}.notebook-page{padding:34px 18px 0 34px;min-height:calc(100dvh - 100px);box-shadow:0 2px 3px #3d413a08,0 9px 22px -12px #42463930}.binding{left:9px;width:5px}.page-header{padding-left:56px;margin-bottom:30px}.title-line h1{font-size:26px;line-height:1.25;letter-spacing:-.5px}.paper-content{min-height:420px}.entry-text,#entry-editor{font-size:17px}.page-footer{padding-bottom:22px;margin-top:24px}.index-title{margin-top:30px}.collections-label{margin-top:28px}.sidebar-bottom{padding-top:30px}.index-intro,.index-add{margin-left:82px}.index-row{padding-left:82px;gap:8px;font-size:16px}.selection-toolbar{gap:4px;padding:6px 8px}.selection-toolbar button{width:34px;min-width:34px}#mobile-shade{background:#39433535;backdrop-filter:blur(2px)}}
@media(max-width:380px){.notebook-tools>.icon-button{width:26px;min-width:26px}.date-navigation .icon-button{width:23px;min-width:23px}#save-status{margin-left:2px;width:13px}}
@media print{.notebook-tools,#page-heading-actions{display:none!important}body{background:white}.notebook-page{box-shadow:none}.page-header{margin-bottom:32px}}