main{max-width:1200px;width:100%;padding:3.5rem 1.5rem 6rem}.header{display:grid;grid-template-columns:1fr;gap:.75rem;margin-bottom:1.75rem}.header h1{margin:0;font-size:clamp(2rem,4vw,3.25rem);font-weight:250;letter-spacing:-.03em}.header p{margin:0;color:rgb(var(--gray-dark));opacity:.85;max-width:75ch}.shell{display:grid;grid-template-columns:340px 1fr;gap:1.9rem;align-items:start}.panel{position:sticky;top:96px;border-radius:18px;border:1px solid rgba(var(--gray-light),.75);background:rgba(var(--white),.96);backdrop-filter:blur(16px) saturate(180%);padding:1.35rem;box-shadow:0 20px 46px rgba(var(--black),.1)}.search{display:grid;gap:.65rem;margin-bottom:1rem}.search input{border-radius:12px;border:1px solid rgba(var(--gray-light),.6);background:rgba(var(--white),.85);padding:.85rem .9rem;font-size:1rem}.kbd{color:rgb(var(--gray));font-size:.85rem;opacity:.9}.kbd kbd{border:1px solid rgba(var(--gray-light),.7);border-bottom-width:2px;border-radius:6px;padding:.1rem .35rem;background:rgba(var(--white),.7);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.filter-group{margin-top:1rem}.filter-group:first-of-type{margin-top:0}.filter-label{display:block;color:rgb(var(--gray));font-size:.8rem;margin-bottom:.5rem;font-weight:500}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chip{border:1px solid rgba(var(--gray-light),.5);background:rgba(var(--white),.65);border-radius:999px;padding:.35rem .6rem;font-size:.8rem;cursor:pointer;color:rgb(var(--gray-dark));transition:all .12s ease;font-weight:500}.chip:hover{background:rgba(var(--gray-light),.3);border-color:rgba(var(--gray-light),.7)}.chip[data-active=true]{border-color:rgba(var(--accent-light),.55);background:rgba(var(--accent-light),.12);color:var(--accent);font-weight:600}.filter-details{margin-top:1rem;border-top:1px solid rgba(var(--gray-light),.35);padding-top:1rem}.filter-summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:.85rem;font-weight:500;color:rgb(var(--gray-dark));padding:.5rem 0;user-select:none}.filter-summary::-webkit-details-marker{display:none}.filter-summary svg{transition:transform .2s ease;flex-shrink:0}.filter-details[open] .filter-summary svg{transform:rotate(180deg)}.filter-details-content{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(var(--gray-light),.2)}.segmented{display:inline-flex;border-radius:8px;border:1px solid rgba(var(--gray-light),.6);background:rgba(var(--white),.5);padding:2px;gap:0;width:100%}.segmented-button{flex:1;border:none;background:transparent;color:rgb(var(--gray-dark));font-size:.8rem;padding:.4rem .6rem;cursor:pointer;border-radius:6px;transition:all .12s ease;font-weight:500;white-space:nowrap;position:relative}.segmented-button:hover:not([data-active=true]){background:rgba(var(--gray-light),.3)}.segmented-button[data-active=true]{background:rgb(var(--white));color:var(--accent);box-shadow:0 1px 3px rgba(var(--black),.1);font-weight:600}.progress{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(var(--gray-light),.35)}.progress .row{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.5rem}.progress .row strong{font-weight:600}.bar{height:10px;border-radius:999px;background:rgba(var(--gray-light),.45);overflow:hidden}.bar>div{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:999px;transition:width .25s ease}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.8rem}.card{display:block;text-decoration:none;color:inherit;border-radius:18px;border:1px solid #e2e6ef;background:#fff;box-shadow:0 12px 32px #0000001a,0 1px #ffffffd9 inset;padding:1.3rem 1.35rem 1.15rem;position:relative;overflow:hidden;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.card:hover{transform:translateY(-4px) scale(1.005);border-color:rgba(var(--accent-light),.95);background:#fff;box-shadow:0 20px 44px #0000001f,0 1px #ffffffe6 inset}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(var(--accent-light),.12),transparent 60%);pointer-events:none}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(var(--gray-light),.1) 100%);mix-blend-mode:multiply;pointer-events:none}.topline{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{font-size:.8rem;color:rgb(var(--gray-dark));border:1px solid #d5dae6;background:#f7f8fb;border-radius:999px;padding:.32rem .65rem;font-weight:500}.badge.level{color:var(--accent);border-color:rgba(var(--accent-light),.9);background:rgba(var(--accent-light),.2)}.read{font-size:.8rem;color:rgb(var(--gray))}.card h3{margin:0 0 .5rem;font-size:1.12rem;font-weight:650;letter-spacing:-.01em}.card p{margin:0;color:rgb(var(--gray-dark));opacity:.92;font-size:.95rem;line-height:1.6}.empty{border-radius:18px;border:1px dashed rgba(var(--gray-light),.7);background:rgba(var(--white),.5);padding:1.25rem;color:rgb(var(--gray))}@media(max-width:980px){.shell{grid-template-columns:1fr}.panel{position:relative;top:auto}.grid{grid-template-columns:1fr}}