:root{color:#16211d;background:#eef3f0;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.app-shell{width:min(960px,calc(100vw - 32px));margin:0 auto;padding:24px 0 40px}.status-band,.machine-panel,.controls-panel,.wifi-panel{margin-top:16px;padding:22px 24px;border:1px solid #c9d6cf;border-radius:8px;background:#fbfdfb;box-shadow:0 12px 34px #19272214}.status-band{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.eyebrow,.group-title{margin:0 0 8px;color:#586861;font-size:13px;font-weight:700}h1,h2{margin:0;letter-spacing:0}h1{font-size:clamp(24px,4vw,40px);line-height:1.08}h2{font-size:22px}.hint-text,#connectHint{margin:10px 0 0;color:#53625c;line-height:1.55}.primary-action,.danger-action,.icon-text-btn,.segmented button{min-height:48px;border:1px solid #b9c8c1;border-radius:6px;background:#f4f7f5;color:#1d2a26;font-weight:800;cursor:pointer}.primary-action{border-color:#176f5a;background:#0f6b55;color:#fff}.danger-action{border-color:#c27d70;background:#fff2ef;color:#993c2d}button:disabled{opacity:.55;cursor:not-allowed}.state-pill{min-height:34px;padding:7px 10px;border:1px solid #d4ddd7;border-radius:6px;background:#f2f6f4;color:#273530;font-size:14px;font-weight:800}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.status-grid div{display:grid;gap:6px;min-height:74px;padding:12px;border:1px solid #d4ddd7;border-radius:6px;background:#f7faf8}.status-grid span,.field-label span{color:#53625c;font-size:13px;font-weight:700}.status-grid strong{color:#18201f;font-size:18px;line-height:1.25}.oled-frame{display:grid;place-items:center;padding:18px;border-radius:8px;background:#222927}.oled-screen{width:min(100%,640px);aspect-ratio:2 / 1;border:8px solid #111;border-radius:8px;background:linear-gradient(#514d18 0 24%,transparent 24%),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 4px),#061b35;color:#9fd6ff;overflow:hidden}.oled-topline{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;height:24%;padding:0 16px;color:#ffe16a;font-size:clamp(13px,2.2vw,20px);font-weight:700}.breath-chip{min-width:92px;min-height:30px;padding:0 10px;border:1px solid rgba(255,229,113,.62);border-radius:6px;background:#ffe06724;color:#ffe16a}.oled-text{height:76%;margin:0;padding:14px 18px;color:#8ed2ff;font-family:Consolas,Microsoft YaHei UI,monospace;font-size:clamp(18px,3.4vw,34px);line-height:1.15;white-space:pre-wrap}.controls-panel{display:grid;gap:20px}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.segmented.water{grid-template-columns:repeat(3,1fr)}.segmented button.active{border-color:#24745f;background:#dff1eb;color:#0d4f3d}.action-row,.link-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.network-list{display:grid;gap:8px;margin:14px 0}.network-list button{min-height:42px;padding:0 12px;border:1px solid #d4ddd7;border-radius:6px;background:#f7faf8;color:#22302b;text-align:left;cursor:pointer}.field-label{display:grid;gap:7px;margin-top:12px}.field-label input{min-height:46px;padding:0 12px;border:1px solid #b9c8c1;border-radius:6px;background:#fff;color:#1d2a26}#wifiConnectBtn{width:100%;margin-top:14px}@media (max-width: 720px){.app-shell{width:min(100% - 20px,960px);padding-top:10px}.status-band,.panel-head{align-items:stretch;flex-direction:column}.status-band,.machine-panel,.controls-panel,.wifi-panel{padding:16px}.status-grid,.segmented,.segmented.water,.action-row,.link-row{grid-template-columns:1fr}.oled-frame{padding:10px}.oled-topline{grid-template-columns:1fr 1fr;gap:4px;padding:0 10px}.breath-chip{grid-column:1 / -1;justify-self:start;min-height:24px}.oled-text{padding:10px;font-size:clamp(15px,5.1vw,24px)}}