:root{--border:#e2e5ea;--muted:#6b7280;--accent:#2f6feb;--danger:#c0392b}*{box-sizing:border-box}body{background:#f6f7f9;color:#1c1f23;font:16px/1.5 system-ui,Segoe UI,sans-serif;margin:0}.app{margin:0 auto;max-width:720px;padding:24px 16px 60px}h1{font-size:1.6rem}h2{color:#6b7280;color:var(--muted);font-size:.9rem;letter-spacing:.05em;text-transform:uppercase}.note-form{background:#fff;border:1px solid #e2e5ea;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:16px}input,textarea{border:1px solid #e2e5ea;border:1px solid var(--border);border-radius:6px;font:inherit;padding:8px 10px}textarea{resize:vertical}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #2f6feb;outline:2px solid var(--accent);outline-offset:2px}button{background:#fff;border:1px solid #e2e5ea;border:1px solid var(--border);border-radius:6px;cursor:pointer;font:inherit;padding:8px 14px}button[type=submit]{background:#2f6feb;background:var(--accent);border-color:#2f6feb;border-color:var(--accent);color:#fff}button.danger{color:#c0392b;color:var(--danger)}.row{display:flex;gap:8px;margin-top:8px}.tag-filter,.tag-input,.tag-list{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.tag-input{background:#fff;border:1px solid #e2e5ea;border:1px solid var(--border);border-radius:6px;padding:6px}.tag-input input{border:none;flex:1 1;min-width:120px}.tag-filter{margin-bottom:14px}.tag-list{margin-top:10px}.chip{align-items:center;background:#eef2f8;border:none;border-radius:999px;color:#33405a;display:inline-flex;font-size:.82rem;gap:4px;padding:3px 10px}.chip button{background:none;border:none;cursor:pointer;font-size:1rem;padding:0 2px}.chip.active{background:#2f6feb;background:var(--accent);color:#fff}.note-list{grid-gap:12px;display:grid;gap:12px;list-style:none;padding:0}.note-card{background:#fff;border:1px solid #e2e5ea;border:1px solid var(--border);border-radius:10px;padding:16px}.note-card h3{font-size:1.05rem;margin:0 0 6px}.note-content{color:#6b7280;color:var(--muted);margin:0;white-space:pre-wrap}.error{color:#c0392b;color:var(--danger);font-size:.88rem;margin:6px 0 0}.empty{color:#6b7280;color:var(--muted);font-style:italic}@media (max-width:520px){.row{flex-direction:column}.row button{width:100%}}
/*# sourceMappingURL=main.fcf75812.css.map*/