
.ct-copy{font:inherit;font-size:12px;color:var(--mint);background:rgba(116,205,184,.08);border:1px solid var(--line-strong);border-radius:999px;padding:4px 12px;cursor:pointer}
.ct-formlink{display:inline-flex;align-items:center;gap:8px;color:var(--fg);font-size:15px;border-bottom:1px solid var(--line-strong);padding:0 0 6px;background:none;border-top:0;border-left:0;border-right:0;cursor:pointer;font-family:inherit}
.ct-formlink span{color:var(--mint);transition:transform .25s}.ct-formlink:hover span{transform:translateX(4px)}
.ct-links{display:flex;flex-wrap:wrap;gap:22px 32px;margin-top:6px}
.ct-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:rgba(2,10,12,.72);backdrop-filter:blur(8px)}
.ct-modal[hidden]{display:none}
.ct-sheet{width:min(680px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:24px;border:1px solid var(--line-strong);background:radial-gradient(500px 260px at 0 0,rgba(116,205,184,.18),transparent 60%),linear-gradient(160deg,#0a2a2a,#041417);padding:28px}
.ct-sheet-h{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.ct-sheet-h h3{font-size:24px}
.ct-x{font-size:26px;line-height:1;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:none;color:var(--fg);cursor:pointer}
.qr svg{display:block;width:100%;height:auto;border-radius:6px}

.qb{align-items:center}
.qb-list{list-style:none;padding:0;display:grid;gap:0;margin:0 0 28px;border-top:1px solid var(--line)}
.qb-list li{display:grid;grid-template-columns:28px 76px 1fr auto;align-items:center;gap:12px;padding:16px 2px;border-bottom:1px solid var(--line)}
.qb-list i{color:var(--mint)}.qb-list i svg{width:22px;height:22px;display:block}
.qb-list small{color:var(--dim);font-size:13px}.qb-list b{font-size:17px;letter-spacing:.02em;min-width:0}
.qb-dock{position:relative;justify-self:center;width:min(420px,100%);padding:22px;border-radius:26px;border:1px solid var(--line-strong);background:rgba(3,16,18,.6);box-shadow:0 30px 80px -30px rgba(95,211,181,.35)}
.qb-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.qb-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-size:14px;color:var(--muted);background:none;border:0;border-radius:999px;padding:9px 6px;cursor:pointer;transition:background .3s,color .3s}
.qb-tabs svg{width:17px;height:17px}
.qb-tabs button.on{color:#041417;background:linear-gradient(135deg,#9be7d3,#5FD3B5);font-weight:700}
.qb-stage{position:relative;display:grid;place-items:center;padding:34px 0 18px}
.qb-ring{position:absolute;width:300px;height:300px;border-radius:50%;border:1px dashed rgba(116,205,184,.35);animation:spin 40s linear infinite}
.qb-ring::after{content:"";position:absolute;inset:18px;border-radius:50%;border:1px solid rgba(116,205,184,.15)}
.qb-frame{position:relative;width:220px;padding:14px;border-radius:18px;background:#fff;overflow:hidden}
.qb-frame>span{position:absolute;width:26px;height:26px;border:3px solid #5FD3B5;z-index:2}
.qb-frame>span:nth-child(1){left:6px;top:6px;border-right:0;border-bottom:0;border-radius:8px 0 0 0}
.qb-frame>span:nth-child(2){right:6px;top:6px;border-left:0;border-bottom:0;border-radius:0 8px 0 0}
.qb-frame>span:nth-child(3){left:6px;bottom:6px;border-right:0;border-top:0;border-radius:0 0 0 8px}
.qb-frame>span:nth-child(4){right:6px;bottom:6px;border-left:0;border-top:0;border-radius:0 0 8px 0}
.qb-frame em{position:absolute;left:0;right:0;top:0;height:3px;background:#5FD3B5;box-shadow:0 0 18px 4px rgba(95,211,181,.7);animation:qbScan 2.4s ease-in-out infinite alternate}
@keyframes qbScan{from{transform:translateY(10px)}to{transform:translateY(236px)}}
.qb-qr[hidden]{display:none}
.qb-cap{text-align:center;color:var(--muted);font-size:14px}.qb-cap b{color:var(--fg)}
.qb-meta{display:flex;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.14em;color:var(--dim);font-family:ui-monospace,Menlo,monospace}
@media (max-width:640px){.qb-list li{grid-template-columns:24px 1fr auto;row-gap:2px}.qb-list small{grid-column:2}.qb-list b{grid-column:2;grid-row:2}.qb-list .ct-copy{grid-column:3;grid-row:1/3}.qb-list i{grid-row:1/3}.qb-ring{width:260px;height:260px}.qb-frame{width:200px}.ct-links{flex-direction:column;gap:16px}.qb-dock{padding:16px}}

.qr img{display:block;width:100%;height:auto;border-radius:6px}
.qb-list li[hidden],.qb-dock[hidden],.ct-links [hidden],.qb-tabs button[hidden]{display:none}
.qb-tabs.n1{display:none}.qb-tabs.n2{grid-template-columns:repeat(2,1fr)}
.qb.solo{grid-template-columns:1fr}
.ct-copy.ok{color:#041417;background:var(--mint)}
.ct-sheet .tag{counter-increment:none}.ct-sheet .tag::before{content:"";width:28px;height:1px;background:var(--mint)}
.ct-sheet form{margin:0}
body.ct-lock{overflow:hidden}
#contact[hidden],a[href="#contact"][hidden],#menu li[hidden]{display:none!important}
.qb-list b{word-break:break-all}
