:root{--navy:#0d2c4b;--green:#57b87f;--bg:#f4f6f9;--surface:#fff;--text:#16283c;--text-dim:#5b6b7d;--border:#dbe2ea;--accent:#14548c;--ok:#2e9e63;--ok-bg:#e3f4ea;--warn:#d97a1f;--warn-bg:#fdeeda;--off:#8b97a3;--off-bg:#eef1f4;--danger:#c8442c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1826;--surface:#12253a;--text:#e8eef4;--text-dim:#9db0c2;--border:#24405c;--accent:#5aa4e0;--ok:#57b87f;--ok-bg:#143526;--warn:#e89b4b;--warn-bg:#3a2a12;--off:#7a88a0;--off-bg:#1a2c3f;--danger:#e06a52}}:root[data-theme=dark]{--bg:#0b1826;--surface:#12253a;--text:#e8eef4;--text-dim:#9db0c2;--border:#24405c;--accent:#5aa4e0;--ok:#57b87f;--ok-bg:#143526;--warn:#e89b4b;--warn-bg:#3a2a12;--off:#7a88a0;--off-bg:#1a2c3f;--danger:#e06a52}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{max-width:480px;padding:env(safe-area-inset-top) calc(16px + env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));margin:0 auto}header.app{justify-content:space-between;align-items:center;padding:14px 0 10px;display:flex}header.app .brand{align-items:center;gap:10px;min-width:0;display:flex}header.app h1{margin:0;line-height:0}header.app .brand-logo{width:auto;height:46px}header.app .viewtitle{white-space:nowrap;font-size:17px;font-weight:600}header.app .baseline{color:var(--text-dim);margin:0;font-size:12px}.logo-ondark,:root[data-theme=dark] .logo-onlight{display:none}:root[data-theme=dark] .logo-ondark{display:inline}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-onlight{display:none}:root:not([data-theme=light]) .logo-ondark{display:inline}}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 14px}button.icon{background:0 0;border:none;padding:6px;font-size:22px}button.primary{background:var(--navy);color:#fff;border-color:var(--navy);font-weight:600}button.primary:disabled{opacity:.6;cursor:default}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin:10px 0;padding:14px 16px}.card.clickable{cursor:pointer}.card.clickable:hover{border-color:var(--accent)}.machine{align-items:center;gap:12px;display:flex}.machine .dot{border-radius:50%;flex:none;width:14px;height:14px}.machine .dot.locked{background:var(--ok)}.machine .dot.unlocked{background:var(--warn)}.machine .dot.offline{background:var(--off)}.machine .info{flex:1;min-width:0}.machine .name{margin:0;font-weight:600}.machine .sub{color:var(--text-dim);margin:2px 0 0;font-size:13px}.machine .status{border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}.machine .status.locked{color:var(--ok);background:var(--ok-bg)}.machine .status.unlocked{color:var(--warn);background:var(--warn-bg)}.machine .status.offline{color:var(--off);background:var(--off-bg)}.machine-actions{gap:8px;margin-top:12px;display:flex}.machine-actions button{flex:1}.quip{color:var(--text-dim);margin:8px 0 0;font-size:13px;font-style:italic}.machine .chevron{color:var(--text-dim);margin-left:2px;font-size:22px;line-height:1}.openhint{color:var(--text-dim);margin:8px 0 0;font-size:12px}.card.clickable:hover .chevron,.card.clickable:hover .openhint{color:var(--accent)}button.linkish{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:15px}.segmented{border:1px solid var(--border);border-radius:10px;display:flex;overflow:hidden}.segmented button{background:var(--surface);border:none;border-radius:0;flex:1;padding:10px 8px}.segmented button[aria-pressed=true]{background:var(--navy);color:#fff;font-weight:600}.notice{color:var(--text-dim);background:var(--off-bg);border-radius:10px;margin:8px 0;padding:10px 12px;font-size:13px}.karma-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0;display:grid}.karma-cell{background:var(--surface);border:1px solid var(--border);text-align:center;color:var(--text-dim);border-radius:12px;flex-direction:column;gap:2px;padding:12px 6px;font-size:12px;display:flex}.karma-cell .big{font-size:20px;font-weight:600}h2{margin:22px 0 8px;font-size:17px}.view p,.view li{line-height:1.5}.view a{color:var(--accent)}.empty{text-align:center;color:var(--text-dim);padding:40px 12px}.about-hero{text-align:center;margin:8px 0 4px}.about-hero img{width:80%;max-width:260px;height:auto}.rmworx a{color:var(--accent);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.rmworx img{background:#fff;border-radius:8px;width:auto;height:34px;padding:3px 6px}.qr-reader{border-radius:12px;margin:10px 0;overflow:hidden}.qr-reader video{border-radius:12px;width:100%}.help-img{border:1px solid var(--border);border-radius:12px;width:100%;margin:8px 0}.help-placeholder{background:var(--off-bg);border:1px dashed var(--border);text-align:center;color:var(--text-dim);border-radius:12px;margin:8px 0;padding:22px 14px;font-size:13px}