*{box-sizing:border-box}body{margin:0;background:var(--m-paper)}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--m-green);outline-offset:3px}.mobile-theme{color:var(--m-ink);font-family:Segoe UI,Microsoft YaHei,PingFang SC,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}.mobile-theme button{color:inherit}.mobile-theme h1,.mobile-theme h2,.mobile-theme h3,.mobile-theme h4,.mobile-theme p{margin:0}.mobile-theme h1{font-size:26px;line-height:1.35;letter-spacing:-.7px}.mobile-theme h2{font-size:18px;letter-spacing:-.3px}.mobile-theme h3{font-size:15px}.mobile-theme small{font-size:11px}.mobile-app{max-width:900px;min-height:100dvh;margin:0 auto}.mobile-header{display:flex;align-items:center;justify-content:space-between;height:78px;padding:12px 24px;border-bottom:1px solid var(--m-line);padding-top:max(12px,env(safe-area-inset-top))}.brand{display:flex;gap:9px;align-items:center}.brand b{font-size:23px;letter-spacing:-1px}.brand b>span{font-size:13px;margin-left:9px;letter-spacing:2px;font-weight:500}.brand-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--m-green);color:var(--m-lime);flex-shrink:0}.header-actions{display:flex;align-items:center;gap:8px}.icon-button{display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;background:transparent;border:0;border-radius:50%}.icon-button:hover{background:var(--m-mint)}.environment{font-size:10px;background:var(--m-mint);border:1px solid var(--m-line);padding:3px 8px;border-radius:5px;white-space:nowrap}.environment.demo{color:var(--m-amber);background:var(--m-amberBg);border-color:transparent}.mobile-main{padding:26px 24px calc(108px + env(safe-area-inset-bottom))}.eyebrow{display:block;font-size:10px;font-weight:650;letter-spacing:2.2px;color:var(--m-muted);margin-bottom:7px}.site-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.site-heading p{display:flex;gap:4px;align-items:center;color:var(--m-muted);font-size:11px;margin-top:8px}.refresh-button{border:1px solid var(--m-line);background:var(--m-surface);width:38px;height:38px}.overview-hero{background:var(--m-green);color:var(--m-surface);border-radius:20px;padding:20px 21px 0;overflow:hidden;position:relative}.hero-top,.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.hero-top{color:var(--m-lime);font-size:11px}.hero-top>span:first-child,.hero-bottom span,.hero-bottom button{display:flex;align-items:center;gap:6px}.hero-top>span:last-child{font-family:Consolas,monospace;font-size:10px;opacity:.6;letter-spacing:1px}.hero-main{display:flex;align-items:center;justify-content:space-between;padding:27px 0 22px}.hero-main p{font-size:12px;opacity:.75}.hero-main strong{font-family:Bahnschrift,DIN Alternate,sans-serif;font-size:64px;font-weight:400;line-height:1.3;letter-spacing:-2px}.hero-main strong small{font:13px Segoe UI,sans-serif;letter-spacing:0;opacity:.65;margin-left:9px}.hero-main .hero-caption{font-size:10px;opacity:.55}.gateway-art{width:85px;height:102px;margin-right:4px;border:1px solid currentColor;border-radius:10px;color:var(--m-lime);opacity:.72;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:11px;transform:rotate(-9deg);box-shadow:6px 5px 0 var(--m-green),7px 6px 0 currentColor}.gateway-top{display:flex;gap:4px;align-self:start}.gateway-top i{width:3px;height:3px;border-radius:50%;background:currentColor}.gateway-slots{display:flex;gap:4px}.gateway-slots i{width:9px;height:5px;border:1px solid currentColor}.hero-bottom{border-top:1px solid color-mix(in srgb,var(--m-lime) 18%,transparent);padding:4px 0;font-size:11px}.hero-bottom button{background:none;border:none;min-height:44px;font-size:11px;color:var(--m-lime);padding:0}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.summary-grid button{display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto;align-items:center;text-align:left;gap:4px 8px;padding:16px;border:1px solid var(--m-line);border-radius:14px;background:var(--m-surface)}.summary-grid button>span{font-size:12px;color:var(--m-muted)}.summary-grid button>svg{grid-row:1 / 3;align-self:start;margin-top:3px}.summary-grid b{font-size:27px;font-weight:500;line-height:1.3;font-family:Bahnschrift,sans-serif}.summary-grid small{margin-left:5px;font-weight:400;color:var(--m-muted)}.section-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:25px 0 13px}.text-button{display:flex;align-items:center;gap:4px;border:0;background:none;font-size:11px;min-height:44px;padding:0}.device-grid{display:grid;gap:12px}.device-card{width:100%;display:flex;gap:13px;border:1px solid var(--m-line);border-radius:15px;background:var(--m-surface);padding:17px 16px 13px;text-align:left;transition:border-color .2s,transform .2s}.device-card:hover{border-color:var(--m-green)}.device-card:active{transform:scale(.99)}.device-glyph{display:grid;place-items:center;background:var(--m-mint);color:var(--m-green);border-radius:12px;width:46px;height:46px;flex-shrink:0}.device-glyph.dim{color:var(--m-muted);background:var(--m-paper)}.device-card-content{flex:1;min-width:0}.device-title{display:flex;justify-content:space-between;gap:5px;align-items:center}.device-title h3{overflow-wrap:anywhere;font-size:14px}.device-title svg{flex-shrink:0;color:var(--m-muted)}.device-card-content>p{font-size:10px;color:var(--m-muted);margin:3px 0 11px;overflow-wrap:anywhere}.device-values{display:flex;flex-wrap:wrap;gap:4px 18px}.device-values span{font-size:10px;color:var(--m-muted)}.device-values b{margin-left:6px;font-size:12px;color:var(--m-ink);font-weight:600}.device-bottom{display:flex;justify-content:space-between;gap:6px;border-top:1px solid var(--m-line);margin-top:12px;padding-top:10px;font-size:10px;color:var(--m-muted)}.status-dot{display:flex;align-items:center;gap:5px}.status-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--m-green)}.status-dot.attention{color:var(--m-amber)}.status-dot.attention:before{background:var(--m-amber)}.mobile-theme [data-tone=good]{--status-fg: var(--m-green);--status-bg: var(--m-mint)}.mobile-theme [data-tone=warning]{--status-fg: var(--m-amber);--status-bg: var(--m-amberBg)}.mobile-theme [data-tone=danger]{--status-fg: var(--m-red);--status-bg: var(--m-redBg)}.mobile-theme [data-tone=neutral]{--status-fg: var(--m-gray);--status-bg: var(--m-grayBg)}.mobile-theme [data-tone=info]{--status-fg: var(--m-blue);--status-bg: var(--m-blueBg)}.device-card[data-tone]{border-left:4px solid var(--status-fg)}.device-card[data-tone] .device-glyph{color:var(--status-fg);background:var(--status-bg)}.device-status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:7px;font-size:12px;line-height:1.4;font-weight:650;color:var(--status-fg);background:var(--status-bg)}.device-status-badge svg{flex-shrink:0}.device-values{margin-top:12px;gap:10px 14px}.device-values>div{display:flex;flex-direction:column;gap:4px}.mobile-reading{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px}.mobile-reading .value-badge{display:inline-block;margin:0;padding:2px 7px;border-radius:5px;font-size:13px;font-weight:650;color:var(--status-fg);background:var(--status-bg)}.mobile-reading .reading-caution{color:var(--m-amber);font-size:10px}.device-bottom{flex-direction:column;gap:5px;font-size:11px;line-height:1.6}.device-control-hint{align-self:flex-end;color:var(--m-muted)}.device-status-legend{display:flex;flex-wrap:wrap;gap:7px 13px;margin:0 0 16px;font-size:11px}.device-status-legend>span{display:inline-flex;align-items:center;gap:5px;color:var(--status-fg)}.device-status-legend>span:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.device-status-legend>p{flex-basis:100%;color:var(--m-muted);font-size:10px}.mobile-theme .device-status-detail{padding:10px 12px;margin-bottom:12px;border-radius:9px;color:var(--status-fg);background:var(--status-bg);font-size:12px}.reading-grid .mobile-reading{margin:6px 0}.reading-grid .value-badge{font-size:20px}.panel{background:var(--m-surface);border:1px solid var(--m-line);border-radius:15px;padding:0 17px}.log-row{display:flex;gap:11px;padding:17px 0;border-bottom:1px solid var(--m-line)}.log-row:last-child{border-bottom:0}.log-row>div{flex:1;min-width:0}.log-dot{width:27px;height:27px;display:grid;place-items:center;background:var(--m-mint);color:var(--m-green);border-radius:50%;flex-shrink:0}.log-dot.failed{background:var(--m-redBg);color:var(--m-red)}.log-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 10px;font-size:11px}.log-meta time{font-size:10px;color:var(--m-muted);font-variant-numeric:tabular-nums}.log-row p{margin-top:5px;color:var(--m-muted);font-size:11px;line-height:1.8;overflow-wrap:anywhere}.footnote{text-align:center;font-size:10px;color:var(--m-muted);margin:24px 0 0!important}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:900px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--m-surface);border-top:1px solid var(--m-line);padding:10px 12px calc(12px + env(safe-area-inset-bottom))}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;min-height:48px;border:0;background:none;color:var(--m-muted);font-size:10px;position:relative}.bottom-nav button[aria-current]{color:var(--m-green);font-weight:700}.bottom-nav button[aria-current]:before{content:"";position:absolute;top:-11px;width:26px;height:3px;border-radius:0 0 4px 4px;background:var(--m-green)}.page-heading{margin-bottom:23px}.page-heading h1{font-size:24px}.page-heading p{color:var(--m-muted);font-size:12px;margin-top:9px}.search-field{display:flex;align-items:center;gap:10px;background:var(--m-surface);border:1px solid var(--m-line);padding:0 14px;border-radius:12px;min-height:48px;color:var(--m-muted)}.search-field input{border:none;background:transparent;width:100%;min-width:0;height:48px;color:var(--m-ink);font-size:16px}.search-field input::-moz-placeholder{font-size:12px;color:var(--m-muted)}.search-field input::placeholder{font-size:12px;color:var(--m-muted)}.chips{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:12px 0 8px}.chips button{flex-shrink:0;min-height:44px;padding:7px 15px;border:1px solid var(--m-line);border-radius:9px;background:var(--m-surface);font-size:12px}.chips button[aria-pressed=true]{background:var(--m-green);color:var(--m-surface);border-color:var(--m-green)}.filter-row{display:flex;gap:8px;margin:14px 0 0}.filter-row label{display:flex;align-items:center;gap:5px;flex:1;min-width:0}.filter-row select{width:100%;min-width:0;background:transparent;border:0;min-height:44px;color:var(--m-ink);font-size:13px}.filter-row button{border:1px solid var(--m-line);border-radius:8px;background:var(--m-surface);min-height:44px;min-width:44px;padding:7px 10px;font-size:12px;display:flex;align-items:center}.filter-row button[aria-pressed=true]{background:var(--m-amberBg);color:var(--m-amber)}.pill{display:inline-block;white-space:nowrap;background:var(--m-mint);color:var(--m-green);padding:4px 8px;border-radius:6px;font-size:10px}.pill.warning{background:var(--m-amberBg);color:var(--m-amber)}.notice{display:flex;align-items:flex-start;gap:7px;border-radius:10px;background:var(--m-mint);padding:13px;font-size:12px;margin:12px 0!important;overflow-wrap:anywhere}.notice svg{flex-shrink:0;margin-top:2px}.notice.error{color:var(--m-red);background:var(--m-redBg)}.notice button{border:0;background:none;text-decoration:underline;white-space:nowrap;min-height:44px;padding:0 6px}.muted{color:var(--m-muted);font-size:12px}.empty{padding:30px 10px;text-align:center;font-size:13px;color:var(--m-muted)}.mode-banner{background:var(--m-mint);display:flex;gap:13px;align-items:center;padding:20px;border-radius:16px;margin-bottom:24px}.mode-banner .brand-symbol{width:46px;height:46px;border-radius:14px}.mode-banner>div{flex:1}.mode-banner small{color:var(--m-muted)}.mode-banner h2{font-size:20px}.mode-options{display:grid;gap:12px}.mode-option{display:flex;align-items:center;gap:14px;border:1px solid var(--m-line);border-radius:14px;padding:22px 16px;text-align:left;background:var(--m-surface)}.mode-option>div{flex:1}.mode-option p{font-size:11px;color:var(--m-muted);margin-top:5px}.mode-option.selected{opacity:1;border:2px solid var(--m-green);padding:21px 15px;background:var(--m-surface)}.radio-mark{width:18px;height:18px;border:1px solid var(--m-line);border-radius:50%;flex-shrink:0}.selected .radio-mark{border:5px solid var(--m-green)}.explanation{padding:20px;margin-top:22px}.explanation ol{margin:16px 0 0;padding-left:20px}.explanation li{padding-left:8px;margin-bottom:18px}.explanation li:last-child{margin-bottom:0}.explanation li::marker{font-size:12px;color:var(--m-muted)}.explanation b{display:block;font-size:12px}.explanation li span{display:block;font-size:11px;color:var(--m-muted);margin-top:3px}.mobile-overlay{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;background:var(--m-overlay);animation:fade-in .15s ease-out}.mobile-sheet{position:fixed;z-index:51;bottom:0;left:50%;transform:translate(-50%);width:min(100%,520px);max-height:92dvh;overflow-y:auto;border-radius:24px 24px 0 0;padding:10px 24px calc(28px + env(safe-area-inset-bottom));background:var(--m-surface);box-shadow:0 -8px 40px var(--m-overlay)}.sheet-handle{width:36px;height:4px;border-radius:4px;background:var(--m-line);margin:0 auto 16px}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-header h2{font-size:22px;overflow-wrap:anywhere}.mobile-sheet>p{color:var(--m-muted);font-size:12px;margin:8px 0 18px}.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reading-grid>div{background:var(--m-paper);border-radius:10px;padding:12px;display:flex;flex-direction:column;overflow-wrap:anywhere;min-width:0}.reading-grid span,.reading-grid small{color:var(--m-muted);font-size:10px}.reading-grid strong{font-size:20px;font-weight:550;margin:5px 0}.reading-grid small{font-size:9px}.control-group{margin:16px 0}.control-group h4{font-size:12px;margin-bottom:9px}.action-grid{display:flex;gap:8px;margin-top:12px}.action-grid>button{flex:1;min-width:0;border:1px solid var(--m-line);border-radius:9px;padding:12px 6px;min-height:46px;background:var(--m-paper);font-size:13px}.mobile-theme .primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--m-green);color:var(--m-surface);border:0;border-radius:9px;padding:13px 18px;min-height:46px}.number-control{display:flex;align-items:center;gap:7px}.number-control input{width:0;flex:1;min-height:46px;border:1px solid var(--m-line);border-radius:9px;padding:8px 10px;font-size:16px;background:var(--m-paper)}.number-control span{font-size:12px}.number-control .primary{font-size:12px;padding:12px}.confirmation{margin:20px 0;padding:17px;border:1px solid var(--m-green);background:var(--m-mint);border-radius:12px}.confirmation p{margin:8px 0}.settings-list{margin:22px 0}.settings-list>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--m-line);padding:13px 0;font-size:12px}.settings-list dt{color:var(--m-muted);flex-shrink:0}.settings-list dd{margin:0;text-align:right;overflow-wrap:anywhere}.logout-button{display:flex;justify-content:center;gap:8px;align-items:center;width:100%;background:var(--m-paper);border:1px solid var(--m-line);min-height:48px;border-radius:10px;margin-top:25px}.mobile-login{max-width:430px;padding:38px 28px;margin:0 auto;min-height:100dvh}.mobile-login h1{font-size:38px;margin:12px 0}.login-illustration{height:170px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;margin:30px 0;border:1px solid var(--m-line);border-radius:20px;background:var(--m-mint);color:var(--m-green)}.login-illustration span{display:flex;gap:8px;align-items:center;font-size:11px}.mobile-login form{display:grid;gap:15px;margin-top:28px}.mobile-login label{display:grid;gap:7px;font-size:12px}.mobile-login input{border:1px solid var(--m-line);border-radius:10px;min-height:50px;padding:12px;font-size:16px;width:100%}.mobile-login input::-moz-placeholder{font-size:12px}.mobile-login input::placeholder{font-size:12px}.mobile-login .primary{margin-top:7px;width:100%}.spinning svg{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(min-width:640px){.mobile-main{padding:30px 40px 115px}.mobile-header{padding-left:40px;padding-right:40px}.device-grid{grid-template-columns:1fr 1fr}.hero-main{padding-top:20px}.overview-hero{padding-left:28px;padding-right:28px}.gateway-art{margin-right:30px}.mobile-sheet{bottom:24px;border-radius:24px}}@media(max-width:359px){.mobile-header{padding-left:16px;padding-right:12px}.mobile-main{padding-left:16px;padding-right:16px}.brand b{font-size:21px}.brand b>span{margin-left:6px}.overview-hero{padding-left:17px;padding-right:17px}.hero-main strong{font-size:55px}.gateway-art{width:68px;height:88px}.mobile-sheet{padding-left:18px;padding-right:18px}.page-heading h1{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}