:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0b0e13;color:#f4f6f8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0b0e13}#root{min-height:100vh}.app{display:flex;flex-direction:column;gap:12px;max-width:560px;margin:0 auto;padding:16px;min-height:100vh}header.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px}header.app-header h1{font-size:1.25rem;margin:0}.online-flag{padding:6px 10px;border-radius:999px;font-size:.9rem;font-weight:700;background:#14532d;color:#bbf7d0;white-space:nowrap}.online-flag.offline{background:#7f1d1d;color:#fecaca}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.menu-grid button,button.big{min-height:72px;min-width:44px;border:none;border-radius:12px;background:#1f2937;color:#f4f6f8;font-size:1.1rem;font-weight:700;padding:14px;cursor:pointer;touch-action:manipulation}.menu-grid button:active,button.big:active{background:#374151}button.primary{background:#1d4ed8}button.primary:active{background:#1e40af}button.danger{background:#7f1d1d}button.small{min-height:44px;padding:8px 12px;border-radius:10px;border:1px solid #334155;background:transparent;color:#94a3b8;cursor:pointer}:focus-visible{outline:3px solid #facc15;outline-offset:2px}.panel{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.sticky-context{background:#15803d;color:#dcfce7;border-radius:12px;padding:12px 14px;font-weight:800;font-size:1.05rem;letter-spacing:.02em}.sticky-context.location{background:#1d4ed8;color:#dbeafe}.feedback{border-radius:12px;padding:16px;font-size:1.2rem;font-weight:800;text-align:center}.feedback.ok{background:#14532d;color:#bbf7d0}.feedback.error{background:#7f1d1d;color:#fecaca}.feedback.warn{background:#78350f;color:#fde68a}.code-display{font-family:ui-monospace,SF Mono,monospace;font-size:2.6rem;font-weight:800;text-align:center;letter-spacing:.06em;background:#020617;border:2px dashed #334155;border-radius:12px;padding:18px 10px}input.form-input{width:100%;min-height:52px;font-size:1.3rem;font-family:ui-monospace,SF Mono,monospace;padding:10px 12px;border-radius:10px;border:2px solid #334155;background:#020617;color:#f4f6f8;text-transform:uppercase}input.form-input:focus{border-color:#facc15}label.form-label{font-size:.95rem;color:#94a3b8;font-weight:600}.video-wrap{position:relative;border-radius:12px;overflow:hidden;background:#000}.video-wrap video{width:100%;display:block;max-height:40vh;object-fit:cover}.video-wrap .scan-frame{position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:3px solid #facc15;border-radius:10px;pointer-events:none}.muted{color:#94a3b8;font-size:.95rem}.counter{font-size:1.4rem;font-weight:800;text-align:center;background:#020617;border-radius:12px;padding:12px}