*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none}body{margin:0;font-family:sans-serif;background:#f5f5f5;color:#111}button,input,textarea{font:inherit}.page{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:420px;background:#fff;border:1px solid #ddd;border-radius:16px;padding:24px}.card.wide{max-width:720px}.form,.create-box,.notes-list{display:flex;flex-direction:column;gap:12px}.mode-row,.form{margin-top:24px}.mode-row,.button-row,.topbar{display:flex;gap:12px;align-items:center}.topbar{justify-content:space-between;margin-bottom:24px}button{padding:10px 14px;border:1px solid #111;background:#fff;border-radius:10px;cursor:pointer}button:disabled{opacity:.5;cursor:default}input,textarea{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:10px}.message{margin-top:16px;color:#b00020;white-space:pre-wrap}.subtext{margin:4px 0 0;color:#666}.note-card{border:1px solid #ddd;border-radius:12px;padding:16px;margin-top:12px}.note-card h3{margin:0 0 8px}.note-card p{margin:0 0 8px;white-space:pre-wrap}.notes-list h2{margin-top:24px}