*,*:before,*:after{box-sizing:border-box}body{margin:0}h1,h2,h3,h4,h5,h6,p{margin:0;font-weight:400}:root{color-scheme:light dark}body{display:flex;justify-content:center;min-height:100vh;background-color:#242424;color:#ffffffde;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.header{display:flex;flex-direction:column;gap:.5rem}.search{padding:.5rem;border:1px solid #555;border-radius:4px;background:transparent;color:inherit}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.header button{background:transparent;border:1px solid #666;color:#fff;padding:.4rem .8rem;cursor:pointer;border-radius:4px;transition:all .2s}.header button.active{border:1px solid #fff}.header button:hover{border-color:#aaa}.note{border:1px solid #444;border-radius:6px;padding:.8rem;background:#2a2a2a;display:flex;flex-direction:column;gap:.5rem}.note-text{font-size:1rem}.note-tags{font-size:.85rem;color:#aaa}.note-actions{display:flex;gap:.5rem}.note-actions button{border:1px solid #666;background:transparent;color:inherit;padding:.3rem .6rem;border-radius:4px;cursor:pointer;transition:all .2s}.note-actions button:hover{border-color:#aaa}.notes-list{display:flex;flex-direction:column;gap:.8rem}.empty-message{opacity:.7;font-style:italic}.note-form{display:flex;flex-direction:column;gap:.5rem}.note-input,.tag-input{padding:.5rem;border:1px solid #555;border-radius:4px;background:transparent;color:inherit}.note-button{padding:.5rem;border:1px solid #666;border-radius:4px;background:transparent;color:inherit;cursor:pointer;transition:all .2s}.note-button:hover{border-color:#aaa}.app{max-width:800px;margin:0 auto;padding:2rem 2rem 1rem;display:flex;flex-direction:column;gap:1rem}.app-title{text-align:center}