:root{--bg:#f1f4f9;--card:#fff;--tx:#1b2333;--mu:#667085;--bd:#dfe4ee;--pr:#2563eb;--ok:#15803d;--no:#dc2626;--wa:#b45309;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px)}@media (prefers-color-scheme:dark){:root{--bg:#0f1420;--card:#18202f;--tx:#e8ecf5;--mu:#98a2b8;--bd:#2a3550;--pr:#5b8cff;--ok:#4ade80;--no:#f87171;--wa:#fbbf24;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--tx);font:16px system-ui,-apple-system,Segoe UI,Roboto,sans-serif;touch-action:manipulation;overflow-x:hidden;min-height:100dvh}.w{max-width:960px;margin:0 auto;padding:14px 16px 120px}.card{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:16px;margin-bottom:14px}h1{font-size:20px;margin:0}h2{font-size:17px;margin:0 0 12px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:8px}.mu{color:var(--mu);font-size:13px}input,select{width:100%;padding:14px;border:2px solid var(--bd);border-radius:12px;background:var(--bg);color:var(--tx);font-size:18px}input:focus,select:focus{outline:0;border-color:var(--pr)}.amt{font-size:24px;font-weight:700}.tv{font-size:16px;margin-top:8px;min-height:22px;color:var(--pr);font-weight:600}.pinbox{letter-spacing:8px;text-align:center}.step{display:flex;align-items:center;gap:8px;font-weight:700;margin:16px 0 8px}.step i{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--pr);color:#fff;font-style:normal;font-size:14px}button{padding:14px 16px;min-height:52px;border:0;border-radius:12px;background:var(--pr);color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 3px #00000040}button:active{transform:translateY(2px);box-shadow:0 1px #00000040}button.g{background:var(--card);color:var(--tx);border:2px solid var(--bd);box-shadow:none}button.big{width:100%;padding:18px;font-size:18px}button.ok{background:#16a34a;color:#fff}button.no{background:var(--no)}button.sm{min-height:40px;padding:8px 12px}.row{display:flex;gap:8px}.row>*{flex:1}.row.auto{flex:0 0 auto}.opt{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.opt.two{grid-template-columns:1fr 1fr}.opt.four{grid-template-columns:repeat(4,1fr)}.opt button{background:var(--bg);color:var(--tx);border:3px solid var(--bd);box-shadow:none;padding:16px 6px;line-height:1.3}.opt.four button{padding:10px 2px;font-size:13px;min-height:44px}.opt button.on{border-color:var(--pr);background:var(--pr);color:#fff}.opt small{display:block;font-weight:400;opacity:.85;font-size:12px}.nav{position:fixed;left:0;right:0;bottom:0;background:var(--card);border-top:1px solid var(--bd);display:flex;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));z-index:5}.nav button{flex:1;background:var(--bg);color:var(--mu);border:2px solid var(--bd);box-shadow:none;font-size:14px;padding:10px 4px}.nav button.on{background:var(--pr);color:#fff;border-color:var(--pr)}.nav b{display:block;font-size:22px}.badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:700;margin:2px 2px 0 0}.b-ok{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.b-no{background:color-mix(in srgb,var(--no) 18%,transparent);color:var(--no)}.b-wa{background:color-mix(in srgb,var(--wa) 20%,transparent);color:var(--wa)}.b-pr{background:color-mix(in srgb,var(--pr) 18%,transparent);color:var(--pr)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.st{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:12px}.st b{display:block;font-size:19px;margin-top:4px}.sc{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--bd);white-space:nowrap}th{color:var(--mu);font-size:12px}.it{display:flex;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid var(--bd)}.it:last-child{border:0}.res{text-align:center;padding:22px 14px;border-radius:16px;margin-bottom:14px;border:3px solid var(--wa)}.res .ic{font-size:46px}.res h2{font-size:22px;margin:6px 0}.note{background:color-mix(in srgb,var(--wa) 15%,transparent);border:1px solid var(--wa);border-radius:12px;padding:12px;margin-bottom:14px}.note div{padding:6px 0;border-bottom:1px solid var(--bd)}.lbl{max-width:100%;height:auto;border:1px dashed var(--mu);border-radius:6px;background:#fff}#camwrap{display:none;position:relative;margin-bottom:12px;border-radius:12px;overflow:hidden;background:#000}#vid{display:block;width:100%;max-height:55vh;object-fit:cover}.frame{position:absolute;top:30%;right:8%;bottom:30%;left:8%;border:3px solid #22c55e;border-radius:10px;pointer-events:none;box-shadow:0 0 0 999px #00000047}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:100px;background:var(--tx);color:var(--bg);padding:12px 20px;border-radius:99px;font-size:15px;display:none;z-index:9;max-width:92%;text-align:center}.tt{position:fixed;left:50%;transform:translate(-50%);top:calc(10px + env(safe-area-inset-top,0px));background:#16a34a;color:#fff;padding:14px 22px;border-radius:14px;font-size:17px;font-weight:700;display:none;z-index:10;box-shadow:0 6px 20px #0000004d;max-width:92%;text-align:center}.tt.w{background:#d97706}.tt.e{background:#dc2626}#print{display:none}@media (min-width:640px){.stats{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px){body{font-size:18px}.w{padding:22px 28px 130px}.card{padding:22px}h1{font-size:24px}h2{font-size:20px}input,select{padding:16px;font-size:20px}button{font-size:18px;min-height:58px}button.sm{min-height:44px}.nav button{font-size:16px;min-height:68px}.nav{padding-left:max(10px,calc((100vw - 960px)/2));padding-right:max(10px,calc((100vw - 960px)/2))}}@media (max-width:700px){.sc table,.sc tbody,.sc tr,.sc td{display:block;width:100%}.sc tr:first-child{display:none}.sc tr{border:1px solid var(--bd);border-radius:12px;padding:8px 12px;margin-bottom:10px;background:var(--bg)}.sc td{border:0;white-space:normal;display:flex;justify-content:space-between;gap:12px;padding:5px 0;min-width:0!important}.sc td:before{content:attr(data-l);color:var(--mu);font-size:12px;flex:0 0 36%}}@media (max-width:360px){.opt{gap:6px}.opt button{font-size:14px;padding:12px 4px}}@page{size:58mm auto;margin:0}@media print{html,body{margin:0;padding:0!important;background:#fff}body>*{display:none!important}#print{display:block!important;width:58mm}#print img{width:48mm;height:auto;display:block;margin:0 auto}}