@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,400&family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#1b140d;--surface:#241b12;--surface-2:#221a11;--rule:#4a3b28;--paper:#e9dcbf;--dim:#a89877;--ember:#a8412a;--up:#7a9b5c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;margin:0;padding:0}body{color:var(--paper);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.5}input,textarea,button{font-family:inherit;font-size:inherit;color:inherit}.shell{max-width:1180px;margin:0 auto;padding:40px 20px 96px}.masthead{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:26px;padding-bottom:18px;display:flex}.title{letter-spacing:-.01em;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(30px,5vw,42px);font-weight:600;line-height:1.05}.subtitle{color:var(--dim);margin:6px 0 0;font-size:13.5px}.counts{gap:26px;display:flex}.count-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ember);margin-bottom:2px;font-size:10.5px;font-weight:600}.count-value{font-family:Fraunces,Georgia,serif;font-size:27px;font-weight:600;line-height:1}.count-value.up{color:var(--up)}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--rule);background:var(--surface);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:1000px}th{text-align:left;letter-spacing:.14em;text-transform:uppercase;color:var(--ember);border-bottom:1px solid var(--rule);background:var(--surface-2);white-space:nowrap;padding:12px;font-size:10.5px;font-weight:600}td{vertical-align:top;border-bottom:1px solid #4a3b2880;padding:4px 6px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#ffffff04}.col-idx{width:44px}.col-brand{width:224px}.col-name{width:238px}.col-size{width:88px}.col-date{width:150px}.col-rating{width:96px}.col-del{width:46px}.idx{color:var(--dim);font-variant-numeric:tabular-nums;padding-top:13px;padding-left:12px;font-size:12px}.field{background:0 0;border:1px solid #0000;border-radius:4px;outline:none;width:100%;padding:7px 8px;transition:background .12s,border-color .12s}.field:hover{background:#ffffff08}.field:focus{background:var(--bg);border-color:var(--ember)}.field::placeholder{color:#a8987773}.field.name{font-family:Fraunces,Georgia,serif;font-size:16px;font-weight:600}.field.notes{resize:none;min-height:36px;color:var(--dim);font-size:14px;line-height:1.45;overflow:hidden}.field.notes:focus{color:var(--paper)}.field.date{color:var(--dim);font-variant-numeric:tabular-nums;font-size:13.5px}.field.date:focus{color:var(--paper)}.field.date::-webkit-calendar-picker-indicator{filter:invert(.7)sepia(.3);cursor:pointer}.field.size{font-variant-numeric:tabular-nums}.rating{gap:5px;padding-top:5px;display:flex}.rate-btn{border:1px solid var(--rule);width:32px;height:30px;color:var(--dim);cursor:pointer;background:0 0;border-radius:5px;justify-content:center;align-items:center;padding:0;transition:all .14s;display:flex}.rate-btn:hover{border-color:var(--paper);color:var(--paper)}.rate-btn.on.up{border-color:var(--up);color:var(--up);background:#7a9b5c29}.rate-btn.on.down{border-color:var(--ember);color:var(--ember);background:#a8412a29}.rate-btn svg{width:15px;height:15px;display:block}.del-btn{color:#a8987780;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;margin-top:6px;padding:0;font-size:16px;line-height:1;transition:all .14s;display:flex}.del-btn:hover{color:var(--ember);border-color:var(--ember);background:#a8412a1a}.actions{margin-top:20px}.add-btn{background:var(--ember);border:1px solid var(--ember);color:#fdf3e2;cursor:pointer;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:filter .14s}.add-btn:hover{filter:brightness(1.14)}.add-btn:disabled{opacity:.5;cursor:not-allowed}.state{text-align:center;color:var(--dim);padding:48px 20px}.state.error{color:var(--paper);border:1px solid var(--ember);text-align:left;background:#a8412a14;border-radius:8px;padding:18px 20px}.state.error b{color:var(--ember)}.state.error code{background:#0000004d;border-radius:3px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.saving{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);background:var(--surface);border:1px solid var(--rule);border-radius:999px;padding:6px 14px;font-size:11px;position:fixed;bottom:16px;right:16px}@media (width<=640px){.shell{padding:26px 14px 72px}.masthead{gap:14px}.counts{gap:20px}.count-value{font-size:23px}}