.nb-wrap{--nb-paper: #F3E5C2;--nb-paper2: #EFDDB4;--nb-line: rgba(92, 120, 160, .22);--nb-margin: rgba(196, 72, 60, .45);--nb-ink: #2B2117;--nb-muted: #6E5B45;--nb-cover: #4A2B1C;--nb-accent: #A8402A;--nb-hand: "Caveat", "Segoe Print", "Bradley Hand", cursive;--nb-ui: "Bricolage Grotesque", "DM Sans", system-ui, sans-serif}.nb-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:#08060c9e;backdrop-filter:blur(3px);overflow-y:auto;overscroll-behavior:contain}.nb-overlay[hidden]{display:none}.nb-page{display:grid;place-items:center;padding:32px 16px 56px}.nb-book{position:relative;width:min(960px,100%);display:grid;grid-template-columns:1fr 1fr;background:var(--nb-cover);border-radius:14px;padding:12px;box-shadow:0 30px 70px #0000008c,inset 0 0 0 2px #ffdcb414;font-family:var(--nb-ui);color:var(--nb-ink)}.nb-overlay .nb-book{animation:nb-open .42s cubic-bezier(.2,.9,.3,1.1);margin-block:48px 16px}@keyframes nb-open{0%{opacity:0;transform:translateY(40px) scale(.92) rotateX(12deg)}}.nb-sheet{position:relative;min-height:520px;padding:34px 32px 28px 46px;background-color:var(--nb-paper);background-image:linear-gradient(to right,transparent 34px,var(--nb-margin) 34px,var(--nb-margin) 35.5px,transparent 35.5px),repeating-linear-gradient(to bottom,transparent 0 31px,var(--nb-line) 31px 32px);background-position:0 0,0 22px;display:flex;flex-direction:column;min-width:0}.nb-left{border-radius:8px 2px 2px 8px;box-shadow:inset -18px 0 24px -14px #3c230f59}.nb-right{border-radius:2px 8px 8px 2px;background-color:var(--nb-paper2);box-shadow:inset 18px 0 24px -14px #3c230f59}.nb-hand{font-family:var(--nb-hand);font-weight:600;margin:0}.nb-date{font-size:18px;color:var(--nb-muted);line-height:32px}.nb-h{font-size:34px;line-height:1.05;color:var(--nb-ink);margin-bottom:10px;text-wrap:balance}.nb-notes{list-style:none;margin:0;padding:0 6px 0 0;overflow-y:auto;max-height:440px;display:flex;flex-direction:column;gap:14px;scrollbar-color:rgba(110,91,69,.4) transparent}.nb-note{padding-bottom:12px;border-bottom:1px dashed rgba(110,91,69,.3)}.nb-note p{margin:0;font-size:15px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.nb-note footer{margin-top:4px;display:flex;gap:8px;align-items:baseline}.nb-note b{font-family:var(--nb-hand);font-size:21px;font-weight:600;color:var(--nb-accent)}.nb-note time{font-size:12px;color:var(--nb-muted)}.nb-empty{font-size:15px;line-height:1.6;color:var(--nb-muted)}.nb-lede{margin:0 0 14px;font-size:15.5px;line-height:1.55;color:var(--nb-ink);max-width:38ch}.nb-form{display:flex;flex-direction:column;gap:6px}.nb-form label{font-size:13px;font-weight:600;color:var(--nb-muted);letter-spacing:.02em;margin-top:6px}.nb-form input,.nb-form textarea{font:inherit;font-size:16px;color:var(--nb-ink);background:#fffcf0a6;border:1.5px solid rgba(110,91,69,.35);border-radius:8px;padding:10px 12px;resize:vertical}.nb-form input:focus-visible,.nb-form textarea:focus-visible{outline:2px solid var(--nb-accent);outline-offset:1px;border-color:transparent}.nb-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.nb-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}.nb-send{font:inherit;font-weight:700;font-size:15px;color:#fff6e6;background:var(--nb-accent);border:0;border-radius:999px;min-height:44px;padding:0 22px;cursor:pointer;box-shadow:0 3px #6e2414}.nb-send:hover{filter:brightness(1.06)}.nb-send:active{transform:translateY(2px);box-shadow:0 1px #6e2414}.nb-send:disabled{opacity:.55;cursor:not-allowed}.nb-send:focus-visible{outline:2px solid var(--nb-ink);outline-offset:3px}.nb-count{font-size:12px;color:var(--nb-muted);font-variant-numeric:tabular-nums}.nb-status{min-height:1.4em;margin:4px 0 0;font-size:14px;color:var(--nb-ink)}.nb-fine{margin:0;font-size:12.5px;line-height:1.5;color:var(--nb-muted)}.nb-close{position:absolute;left:0;top:-54px;min-height:42px;padding:0 18px;border-radius:999px;border:1px solid rgba(241,233,220,.2);background:#0c0a12bf;color:#f1e9dc;font:600 14px var(--nb-ui);cursor:pointer}.nb-close:hover{border-color:#ffb347}.nb-close:focus-visible{outline:2px solid #FFB347;outline-offset:3px}@media(max-width:760px){.nb-book{grid-template-columns:1fr;padding:8px}.nb-right{order:-1;border-radius:8px 8px 2px 2px;box-shadow:inset 0 -16px 22px -14px #3c230f4d}.nb-left{border-radius:2px 2px 8px 8px;box-shadow:inset 0 16px 22px -14px #3c230f4d}.nb-sheet{min-height:0;padding:26px 20px 22px 40px}.nb-notes{max-height:none;overflow:visible}.nb-h{font-size:30px}}@media(prefers-reduced-motion:reduce){.nb-overlay .nb-book{animation:none}}