:root{--paper: #f3ede7;--paper-inset: #f2ece7;--mocha: #746458;--ruby: #6f1b1b;--oxblood: #3a0303;--nude: #d7c0b5;--stone: #b4a197;--ink: #000000;--cotton: #ffffff;--taupe: #948a7a;--khaki: #a29886;--font-sans: "Source Sans 3", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-label: "Outfit", "Futura", "Century Gothic", sans-serif;--font-serif: "EB Garamond", "Garamond", "Times New Roman", serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--sidebar: 264px;--sheet-max: 720px;--motion-fast: .1s linear;--motion-medium: .3s linear}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--paper);color:var(--mocha);font-family:var(--font-sans);font-weight:300;letter-spacing:.01em;line-height:1.6}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--ruby);text-decoration:none}a:hover{color:var(--stone)}:focus-visible{outline:1px solid var(--mocha);outline-offset:2px}.wordmark{font-family:var(--font-label);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase}.tone-mocha{color:var(--mocha)}.tone-ruby{color:var(--ruby)}.tone-cotton{color:var(--cotton)}.label{font-family:var(--font-label);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ruby);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--mocha);background:var(--mocha);color:var(--cotton);padding:13px 26px;font-family:var(--font-label);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:opacity var(--motion-fast)}.btn:hover{opacity:.8}.btn.ghost{background:transparent;color:var(--mocha)}.btn.ruby{background:var(--ruby);border-color:var(--ruby)}.btn.small{padding:8px 14px}.field{display:flex;flex-direction:column;gap:8px}.field input,.field textarea,.field select{background:var(--paper-inset);border:1px solid color-mix(in srgb,var(--mocha) 28%,transparent);padding:12px 14px;border-radius:0}.gate{min-height:100vh;display:grid;place-items:center;padding:48px 24px;background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--mocha) 18%,transparent) 1px,transparent 0) 0 0 / 18px 18px}.card{width:min(420px,100%);background:var(--paper);border:1px solid color-mix(in srgb,var(--mocha) 22%,transparent);padding:48px 40px}.card h1{font-family:var(--font-serif);font-weight:400;font-style:italic;font-size:42px;color:var(--ruby);margin:16px 0 8px;line-height:1.1}.lede{margin:0 0 32px;color:var(--taupe)}.stack{display:flex;flex-direction:column;gap:16px}.muted{color:var(--taupe);font-size:14px}.err{color:var(--ruby);font-size:14px}.shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{border-right:1px solid color-mix(in srgb,var(--mocha) 18%,transparent);padding:28px 20px 32px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh;overflow:auto}.sidebar-head{display:flex;flex-direction:column;gap:16px}.search-input{width:100%;background:transparent;border:0;border-bottom:1px solid color-mix(in srgb,var(--mocha) 30%,transparent);padding:8px 0;font-style:italic}.nb-list{display:flex;flex-direction:column;gap:18px}.nb{display:flex;flex-direction:column;gap:6px}.nb-title{display:flex;align-items:center;gap:8px;background:none;border:0;padding:0;cursor:pointer;text-align:left;font-weight:400}.nb-title.active{color:var(--ruby)}.swatch{width:8px;height:8px;flex:0 0 8px}.tree{display:flex;flex-direction:column;padding-left:16px}.tree button,.tree a{background:none;border:0;padding:4px 0;text-align:left;cursor:pointer;color:var(--mocha);font-size:14px}.tree .active{color:var(--ruby);box-shadow:inset 2px 0 0 var(--ruby);padding-left:8px}.tree .nested{padding-left:12px}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px}.sheet-wrap{padding:40px 48px 96px}.sheet{max-width:var(--sheet-max);margin:0 auto}.page-title{width:100%;border:0;background:transparent;font-family:var(--font-serif);font-size:40px;font-weight:400;color:var(--ruby);padding:0;margin:8px 0 24px}.page-title:focus{outline:none}.meta-row{display:flex;gap:16px;align-items:center;margin-bottom:8px}.block{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start}.block-handle{opacity:0;color:var(--taupe);font-size:12px;padding-top:8px;cursor:default}.block:hover .block-handle,.block:focus-within .block-handle{opacity:1}.block textarea,.block input[type=text]{width:100%;border:0;background:transparent;resize:none;padding:6px 0;line-height:1.7}.block textarea:focus,.block input:focus{outline:none}.block.heading1 textarea{font-family:var(--font-serif);font-size:28px;color:var(--ruby)}.block.heading2 textarea{font-family:var(--font-serif);font-size:22px}.block.heading3 textarea{font-family:var(--font-label);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ruby)}.block.quote textarea{font-family:var(--font-serif);font-style:italic;font-size:22px;border-left:1px solid var(--nude);padding-left:16px}.block.bulleted textarea,.block.numbered textarea{padding-left:8px}.divider{height:1px;background:color-mix(in srgb,var(--mocha) 20%,transparent);margin:16px 0}.page-link{font-style:italic;color:var(--ruby);padding:6px 0}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 24px}.spread{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.verso,.recto{padding:40px}.verso{background:var(--oxblood);color:var(--paper);display:flex;flex-direction:column;gap:16px}.verso img,.scan-preview{width:100%;max-height:calc(100vh - 160px);object-fit:contain;background:var(--paper)}.drop{border:1px dashed var(--nude);min-height:320px;display:grid;place-items:center;text-align:center;padding:32px;color:var(--nude);cursor:pointer}.search-results{display:flex;flex-direction:column;gap:16px;margin-top:24px}.search-hit{text-align:left;background:none;border:0;border-bottom:1px solid color-mix(in srgb,var(--mocha) 16%,transparent);padding:12px 0;cursor:pointer}.search-hit h3{font-family:var(--font-serif);font-size:22px;font-weight:400;color:var(--ruby);margin:0 0 4px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tag{font-family:var(--font-label);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ruby);border:1px solid var(--nude);padding:4px 8px}.empty{padding:64px 0}.empty h2{font-family:var(--font-serif);font-style:italic;font-size:36px;font-weight:400;color:var(--ruby);margin:0 0 8px}@media(max-width:860px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.spread{grid-template-columns:1fr}.sheet-wrap{padding:24px 20px 80px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}