:root{font-family:Noto Sans SC,PingFang SC,sans-serif;color:#102235;background:linear-gradient(180deg,#faf6ef,#efe7da)}*{box-sizing:border-box}body{margin:0;min-height:100vh}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:999px;padding:.9rem 1.2rem;background:#bf5a16;color:#fff;font:inherit;font-weight:700}button.ghost{background:#fff;color:#7c3a0d;border:1px solid rgba(191,90,22,.18)}code{font-family:JetBrains Mono,monospace}.shell{width:min(560px,calc(100vw - 20px));margin:0 auto;padding:10px 0 20px}.card{border-radius:22px;padding:14px;background:#ffffffeb;box-shadow:0 14px 28px #59421e1a}.topbar,.scanner-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.topbar h1{margin:0;font-size:1.05rem}.badge{display:inline-flex;align-items:center;padding:.42rem .76rem;border-radius:999px;background:#10223514;color:#23425c;font-weight:700}.badge[data-tone=active]{background:#20884a24;color:#0f5f30}.badge[data-tone=error]{background:#b512121f;color:#8d1515}.scanner-section{display:grid;gap:12px}.video-wrap{position:relative;min-height:70vh;max-height:78vh;overflow:hidden;border-radius:18px;background:#102235}.video-wrap video{width:100%;height:100%;min-height:70vh;object-fit:cover}.scan-frame{position:absolute;inset:50% auto auto 50%;width:min(58vw,220px);aspect-ratio:1;transform:translate(-50%,-50%);border:3px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:0 0 0 999px #00000038}.overlay-status{position:absolute;left:50%;bottom:18px;transform:translate(-50%);padding:.45rem .85rem;border-radius:999px;background:#0000008c;color:#fff;font-size:.92rem}.status-message,.last-event{margin:0;padding:.8rem .9rem;border-radius:14px;background:#1022350f;word-break:break-all}.status-message[data-tone=success]{background:#20884a1f;color:#0f5f30}.status-message[data-tone=error]{background:#b512121f;color:#8d1515}