:root{--bg:#0e1116;--fg:#e6e9ef;--muted:#9aa4b2;--accent:#ff8585;--on-accent:#0e1116;--line:#222a35;--danger:#ff5c5c}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.wrap{width:min(100% - 32px,560px);margin-inline:auto;padding-block:64px}h1{letter-spacing:-.01em;margin:0 0 32px;font-size:22px}h2{margin:0 0 20px;font-size:18px}form{flex-direction:column;gap:14px;display:flex}label{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border:1px solid var(--line);color:var(--fg);font:inherit;background:#151a22;border-radius:8px;padding:10px 12px}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button,a.button{background:var(--accent);color:var(--on-accent);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 16px;font-weight:600;text-decoration:none;display:inline-block}button:disabled{opacity:.6;cursor:default}button.link{color:var(--accent);font-weight:inherit;background:0 0;padding:0;text-decoration:underline}.muted{color:var(--muted);font-size:14px}.error{border:1px solid var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.logo{color:var(--fg);margin-bottom:32px}.logo svg{width:auto;height:24px;display:block}button.google{background:var(--fg);color:var(--bg)}.auth{flex-direction:column;gap:16px;display:flex}.auth h2{margin:0 0 4px}details summary{cursor:pointer;color:var(--muted);font-size:14px}details form{margin-top:14px}select{border:1px solid var(--line);color:var(--fg);font:inherit;background:#151a22;border-radius:8px;padding:10px 12px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.account{justify-content:space-between;margin-bottom:24px}.devices ul{flex-direction:column;gap:12px;margin:0 0 24px;padding:0;list-style:none;display:flex}.device{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.device .row input{flex:1;min-width:0}.address code{overflow-wrap:anywhere;background:#151a22;border-radius:6px;flex:1;min-width:0;padding:8px 10px;font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.actions{gap:16px}button.ghost{border:1px solid var(--line);color:var(--fg);background:0 0}button.danger{background:var(--danger);color:var(--bg)}.add-device{border-top:1px solid var(--line);padding-top:20px}.add-device h3{margin:0;font-size:15px}.check{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:32px;padding:12px 16px;display:flex}.check p{margin:0}.check-device,.check-other{background:#3fb97f1a;border-color:#3fb97f}.install p{margin:10px 0 12px}.activity{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:12px;display:flex}.activity p{margin:0}.check-label{flex-direction:row;align-items:center;gap:6px;font-size:14px;display:flex}.log{max-height:420px;margin:0;padding:0;font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;list-style:none;overflow-y:auto}.log li{border-bottom:1px solid var(--line);align-items:baseline;gap:10px;padding:4px 0;display:flex}.log time{color:var(--muted);flex:none}.log .domain{overflow-wrap:anywhere;flex:1;min-width:0}.log .tag{background:color-mix(in srgb, var(--danger) 18%, transparent);color:var(--danger);border-radius:4px;flex:none;padding:0 6px;font-size:12px}.log .muted{flex:none;font-size:12px}
