:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#19171e;color:#f2eaf0}*{box-sizing:border-box}body{margin:0;padding:36px 22px}main{max-width:900px;margin:auto}a{color:#eab3c8;text-underline-offset:4px}a:hover{color:#fff0d6}.back{font-size:.9rem}header{margin:46px 0 30px}.eyebrow,.muted,footer{color:#beb0bd}h1{font-size:clamp(2rem,6vw,3.4rem);letter-spacing:-.04em;margin:8px 0}h2{font-size:1.25rem}p{line-height:1.65}header p{margin:8px 0}.install,article{background:#25212a;border:1px solid #51424e;border-radius:14px;padding:24px}.install{margin-bottom:32px}.copy-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}code{overflow-wrap:anywhere;font-size:.95rem;line-height:1.7}button{font:inherit;background:#eab3c8;color:#21191e;border:2px solid transparent;border-radius:8px;padding:10px 16px;cursor:pointer;transition:background .12s,transform .12s}button:hover{background:#fff0d6;transform:translateY(-1px)}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible{outline:3px solid #ffce75;outline-offset:4px}#copy-status{min-height:1.4em;font-size:.9rem;margin:8px 0}.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px}article h3{font-size:1.25rem;margin:0 0 14px}.label{display:inline-block;color:#e5be81;font-size:.85rem;border:1px solid #756044;border-radius:20px;padding:4px 10px}.version{color:#beb0bd;font-size:.85rem}article p{margin:12px 0}footer{margin:36px 0 8px;line-height:1.8;font-size:.9rem}@media(prefers-reduced-motion:reduce){button{transition:none;transform:none!important}}