:root{--bg:#f5f3fc;--surface:#fff;--text:#1a1523;--text-muted:#635d72;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-soft:#ede9fe;--accent-contrast:#fff;--danger:#e11d48;--danger-soft:#ffe4e9;--border:#e6e1f5;--radius-lg:1.25rem;--radius-md:.75rem;--radius-pill:999px;--shadow-card:0 1px 2px #1a15230f, 0 12px 32px -16px #1a15232e;--sticky-header-h:2.5rem;--sticky-filters-h:3.5rem}*{box-sizing:border-box}body{color:var(--text);background:linear-gradient(180deg, var(--bg) 0%, #efe9fb 100%);min-height:100vh;margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.6}h1,h2,h3{font-family:Space Grotesk,Inter,system-ui,sans-serif;line-height:1.2}h1{margin-block:0 .5rem;font-size:clamp(1.75rem,1.4rem + 1.5vw,2.5rem)}a{color:var(--accent-hover);font-weight:500}a:hover{color:var(--accent)}.site-header{z-index:10;backdrop-filter:blur(8px);border-bottom:1px solid var(--border);background:#f5f3fcd9;position:sticky;top:0}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;max-width:68rem;margin:0 auto;padding:.5rem 1.5rem;display:flex}.brand{color:var(--text);font-family:Space Grotesk,sans-serif;font-size:1.15rem;font-weight:700;line-height:1;text-decoration:none}.brand:hover{color:var(--accent)}nav[aria-label=site]{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);gap:.25rem;padding:.2rem;display:flex}nav[aria-label=site] a{border-radius:var(--radius-pill);color:var(--text-muted);padding:.25rem .85rem;font-size:.9rem;font-weight:500;line-height:1.3;text-decoration:none;transition:background .15s,color .15s}nav[aria-label=site] a:hover{background:var(--accent-soft);color:var(--accent-hover)}main{max-width:68rem;margin:0 auto;padding:2rem 1.5rem 4rem}.page-intro{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:1.5rem;padding:1.5rem 1.75rem}.page-intro p{color:var(--text-muted);margin-bottom:0}.filters-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);top:var(--sticky-header-h);z-index:5;margin-bottom:1.25rem;position:sticky;overflow:hidden}.filters-panel summary{cursor:pointer;color:var(--text);user-select:none;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-family:Space Grotesk,sans-serif;font-weight:600;list-style:none;display:flex}.filters-panel summary::-webkit-details-marker{display:none}.filters-panel summary:before{content:"▸";color:var(--accent);transition:transform .15s}.filters-panel[open] summary:before{transform:rotate(90deg)}.filters-panel summary:hover{background:var(--accent-soft)}form.filters{flex-direction:column;align-items:flex-start;gap:1rem;padding:0 1.5rem 1.25rem;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:.75rem;width:100%;display:flex}form.filters label{font-weight:500}input:not([type=checkbox]){min-width:12rem;font:inherit;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);color:var(--text);flex:1;padding:.55rem .9rem}input:not([type=checkbox]):focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;border-radius:var(--radius-pill);cursor:pointer;border:none;padding:.55rem 1.2rem;font-weight:600}.filter-submit{background:var(--accent);color:var(--accent-contrast);transition:background .15s,transform .1s}.filter-submit:hover{background:var(--accent-hover)}.filter-submit:active{transform:scale(.97)}fieldset{border:none;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;padding:0;display:flex}legend{color:var(--text-muted);width:100%;margin-bottom:.35rem;padding:0;font-size:.85rem;font-weight:600}fieldset.pills label{border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--bg);cursor:pointer;align-items:center;padding:.4rem .9rem;font-size:.9rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex;position:relative}fieldset.pills input[type=checkbox]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}fieldset.pills label:has(input:checked){background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}fieldset.pills label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}fieldset.pills label:hover{border-color:var(--accent)}.liked-first-toggle{align-items:center;gap:.4rem;font-weight:500;display:inline-flex}.stat-pill{background:var(--accent-soft);color:var(--accent-hover);border-radius:var(--radius-pill);margin-block:0 1rem;padding:.4rem 1rem;font-size:.9rem;display:inline-block}.stat-pill strong{font-weight:700}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;padding:.65rem .9rem}td:nth-child(2){white-space:normal;min-width:14rem}thead th{top:var(--sticky-header-h);background:var(--text);color:#fff;text-transform:uppercase;letter-spacing:.03em;z-index:1;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:600;position:sticky}.filters-panel~.table-wrap thead th{top:calc(var(--sticky-header-h) + var(--sticky-filters-h))}tbody tr{transition:background .1s}tbody tr:hover{background:var(--accent-soft)}tbody tr:last-child td{border-bottom:none}.code-cell{font-variant-numeric:tabular-nums;font-weight:600}tr.no-offerings{background:var(--danger-soft)}tr.no-offerings:hover{background:#ffd3dc}.badge{border-radius:var(--radius-pill);background:var(--danger);color:#fff;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;margin-inline-start:.4rem;padding:.1rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}form.like-form{margin:0;display:inline}.like-button{cursor:pointer;color:var(--danger);background:0 0;border:none;padding:.15rem .4rem;font-size:1.3rem;line-height:1;transition:transform .12s}.like-button:hover{transform:scale(1.2)}.like-button:active{transform:scale(.9)}.taken-button{cursor:pointer;color:var(--accent);background:0 0;border:none;padding:.15rem .4rem;font-size:1.3rem;line-height:1;transition:transform .12s}.taken-button:hover{transform:scale(1.2)}.taken-button:active{transform:scale(.9)}.status-badge{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-hover);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;margin-inline-end:.3rem;padding:.1rem .5rem;font-size:.72rem;font-weight:600;display:inline-block}.empty-state{text-align:center;color:var(--text-muted,#666);padding:1.5rem}main :is(h1,h2,h3){color:var(--text)}main img{border-radius:var(--radius-md);max-width:100%}