:root{color-scheme:light;--bg:#f5f7fb;--ink:#172033;--muted:#657086;--line:#dde5ef;--panel:#ffffff;--cyan:#00a1d6;--cyan-dark:#0086bd;--pink:#fb7299;--shadow:0 22px 70px rgba(28,40,60,0.14)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:linear-gradient(180deg,#ffffff 0,var(--bg) 52%,#eef3f8 100%);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.page{width:min(1040px,calc(100vw - 40px));margin:0 auto;padding:42px 0}.topbar{justify-content:space-between;gap:16px;margin-bottom:22px}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px;font-weight:800}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#172033;color:#fff;font-weight:900}.pill{border:1px solid var(--line);border-radius:999px;padding:5px 12px;color:var(--muted);background:rgba(255,255,255,.72);font-size:13px}.hero{display:grid;grid-template-columns:1fr;grid-gap:22px;gap:22px;align-items:stretch}.panel{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.main{padding:34px}.heroSplit{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);grid-gap:28px;gap:28px;align-items:center}.intro{min-width:0}.heroAuthor{display:inline-flex;align-items:center;flex-wrap:wrap;gap:3px;margin:0 0 12px;border:1px solid rgba(0,161,214,.18);border-radius:999px;background:rgba(0,161,214,.08);color:#476075;padding:5px 11px;font-size:13px;font-weight:700}.heroAuthor a{color:var(--cyan-dark);text-decoration:none}.heroAuthor a:hover{text-decoration:underline}h1{margin:0 0 10px;font-size:34px;line-height:1.18;letter-spacing:0}.lead{margin:0;max-width:620px;color:var(--muted);font-size:16px}.install{border:1px dashed #aab7c8;border-radius:14px;background:#fbfdff;padding:22px}.bookmark-row{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.bookmarklet{display:inline-flex;align-items:center;justify-content:center;min-width:142px;height:46px;padding:0 20px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--cyan-dark));color:#fff;text-decoration:none;font-weight:900;white-space:nowrap;box-shadow:0 10px 24px rgba(0,161,214,.24);-webkit-user-select:none;-moz-user-select:none;user-select:none}.drag-copy{margin:8px 0 0;color:#4d596d;font-weight:600}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:22px}.step{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.step strong{display:block;margin-bottom:4px;color:#111827}.step strong a{color:var(--cyan-dark);text-decoration:none}.step strong a:hover{text-decoration:underline}.step span{color:var(--muted);font-size:13px}.aside{display:flex;flex-direction:column}.browser{padding:18px;border-bottom:1px solid var(--line);background:#f8fbfe}.bar{display:flex;align-items:center;gap:8px;height:34px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 10px;color:#8792a5;font-size:13px}.dot{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.dot:first-child{background:#ff6b6b}.dot:nth-child(2){background:#f6c35b}.dot:nth-child(3){background:#35c78a}.showcase{padding:16px;background:#fbfdff}.showcaseVideo{display:block;width:100%;height:auto;aspect-ratio:1576/1080;border:1px solid var(--line);border-radius:12px;background:#101827;object-fit:contain}.status{border-top:1px solid var(--line);padding:14px 18px;color:#3f7a61;background:#f4fbf7;font-size:13px;font-weight:700}.actions{display:flex;gap:10px;align-items:flex-start;margin-top:16px;flex-direction:column}.copy{border:1px solid var(--line);background:#fff;color:#253047;height:36px;padding:0 12px;border-radius:9px;font:inherit;cursor:pointer}.bookmarklet:hover,.copy:hover{filter:brightness(.98)}.hint{margin:0}.hint,.repoNote{color:var(--muted);font-size:13px}.repoNote{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:0 4px}.repoNote p{margin:0}.repoNote a{color:var(--cyan-dark);font-weight:800;text-decoration:none}.repoNote a:hover{text-decoration:underline}.repoNote span{color:#253047;font-weight:700}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;margin-top:18px;color:var(--muted);font-size:13px}.footerMeta{display:grid;grid-gap:2px;gap:2px}.footerMeta p{margin:0}.footerMeta a{color:var(--cyan-dark);font-weight:700;text-decoration:none}.footerMeta a:hover{text-decoration:underline}@media (max-width:840px){.page{width:min(100vw - 28px,640px);padding:28px 0}.heroSplit,.steps{grid-template-columns:1fr}h1{font-size:28px}.main{padding:26px}.actions,.footer,.repoNote{align-items:flex-start;flex-direction:column}}