:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;background:#070910;color:#f7f8fb;font-synthesis:none}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% 10%,rgb(255 112 40 / 18%),transparent 34rem),radial-gradient(circle at 90% 90%,rgb(61 79 255 / 14%),transparent 32rem),#070910}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;place-items:center;padding:24px}.panel{width:min(100%,520px);min-height:560px;padding:clamp(24px,6vw,48px);display:flex;flex-direction:column;border:1px solid rgb(255 255 255 / 10%);border-radius:32px;background:linear-gradient(145deg,#161924f0,#0b0d15f5);box-shadow:0 28px 80px #00000073;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:16px;padding-bottom:30px;border-bottom:1px solid rgb(255 255 255 / 8%)}.brand-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;color:#11131a;font-size:26px;font-weight:900;background:linear-gradient(135deg,#ffad4a,#ff5d2b);box-shadow:0 10px 30px #ff602847}h1,h2,p{margin:0}h1{margin-top:4px;font-size:clamp(24px,6vw,32px);letter-spacing:-.04em}h2{margin:7px 0 10px;font-size:28px;letter-spacing:-.035em}.eyebrow{color:#ff8a45;font-size:11px;font-weight:800;letter-spacing:.16em}.eyebrow.danger,.message.error{color:#ff7373}.view{flex:1;padding-top:42px}.status-view{display:grid;place-content:center;justify-items:center;gap:16px;color:#aeb2bf}.spinner{width:28px;height:28px;border:2px solid rgb(255 255 255 / 14%);border-top-color:#ff8a45;border-radius:50%;animation:spin .8s linear infinite}.copy>p:last-child{max-width:38ch;color:#aeb2bf;line-height:1.55}.form{display:grid;gap:12px;margin-top:34px}label{color:#d8dae1;font-size:13px;font-weight:650}input{width:100%;min-height:52px;padding:0 16px;border:1px solid rgb(255 255 255 / 12%);border-radius:14px;outline:none;background:#ffffff0d;color:#fff;transition:border-color .16s ease,box-shadow .16s ease}input:focus{border-color:#ff8a45;box-shadow:0 0 0 4px #ff70281f}button{min-height:52px;padding:0 18px;border:0;border-radius:14px;background:linear-gradient(135deg,#ffad4a,#ff5d2b);color:#101116;font-weight:800}.text-button{min-height:42px;background:transparent;color:#aeb2bf}.message{min-height:24px;margin-top:18px;color:#aeb2bf;font-size:13px;line-height:1.45}.metric-card{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:30px;border:1px solid rgb(255 255 255 / 9%);border-radius:24px;background:linear-gradient(145deg,#ffffff12,#ffffff05)}.metric{margin-top:8px;font-size:clamp(68px,20vw,100px);font-weight:850;line-height:.95;letter-spacing:-.07em}.live-status{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgb(255 255 255 / 9%);border-radius:999px;color:#c3c6ce;font-size:12px;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:#f2ad45;box-shadow:0 0 14px #f2ad458c}.live .status-dot{background:#53e7a2;box-shadow:0 0 14px #53e7a28c}.offline .status-dot{background:#ff7373;box-shadow:none}.privacy-note{display:flex;gap:12px;margin-top:22px;color:#858a99;font-size:13px;line-height:1.5}.privacy-note>span{color:#ff8a45}.sign-out{margin-top:28px;width:100%}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:560px){.shell{padding:0}.panel{min-height:100vh;border:0;border-radius:0}.metric-card{padding:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}