:root{--bg:#f4f5f7;--surface:#fff;--text:#1f2933;--muted:#52606d;--border:#d9dee3;--eagle:#1d4ed8;--eagle-pressed:#1e40af;--general:#c2410c;--general-pressed:#9a3412;--on-color:#fff;--ok:#15803d;--warn-bg:#fef3c7;--warn-text:#7c2d12;--error-bg:#fee2e2;--error-text:#991b1b;--radius:16px;--gutter:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111418;--surface:#1c2127;--text:#eef1f4;--muted:#a8b3bd;--border:#323a43;--eagle:#2563eb;--eagle-pressed:#1d4ed8;--general:#c2410c;--general-pressed:#9a3412;--ok:#4ade80;--warn-bg:#3a2a0a;--warn-text:#fde68a;--error-bg:#3b1212;--error-text:#fecaca}}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;margin:0}h1,p{margin:0}.home,.page{max-width:480px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 20px) calc(env(safe-area-inset-right) + var(--gutter)) calc(env(safe-area-inset-bottom) + 20px) calc(env(safe-area-inset-left) + var(--gutter));flex-direction:column;gap:16px;margin:0 auto;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand img{border-radius:12px}.brand h1{font-size:1.5rem;line-height:1.1}.brand p{color:var(--muted);font-size:.9rem}.start-buttons{flex-direction:column;gap:16px;margin-top:8px;display:flex}.start{border-radius:var(--radius);min-height:132px;color:var(--on-color);-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;padding:20px 24px;text-decoration:none;transition:transform 80ms;display:flex;box-shadow:0 2px 6px #00000026}.start:active{transform:scale(.98)}.start:focus-visible{outline:4px solid var(--text);outline-offset:3px}.start-eagle{background:var(--eagle)}.start-eagle:active{background:var(--eagle-pressed)}.start-general{background:var(--general)}.start-general:active{background:var(--general-pressed)}.start-title{font-size:2rem;font-weight:800;line-height:1.1}.start-sub{opacity:.95;margin-top:4px;font-size:1rem}.version{text-align:center;color:var(--muted);margin-top:auto;font-size:.8rem}.status{border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;font-weight:600;display:flex}.status-online{background:var(--surface);border:1px solid var(--border);color:var(--muted)}.status-offline{background:var(--warn-bg);color:var(--warn-text)}.status-dot{background:currentColor;border-radius:50%;width:10px;height:10px}.status-online .status-dot{background:var(--ok)}.install{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);padding:16px;font-size:.95rem}.install-actions{gap:8px;margin-top:12px;display:flex}.share-icon{vertical-align:-.15em;width:1.1em;height:1.1em}.button,.button-quiet{min-height:48px;font:inherit;cursor:pointer;border-radius:12px;padding:0 20px;font-weight:700}.button{background:var(--text);color:var(--bg);border:0}.button-quiet{border:1px solid var(--border);color:var(--text);background:0 0}.page-header{align-items:center;gap:12px;display:flex}.page-header h1{font-size:1.5rem}.back{min-height:48px;color:var(--text);border:1px solid var(--border);background:var(--surface);border-radius:12px;align-items:center;padding:0 14px 0 8px;font-weight:700;text-decoration:none;display:inline-flex}.placeholder{border-radius:var(--radius);border:2px dashed var(--border);background:var(--surface);flex-direction:column;gap:8px;padding:24px;display:flex}.muted{color:var(--muted)}.page-center{justify-content:center;align-items:center}.card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);flex-direction:column;gap:16px;padding:20px;display:flex}.field{flex-direction:column;gap:6px;font-weight:700;display:flex}.field input{border:2px solid var(--border);background:var(--bg);min-height:56px;color:var(--text);font:inherit;border-radius:12px;padding:0 14px;font-size:1.1rem;font-weight:400}.field input:focus{border-color:var(--eagle);outline:none}.code-input{text-align:center;letter-spacing:.3em;font-variant-numeric:tabular-nums;font-size:1.6rem!important}.button-big{min-height:60px;font-size:1.15rem}.button:disabled,.button-quiet:disabled{opacity:.5;cursor:default}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.small{font-size:.85rem}.error{background:var(--error-bg);color:var(--error-text);border-radius:12px;padding:12px 16px;font-weight:600}.signed-in-as{flex-wrap:wrap;align-items:center;gap:8px;font-weight:700;display:flex}.badge{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:700}.text-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);background:var(--text);color:var(--bg);white-space:nowrap;border-radius:999px;padding:12px 20px;font-size:.95rem;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 4px 12px #00000040}
