:root{color-scheme:dark;font-family:Inter,"Noto Sans JP",system-ui,sans-serif;background:#090d12;color:#fff}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#090d12}.app{position:relative;min-height:100dvh;max-width:640px;margin:auto;overflow:hidden;background:#111820}video{position:absolute;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(#000b 0%,transparent 42%,#000f 100%)}header{position:relative;display:flex;align-items:center;padding:max(18px,env(safe-area-inset-top)) 20px 0;gap:11px}header b{display:block;font-size:15px;letter-spacing:1.4px}header small{display:block;color:#ffffff99;margin-top:2px;font-size:11px}.brand-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#161d24e8;color:#78e6c2;font-size:22px}.icon-button{margin-left:auto;border:0;border-radius:50%;width:43px;height:43px;background:#ffffff18;color:#fff;font-size:19px}.scanner{position:absolute;top:25%;left:20px;right:20px;text-align:center}.frame{position:relative;aspect-ratio:1.75;display:grid;place-items:center;background:linear-gradient(#78e6c2,#78e6c2) left top/31px 4px no-repeat,linear-gradient(#78e6c2,#78e6c2) left top/4px 31px no-repeat,linear-gradient(#78e6c2,#78e6c2) right top/31px 4px no-repeat,linear-gradient(#78e6c2,#78e6c2) right top/4px 31px no-repeat,linear-gradient(#78e6c2,#78e6c2) left bottom/31px 4px no-repeat,linear-gradient(#78e6c2,#78e6c2) left bottom/4px 31px no-repeat,linear-gradient(#78e6c2,#78e6c2) right bottom/31px 4px no-repeat,linear-gradient(#78e6c2,#78e6c2) right bottom/4px 31px no-repeat;border-radius:3px}.frame span{font-size:13px;font-weight:650;text-shadow:0 1px 5px #000}.status{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:9px 14px;border-radius:30px;background:#111820dc;font-size:12px;font-weight:650}.status i{width:7px;height:7px;border-radius:50%;background:#f8b84e}.status.active i{background:#78e6c2;box-shadow:0 0 10px #78e6c2}.bottom{position:absolute;left:20px;right:20px;bottom:max(12px,env(safe-area-inset-bottom))}.card,.hint{background:#121a21ee;border-radius:23px;padding:19px;border:1px solid #78e6c244;box-shadow:0 10px 28px #0008}.eyebrow{display:flex;justify-content:space-between;color:#78e6c2;font-size:12px;font-weight:800;letter-spacing:1.4px}.eyebrow small{color:#ffffff66;letter-spacing:0;font-weight:500}.card h1{font-size:27px;margin:13px 0 11px;line-height:1.2}.card p{color:#ffffffa0;font-size:12px;line-height:1.5;margin:0;max-height:54px;overflow:hidden}.hint{display:flex;align-items:center;gap:12px;border:0;color:#ffffffb5;font-size:13px;line-height:1.45}.hidden{display:none}.primary{width:100%;height:56px;margin-top:16px;border:0;border-radius:17px;background:#78e6c2;color:#07130f;font-size:16px;font-weight:800}.privacy{text-align:center;color:#ffffff60;font-size:10px;margin:10px 0 0}@media(min-width:641px){body{padding:24px}.app{min-height:calc(100dvh - 48px);border-radius:28px;box-shadow:0 20px 80px #000}}