@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:wght@500;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--rail: #1f2544;--paper: #f7f4ee;--ink: #1c1a16;--line: #ddd4c4;--accent: #4f46e5}*{box-sizing:border-box;margin:0;padding:0}body{font-family:IBM Plex Sans,sans-serif;background:var(--paper);color:var(--ink);min-height:100vh}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{background:var(--rail);color:#e8e9f5;padding:1.5rem 1.1rem;display:flex;flex-direction:column;gap:1rem}.brand{font-family:"Source Serif 4",serif;font-size:1.4rem;font-weight:700}.hint{color:#aab0d4;font-size:.82rem}.ghost,.danger,button{border:0;border-radius:10px;padding:.65rem .9rem;cursor:pointer;font-weight:600}.ghost{background:#2c335c;color:#fff}main{padding:1.5rem 1.5rem 3rem}header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.25rem}header h1{font-family:"Source Serif 4",serif;font-size:2rem}header span{color:#7a7368;font-size:.8rem}.composer{display:grid;gap:.6rem;background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem;margin-bottom:1rem}input,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:.7rem .8rem;font:inherit;background:#fffdf8}.composer button{justify-self:start;background:var(--accent);color:#fff}.list{display:grid;gap:.75rem}.list article{display:flex;justify-content:space-between;gap:1rem;align-items:start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:1rem}.list h3{font-family:"Source Serif 4",serif;margin-bottom:.25rem}.list p{color:#5d564c;white-space:pre-wrap}.danger{background:#f3e8e6;color:#8a2f2f}.err,.empty{color:#8a2f2f;margin:.5rem 0 1rem}.empty{color:#7a7368}@media(max-width:760px){.shell{grid-template-columns:1fr}aside{flex-direction:row;align-items:center}}