:root{--green: #2E9E54;--green-dark: #1A7040;--ink: #1c2420;--paper: #f6f8f4;--card: #ffffff;--line: #dce5dc;--muted: #66756b;--err: #c0392b}*{box-sizing:border-box;margin:0}body{font-family:-apple-system,system-ui,sans-serif;background:var(--paper);color:var(--ink)}#app{max-width:480px;margin:0 auto;padding:16px;min-height:100vh}.screen{display:flex;flex-direction:column;gap:12px;padding-top:24px}.brand{color:var(--green);font-size:28px;text-align:center;margin-bottom:8px}.field{font-size:20px;padding:14px;border:1.5px solid var(--line);border-radius:12px;width:100%}.btn{font-size:20px;font-weight:700;padding:16px;border-radius:12px;border:none;min-height:56px;cursor:pointer}.btn-primary{background:var(--green);color:#fff}.btn-primary:disabled{opacity:.5}.btn-ghost{background:var(--card);border:1.5px solid var(--line);color:var(--ink)}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}.row{display:flex;gap:10px;align-items:center}.spread{justify-content:space-between}.muted{color:var(--muted);font-size:14px}.big{font-size:32px;font-weight:800}.chip{padding:10px 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);font-size:15px;cursor:pointer;min-height:48px}.chip.on{background:var(--green);border-color:var(--green);color:#fff}.chips{display:flex;flex-wrap:wrap;gap:8px}#toast{position:fixed;bottom:16px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{background:var(--ink);color:#fff;padding:12px 20px;border-radius:10px;font-size:16px}.toast-err{background:var(--err)}.banner-offline{background:var(--err);color:#fff;text-align:center;padding:8px;border-radius:10px;font-weight:700}video.preview{width:100%;border-radius:14px;background:#000;aspect-ratio:1;object-fit:cover}table.data{width:100%;border-collapse:collapse;background:var(--card);border-radius:14px;overflow:hidden;font-size:14px}table.data th,table.data td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}table.data th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.off{opacity:.45}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}.stat .v{font-size:26px;font-weight:800}.stat .l{color:var(--muted);font-size:12px}.tabs{display:flex;gap:8px}.tab{flex:1;text-align:center;padding:12px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);font-weight:700;cursor:pointer;min-height:48px}.tab.on{background:var(--green);border-color:var(--green);color:#fff}