:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#080808;--panel:#111;--line:#292929;--text:#efefef;--muted:#777;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}input,textarea{color:#eee;background:#0b0b0b;border:1px solid #2c2c2c;border-radius:8px;width:100%;padding:13px 14px;transition:border-color .2s;display:block}input{height:47px}textarea{resize:none;overflow-wrap:anywhere;height:82px;font-family:monospace;font-size:12px;line-height:1.7}input::placeholder,textarea::placeholder{color:#555}input:focus,textarea:focus{border-color:#888;outline:none;box-shadow:0 0 0 3px #ffffff04}input:disabled,textarea:disabled{opacity:.45}label,.label{color:#a3a3a3;margin:21px 0 9px;font-size:11px;display:block}h1,h2,p{margin:0}h1{letter-spacing:-.6px;font-size:22px;font-weight:500}h2{letter-spacing:-.5px;font-size:21px;font-weight:500}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #ccc}.brand{letter-spacing:4px;align-items:flex-start;gap:4px;font-size:15px;font-weight:700;display:inline-flex}.brand>span{letter-spacing:0;color:#777;font-size:8px}.access{flex-direction:column;justify-content:center;align-items:center;max-width:430px;min-height:100svh;margin:auto;padding:48px 20px 30px;display:flex}.access>.brand{margin-bottom:29px}.access-card{border:1px solid var(--line);background:var(--panel);border-radius:13px;width:100%;padding:29px}.heading{flex-direction:row-reverse;justify-content:space-between;align-items:center;margin:0 0 27px;display:flex}.mini-icon{color:#616161;font-size:22px;font-weight:300}.access-card label:first-child{margin-top:0}.primary,.secondary{border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;height:47px;padding:0 15px;font-size:12px;font-weight:500;display:flex}.primary{color:#151515;background:#e9e9e9;width:100%;margin-top:25px}.primary:hover:not(:disabled){background:#fff}.secondary{color:#bbb;background:0 0;border-color:#444;justify-content:center}.footnote{color:#5f5f5f;text-align:center;margin-top:23px;font-size:10px;line-height:1.8;display:block}.demo{color:#666;text-align:center;margin-top:14px;font-size:10px;line-height:1.6}.error,.success{overflow-wrap:anywhere;border-radius:7px;margin-top:16px;padding:11px 12px;font-size:11px;line-height:1.8}.error{color:#e3aaa5;background:#e16e5f09;border:1px solid #6b3933}.success{color:#b4c6a8;background:#a4ba9008;border:1px solid #46513e}.manage{max-width:650px;min-height:100svh;margin:auto;padding:42px 24px 30px}.manage>header{justify-content:space-between;align-items:center;margin-bottom:42px;padding:0 2px;display:flex}.text-button{color:#888;background:0 0;border:0;padding:8px 0;font-size:11px}.manage-card{border:1px solid var(--line);background:var(--panel);border-radius:13px;padding:29px}.manage-title{justify-content:space-between;align-items:center;gap:15px;display:flex}.manage-title h1{font-size:20px}.status{color:#aaa;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.status i{background:#888;border-radius:50%;width:5px;height:5px}.status.online{color:#b3c8a1}.status.online i{background:#b3c8a1}.stats{border-top:1px solid #292929;border-bottom:1px solid #292929;grid-template-columns:1.6fr 1fr;gap:24px;margin-top:26px;padding:22px 0;display:grid}.stats>div{flex-direction:column;gap:10px;display:flex}.stats span{color:#777;font-size:10px}.stats strong{letter-spacing:-.3px;font-size:16px;font-weight:400}.stats em{color:#666;font-size:13px;font-style:normal}.device-block{margin:24px 0 28px}.device-block>.label{margin:0 0 10px}.device-block>code{color:#999;overflow-wrap:anywhere;background:#0b0b0b;border:1px solid #252525;border-radius:7px;padding:12px;font-size:11px;line-height:1.8;display:block}.device-block>code+code{margin-top:8px}.subtle{color:#666;font-size:12px}.manage-card form>.primary{margin-top:18px}.manage-card>.footnote{margin-top:17px}.manage>.footnote{letter-spacing:1.5px;font-size:9px}dialog{color:var(--text);background:#141414;border:1px solid #383838;border-radius:12px;width:min(405px,100% - 32px);padding:27px;box-shadow:0 25px 100px #0009}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000a}dialog p{color:#999;margin:17px 0;font-size:12px;line-height:1.8}dialog code{overflow-wrap:anywhere;color:#aaa;background:#0a0a0a;border:1px solid #2c2c2c;border-radius:7px;padding:12px;font-size:11px;line-height:1.8;display:block}.dialog-actions{gap:12px;margin-top:26px;display:flex}.dialog-actions>.primary{flex:1;justify-content:center;margin-top:0}.dialog-actions>.secondary{flex:.6}.spinner{border:1.5px solid #7775;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{color:#777;place-items:center;min-height:100svh;font-size:12px;display:grid}.error-page{max-width:400px;padding:25px}.error-page p{color:#999;margin:20px 0;line-height:1.8}@media (max-width:520px){.access{max-width:410px;padding:30px 20px}.access-card{padding:25px}.access>.brand{margin-bottom:26px}.manage{padding:29px 18px}.manage>header{margin-bottom:29px}.manage-card{padding:23px}.manage-title h1{font-size:18px}.status{font-size:8px}.stats{gap:16px}.stats strong{font-size:14px}.device-block>code{font-size:10px}.manage-card>.footnote{font-size:9px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}