body{color:#bbb;background:#111;font-family:Inter,sans-serif;-webkit-user-select:none;user-select:none}#app{max-width:90rem;margin:2rem auto;padding:0 2rem;display:grid;grid-template-columns:1fr;column-gap:2rem;align-items:start;row-gap:1rem}h1{font-weight:600}h1 img{margin-right:1rem;height:2.5rem;vertical-align:text-bottom}h2{text-align:center;font-weight:800;font-size:1.3rem;margin:1rem 0 0}a{color:unset}#forms-container{border:solid #666;border-width:1px 0;padding:1rem 0}#buttons{text-align:center;margin-bottom:1rem}#buttons button{border:1px solid #666;border-radius:.25rem;padding:.5rem 1rem;background:#222;color:#fff;font-family:inherit;font-weight:800;font-size:.8rem;width:12rem;margin:.5rem;cursor:pointer;transition:all .2s}#buttons button:hover{border-color:#d81b60;background:#2a2a2a}.form-panel{background:#1a1a1a;border:1px solid #444;border-radius:.5rem;padding:1.5rem;margin:1rem auto;max-width:50rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-panel h3{margin:0 0 1.5rem;color:#fff;font-size:1.2rem;font-weight:700;text-align:left}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:#aaa;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.form-group input[type=text],.form-group input[type=date],.form-group select,.form-group textarea{width:100%;padding:.75rem;background:#111;border:1px solid #444;border-radius:.25rem;color:#fff;font-family:inherit;font-size:.95rem;transition:border-color .2s;box-sizing:border-box}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1em;padding-right:2.5rem}.form-group select option{background:#111;color:#fff}.form-group input[type=text]:focus,.form-group input[type=date]:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#d81b60}.form-group input[type=text]::placeholder,.form-group textarea::placeholder{color:#666}.form-group textarea{resize:vertical;min-height:4rem;line-height:1.5}.submit-btn{width:100%;padding:.75rem 1.5rem;background:#d81b60;color:#fff;border:none;border-radius:.25rem;font-family:inherit;font-weight:700;font-size:.95rem;cursor:pointer;transition:background .2s;margin-top:.5rem}.submit-btn:hover:not(:disabled){background:#c2185b}.submit-btn:disabled{background:#444;cursor:not-allowed;opacity:.5}table{border-collapse:collapse;font-size:inherit;line-height:inherit;margin-top:.5rem;table-layout:fixed;width:100%;margin-bottom:2rem;caption-side:top}table caption{text-align:left;margin-bottom:.5rem}table caption button{border:1px solid #666;border-radius:.25rem;padding:.25rem .5rem;background:#222;color:#fff;font-family:inherit;font-weight:600;font-size:.7rem;margin-right:.25rem;cursor:pointer}table caption button:hover{border-color:#d81b60}table caption button:disabled{opacity:.5;cursor:not-allowed}table caption button{line-height:1rem;margin:0 .25rem 0 0;vertical-align:middle}th,td{padding:.25rem .5rem .25rem 0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0}tbody td{position:relative;cursor:default}tbody td:hover{overflow:visible;white-space:normal;background:#222;z-index:10;box-shadow:0 2px 8px #00000080}thead th,thead td{border:solid #999;border-width:1px 0}tbody th,tbody td{border-bottom:1px solid #333}table.sortedTable thead th{cursor:pointer}table.sortedTable thead th.sorted{background:#333;color:#fff}thead th{width:auto}thead th:first-child{width:12rem}thead th:nth-child(2){width:20rem}thead th:has([data-cell-id*=notes]),thead th:has([data-cell-id*=Notes]),thead th:has([data-cell-id*=Method]){width:25rem}thead th:has([data-cell-id*=time]),thead th:has([data-cell-id*=date]),thead th:has([data-cell-id*=Time]),thead th:has([data-cell-id*=Date]){width:10rem}thead th:has([data-cell-id*=bought]),thead th:has([data-cell-id*=cooked]),thead th:has([data-cell-id*=ready]),thead th:has([data-cell-id*=Bought]),thead th:has([data-cell-id*=Cooked]),thead th:has([data-cell-id*=Ready]){width:8rem}thead th:has([data-cell-id*=categor]),thead th:has([data-cell-id*=Categor]){width:15rem}.linked-records,.categories-list{display:inline-flex;align-items:center;gap:.25rem;flex-wrap:wrap}.category-tag{display:inline-block;padding:.15rem .5rem;background:#2a2a2a;border:1px solid #444;border-radius:.25rem;font-size:.75rem;color:#aaa;white-space:nowrap}.badge{display:inline-block;padding:.1rem .4rem;background:#d81b60;color:#fff;border-radius:.25rem;font-size:.7rem;font-weight:600;white-space:nowrap}.empty{color:#555;font-style:italic}.boolean-cell{display:inline-block;width:1.5rem;height:1.5rem;line-height:1.5rem;text-align:center;border-radius:.25rem;font-weight:700}.boolean-cell.true{background:#2e7d32;color:#fff}.boolean-cell.false{background:#555;color:#aaa}@media (min-width: 90rem){#app{grid-template-columns:1fr}}