:root{--ui-bg: #faf8f5;--ui-surface: #ffffff;--ui-text: #1c1a17;--ui-muted: #57524a;--ui-line: #ddd7cd;--ui-accent: #3b2fb0;--ui-accent-text: #ffffff;--ui-focus: #3b2fb0;--ui-ok: #1d6b3a;--ui-error: #a3261b;--ui-radius: 12px;--ui-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--ui-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ui-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{margin:0;background:var(--ui-bg);color:var(--ui-text);font:16px/1.55 var(--ui-sans);overflow-wrap:anywhere;overflow-x:clip}a{color:var(--ui-accent);text-underline-offset:.15em}:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.skip-link:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px;border-radius:4px}h1:focus,main:focus{outline:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:10;padding:.5rem .9rem;background:var(--ui-accent);color:var(--ui-accent-text);border-radius:8px}.skip-link:focus{top:.75rem}.site-header,main,.site-footer{width:100%;max-width:1240px;margin:0 auto;padding-inline:clamp(1rem,4vw,2.5rem)}.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;padding-block:1.1rem;border-bottom:1px solid var(--ui-line)}.nav-search{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.4rem 1rem;border:1px solid var(--ui-line);border-radius:999px;background:var(--ui-surface);color:var(--ui-text);font-weight:600;text-decoration:none}.nav-search:hover{border-color:var(--ui-muted)}.nav-search-icon{position:relative;width:.8rem;height:.8rem;border:2px solid currentColor;border-radius:50%}.nav-search-icon:after{content:"";position:absolute;right:-.32rem;bottom:-.3rem;width:.4rem;height:2px;background:currentColor;transform:rotate(45deg)}.brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--ui-text);font:600 1.05rem/1.2 var(--ui-serif);text-decoration:none}.brand-mark{width:1.4rem;height:1.4rem;flex:none;border-radius:50%;background:conic-gradient(from 200deg,#f1a35b,#e45e7d,#7a5cd6,#3aa6b9,#f1a35b)}main{padding-block:2rem 3rem;min-height:70vh}.site-footer{padding-block:1.5rem 2.5rem;border-top:1px solid var(--ui-line);color:var(--ui-muted);font-size:.9rem}h1,h2{font-family:var(--ui-serif);font-weight:600;line-height:1.15;letter-spacing:-.01em}h1{margin:0 0 .5rem;font-size:clamp(1.9rem,5vw,3rem)}h2{margin:2.5rem 0 1rem;font-size:clamp(1.35rem,3vw,1.75rem)}.count{margin-left:.4rem;color:var(--ui-muted);font:400 .95rem var(--ui-sans);letter-spacing:0}.lede{margin:0 0 1.5rem;max-width:62ch;color:var(--ui-muted);font-size:1.08rem}.intro{padding-block:1rem .5rem}.crumbs ol{display:flex;flex-wrap:wrap;gap:.3rem;margin:0 0 1rem;padding:0;list-style:none;color:var(--ui-muted);font-size:.92rem}.crumbs li+li:before{content:"/";margin-right:.3rem;color:var(--ui-muted)}.grid{display:grid;gap:clamp(.9rem,2vw,1.4rem);margin:0;padding:0;list-style:none}.grid>li{min-width:0}.grid--tiles{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}.grid--cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.tile,.card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);color:var(--ui-text);text-decoration:none;transition:border-color .15s,transform .15s}.tile{min-height:9rem}.card{min-height:14rem}.tile:hover,.card:hover{border-color:var(--ui-muted);transform:translateY(-2px)}.tile:focus-visible,.card:focus-visible{border-radius:var(--ui-radius)}.tile-label{padding:.7rem .85rem 0;font-weight:600}.tile-count{padding:0 .85rem .75rem;color:var(--ui-muted);font-size:.9rem}.card-body{display:flex;flex-direction:column;gap:.2rem;padding:.8rem .95rem 1rem}.card-name{font-weight:600}.card-note{color:var(--ui-muted);font-size:.92rem}@media(prefers-reduced-motion:reduce){.tile,.card{transition:none}.tile:hover,.card:hover{transform:none}}.bg-preview,.mini{display:block;width:100%;aspect-ratio:4 / 3}.bg-preview:not([style]){background-color:#ece8e1}.bg-preview--tile,.mini--tile{aspect-ratio:16 / 9}.bg-preview--large,.mini--large{aspect-ratio:16 / 10;border-radius:var(--ui-radius);border:1px solid var(--ui-line)}.tile,.card,.detail-preview{container-type:inline-size}.mini{overflow:hidden;display:flex;flex-direction:column;gap:5cqi;padding:0 6cqi 6cqi;background-color:var(--color-background, #ece8e1);color:var(--color-text, #1c1a17);font-size:4.2cqi;line-height:1.3}.mini--tile{gap:3cqi;font-size:3.6cqi}.mini--large{font-size:3cqi}.mini--tile .mini-card{display:none}.mini-header{display:flex;justify-content:space-between;align-items:center;margin-inline:-6cqi;padding:3.5cqi 6cqi;border-bottom:1px solid var(--color-border);background-color:var(--color-surface)}.mini-logo{display:inline-flex;align-items:center;gap:2cqi;font-weight:700}.mini-mark{width:4cqi;height:4cqi;border-radius:50%;background-color:var(--color-accent)}.mini-nav{display:inline-flex;gap:4cqi;color:var(--color-muted)}.mini-hero{display:flex;flex-direction:column;align-items:flex-start;gap:1.5cqi}.mini-title{font-family:var(--ui-serif);font-size:2em;font-weight:600;line-height:1.05}.mini-text{color:var(--color-muted)}.mini-button{margin-top:1.5cqi;padding:1.6cqi 3.5cqi;border-radius:1.6cqi;background-color:var(--color-primary);color:var(--color-on-primary);font-weight:600}.mini-card{display:flex;flex-direction:column;gap:1cqi;padding:3.5cqi 4cqi;border:1px solid var(--color-border);border-radius:2cqi;background-color:var(--color-surface)}.mini-card-title{font-weight:600}.mini-link{color:var(--color-primary);text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:.15em}.detail-layout{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr)}@media(min-width:900px){.detail-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}}.tags{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem 1rem;margin:0}.tags dt{color:var(--ui-muted);font-size:.92rem;padding-top:.2rem}.tags dd{margin:0}.chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}.chips li{padding:.15rem .6rem;border:1px solid var(--ui-line);border-radius:999px;background:var(--ui-surface);font-size:.88rem}.roles{display:grid;gap:.45rem;margin:1.5rem 0 0;padding:0;list-style:none}.roles li{display:grid;grid-template-columns:1.8rem minmax(0,1fr) auto;align-items:center;gap:.7rem}.swatch{width:1.8rem;height:1.8rem;border-radius:6px;border:1px solid rgb(0 0 0 / .2)}.roles code,pre{font-family:var(--ui-mono)}.code{margin-top:2rem}.pairs{margin-top:2.5rem}.pairs h2{margin-bottom:.25rem}.pairs-note{margin:0 0 1rem;color:var(--ui-muted)}.pair-preview{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16 / 9;overflow:hidden;padding:6cqi;color:var(--color-text, #1c1a17);font-size:3.6cqi;line-height:1.3}.pair-preview:not([style]){background-color:#ece8e1}.pair-preview .mini-card{align-items:flex-start;max-width:100%}.pair-preview .mini-button{margin-top:1cqi}.code-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:.75rem}.code-bar h2{margin:0 auto 0 0}.button{min-height:44px;padding:.55rem 1.2rem;border:0;border-radius:999px;background:var(--ui-accent);color:var(--ui-accent-text);font:600 1rem var(--ui-sans);cursor:pointer}.button:hover{background:#2c2290}.copy-status{min-width:0;font-weight:600}.copy-status[data-state=ok]{color:var(--ui-ok)}.copy-status[data-state=error]{color:var(--ui-error)}pre{margin:0;max-width:100%;max-height:24rem;overflow-x:auto;overflow-y:auto;padding:1rem 1.1rem;border-radius:var(--ui-radius);background:#1f1d1a;color:#f3efe7;font-size:.86rem;line-height:1.6;white-space:pre-wrap;word-break:break-all}.shortcuts{margin-top:1rem}.chips--links li{padding:0;border:0;background:none}.chips--links a{display:inline-flex;align-items:center;min-height:44px;padding:.3rem .9rem;border:1px solid var(--ui-line);border-radius:999px;background:var(--ui-surface);color:var(--ui-text);font-size:.95rem;text-decoration:none}.chips--links a:hover{border-color:var(--ui-muted)}.search-form{display:grid;gap:1rem;margin-bottom:1.25rem;padding:1.1rem;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface)}.field{display:flex;flex-direction:column;gap:.3rem;min-width:0}.field label{font-weight:600;font-size:.92rem}.field input,.field select{width:100%;min-height:44px;padding:.45rem .7rem;border:1px solid #8a8378;border-radius:8px;background:var(--ui-surface);color:var(--ui-text);font:1rem var(--ui-sans)}.field--query input{font-size:1.1rem}.filters{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:.8rem}.search-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.75rem}.search-actions .copy-status{margin-right:auto}.button--quiet{border:1px solid var(--ui-accent);background:var(--ui-surface);color:var(--ui-accent)}.button--quiet:hover{background:#eeecfa}.search-status{margin:0 0 1rem;color:var(--ui-muted);font-weight:600}.more{display:flex;justify-content:center;margin-top:1.5rem}.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.nav-compare{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:.4rem 1rem;border:1px solid var(--ui-line);border-radius:999px;background:var(--ui-surface);color:var(--ui-text);font-weight:600;text-decoration:none}.nav-compare:hover{border-color:var(--ui-muted)}.nav-count{min-width:1.6rem;padding:.05rem .45rem;border-radius:999px;background:var(--ui-accent);color:var(--ui-accent-text);font-size:.85rem;text-align:center}.card-item{display:flex;flex-direction:column;gap:.5rem}.card-item>.card{flex:1 1 auto;height:auto}.compare-toggle{align-self:flex-start;min-height:44px;padding:.45rem 1rem;border:1px solid var(--ui-accent);border-radius:999px;background:var(--ui-surface);color:var(--ui-accent);font:600 .95rem var(--ui-sans);cursor:pointer}.compare-toggle:hover{background:#eeecfa}.compare-toggle[aria-pressed=true]{background:var(--ui-accent);color:var(--ui-accent-text)}.compare-toggle[aria-pressed=true]:hover{background:#2c2290}.detail-actions,.compare-actions,.compare-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.detail-actions,.compare-actions{margin-bottom:1.25rem}.compare-empty{max-width:40rem;padding:1.25rem 1.4rem;border:1px dashed var(--ui-muted);border-radius:var(--ui-radius);background:var(--ui-surface)}.compare-empty p{margin:0 0 .75rem}.compare-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:clamp(.9rem,2vw,1.4rem);margin:0;padding:0;list-style:none}@media(min-width:1100px){.compare-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.compare-col{display:flex;flex-direction:column;gap:.6rem;min-width:0;padding:.8rem;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface)}.compare-preview{container-type:inline-size;aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--ui-line);border-radius:calc(var(--ui-radius) - 4px)}.compare-name{margin:.2rem 0 0;font-size:1.2rem}.compare-kind,.compare-note{margin:0;color:var(--ui-muted);font-size:.92rem}.compare-actions[hidden],.compare-grid[hidden],.compare-empty[hidden]{display:none}