.xyz-catalogue{--cat-ink:#152330;--cat-muted:#526374;--cat-line:#d9e1e6;--cat-paper:#f4f6f6;--cat-night:#101b26;--cat-lime:#d2ff76;--cat-blue:#234bbb;--cat-mono:ui-monospace, "SFMono-Regular", Consolas, monospace;background:var(--cat-paper);color:var(--cat-ink);min-height:100vh}.xyz-cat-shell{width:min(100% - clamp(32px,9vw,148px),1370px);margin-inline:auto}.xyz-cat-skip{z-index:20;color:#fff;background:var(--cat-blue);padding:10px 14px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.xyz-cat-skip:focus{transform:none}.xyz-cat-header{border-bottom:1px solid var(--cat-line);background:#fff}.xyz-cat-header .xyz-cat-shell{justify-content:space-between;align-items:center;gap:16px;min-height:68px;display:flex}.xyz-cat-header img{width:clamp(76px,8vw,104px);height:auto;display:block}.xyz-cat-header nav{justify-content:flex-end;align-items:center;gap:clamp(12px,2.4vw,34px);display:flex}.xyz-cat-header nav a,.xyz-cat-preview-foot a,.xyz-cat-card-actions a,.xyz-cat-primary{align-items:center;gap:8px;font-weight:700;display:inline-flex}.xyz-cat-header nav a{min-height:44px;font-size:13px}.xyz-cat-header nav a:hover,.xyz-cat-card-actions a:hover,.xyz-cat-card-actions button:hover{color:var(--cat-blue)}.xyz-cat-hero{color:#f5f8fa;background:radial-gradient(ellipse at 74% 20%, #233b4e 0, transparent 53%), var(--cat-night);border-bottom:1px solid #2c4052}.xyz-cat-hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(24px,5vw,78px);padding-block:clamp(32px,4.7vw,76px);display:grid}.xyz-cat-kicker{color:var(--cat-lime);text-transform:uppercase;font:650 11px/1.5 var(--cat-mono);letter-spacing:.07em;margin:0 0 18px}.xyz-cat-heading h1{letter-spacing:-.075em;overflow-wrap:anywhere;margin:0;font-size:clamp(43px,5.8vw,86px);line-height:.99}.xyz-cat-heading em{color:var(--cat-lime);font-style:normal;display:block}.xyz-cat-intro{color:#c0ced8;max-width:440px;margin:22px 0 26px;font-size:clamp(15px,1.5vw,18px);line-height:1.55}.xyz-cat-primary{background:var(--cat-lime);color:#17230b;min-height:45px;padding:10px 14px;font-size:13px}.xyz-cat-primary:hover{background:#e4ffac}.xyz-cat-feature{min-width:0;scroll-margin-block:14px}.xyz-cat-preview{background:#142332;border:1px solid #3b5367;border-radius:9px;overflow:hidden;box-shadow:0 18px 60px #050e184f}.xyz-cat-preview-top,.xyz-cat-preview-foot{justify-content:space-between;align-items:center;gap:12px;padding:11px 15px;display:flex}.xyz-cat-preview-top>span{align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.xyz-cat-preview-top>span svg{color:var(--cat-lime)}.xyz-cat-preview-top button{color:#edf4f9;min-height:34px;font:650 11px/1.3 var(--cat-mono);cursor:pointer;background:#1d3244;border:1px solid #455c6f;border-radius:5px;padding:8px 10px}.xyz-cat-preview-top button:hover,.xyz-cat-preview-top button[aria-pressed=true]{border-color:#83aec7}.xyz-cat-stage{background:radial-gradient(at 48% 56%,#233d51,#0e1b28 74%);border-block:1px solid #354a5d;place-items:center;height:clamp(220px,26vw,410px);display:grid;position:relative}.xyz-cat-stage canvas{touch-action:none;cursor:grab;width:100%;height:100%;min-height:0;display:block}.xyz-cat-stage canvas:active{cursor:grabbing}.xyz-cat-stage>p{text-align:center;color:#d6e4ee;margin:0;padding:18px}.xyz-cat-measure,.xyz-cat-drag{pointer-events:none;color:#d9e5ed;font:650 10px/1.4 var(--cat-mono);position:absolute;left:13px}.xyz-cat-measure{top:12px}.xyz-cat-drag{align-items:center;gap:5px;display:inline-flex;bottom:11px}.xyz-cat-preview-foot p{color:#c1cfdb;margin:0;font-size:12px;line-height:1.45}.xyz-cat-preview-foot a{flex-shrink:0;min-height:34px;font-size:12px}.xyz-cat-preview-foot a:hover{color:var(--cat-lime)}.xyz-cat-library{padding-block:clamp(35px,5vw,70px)}.xyz-cat-library-top{justify-content:space-between;align-items:center;gap:18px;display:flex}.xyz-cat-library-top h2{letter-spacing:-.055em;margin:0;font-size:clamp(28px,3.9vw,44px);line-height:1}.xyz-cat-search{width:min(100%,320px);min-height:46px;color:var(--cat-muted);background:#fff;border:1px solid #b8c6d1;border-radius:6px;align-items:center;gap:9px;padding:0 12px;display:flex}.xyz-cat-search:focus-within{border-color:var(--cat-blue)}.xyz-cat-search svg{flex-shrink:0}.xyz-cat-search input{width:100%;color:var(--cat-ink);background:0 0;border:0;outline:0;margin:0;padding:12px 0;font-family:inherit;font-size:14px;font-weight:500;line-height:1.2}.xyz-cat-filters{flex-wrap:wrap;gap:6px;margin-block:18px 8px;display:flex}.xyz-cat-filters button,.xyz-cat-card-actions button{min-height:38px;color:var(--cat-ink);cursor:pointer;background:#fff;border:1px solid #cbd6de;border-radius:5px;padding:7px 12px;font-size:12px;font-weight:700}.xyz-cat-filters button[aria-pressed=true]{color:#fff;background:#213b51;border-color:#213b51}.xyz-cat-result-count{color:var(--cat-muted);font:600 11px/1.3 var(--cat-mono);margin:0 0 13px}.xyz-cat-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.xyz-cat-card{border:1px solid var(--cat-line);background:#fff;border-radius:8px;flex-direction:column;justify-content:space-between;min-width:0;display:flex}.xyz-cat-card-body{padding:20px 18px 12px}.xyz-cat-card-body>svg{color:var(--cat-blue)}.xyz-cat-card h3{letter-spacing:-.035em;margin:9px 0 8px;font-size:21px;line-height:1.1}.xyz-cat-card p{color:var(--cat-muted);margin:0;font-size:13px;line-height:1.5}.xyz-cat-card dl{border-top:1px solid var(--cat-line);gap:8px;margin:15px 0 0;padding-block:12px;display:grid}.xyz-cat-card dl>div{grid-template-columns:1fr 1.1fr;gap:10px;font-size:11px;display:grid}.xyz-cat-card dt{color:var(--cat-muted)}.xyz-cat-card dd{font:650 10px/1.5 var(--cat-mono);text-align:right;overflow-wrap:anywhere;margin:0}.xyz-cat-sources{border-top:1px solid var(--cat-line);font-size:12px}.xyz-cat-sources summary{cursor:pointer;align-items:center;gap:7px;min-height:40px;font-weight:650;display:flex}.xyz-cat-sources summary:after{content:"+";color:var(--cat-muted);margin-left:auto}.xyz-cat-sources[open] summary:after{content:"−"}.xyz-cat-sources ul{gap:7px;margin:0 0 9px;padding:0;list-style:none;display:grid}.xyz-cat-sources a{color:var(--cat-blue);text-underline-offset:2px;overflow-wrap:anywhere;text-decoration:underline}.xyz-cat-sources a svg{display:inline}.xyz-cat-card-actions{border-top:1px solid var(--cat-line);justify-content:space-between;gap:8px;padding:11px 18px;display:flex}.xyz-cat-card-actions a{min-height:38px;font-size:12px}.xyz-cat-empty{border:1px solid var(--cat-line);color:var(--cat-muted);background:#fff;border-radius:8px;padding:18px;font-size:14px}.xyz-cat-notes{border-top:1px solid var(--cat-line);padding-block:24px 45px}.xyz-cat-notes h2{letter-spacing:-.035em;margin:0 0 16px;font-size:22px}.xyz-cat-notes ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:0;padding:0;list-style:none;display:grid}.xyz-cat-notes h3{margin:0 0 4px;font-size:14px}.xyz-cat-notes p{color:var(--cat-muted);margin:0;font-size:13px;line-height:1.55}.xyz-catalogue :is(a,button,summary,canvas,section[tabindex]):focus-visible{outline-offset:3px;outline:2px solid #2e63e2}.xyz-cat-hero :is(a,button,canvas,section[tabindex]):focus-visible{outline-color:var(--cat-lime)}@media (max-width:920px){.xyz-cat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.xyz-cat-hero-grid{grid-template-columns:1fr}.xyz-cat-heading h1{max-width:570px}.xyz-cat-intro{margin-block:14px 17px}.xyz-cat-stage{height:clamp(210px,58vw,345px)}.xyz-cat-notes ul{grid-template-columns:1fr}}@media (max-width:480px){.xyz-cat-header .xyz-cat-shell{min-height:60px}.xyz-cat-header nav a{gap:3px;font-size:11px}.xyz-cat-header nav a svg{display:none}.xyz-cat-preview-top,.xyz-cat-preview-foot{padding-inline:11px}.xyz-cat-preview-foot{flex-wrap:wrap;gap:3px 10px}.xyz-cat-library-top{flex-direction:column;align-items:flex-start;gap:12px}.xyz-cat-cards{grid-template-columns:1fr}}