:root{--background: #0f172a;--surface: #1e293b;--surface-raised: #334155;--text: #f1f5f9;--muted: #94a3b8;--brand: #0d9488;--brand-contrast: #ffffff;--state-running: #16a34a;--state-speed: #d97706;--state-stopped: #dc2626;--state-nodata: #64748b;--state-break: #475569;--danger: #dc2626;--font-body: 18px;--font-secondary: 16px;--font-title: 24px;--font-big: 44px;--font-state: 48px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--radius: 10px;--radius-lg: 16px;--shadow: 0 8px 24px rgb(0 0 0 / 40%);--touch: 48px;--touch-big: 56px}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--background);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-body);line-height:1.35;-webkit-font-smoothing:antialiased;overscroll-behavior:none}app-root{display:flex;flex-direction:column;height:100dvh}app-root>[class*=screen],app-pair-screen,app-lines-screen,app-line-shell,app-line-screen,app-events-screen,app-settings-screen,app-revoked-screen{display:flex;flex-direction:column;flex:1;min-height:0}app-root.startup-failed{display:grid;place-items:center;padding:var(--space-6);text-align:center}.sprite{position:absolute;width:0;height:0;overflow:hidden}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.95em}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.error{color:#fca5a5}.request-id{margin:0;font-family:ui-monospace,Menlo,monospace;font-size:13px;color:var(--muted);opacity:.8}.screen{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.screen--centred{align-items:center;justify-content:center;padding:var(--space-4)}.card{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface)}.brand{font-size:40px;font-weight:700;color:var(--brand);letter-spacing:.1em}button,input,select,textarea{font:inherit;color:inherit}button,a.btn,label,.segmented__option{touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-width:var(--touch);min-height:var(--touch);padding:0 var(--space-3);border:2px solid var(--surface-raised);border-radius:var(--radius);background:var(--surface-raised);color:var(--text);font-size:var(--font-body);font-weight:600;cursor:pointer}.btn:active{filter:brightness(1.2)}.btn:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:default;pointer-events:none}.btn--primary{border-color:var(--brand);background:var(--brand);color:var(--brand-contrast)}.btn--danger{border-color:var(--danger);background:var(--danger);color:#fff}.btn--ghost{background:transparent;border-color:transparent}.btn--big{min-height:var(--touch-big);padding:0 var(--space-4);font-size:20px}.btn--icon{width:var(--touch-big);min-width:var(--touch-big);min-height:var(--touch-big);padding:0;font-size:26px;background:transparent;border-color:transparent}.segmented{display:inline-flex;padding:4px;border-radius:var(--radius);background:var(--background)}.segmented__option{min-width:120px;min-height:var(--touch);padding:0 var(--space-3);border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:600}.segmented__option--active{background:var(--surface-raised);color:var(--text)}input[type=text],input[type=password]{min-height:var(--touch-big);padding:0 var(--space-3);border:2px solid var(--surface-raised);border-radius:var(--radius);background:var(--background);color:var(--text)}input[type=text]:focus-visible,input[type=password]:focus-visible{outline:none;border-color:var(--brand)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:999px;font-size:var(--font-secondary);font-weight:600;background:var(--surface-raised);color:var(--text)}.badge--warning{background:var(--state-speed);color:#111}.badge--danger{background:var(--state-stopped);color:#fff}.spinner{width:22px;height:22px;border:3px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}