.ref76{display:grid;gap:16px;min-width:0}.ref76-card{padding:22px;border:1px solid var(--line,#d6e2f0);border-radius:20px;background:var(--card,#fff);color:var(--text,#132943)}.ref76-card h1,.ref76-card h2{margin:0 0 12px}.ref76-card p{line-height:1.65}.ref76-en{display:block;margin-top:4px;font-size:.82em;font-weight:400}.ref76-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.ref76-metrics>div{padding:16px;background:var(--soft,#edf5ff);border-radius:14px}.ref76-metrics dt{font-size:.92rem}.ref76-metrics dd{margin:8px 0 0;font-size:2rem;font-weight:700;color:var(--accent,#1265ce)}.ref76-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ref76-history{list-style:none;padding:0;display:grid;gap:10px}.ref76-history li{display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap;padding:14px;border:1px solid var(--line,#d6e2f0);border-radius:12px}.ref76-note{padding:14px;border-left:4px solid #287bdb;background:var(--soft,#edf5ff)}.ref76-error{color:var(--danger,#b42318);font-weight:600}.ref76-dialog{width:min(560px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);padding:0;border:1px solid var(--line,#cbd9e9);border-radius:22px;background:var(--card,#fff);color:var(--text,#132943);box-shadow:0 28px 90px #08254e44}.ref76-dialog::backdrop{background:#10294588}.ref76-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line,#d6e2f0)}.ref76-dialog h2{margin:0;font-size:1.25rem}.ref76-dialog-body{padding:20px;overflow:auto;max-height:calc(100dvh - 130px)}.ref76-dialog-body p{line-height:1.6}.ref76-qr{display:block;box-sizing:border-box;width:min(300px,100%);height:auto;margin:0 auto;background:white;border:12px solid white;border-radius:12px}.ref76-url{box-sizing:border-box;width:100%;margin:8px 0;padding:12px;border:1px solid var(--line,#cbd9e9);border-radius:10px;background:var(--soft,#edf5ff);color:inherit}.ref76-status{font-weight:700;color:var(--accent,#1265ce)}.ref76-invitation{padding:16px;border:1px solid var(--line,#cbd9e9);border-radius:14px;margin-bottom:18px;background:var(--soft,#edf5ff)}.ref76 :is(button,a,input):focus-visible,.ref76-dialog :is(button,a,input):focus-visible{outline:3px solid #2282ff;outline-offset:3px}.ref76-dialog a{display:inline-block;padding:10px;color:inherit;text-decoration:underline}[data-theme=dark] :is(.ref76-card,.ref76-dialog){background:#13263d;color:#edf5ff;border-color:#38516b}[data-theme=dark] :is(.ref76-metrics>div,.ref76-note,.ref76-url,.ref76-invitation){background:#1c3550;border-color:#38516b}[data-theme=dark] :is(.ref76-metrics dd,.ref76-status){color:#84baff}[data-theme=dark] .ref76-error{color:#ffaaa3}@media(max-width:580px){.ref76-card{padding:16px}.ref76-metrics{grid-template-columns:1fr}.ref76-metrics>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.ref76-metrics dd{margin:0}.ref76-actions>*{flex:1 1 100%;text-align:center}.ref76-dialog>header{padding:14px}.ref76-dialog-body{padding:16px}.ref76-history li{display:grid;gap:6px}}
.ref76-promotion{margin-top:24px;padding-top:18px;border-top:1px solid var(--line,#d6e2f0)}.ref76-promotion img{display:block;max-width:100%;height:auto;max-height:65vh;object-fit:contain;margin:12px auto}.ref76-promotion a{display:block;text-align:center}