:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18252b;background:#f4f6f5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}.shell{width:min(100% - 2rem,560px);margin:0 auto;padding:clamp(2rem,7vw,4rem) 0}.page-header{margin-bottom:1.5rem}.eyebrow{color:#26735b;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .35rem;font-size:.8rem;font-weight:800}h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.9rem,5vw,2.7rem)}.page-header>p:last-child{color:#617077;line-height:1.5}.card{background:#fff;border:1px solid #dbe3e0;border-radius:20px;padding:clamp(1rem,4vw,1.5rem);box-shadow:0 12px 36px #1029210b}.camera-frame{aspect-ratio:4/3;background:#101820;border-radius:14px;width:100%;position:relative;overflow:hidden}video{object-fit:cover;width:100%;height:100%;display:block}.camera-hint{color:#dce7e4;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.camera-hint[hidden]{display:none}.recognition-indicator{z-index:2;color:#fff;pointer-events:none;background:#18252be8;border-radius:999px;align-items:center;gap:.55rem;max-width:calc(100% - 1.5rem);padding:.5rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex;position:absolute;bottom:.75rem;left:.75rem}.recognition-dot{background:#aab7b5;border-radius:50%;flex:none;width:.65rem;height:.65rem}.recognition-indicator[data-state=recognized] .recognition-dot{background:#52e0a3;box-shadow:0 0 0 3px #52e0a333}.recognition-indicator[data-state=not-found] .recognition-dot{background:#f7c765}.recognition-indicator[data-state=error] .recognition-dot{background:#f28a8a}.status-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.25rem 0;display:grid}.status-grid>div{min-width:0}.status-label{color:#66777c;margin-bottom:.2rem;font-size:.75rem;display:block}.status-grid strong{overflow-wrap:anywhere;font-size:.91rem;display:block}button{color:#fff;width:100%;min-height:48px;font:inherit;cursor:pointer;background:#176f56;border:0;border-radius:11px;font-weight:700}button:hover{background:#105d48}button:disabled{opacity:.65;cursor:wait}details{color:#53656b;margin-top:1.25rem;font-size:.85rem}summary{cursor:pointer}pre{overflow-wrap:anywhere;white-space:pre-wrap;color:#18252b;background:#f3f6f5;border-radius:8px;padding:.75rem}.footnote{color:#66777c;font-size:.82rem;line-height:1.5}.share-card{margin-top:1rem}.share-card h2{margin:0 0 .35rem;font-size:1.1rem}.share-card>p{color:#53656b;margin:0 0 1rem;font-size:.88rem;line-height:1.4}.share-link-row{align-items:center;gap:.75rem;display:flex}.share-link-row a{overflow-wrap:anywhere;color:#176f56;flex:1;min-width:0;font-size:.85rem}.share-link-row button{width:auto;min-width:105px;padding:.65rem}.share-card .share-status{margin:.75rem 0 0}.page-header{position:relative}.logout{color:#176f56;background:0 0;width:auto;min-height:0;padding:.5rem .75rem;font-size:.8rem;position:absolute;top:0;right:0}.logout:hover{background:#e8f2ee}.login-shell{width:min(100% - 2rem,430px)}.login-form{gap:.6rem;display:grid}.login-form label{font-size:.85rem;font-weight:700}.login-form input{width:100%;min-height:46px;font:inherit;border:1px solid #bbc9c4;border-radius:9px;margin-bottom:.5rem;padding:.7rem}.login-form button{margin-top:.4rem}.form-error{color:#ac3030;margin:0;font-size:.85rem}.viewer-shell{width:min(100% - 2rem,620px)}.viewer-card{text-align:center}.qr-stage{background:#f8faf9;border-radius:14px;place-items:center;min-height:min(90vw,430px);padding:1rem;display:grid}.qr-stage canvas{width:min(100%,400px);height:auto;image-rendering:pixelated;display:block}.empty-message{color:#617077}.viewer-card .status-grid{text-align:left}@media (width<=380px){.status-grid{gap:.4rem}.status-grid strong{font-size:.8rem}}