.app{display:grid;grid-template-columns:314px minmax(0,1fr);height:100vh;width:100%;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow:hidden}.rail{background:var(--rail);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.rail-header{padding:20px 18px 15px;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--sec);margin-bottom:10px}.title-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:15px}.title-row h1{margin:0;font-family:var(--serif);font-weight:700;font-size:29px;letter-spacing:-.02em;color:var(--ink)}.btn-new{font-family:var(--sans);font-weight:600;font-size:12px;color:var(--accent);background:transparent;border:1px solid var(--line);padding:6px 11px;cursor:pointer;transition:border-color .12s ease}.btn-new:hover{border-color:var(--accent)}.search{width:100%;font-family:var(--sans);font-size:13px;color:var(--ink);background:var(--surface);border:1px solid var(--line);padding:8px 11px;outline:none;transition:border-color .12s ease}.search:focus{border-color:var(--accent)}.rail-search-meta{margin-top:12px;font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--sec)}.rail-list{flex:1;overflow-y:auto;min-height:0}.month-divider{padding:18px 16px 7px;font-family:var(--mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--sec);border-bottom:1px solid var(--line2);background:var(--rail)}.entry-row{width:100%;display:block;text-align:left;border:0;border-bottom:1px solid var(--line2);background:transparent;padding:var(--railpad);cursor:pointer;border-left:2px solid transparent;font:inherit;transition:background-color .1s ease}.entry-row:hover{background:var(--surface)}.entry-row.is-active{background:var(--surface);border-left-color:var(--accent)}.row-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.row-primary{font-family:var(--sans);font-weight:600;font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-meta{font-family:var(--mono);font-size:10px;color:var(--sec);flex:none}.row-secondary{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--serif);font-size:12.5px;color:var(--sec);margin-top:2px}.row-secondary.is-search{-webkit-line-clamp:2;line-clamp:2;line-height:1.4;margin-top:3px}.rail-empty{padding:26px 18px;font-family:var(--serif);font-style:italic;color:var(--sec);font-size:14px}.rail-foot{padding:18px 18px 24px;font-family:var(--mono);font-size:9.5px;line-height:1.8;letter-spacing:.05em;color:var(--sec);opacity:.85}.main{overflow-y:auto;min-height:0;background:var(--bg)}.doc{max-width:1160px;margin:0 auto;padding:46px 52px 140px;display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:56px;align-items:start}.entry{min-width:0}.dateline{display:flex;align-items:center;gap:11px;font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--sec);margin-bottom:20px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none}.dot.is-saving{animation:pulse 1s ease-in-out infinite}.entry-title{width:100%;font-family:var(--serif);font-weight:600;font-size:40px;line-height:1.1;letter-spacing:-.015em;color:var(--ink);border:0;background:transparent;outline:none;padding:0;margin:0 0 16px}.rule{height:1px;background:var(--line);margin:0 0 28px}.editor{font-family:var(--serif);font-size:var(--prose);line-height:var(--proselh);color:var(--ink);min-height:340px;outline:none;-webkit-font-smoothing:antialiased}.side{position:sticky;top:46px;min-width:0}.save-row{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;color:var(--sec);padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:24px}.save-row.is-error{color:var(--accent)}.side-label{font-family:var(--sans);font-weight:600;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--sec);margin:0 0 13px}.detail-list{display:flex;flex-direction:column;margin-bottom:28px}.detail-row{display:flex;justify-content:space-between;gap:14px;align-items:baseline;border-bottom:1px solid var(--line2);padding-bottom:9px;margin-bottom:9px}.detail-row:last-child{margin-bottom:0}.detail-key{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--sec);flex:none}.detail-val{font-family:var(--serif);font-size:14px;color:var(--ink);text-align:right}.field-input{font-family:var(--serif);font-size:14px;color:var(--ink);text-align:right;border:0;background:transparent;outline:none;padding:0;min-width:0;flex:1}.field-input::placeholder{color:var(--sec);font-style:italic}.date-btn{font-family:var(--serif);font-size:14px;color:var(--ink);text-align:right;border:0;background:transparent;cursor:pointer;padding:0;transition:color .12s ease}.date-btn:hover{color:var(--accent)}.date-input{font-family:var(--mono);font-size:12px;color:var(--ink);border:1px solid var(--line);background:var(--surface);padding:3px 6px;outline:none}.date-input:focus{border-color:var(--accent)}.present-list{display:flex;flex-direction:column;margin-bottom:30px}.present-row{display:flex;align-items:baseline;gap:8px;border-bottom:1px solid var(--line2);padding:0 0 8px;margin-bottom:8px}.present-input{flex:1;min-width:0;font-family:var(--serif);font-size:14.5px;color:var(--ink);border:0;background:transparent;outline:none;padding:0}.present-input::placeholder{color:var(--sec);font-style:italic}.present-remove{flex:none;font-family:var(--mono);font-size:14px;line-height:1;color:var(--sec);background:transparent;border:0;cursor:pointer;opacity:0;transition:opacity .1s ease,color .12s ease}.present-row:hover .present-remove,.present-remove:focus-visible{opacity:1}.present-remove:hover{color:var(--accent)}.present-add{align-self:flex-start;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:transparent;border:0;cursor:pointer;padding:2px 0 0}.present-add:hover{text-decoration:underline}.words{margin-top:28px;font-family:var(--mono);font-size:10px;letter-spacing:.05em;color:var(--sec);opacity:.8}.side-danger{margin-top:22px;padding-top:18px;border-top:1px solid var(--line2)}.btn-delete{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--sec);background:transparent;border:0;cursor:pointer;padding:0;transition:color .12s ease}.btn-delete:hover,.btn-delete.is-confirming{color:var(--accent)}.doc-empty{max-width:1160px;margin:0 auto;padding:120px 52px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.doc-empty p{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--sec);margin:0}.entry-title:focus-visible,.field-input:focus-visible,.present-input:focus-visible,.editor:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion: reduce){.dot.is-saving{animation:none;opacity:.5}}:root{--accent: #a62a1e;--accent-hover: #7f2016;--bg: #fcfbf8;--surface: #ffffff;--rail: #f7f5f0;--ink: #1a1a18;--sec: #77746c;--line: #e6e2d8;--line2: #efede6;--prose: 18px;--proselh: 1.66;--railpad: 13px 16px 14px;--serif: "Source Serif 4", Georgia, "Times New Roman", serif;--sans: "Libre Franklin", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}:root[data-density=compact]{--prose: 16px;--proselh: 1.5;--railpad: 9px 16px 10px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}::selection{background:#a62a1e24}input::placeholder,[contenteditable][data-placeholder]:empty:before{color:#b7b2a6;font-weight:400}button{font:inherit}[contenteditable]:focus{outline:none}[contenteditable] ul{margin:0 0 14px;padding-left:22px}[contenteditable] li{margin:0 0 7px}[contenteditable] p{margin:0 0 12px}[contenteditable][data-placeholder]:empty:before{content:attr(data-placeholder);pointer-events:none}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:#ded9cd;border:3px solid transparent;background-clip:content-box;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#cfc9bb;background-clip:content-box}@keyframes pulse{0%,to{opacity:1}50%{opacity:.22}}