:root{--surface:#ffffff;--surface-muted:#f1f5f9;--border:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--primary:#6366f1;--primary-dark:#4f46e5;--accent:#06b6d4;--shadow-soft:0 16px 48px rgba(15,23,42,0.1);--gradient:linear-gradient(135deg,#6366f1 0%,#06b6d4 100%);--qrc-radius:20px;--qrc-radius-sm:12px;--qrc-ink:#020617;--qrc-grid:rgba(99,102,241,0.08);--qrc-glow:rgba(6,182,212,0.35);--qrc-danger:#dc2626;}
.qrc-page{padding-bottom:2.5rem;}
.qrc-hero-pills{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.85rem;}
.qrc-pill{display:inline-flex;align-items:center;gap:0.35rem;padding:0.35rem 0.75rem;border-radius:999px;background:var(--surface-muted);border:1px solid var(--border);font-size:0.75rem;font-weight:600;color:var(--text-main);letter-spacing:0.02em;}
.qrc-pill svg{flex-shrink:0;opacity:0.85;}
.qrc-deck{margin:0 0 2.25rem;}
.qrc-deck-inner{background:linear-gradient(160deg,var(--surface) 0%,#f8fafc 100%);border:1px solid var(--border);border-radius:var(--qrc-radius);box-shadow:var(--shadow-soft);padding:1rem;box-sizing:border-box;}
@media (min-width:768px){.qrc-deck-inner{padding:1.35rem 1.5rem;}}
.qrc-segment{display:grid;grid-template-columns:1fr 1fr;gap:0.35rem;padding:0.35rem;border-radius:999px;background:var(--surface-muted);border:1px solid var(--border);margin-bottom:1rem;}
.qrc-segment-btn{appearance:none;border:0;border-radius:999px;padding:0.75rem 0.65rem;font-size:0.875rem;font-weight:700;color:var(--text-muted);background:transparent;cursor:pointer;transition:background 0.18s ease,color 0.18s ease,box-shadow 0.18s ease;}
.qrc-segment-btn[aria-selected="true"]{background:var(--surface);color:var(--qrc-ink);box-shadow:0 4px 14px rgba(15,23,42,0.08);}
.qrc-stage{position:relative;display:flex;flex-direction:column;border-radius:calc(var(--qrc-radius-sm) + 4px);background:repeating-linear-gradient(-12deg,transparent,transparent 12px,var(--qrc-grid) 12px,var(--qrc-grid) 13px),var(--surface-muted);min-height:min(52vh,420px);}
@media (min-width:768px){.qrc-stage{min-height:380px;}}
.qrc-frame{position:absolute;inset:0.65rem;border-radius:var(--qrc-radius-sm);pointer-events:none;}
.qrc-frame::before,.qrc-frame::after{content:"";position:absolute;width:2rem;height:2rem;border-color:var(--accent);border-style:solid;pointer-events:none;z-index:2;}
.qrc-frame::before{top:0;left:0;border-width:3px 0 0 3px;border-radius:6px 0 0 0;}
.qrc-frame::after{top:0;right:0;border-width:3px 3px 0 0;border-radius:0 6px 0 0;}
.qrc-frame-corner-b{position:absolute;inset:auto 0 0 0;height:2rem;pointer-events:none;z-index:2;}
.qrc-frame-corner-b::before,.qrc-frame-corner-b::after{content:"";position:absolute;bottom:0;width:2rem;height:2rem;border-color:var(--accent);border-style:solid;}
.qrc-frame-corner-b::before{left:0;border-width:0 0 3px 3px;border-radius:0 0 0 6px;}
.qrc-frame-corner-b::after{right:0;border-width:0 3px 3px 0;border-radius:0 0 6px 0;}
.qrc-panel{position:relative;z-index:1;pointer-events:auto;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem 1rem;box-sizing:border-box;min-height:0;}
.qrc-drop{border:2px dashed var(--border);border-radius:var(--qrc-radius-sm);width:100%;max-width:340px;padding:1.75rem 1.25rem;text-align:center;background:rgba(255,255,255,0.72);backdrop-filter:blur(8px);transition:border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;}
.qrc-drop.qrc-drop-active{border-color:var(--primary);box-shadow:0 0 0 4px rgba(99,102,241,0.15);background:rgba(255,255,255,0.92);}
.qrc-drop-icon{width:48px;height:48px;margin:0 auto 0.75rem;color:var(--primary);}
.qrc-drop-title{font-size:1.05rem;font-weight:800;color:var(--qrc-ink);margin:0 0 0.35rem;}
.qrc-drop-hint{font-size:0.8125rem;color:var(--text-muted);margin:0 0 1rem;line-height:1.45;}
.qrc-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;}
.qrc-btn-primary{appearance:none;border:0;border-radius:999px;padding:0.8rem 1.35rem;font-size:0.9375rem;font-weight:700;background:var(--gradient);color:#fff;cursor:pointer;box-shadow:0 8px 24px var(--qrc-glow);transition:transform 0.15s ease,filter 0.15s ease;}
.qrc-btn-primary:active{transform:scale(0.98);}
.qrc-btn-ghost{appearance:none;border:1px solid var(--border);border-radius:999px;padding:0.65rem 1rem;font-size:0.8125rem;font-weight:600;background:var(--surface);color:var(--text-main);cursor:pointer;margin-top:0.65rem;}
.qrc-video{width:100%;max-width:min(100%,360px);border-radius:var(--qrc-radius-sm);background:#000;aspect-ratio:3/4;object-fit:cover;}
.qrc-cam-bar{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin-top:0.85rem;}
.qrc-btn-danger{appearance:none;border:0;border-radius:999px;padding:0.65rem 1rem;font-size:0.8125rem;font-weight:700;background:var(--qrc-danger);color:#fff;cursor:pointer;}
.qrc-btn-muted{appearance:none;border:1px solid var(--border);border-radius:999px;padding:0.65rem 1rem;font-size:0.8125rem;font-weight:600;background:var(--surface);color:var(--text-main);cursor:pointer;}
.qrc-readout{margin-top:1.15rem;border-radius:var(--qrc-radius-sm);border:1px solid var(--border);background:var(--surface);padding:1rem 1.1rem;box-sizing:border-box;}
.qrc-readout-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.5rem;margin-bottom:0.65rem;}
.qrc-readout-label{font-size:0.7rem;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted);margin:0;}
.qrc-type-badge{font-size:0.75rem;font-weight:800;padding:0.25rem 0.6rem;border-radius:999px;background:var(--surface-muted);color:var(--primary-dark);border:1px solid var(--border);}
.qrc-readout-body{font-size:0.9375rem;line-height:1.55;color:var(--text-main);word-break:break-word;}
.qrc-readout-link{color:var(--primary-dark);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.qrc-readout-pre{margin:0.5rem 0 0;padding:0.85rem;background:var(--surface-muted);border-radius:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:0.8125rem;white-space:pre-wrap;}
.qrc-wifi-rows{display:grid;gap:0.45rem;font-size:0.9375rem;}
.qrc-wifi-rows strong{display:block;font-size:0.7rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:0.15rem;}
.qrc-readout-empty{text-align:center;color:var(--text-muted);padding:1.5rem 0.5rem;font-size:0.9rem;}
.qrc-readout-actions{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.85rem;}
.qrc-thumb-wrap{margin-top:0.75rem;}
.qrc-thumb{max-width:140px;max-height:140px;border-radius:10px;border:1px solid var(--border);display:block;}
.qrc-alert{border-radius:var(--qrc-radius-sm);padding:0.85rem 1rem;background:#fff7ed;border:1px solid #fdba74;color:#9a3412;font-size:0.875rem;line-height:1.5;}
.qrc-prose{margin:2.5rem 0;}
.qrc-prose h2{font-size:clamp(1.35rem,3vw,1.65rem);font-weight:800;color:var(--qrc-ink);margin:0 0 0.75rem;line-height:1.25;}
.qrc-prose h3{font-size:1.05rem;font-weight:800;margin:1.75rem 0 0.5rem;color:var(--qrc-ink);}
.qrc-prose p{font-size:1rem;line-height:1.65;color:var(--text-main);margin:0 0 1rem;}
.qrc-prose p.qrc-lead{font-size:1.05rem;color:var(--text-muted);}
.qrc-prose ul{margin:0 0 1.25rem;padding-left:1.2rem;color:var(--text-main);line-height:1.6;}
.qrc-prose li{margin-bottom:0.4rem;}
.qrc-callout{border-left:4px solid var(--accent);padding:0.85rem 1rem 0.85rem 1.1rem;background:var(--surface-muted);border-radius:0 var(--qrc-radius-sm) var(--qrc-radius-sm) 0;margin:1.25rem 0;font-size:0.9375rem;line-height:1.6;color:var(--text-main);}
.qrc-table-wrap{overflow-x:auto;margin:1rem 0;border:1px solid var(--border);border-radius:var(--qrc-radius-sm);}
.qrc-table{width:100%;border-collapse:collapse;font-size:0.875rem;}
.qrc-table th,.qrc-table td{padding:0.65rem 0.85rem;text-align:left;border-bottom:1px solid var(--border);}
.qrc-table th{background:var(--surface-muted);font-weight:700;color:var(--qrc-ink);}
.qrc-table tr:last-child td{border-bottom:0;}
.qrc-trust{font-size:0.875rem;color:var(--text-muted);margin-top:1.5rem;line-height:1.55;}