.mobile-qr-card{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:1.25rem;width:min(100%,672px);padding:1.25rem;border:1px solid rgba(56,189,248,.55);border-radius:1rem;background:linear-gradient(135deg,rgba(8,47,73,.9),rgba(8,15,28,.96));box-shadow:0 20px 55px rgba(0,0,0,.34)}
.qr-launch-tab{position:fixed;z-index:200;top:1rem;right:1rem;display:flex;align-items:center;gap:.42rem;padding:.68rem .9rem;border:1px solid rgba(125,211,252,.7);border-radius:999px;color:#082f49;background:#7dd3fc;box-shadow:0 10px 32px rgba(2,132,199,.3);font-size:.82rem}.qr-launch-tab strong{font-weight:950}.qr-launch-tab:hover{background:#bae6fd;transform:translateY(-1px)}.qr-launch-tab:focus-visible{outline:3px solid #f5c453;outline-offset:3px}
.mobile-qr-copy{min-width:0}.qr-eyebrow{color:#7dd3fc;font-size:.74rem;font-weight:900;letter-spacing:.08em}.mobile-qr-card h2{margin-top:.35rem;color:#e0f2fe;font-size:1.25rem;font-weight:900;line-height:1.4;word-break:keep-all}.mobile-qr-copy>p:not(.qr-eyebrow){margin-top:.45rem;color:#cbd5e1;font-size:.82rem;line-height:1.55;word-break:keep-all}
.qr-tabs{display:flex;gap:.35rem;margin-top:.85rem;padding:.22rem;border:1px solid rgba(125,211,252,.2);border-radius:.7rem;background:rgba(2,6,23,.5)}.qr-tabs button{flex:1;padding:.45rem;border-radius:.5rem;color:#94a3b8;font-size:.76rem;font-weight:800}.qr-tabs button[aria-selected="true"]{color:#082f49;background:#7dd3fc}.qr-tab-panel{margin-top:.65rem;color:#dbeafe;font-size:.76rem}.qr-tab-panel ol{display:grid;gap:.25rem;padding-left:1.25rem;list-style:decimal}.qr-tab-panel code{display:block;overflow-wrap:anywhere;padding:.55rem;border-radius:.5rem;color:#bae6fd;background:#020617}.qr-copy-button,.qr-enlarge-button{margin-top:.55rem;padding:.55rem .75rem;border-radius:.6rem;font-size:.75rem;font-weight:900}.qr-copy-button{color:#082f49;background:#7dd3fc}.qr-enlarge-button{width:100%;color:#0c1725;background:#f5c453}
.mobile-qr-image-button{display:flex;flex-direction:column;align-items:center;align-self:stretch;justify-content:center;padding:.65rem;border:1px solid rgba(255,255,255,.22);border-radius:.9rem;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.3)}.mobile-qr-image-button img{width:100%;height:auto;image-rendering:pixelated}.mobile-qr-image-button span{margin-top:.35rem;color:#0f172a;font-size:.7rem;font-weight:900}
.qr-classroom-modal[hidden]{display:none}.qr-classroom-modal{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:1rem}.qr-classroom-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.94);backdrop-filter:blur(8px)}.qr-classroom-sheet{position:relative;z-index:1;display:flex;width:min(96vw,900px);max-height:96vh;flex-direction:column;align-items:center;padding:1rem 2rem 1.5rem;border:1px solid rgba(125,211,252,.5);border-radius:1.25rem;color:#e2e8f0;text-align:center;background:linear-gradient(145deg,#10243a,#050a12);box-shadow:0 35px 90px rgba(0,0,0,.65)}.qr-classroom-sheet h2{margin-top:.25rem;color:#fef3c7;font-size:clamp(1.45rem,3vw,2.35rem);font-weight:900}.qr-classroom-sheet>p:not(.qr-eyebrow){margin-top:.25rem;color:#cbd5e1}.qr-classroom-sheet img{width:min(62vh,68vw,540px);height:auto;margin-top:.65rem;padding:.4rem;border-radius:.75rem;background:#fff}.qr-classroom-sheet>strong{margin-top:.5rem;color:#7dd3fc;font-size:clamp(.7rem,1.5vw,1rem);overflow-wrap:anywhere}.qr-modal-close{align-self:flex-end;padding:.45rem .7rem;border:1px solid rgba(255,255,255,.24);border-radius:.55rem;color:#e2e8f0;background:rgba(15,23,42,.8)}.qr-modal-guide{font-size:.8rem}.qr-modal-open{overflow:hidden}
.qr-modal-copy{margin-top:.55rem;padding:.55rem .9rem;border-radius:.6rem;color:#082f49;font-size:.78rem;font-weight:900;background:#7dd3fc}.qr-modal-copy:hover{background:#bae6fd}
@media(max-width:640px){.qr-launch-tab{top:.65rem;right:.65rem;padding:.55rem .7rem;font-size:.76rem}.mobile-qr-card{grid-template-columns:1fr;padding:1rem}.mobile-qr-image-button{width:min(100%,260px);justify-self:center}.qr-classroom-sheet{padding:.75rem}.qr-classroom-sheet img{width:min(62vh,88vw)}}