@font-face{font-family:Manrope;src:url('/device-font.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--page:#111410;--text:#edf0e6;--muted:#a3ac98;--border:#938cad;--accent:#c0ef7a;--accent-ink:#1a290b;font:16px/1.55 "Manrope","Liberation Sans",sans-serif;color:var(--text);background:var(--page)}
*{box-sizing:border-box}body{margin:0;font-size:.9375rem}main{max-width:40rem;margin:2rem auto;padding:0 1.5rem 3rem}h1{font-size:1.25rem;font-weight:650;line-height:1.3;margin:1.5rem 0 1rem}h2{font-size:1rem;font-weight:650}.brand{position:relative;display:block;overflow:hidden;mix-blend-mode:screen;width:180px;max-width:100%;height:55px;margin:0 0 1.5rem}.brand img{position:absolute;width:201px;max-width:none;height:auto;left:-10px;top:50%;transform:translateY(-50%)}.brand-failed{height:auto;font-weight:600}.muted{color:var(--muted)}a{color:var(--accent)}button,input{font:inherit;border:1px solid var(--border);border-radius:6px;min-height:46px;padding:.65rem 1rem;max-width:100%}button{color:var(--text);background:transparent;cursor:pointer}button.primary{background:var(--accent);color:var(--accent-ink);font-weight:600}button:disabled{opacity:.6;cursor:default}input{display:block;font-size:1rem;background:var(--page);color:var(--text);width:100%;max-width:21rem;letter-spacing:.15em;text-transform:uppercase;margin:.4rem 0 1rem}label{display:block}button:focus-visible,input:focus-visible,a:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:1.5rem 0}hr{border:0;border-top:1px solid var(--border);margin:1.5rem 0}#status{min-height:1.55em;overflow-wrap:anywhere}.account,.device{font-weight:600;overflow-wrap:anywhere}li{margin:.5rem 0}code{font-size:1rem;letter-spacing:.1em;overflow-wrap:anywhere}[hidden]{display:none!important}#expiry{color:var(--muted)}

.music-brand{display:flex;align-items:center;gap:.65rem;font-weight:650}.music-brand img{width:28px;height:28px}.text-link{display:inline-flex;align-items:center;min-height:44px}#connections{padding:0;list-style:none}#connections li{border-bottom:1px solid var(--border);padding:1rem 0;overflow-wrap:anywhere}#connections h2{margin:.25rem 0}.connection-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:.75rem}