@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400&family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;1,8..60,300&display=swap";:root{--paper: #f6f1e7;--paper-edge: #e8e0d0;--ink: #2a2118;--ink-mid: #6b5d4d;--ink-faint: #b5a698;--red-margin: #c96b60;--blue-rule: #bfc9d8;--cover: #2c2520;--cover-light: #3d352e;--cover-edge: #1e1a16;--spine: #342d26;--ring-metal: #b0a490;--ring-highlight: #d4c8b4;--ring-shadow: #6e6458;--desk: #a89e8e;--desk-dark: #948a7a;--divider-width: 22px}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100vh;background:radial-gradient(ellipse at 30% 20%,var(--desk) 0%,var(--desk-dark) 100%);color:var(--ink);font-family:"Source Serif 4",Georgia,serif}.binder-scene{max-width:56rem;margin:2rem auto;padding:0 1.5rem;position:relative;overflow:visible}.back-cover{position:absolute;left:1.5rem;right:3rem;top:.5rem;bottom:-.5rem;background:var(--cover);border-radius:3px 6px 6px 3px;box-shadow:4px 4px 16px #00000040,inset 0 1px #ffffff0a}.binder{display:flex;align-items:stretch;position:relative;z-index:1;min-height:80vh}.front-cover{width:52px;flex-shrink:0;background:linear-gradient(90deg,var(--cover-edge) 0%,var(--cover) 20%,var(--cover-light) 100%);border-radius:4px 0 0 4px;position:relative;box-shadow:-3px 2px 8px #0003,inset -1px 0 #ffffff0f,inset 1px 0 #0000004d;display:flex;align-items:center;justify-content:center}.cover-label{writing-mode:vertical-rl;text-orientation:mixed;font-family:Lora,serif;font-size:.65rem;font-weight:600;letter-spacing:.35em;color:#ffffff1f;text-transform:uppercase;-webkit-user-select:none;user-select:none}.cover-edge{position:absolute;right:0;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,#ffffff14,#00000026)}.spine{width:44px;flex-shrink:0;background:linear-gradient(90deg,var(--cover-light) 0%,var(--spine) 30%,var(--cover) 70%,var(--cover-light) 100%);display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:5rem 0;position:relative;box-shadow:inset 2px 0 4px #0003,inset -2px 0 4px #0003}.spine-ridges{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(255,255,255,.015) 3px,rgba(255,255,255,.015) 4px);pointer-events:none}.ring-mount{position:relative;width:36px;height:48px;display:flex;align-items:center;justify-content:center}.ring{width:28px;height:44px;position:relative}.ring-top{position:absolute;top:0;left:2px;right:2px;height:22px;border:3.5px solid var(--ring-metal);border-bottom:none;border-radius:14px 14px 0 0;background:transparent;box-shadow:0 -1px 0 var(--ring-highlight),inset 0 1px #fff3}.ring-bottom{position:absolute;bottom:0;left:2px;right:2px;height:22px;border:3.5px solid var(--ring-metal);border-top:none;border-radius:0 0 14px 14px;background:transparent;box-shadow:0 1px 0 var(--ring-shadow),inset 0 -1px #00000026}.paper-stack{flex:1;min-width:0;position:relative;display:flex}.divider-tabs{position:absolute;right:-1px;top:40px;bottom:40px;width:var(--divider-width);display:flex;flex-direction:column;gap:6px;z-index:10;align-items:flex-end}.divider-tab{width:100%;height:36px;background:var(--tab-color, #aaa);border:none;border-radius:0 5px 5px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:1px 1px 3px #00000026,inset 0 1px #ffffff40,inset 0 -1px #0000001a;transition:transform .1s,box-shadow .1s;padding:0;overflow:hidden}.divider-tab:hover{transform:translate(3px);box-shadow:2px 1px 5px #0003,inset 0 1px #ffffff4d,inset 0 -1px #0000001a}.divider-tab-active{transform:translate(5px);box-shadow:3px 2px 6px #00000040,inset 0 1px #ffffff59,inset 0 -1px #0000001a;z-index:2}.divider-tab-name{font-family:Lora,serif;font-size:.5rem;font-weight:600;letter-spacing:.06em;color:#ffffffe6;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.2);writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-height:100%}.divider-tab-x{display:none;font-size:.7rem;color:#fffc;line-height:1;position:absolute;top:2px;right:3px;writing-mode:horizontal-tb}.divider-tab:hover .divider-tab-x{display:block}.divider-tab-x:hover{color:#fff}.divider-tab-new{background:#ffffff26;border:1.5px dashed rgba(0,0,0,.2);box-shadow:none;font-size:.9rem;color:var(--ink-faint)}.divider-tab-new:hover{background:#ffffff40;color:var(--ink);transform:translate(3px)}.divider-tab-add-form{width:100%;height:36px;background:#fff3;border-radius:0 5px 5px 0;display:flex;align-items:center;padding:0 4px}.divider-tab-input{width:100%;height:100%;background:transparent;border:none;outline:none;font-family:Lora,serif;font-size:.6rem;color:var(--ink)}.divider-tab-input::placeholder{color:var(--ink-faint)}.page{flex:1;min-width:0;background:var(--paper);position:relative;box-shadow:2px 0 6px #0000000f,inset 2px 0 4px #00000008;border-right:1px solid var(--paper-edge)}.page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(transparent,transparent 30px,var(--blue-rule) 30px,var(--blue-rule) 31px);opacity:.35;pointer-events:none}.page:after{content:"";position:absolute;left:52px;top:0;bottom:0;width:1.5px;background:var(--red-margin);opacity:.5;pointer-events:none;z-index:1}.page-holes{position:absolute;left:12px;top:0;bottom:0;width:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;z-index:5;pointer-events:none}.page-hole{width:14px;height:14px;border-radius:50%;background:var(--desk-dark);box-shadow:inset 1px 1px 3px #00000040,inset -1px -1px 1px #ffffff0d}.page-content{position:relative;z-index:2;padding:2rem 2.5rem 4rem 68px;min-height:100%}.page-header{margin-bottom:1.5rem}.page-header h1{font-family:Lora,serif;font-size:1.4rem;font-weight:500;color:var(--ink);text-transform:capitalize;letter-spacing:-.01em}.page-subtitle{font-size:.78rem;color:var(--ink-faint);font-style:italic;margin-top:.1rem}.compose{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.06)}.compose-input{width:100%;background:transparent;border:none;outline:none;color:var(--ink);font-family:"Source Serif 4",Georgia,serif;font-size:.95rem;line-height:31px;resize:none;min-height:93px;padding:0}.compose-input::placeholder{color:var(--ink-faint);font-style:italic}.compose-bar{display:flex;justify-content:space-between;align-items:center;margin-top:.4rem}.compose-hint{font-size:.62rem;color:var(--ink-faint);font-style:italic}.compose-save{background:var(--ink);color:var(--paper);border:none;padding:.3rem 1.4rem;border-radius:2px;font-size:.75rem;font-family:Lora,serif;font-weight:500;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:opacity .15s}.compose-save:hover:not(:disabled){opacity:.75}.compose-save:disabled{opacity:.15;cursor:default}.entries-empty{color:var(--ink-faint);font-size:.88rem;text-align:center;padding:3rem 0;font-style:italic}.entry{padding:.6rem 0;border-bottom:1px solid rgba(0,0,0,.04)}.entry:last-child{border-bottom:none}.entry-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem}.entry-meta{display:flex;align-items:center;gap:.6rem}.entry-time{font-size:.58rem;color:var(--ink-faint);font-family:Lora,serif;font-style:italic;letter-spacing:.02em}.entry-section{font-size:.52rem;font-family:Lora,serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.7}.entry-delete{background:none;border:none;color:transparent;font-size:1rem;cursor:pointer;padding:0 .25rem;line-height:1;transition:color .15s;font-family:inherit}.entry:hover .entry-delete{color:var(--ink-faint)}.entry-delete:hover{color:var(--red-margin)!important}.entry-text{color:var(--ink);font-size:.92rem;line-height:31px;white-space:pre-wrap;word-break:break-word}.page-content::-webkit-scrollbar{width:6px}.page-content::-webkit-scrollbar-track{background:transparent}.page-content::-webkit-scrollbar-thumb{background:#00000014;border-radius:3px}