:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#e9edf5;background:#0c1019}*{box-sizing:border-box}body{margin:0}header{max-width:1000px;margin:auto;padding:20px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:900;letter-spacing:.09em;font-size:22px;color:#f9cc42}.brand span{color:#fff}.brand small{font-size:12px;color:#8c99aa}main{max-width:1000px;margin:auto;padding:16px 20px 80px}.intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:30px 0}.eyebrow{color:#f9cc42;font-size:12px;letter-spacing:.18em;font-weight:800}h1{font-size:clamp(32px,6vw,54px);margin:10px 0}p{color:#9aa6b8;line-height:1.55}.intro p{max-width:600px}.count{background:#192131;border:1px solid #303d51;border-radius:18px;padding:16px 22px;min-width:145px}.count b{font-size:34px;display:block}.count span{color:#9aa6b8;font-size:12px}.panel,.inventory{background:#151c29;border:1px solid #2a3445;border-radius:22px;padding:20px;margin-top:20px}.modes,.controls,.formrow{display:flex;gap:10px;flex-wrap:wrap}.mode{flex:1;background:#202a3a;border:1px solid #354256;min-width:100px}.mode.selected{border-color:#f9cc42;background:#443d25}.mode small{display:block;font-weight:400;color:#b5c0cf;margin-top:4px}button{cursor:pointer;border:0;border-radius:12px;background:#f9cc42;color:#111827;padding:13px 18px;font-weight:800;font-size:14px}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#dce5f3}.ghost{background:#283345;color:#e9edf5}.formrow{margin:18px 0}.formrow label{flex:1;min-width:180px}label{display:block;color:#b9c4d4;font-size:13px;font-weight:650}input:not([type=checkbox]){display:block;background:#0e1522;color:#fff;border:1px solid #3d4b60;border-radius:10px;padding:12px;width:100%;font:inherit;margin-top:7px}.camera{position:relative;background:#070b12;border-radius:15px;overflow:hidden;aspect-ratio:4/3;max-height:620px;display:grid;place-items:center}video,#preview,#preview img{width:100%;height:100%;object-fit:contain}#preview{position:absolute;inset:0;background:#000}.frame{pointer-events:none;position:absolute;inset:10% 17%;border:2px dashed #f9cc42;border-radius:14px;box-shadow:0 0 0 999px #0004}#preview:not([hidden])~.frame{display:none}#status{position:absolute;bottom:14px;left:14px;right:14px;text-align:center;background:#111a26dd;padding:9px;border-radius:9px;font-size:13px}.controls{margin-top:16px}.auto{margin-top:18px}.auto input{accent-color:#f9cc42}.auto small{font-weight:400}.inventory h2{margin-top:0}.item{display:flex;gap:12px;padding:10px;border-top:1px solid #2a3445}.item img{width:55px;height:75px;object-fit:cover;border-radius:5px}.item strong,.item span,.item small{display:block;margin:3px 0}.item span{color:#c3cbd6}.item small{color:#8695a8}.login{max-width:390px;margin:15vh auto}.login form{display:grid;gap:18px;margin-top:30px}.login button{width:100%}.error{color:#ff9191}@media(max-width:650px){.intro{align-items:start}.count{min-width:100px;padding:12px}.count b{font-size:25px}.panel{padding:12px}.camera{aspect-ratio:3/4}.frame{inset:12% 10%}}