.lgn{--ground:#f4f6f9;--sheet:#ffffff;--rule:#d3dae4;--rule-soft:#e7ebf1;--ink:#16325c;--ink-soft:#51617d;--ink-faint:#646f84;--net:#0891b2;--ram:#2f80ed;--cpu-deep:#075e40;--caution:#b45309;--caution-deep:#8a3d06;--alarm:#e02424;--alarm-deep:#a81b1b;--pearl:244,246,249;--navy:22,50,92;--ease:cubic-bezier(0.16,1,0.3,1);position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;overflow:auto;background:var(--ground);color:var(--ink);font-family:var(--font-sans);font-size:13.5px;line-height:1.45;caret-color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:rgba(var(--navy),.22) var(--rule-soft)}.lgn ::-moz-selection{background:rgba(var(--navy),.14)}.lgn ::selection{background:rgba(var(--navy),.14)}.lgn :focus-visible{outline:2px solid var(--ram);outline-offset:2px;border-radius:3px}.lgn :where(h1,h2,p,dl,dd){margin:0}.lgn-ground,.lgn-ground:after{position:fixed;inset:0;pointer-events:none}.lgn-ground{background-image:linear-gradient(to right,rgba(var(--navy),.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(var(--navy),.035) 1px,transparent 1px);background-size:24px 24px}.lgn-ground:after{content:"";display:none;background-image:linear-gradient(to right,rgba(var(--navy),.13) 1px,transparent 1px),linear-gradient(to bottom,rgba(var(--navy),.13) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(260px circle at var(--px,-400px) var(--py,-400px),#000,transparent);mask-image:radial-gradient(260px circle at var(--px,-400px) var(--py,-400px),#000,transparent)}@media (hover:hover) and (pointer:fine){.lgn-ground:after{display:block}}.lgn-frame{position:relative;display:flex;flex:1 0 auto;flex-direction:column;width:100%;max-width:1120px;margin:0 auto;padding:16px}.lgn-head{display:flex;align-items:center;gap:10px}.lgn-head img{width:32px;height:32px}.lgn-brand{font-size:15px;font-weight:700;letter-spacing:.06em}.lgn-foot,.lgn-head-note{color:var(--ink-faint);font-family:var(--font-mono);font-size:11px}.lgn-head-note{margin-left:auto}.lgn-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px}.lgn-main{display:grid;flex:1 0 auto;grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;padding:16px 0}.lgn-plate{min-width:0;border:1px solid var(--rule);border-radius:6px;background:var(--sheet);box-shadow:0 1px 2px rgba(var(--navy),.05),0 8px 20px -14px rgba(var(--navy),.28);animation:lgnRise .7s var(--ease) both}.lgn-signin{animation-delay:.08s}.lgn-device{animation-delay:.16s}.lgn-plate-head{display:flex;align-items:baseline;gap:10px;padding:10px 16px;border-bottom:1px solid var(--rule-soft)}.lgn-id{flex:none;color:var(--ink-faint);font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.14em}.lgn-title{min-width:0;overflow:hidden;font-size:13.5px;font-weight:600;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.lgn-tag{flex:none;margin-left:auto;padding:2px 6px;border-radius:3px;background:var(--rule-soft);color:var(--ink-soft);font-family:var(--font-mono);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.lgn-tag[data-tone=ok]{background:rgba(14,159,110,.1);color:var(--cpu-deep)}.lgn-tag[data-tone=caution]{background:rgba(180,83,9,.12);color:var(--caution-deep)}.lgn-tag[data-tone=alarm]{background:rgba(224,36,36,.1);color:var(--alarm-deep)}.lgn-link{display:flex;flex-direction:column}.lgn-reading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:14px 16px 12px}.lgn-num{font-family:var(--font-mono);font-size:44px;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.02em;line-height:1;white-space:nowrap}.lgn-num[data-tone=caution]{color:var(--caution);animation:lgnAlert 1.6s var(--ease) 2}.lgn-num[data-tone=alarm]{color:var(--alarm);animation:lgnAlert 1.6s var(--ease) 2}.lgn-num[data-empty=true]{color:var(--ink-faint);animation:none}.lgn-unit{margin-left:6px;color:var(--ink-soft);font-size:13px;font-weight:500;letter-spacing:0}.lgn-stats{display:flex;gap:14px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;text-align:right}.lgn-stats dt{color:var(--ink-faint);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.lgn-stats dd{font-size:12px;font-weight:600}.lgn-screen{position:relative;flex:1 0 auto;min-height:116px;margin:0 12px;overflow:hidden;border-radius:4px;background-color:var(--ink);background-image:radial-gradient(120% 90% at 50% 0,rgba(var(--pearl),.07),transparent 62%),linear-gradient(to right,rgba(var(--pearl),.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(var(--pearl),.055) 1px,transparent 1px);background-size:auto,20px 20px,20px 20px;cursor:crosshair;touch-action:manipulation}.lgn-screen canvas{position:absolute;inset:0;width:100%;height:100%}.lgn-limit{position:absolute;right:0;left:0;height:0;border-top:1px dashed rgba(var(--pearl),.26)}.lgn-keylane i,.lgn-limit i{position:absolute;color:rgba(var(--pearl),.72);font-family:var(--font-mono);font-size:10px;font-style:normal;line-height:1}.lgn-limit i{top:4px;right:8px}.lgn-keylane{position:absolute;right:0;bottom:0;left:0;height:22px;border-top:1px solid rgba(var(--pearl),.1)}.lgn-keylane i{top:6px;right:8px;letter-spacing:.12em;text-transform:uppercase}.lgn-spot{position:absolute;top:-4px;left:-4px;width:8px;height:8px;border-radius:9999px;background:rgb(var(--pearl));box-shadow:0 0 0 3px rgba(8,145,178,.35),0 0 16px 5px rgba(8,145,178,.6);will-change:transform}.lgn-screen[data-down=true] .lgn-spot{opacity:.45}.lgn-cursor{position:absolute;top:0;bottom:0;left:0;width:1px;background:rgba(var(--pearl),.3);opacity:0;transition:opacity .15s}.lgn-screen:hover .lgn-cursor{opacity:1}.lgn-probe{padding:3px 7px;border-radius:3px;background:rgb(var(--pearl));color:var(--ink);font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;line-height:1.3;white-space:nowrap;pointer-events:none;transform:translate(-50%,calc(-100% - 8px))}.lgn-noreply,.lgn-probe{position:absolute;font-weight:600}.lgn-noreply{top:12px;left:12px;color:rgb(var(--pearl));font-family:var(--font-mono);font-size:12px}.lgn-caption span{display:none}.lgn-caption{padding:10px 16px 12px;color:var(--ink-faint);font-family:var(--font-mono);font-size:11px;line-height:1.5}.lgn-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.lgn-facts>div{min-width:0;padding:10px 16px;border-top:1px solid var(--rule-soft);border-left:1px solid var(--rule-soft)}.lgn-facts>div:nth-child(-n+2){border-top:0}.lgn-facts>div:nth-child(odd){border-left:0}.lgn-facts dt{color:var(--ink-faint);font-size:11.5px;font-weight:600}.lgn-facts dd{overflow:hidden;font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.lgn-facts dd[data-tone=caution]{color:var(--caution-deep)}.lgn-facts dd[data-tone=alarm]{color:var(--alarm-deep)}.lgn-facts .lgn-fact-note{min-height:1.45em;color:var(--ink-faint);font-size:11px;font-weight:400}.lgn-signin{padding:20px}.lgn-signin-head{display:flex;align-items:baseline;gap:10px}.lgn-signin-head h1{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.15}.lgn-lede{max-width:34ch;margin-top:8px;color:var(--ink-soft)}.lgn-error{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:9px 10px;border-radius:4px;background:rgba(224,36,36,.1);color:var(--alarm-deep);font-size:13px;font-weight:600;animation:lgnAlert 1.6s var(--ease) 2}.lgn-error svg{flex:none;width:16px;height:16px;margin-top:1px}.lgn-form{margin-top:6px}.lgn-field{display:block;margin-top:16px}.lgn-label{display:block;margin-bottom:6px;color:var(--ink-faint);font-size:11.5px;font-weight:600}.lgn .lgn-input{display:block;width:100%;height:46px;padding:0 12px;border:1px solid;border-radius:4px;font-size:16px;font-weight:500;transition:border-color .15s,box-shadow .15s}.lgn .lgn-input:hover{border-color:var(--ink-faint)!important}.lgn .lgn-input:focus{border-color:var(--ink)!important}.lgn .lgn-input:-webkit-autofill,.lgn .lgn-input:-webkit-autofill:hover{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px var(--sheet) inset!important}.lgn .lgn-input:-webkit-autofill:focus{box-shadow:0 0 0 1000px var(--sheet) inset,0 0 0 3px rgba(var(--navy),.16)!important}.lgn-pass{position:relative}.lgn .lgn-pass .lgn-input{padding-right:50px}.lgn-reveal{position:absolute;top:1px;right:1px;display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:3px;background:transparent;color:var(--ink-soft);cursor:pointer}.lgn-reveal:hover{background:#eef2f7}.lgn-reveal svg{width:18px;height:18px}.lgn-caps{display:inline-block;margin-top:8px;padding:2px 6px;border-radius:3px;background:rgba(180,83,9,.12);color:var(--caution-deep);font-family:var(--font-mono);font-size:11px;font-weight:600}.lgn-submit{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;margin-top:20px;padding:0 8px 0 16px;overflow:hidden;border:0;border-radius:4px;background:var(--ink);color:var(--ground);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s,transform .12s var(--ease)}.lgn-submit:hover{background:#0f2444}.lgn-submit:active{transform:translateY(1px)}.lgn-submit[data-sending=true]{cursor:progress}.lgn-submit[data-sending=true]:after{content:"";position:absolute;bottom:0;left:0;width:40%;height:2px;background:var(--ground);animation:lgnSend 1.1s var(--ease) infinite}.lgn-keycap{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(var(--pearl),.3);border-radius:3px;transition:border-color .15s,background-color .15s}.lgn-submit:hover .lgn-keycap{border-color:rgba(var(--pearl),.55);background:rgba(var(--pearl),.08)}.lgn-keycap svg{width:15px;height:15px}.lgn-note{margin-top:14px;color:var(--ink-faint);font-family:var(--font-mono);font-size:11px}@media (min-width:900px){.lgn-frame{padding:20px}.lgn-main{grid-template-areas:"link sign" "device sign";grid-template-columns:minmax(0,1fr) 372px;grid-template-rows:minmax(auto,480px) auto;align-content:center;padding:24px 0}.lgn-link{grid-area:link}.lgn-signin{grid-area:sign}.lgn-device{grid-area:device}.lgn-caption span{display:inline}.lgn-num{font-size:56px}.lgn-screen{min-height:200px}.lgn-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.lgn-facts>div:nth-child(n){border-top:0;border-left:1px solid var(--rule-soft)}.lgn-facts>div:first-child{border-left:0}.lgn-signin{display:flex;flex-direction:column;justify-content:center;padding:28px 24px}.lgn-signin-head h1{font-size:28px}}@keyframes lgnRise{0%{opacity:0;transform:translateY(10px)}}@keyframes lgnAlert{0%,to{opacity:1}50%{opacity:.45}}@keyframes lgnSend{0%{transform:translateX(-100%)}to{transform:translateX(250%)}}@media (prefers-reduced-motion:reduce){.lgn-error,.lgn-num,.lgn-plate,.lgn-submit[data-sending=true]:after{animation:none}.lgn-submit[data-sending=true]:after{width:100%}.lgn-spot{display:none}.lgn-cursor,.lgn-submit{transition:none}}