@import url('/base.css');
@import url('/home.css');
main{max-width:560px;margin:auto;padding:32px 22px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:44px}.brand{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:12px;letter-spacing:.5px;text-decoration:none}.brand b{font-weight:800}header .tag{font-size:9px}.card{background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:30px;margin-bottom:20px;box-shadow:0 12px 32px #0000000d}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--muted)}h1{font-size:clamp(38px,10vw,54px);line-height:1.06;letter-spacing:-2.2px;font-weight:700;margin:22px 0}h1 em{font-style:normal;color:var(--green)}p{color:var(--muted);line-height:1.6;font-size:14px}form{margin-top:28px}.code-input{font-size:32px;letter-spacing:12px;font-weight:600;text-align:center;padding:16px 8px}button{width:100%;display:flex;align-items:center;justify-content:space-between}form>button{margin-top:22px}.note{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);margin-top:24px}.dot{height:6px;width:6px;border-radius:50%;background:var(--green);display:inline-block}.session-line{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--green);margin-bottom:20px}.intro{padding:10px 8px 24px}.intro h1{margin:16px 0}.compact{padding:24px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-size:16px;margin:0}.compact form{margin-top:16px}.button-row{display:flex;gap:10px;margin-top:16px}.button-row button{justify-content:center}.text-button{justify-content:center;margin:12px 0;color:var(--muted);background:none;padding:10px;font-size:12px}.messages{list-style:none;padding:0;margin:12px 0 0}.messages li{border-top:1px solid var(--border);padding:14px 0}.messages small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.messages p{color:var(--ink);margin:6px 0;white-space:pre-wrap;overflow-wrap:anywhere}#camera{width:100%;max-height:300px;margin:18px 0;border-radius:14px}#feedback{min-height:24px;color:var(--green);overflow-wrap:anywhere}#feedback.error{color:#ffa6a1}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;letter-spacing:1px;margin:34px 4px}footer span{letter-spacing:0}@media(max-width:380px){header .tag{display:none}.card{padding:24px}.code-input{letter-spacing:8px}}