.app{flex-direction:column;min-height:100vh;display:flex}.navbar{background:#fff;border-bottom:1px solid #ccc}.navbar-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1000px;margin:0 auto;padding:16px 20px;display:flex}.site-name{color:#111;font-size:1.4rem;font-weight:700;text-decoration:none}.nav-links{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.nav-link{color:#333;text-decoration:none}.active-link{font-weight:700;text-decoration:underline}.nav-button{width:auto;margin:0;padding:7px 12px}.main-content{flex:1;width:100%}.page{width:min(100% - 40px,900px);margin:0 auto;padding:40px 0}.form-page{max-width:600px}.centered-page{text-align:center}.page h1{margin-top:0}.page-actions{flex-wrap:wrap;align-items:center;gap:16px;margin:24px 0;display:flex}.button-link{color:#fff;background:#222;border:1px solid #222;padding:10px 16px;text-decoration:none;display:inline-block}.secondary-link{color:#222}.content-section{border-top:1px solid #ccc;margin-top:32px;padding-top:24px}.basic-form{flex-direction:column;gap:10px;margin:24px 0;display:flex}.basic-form label{margin-top:8px;font-weight:700}.basic-form input,.basic-form textarea{width:100%;font:inherit;border:1px solid #999;border-radius:0;padding:10px}.basic-form textarea{resize:vertical}.basic-form button{width:fit-content;margin-top:12px}button{color:#fff;cursor:pointer;font:inherit;background:#222;border:1px solid #222;padding:10px 16px}button:hover{opacity:.85}.error-message{color:#a00000;border:1px solid #a00000;padding:10px}.success-message{color:#166534;border:1px solid #166534;padding:10px}.notes-list{gap:16px;display:grid}.note-card{border:1px solid #ccc;padding:16px}.note-card h3{margin-top:0}.note-card p{white-space:pre-wrap}.delete-button{color:#222;background:#fff}.footer{text-align:center;border-top:1px solid #ccc;padding:20px}@media (width<=700px){.navbar-inner{flex-direction:column;align-items:flex-start}.nav-links{align-items:flex-start}}*{box-sizing:border-box}html{color:#222;background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}input,textarea,button{font-family:inherit}