.filters{padding:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filters button{cursor:pointer;border:1px solid var(--border);height:36px;color:var(--fg);font:500 var(--text-sm) var(--font-body);background:0 0;border-radius:8px;padding:0 12px}.filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.filters small{opacity:.7}.filters input{border:1px solid var(--border);background:var(--bg-surface);min-width:240px;height:36px;color:var(--fg);font:inherit;border-radius:8px;margin-left:auto;padding:0 10px}.grid{gap:var(--space-3);padding-bottom:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.rc{padding:var(--space-3)}.rc:target{outline:2px solid var(--accent)}.res{color:var(--g,var(--fg));align-items:center;gap:10px;font-weight:600;display:flex}.res small{color:var(--fg-faint);font-weight:400;font-size:var(--text-xs);display:block}.mats{margin:var(--space-3) 0 0;flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.mats a{background:var(--bg-raised);border:1px solid color-mix(in srgb, var(--g,#888) 50%, transparent);border-radius:6px;display:block;position:relative}.mats b{color:#fff;text-shadow:0 0 3px #000,0 0 3px #000;font-size:11px;position:absolute;bottom:0;right:2px}.ch{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--fg-muted)}.ch a{color:var(--g)}.calc{margin-top:var(--space-2);border:1px solid color-mix(in srgb, var(--accent) 50%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent);height:32px;color:var(--accent);cursor:pointer;font:500 var(--text-sm) var(--font-body);border-radius:8px;padding:0 12px}.calc:hover{background:color-mix(in srgb, var(--accent) 22%, transparent)}dialog{border:1px solid var(--border);background:var(--bg-surface);width:min(820px,96vw);max-height:88vh;color:var(--fg);border-radius:12px;padding:0}dialog::backdrop{background:#000a}.cc-head{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.cc-head h2{font:600 var(--text-lg) var(--font-body);margin:0}.x{width:40px;height:40px;color:var(--fg-muted);cursor:pointer;background:0 0;border:0;font-size:24px}.cc-opts{gap:var(--space-4);padding:var(--space-3) var(--space-4) 0;color:var(--fg-muted);font-size:var(--text-sm);flex-wrap:wrap;align-items:center;display:flex}.cc-opts input,.cc-t input{border:1px solid var(--border);background:var(--bg-raised);width:90px;height:32px;color:var(--fg);font:inherit;text-align:right;border-radius:6px;padding:0 8px}.cc-note{margin:var(--space-3) var(--space-4);color:var(--fg-faint);font-size:var(--text-xs)}.cc-scroll{padding:0 var(--space-4) var(--space-4);overflow-x:auto}.cc-t{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.cc-t th,.cc-t td{border-bottom:1px solid var(--border);text-align:left;padding:6px 8px}.cc-t th{color:var(--fg-faint);font-weight:500}.cc-t .n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.cc-t td a{color:var(--g,var(--fg));align-items:center;gap:8px;display:flex}.cc-t .buy{color:#ffb066;font-weight:600}.cc-t .ok{color:#7fe39a}.cc-t tfoot td{color:var(--accent);border-bottom:0;font-weight:700}.qbox{margin-left:auto;position:relative}.qbox input{margin-left:0}.sug{z-index:50;border:1px solid var(--border-strong);background:var(--bg-raised);min-width:280px;max-height:360px;box-shadow:var(--shadow-tooltip);border-radius:10px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.sug li{cursor:pointer;font-size:var(--text-sm);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;display:flex}.sug li:hover,.sug li.act{background:var(--bg-hover)}.sug img{border-radius:4px;flex:none}.saves{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4)}.saves h2{margin:0 0 var(--space-2);font:600 var(--text-base) var(--font-body)}.saves ul{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.saves li{border:1px solid var(--border);background:var(--bg-surface);border-radius:8px;display:flex;overflow:hidden}.saves li button{color:var(--fg);font:inherit;font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px 10px;display:flex}.saves li button:hover{background:var(--bg-hover)}.saves li .del{color:var(--fg-faint);border-left:1px solid var(--border);padding:0 10px}.saves small{color:var(--fg-muted)}.cc-opts #ccSave{margin:0 0 0 auto}@media (width<=600px){.filters input{min-width:100%;margin-left:0}.qbox{width:100%;margin-left:0}}