*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#fdf8f3;color:#2d2a26}.app{max-width:900px;margin:0 auto;padding:24px 16px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}header h1{margin:0;font-size:1.8rem}button{font:inherit;cursor:pointer;border:none;border-radius:8px;padding:8px 16px;background:#e8692c;color:#fff}button:hover{background:#cf5a20}button.secondary{background:#ddd;color:#333}button.danger{background:#c0392b}button.link{background:none;color:#e8692c;padding:0;margin-bottom:12px}.search{width:100%;padding:10px 14px;font:inherit;border:1px solid #ddd;border-radius:8px;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.card{text-align:left;background:#fff;color:inherit;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f;transition:transform .15s,box-shadow .15s}.card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.card h2{font-size:1.15rem;margin:0 0 8px}.tag{display:inline-block;background:#fde3d3;color:#b4491a;font-size:.8rem;padding:2px 10px;border-radius:999px}.meta{color:#777;font-size:.9rem;margin:8px 0 0}.empty{text-align:center;color:#888}.detail,.form{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000f}.detail h2{margin:0 0 4px;font-size:1.6rem}.detail li{margin-bottom:6px;line-height:1.5}.actions{display:flex;gap:8px;margin-top:20px}.form h2{margin-top:0}.form label{display:flex;flex-direction:column;gap:4px;margin-bottom:14px;font-weight:500;flex:1}.form input,.form textarea{font:inherit;font-weight:400;padding:8px 10px;border:1px solid #ddd;border-radius:6px}.form .row{display:flex;gap:12px;flex-wrap:wrap}