@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--paper: #f6f1e6;--paper-line: #e3d9c4;--ink: #2c2a26;--ink-soft: #6f6a5e;--accent: #b5652e;--accent-soft: #eadfca;--danger: #a3432f;--sidebar-width: 300px}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--paper);color:var(--ink)}.app{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);flex-shrink:0;border-right:1px solid var(--paper-line);padding:28px 20px;background:#f1ead9}.sidebar-header{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}.sidebar-header h1{font-family:"Source Serif 4",serif;font-size:26px;font-weight:700;margin:0;color:var(--ink)}.new-btn{align-self:flex-start;background:var(--accent);color:#fff;border:none;padding:9px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease}.new-btn:hover{background:#9c5527}.hint{color:var(--ink-soft);font-size:14px;line-height:1.5}.note-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.note-item{padding:12px;border-radius:6px;cursor:pointer;border:1px solid transparent}.note-item:hover{background:var(--accent-soft)}.note-item.active{background:var(--accent-soft);border-color:var(--accent)}.note-item-title{font-size:15px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-item-date{font-size:12px;color:var(--ink-soft);margin-top:2px}.editor{flex:1;padding:40px 56px;max-width:760px}.error-banner{background:#f6dfd8;border:1px solid var(--danger);color:var(--danger);padding:10px 14px;border-radius:6px;font-size:14px;margin-bottom:18px}.editor-form{display:flex;flex-direction:column;gap:16px}.title-input{font-family:"Source Serif 4",serif;font-size:30px;font-weight:600;border:none;background:transparent;outline:none;color:var(--ink);padding:4px 0;border-bottom:1px solid var(--paper-line)}.title-input::placeholder{color:#b8b0a0}.content-input{font-family:Inter,sans-serif;font-size:16px;line-height:1.7;color:var(--ink);border:none;background:transparent;outline:none;resize:vertical;min-height:320px}.content-input::placeholder{color:#b8b0a0}.editor-actions{display:flex;gap:10px}.save-btn{background:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.save-btn:disabled{opacity:.5;cursor:not-allowed}.save-btn:hover:not(:disabled){background:#9c5527}.delete-btn{background:transparent;color:var(--danger);border:1px solid var(--danger);padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.delete-btn:hover{background:#f6dfd8}.meta{font-size:13px;color:var(--ink-soft);margin:0}@media (max-width: 720px){.app{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--paper-line)}.editor{padding:24px}}