*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif}body{background:#050505;color:#fff}.khk-pairing{background:#f4f4f2;color:#171717}.khk-pair-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.khk-pair-card{width:min(520px,100%);padding:38px;border:1px solid #dedfdf;border-radius:22px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.08)}.khk-pair-logo img{max-width:150px;max-height:60px;object-fit:contain}.khk-pair-card>small{display:block;margin-top:30px;font:800 10px ui-monospace,monospace;letter-spacing:.11em;color:#a1152c}.khk-pair-card h1{margin:8px 0 10px;font-size:34px;letter-spacing:-.04em}.khk-pair-card p{margin:0;color:#6e747a;font-size:14px;line-height:1.55}.khk-pair-card form{display:grid;gap:12px;margin-top:28px}.khk-pair-card label span{display:block;margin-bottom:6px;font-size:12px;font-weight:700}.khk-pair-card input{width:100%;height:62px;border:1px solid #d8dbdd;border-radius:12px;text-align:center;font:900 28px ui-monospace,monospace;letter-spacing:.25em}.khk-pair-card button{height:54px;border:0;border-radius:12px;background:#171717;color:#fff;font-weight:800;cursor:pointer}.khk-pair-card>a{display:inline-block;margin-top:22px;color:#666;text-decoration:none;font-size:12px}.khk-error{margin-top:18px;padding:12px;border-radius:10px;background:#fff0f1;color:#9f2330;font-size:12px}
.khk-screen-shell{min-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;gap:20px;padding:32px 42px;background:radial-gradient(circle at 50% -10%,#242424 0,#0b0b0b 42%,#050505 72%)}.khk-screen-head{display:grid;grid-template-columns:170px 1fr auto;gap:24px;align-items:center}.khk-logo img{max-width:150px;max-height:58px;object-fit:contain}.khk-screen-head small{font:800 10px ui-monospace,monospace;letter-spacing:.12em;color:#d3213d}.khk-screen-head h1{margin:3px 0 0;font-size:22px}.khk-screen-head p{margin:4px 0 0;color:#868b90;font-size:12px}.khk-screen-head button{height:40px;padding:0 16px;border:1px solid #3a3a3a;border-radius:999px;background:#111;color:#fff;font-size:11px;cursor:pointer}.khk-clock{text-align:center}.khk-clock strong{display:block;font:300 clamp(48px,7vw,90px) ui-monospace,monospace;letter-spacing:-.06em}.khk-clock span{font-size:14px;color:#8d9297}.khk-qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch;max-width:1200px;width:100%;margin:0 auto}.khk-qr{display:grid;grid-template-rows:auto 1fr auto;gap:18px;padding:24px;border:1px solid #242424;border-radius:22px;background:#0e0e0e}.khk-qr-label{display:flex;align-items:center;gap:14px}.khk-qr-label>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#191919;color:#777;font:800 10px ui-monospace,monospace}.khk-qr.in .khk-qr-label>span{color:#60b57b}.khk-qr.out .khk-qr-label>span{color:#db5364}.khk-qr-label small{font:800 8px ui-monospace,monospace;letter-spacing:.08em;color:#777}.khk-qr-label h2{margin:3px 0 0;font-size:24px}.khk-qr-frame{display:grid;place-items:center}.khk-qr-frame img{display:block;width:min(34vw,360px);aspect-ratio:1;object-fit:contain;padding:12px;border-radius:18px;background:#fff}.khk-qr>p{text-align:center;margin:0;color:#8c9196;font-size:11px}.khk-screen-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #222;padding-top:16px}.khk-screen-foot>div{padding:10px 12px}.khk-screen-foot small,.khk-screen-foot strong{display:block}.khk-screen-foot small{font:800 7px ui-monospace,monospace;letter-spacing:.08em;color:#666}.khk-screen-foot strong{margin-top:4px;font-size:11px;color:#bfc3c7}
@media(max-width:800px){.khk-screen-shell{padding:20px}.khk-screen-head{grid-template-columns:120px 1fr}.khk-screen-head button{grid-column:1/-1}.khk-qr-grid{grid-template-columns:1fr}.khk-qr-frame img{width:min(72vw,330px)}.khk-screen-foot{grid-template-columns:1fr}.khk-clock strong{font-size:48px}}