.demo-home-link{color:#627556;white-space:nowrap;background:0 0;border:1px solid #dfe5d9;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:7px 10px;font-size:12px;line-height:20px;text-decoration:none;display:inline-flex}.demo-home-link:hover{background:#f0f4e9;border-color:#c8d6bb}.demo-home-link:focus-visible{outline-offset:3px;outline:2px solid #78975f}.demo-home-link>span{font-size:15px;line-height:1}@media (width<=600px){.demo-home-link{gap:4px;padding:6px 8px;font-size:10px}}:root{color:#303b30;--green:#287859;--line:#e4e9dc;--muted:#87937c;--yellow:#ffda75;background:#f8f9f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:default;opacity:.45}button,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:3px}[hidden]{display:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.store-app{max-width:1160px;margin:auto;padding:0 30px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;min-height:84px;display:flex}.brand{align-items:center;gap:9px;font-size:19px;font-weight:700;display:flex}.brand>span{background:var(--yellow);border-radius:10px;place-items:center;width:32px;height:32px;font-size:23px;display:grid}.brand small{color:#899477;letter-spacing:1px;border-left:1px solid #dce3d3;margin-left:7px;padding-left:15px;font-size:9px;font-weight:500}.top-actions{align-items:center;gap:13px;display:flex}#settings-toggle{border:1px solid var(--line);color:#6f7d61;background:#fff;border-radius:8px;padding:9px 12px;font-size:12px}#settings-toggle span{margin-left:7px}.intro{justify-content:space-between;align-items:center;gap:20px;padding:40px 0 28px;display:flex}.eyebrow,.section-label{color:#8b9779;letter-spacing:1.7px;font-size:9px;font-weight:650}h1{letter-spacing:-.8px;margin:11px 0 12px;font-size:30px;font-weight:650}h1 span{color:#648447}.intro p{color:#8c9780;font-size:12px;line-height:1.8}.store-badge{color:#8d997d;white-space:nowrap;background:#f0f4e9;border:1px solid #e4eadb;border-radius:20px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;display:flex}.store-badge i{background:#8eae71;border-radius:50%;width:5px;height:5px}#error:empty{display:none}#error{color:#976446;background:#fff0e7;border:1px solid #edcfbd;border-radius:10px;margin-bottom:18px;padding:12px 17px;font-size:12px;line-height:1.8}#start-card{background:#edf3e5;border:1px solid #dce7cf;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:18px 21px;display:flex}#start-card strong{font-size:13px;font-weight:550}#start-card p{color:#95a280;margin-top:6px;font-size:11px;line-height:1.7}.primary{background:var(--green);color:#fff;border:1px solid var(--green);white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:10px 15px;font-size:12px;display:inline-flex}.primary:hover:not(:disabled){background:#1d6649}.secondary{color:#668b48;background:#f1f5eb;border:1px solid #d8e3cc;border-radius:9px;padding:10px 13px;font-size:11px}.workspace{grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:24px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:17px;min-width:0;padding:23px 25px}.panel-heading{border-bottom:1px solid #eef1e9;justify-content:space-between;align-items:center;gap:15px;padding-bottom:18px;display:flex}.panel h2{align-items:center;gap:8px;margin-top:8px;font-size:17px;font-weight:600;display:flex}.panel h2 svg{color:#7e9b62;width:21px;height:21px}.connection{color:#a2aa9a;white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:inline-flex}.connection:before{content:"";background:#b9c0b3;border-radius:50%;width:5px;height:5px}.connection.online{color:#79995d}.connection.online:before{background:#81aa64}.freezer{background:#f1f4ed;border:1px solid #d3ddc6;border-radius:17px;width:206px;height:285px;margin:27px auto 22px;padding:12px 13px 10px;position:relative;box-shadow:0 11px 23px -17px #759753}.freezer-top{letter-spacing:.5px;color:#829170;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:7px;display:flex}.freezer-top i{background:#8daf70;border-radius:50%;width:5px;height:5px}.freezer-glass{background:linear-gradient(120deg,#f8fcf680,#e4efdc);border:6px solid #e0e9d5;border-radius:8px;height:155px;padding:15px 10px;position:relative}.freezer-glass:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff60,#0000);width:55px;height:155px;position:absolute;top:-5px;left:30px;transform:skew(-20deg)}.bottles{justify-content:space-between;align-items:flex-end;gap:7px;height:40px;display:flex}.bottles b{background:#ccdcbc;border:1px solid #b8cfa6;border-radius:4px 4px 3px 3px;width:21px;height:29px;position:relative}.bottles b:before{content:"";background:#bfd2a9;border-radius:2px 2px 0 0;width:9px;height:6px;position:absolute;top:-6px;left:5px}.bottles b:nth-child(2n){background:#efdca7;border-color:#dacc9f}.bottles b:nth-child(2n):before{background:#e6d49e}.shelf{background:#bfceaf;border-radius:2px;height:3px;margin:4px -5px 13px}.glass-mark{color:#9caf8c;font-size:8px;position:absolute;bottom:7px;right:7px}.freezer-controls{justify-content:space-between;align-items:center;gap:7px;padding:12px 2px 10px;display:flex}.freezer-controls small{color:#94a187;margin-bottom:3px;font-size:8px;display:block}.freezer-controls strong{color:#72905a;font-family:ui-monospace,monospace;font-size:25px;font-weight:500}.freezer-controls em{margin-left:4px;font-family:inherit;font-size:12px;font-style:normal}#device-mode{color:#897;background:#e8eedf;border-radius:5px;padding:5px 7px;font-size:9px}.freezer-vent{background:repeating-linear-gradient(90deg,#d7e0cc 0 2px,#0000 2px 5px);height:10px;margin:0 8px}.freezer.alarm .freezer-top i{background:#cb8e65}.freezer.alarm #device-mode{color:#bd8459;background:#f4e3d5}.freezer.alarm .freezer-controls strong{color:#c38b5e}.freezer.cooling .freezer-controls strong{color:#408eaa}.device-summary{color:#a3ad98;justify-content:center;gap:20px;margin-bottom:19px;font-size:10px;display:flex}.device-summary b{color:#7d9069;margin-left:6px;font-weight:500}.alarm-button{color:#ae8a52;background:#fbefde;border:1px solid #ebdcc2;border-radius:9px;width:100%;padding:12px;font-size:12px;display:block}.alarm-button:hover:not(:disabled){background:#f8e9ce}.alarm-button span{margin-right:6px}.quiet{color:#a0aa95;font-size:10px;line-height:1.8}.device-panel>.quiet{text-align:center;margin-top:10px}#device-progress{color:#8d9e7b;text-align:center;margin:14px 0 9px;font-size:11px}.device-footnote{color:#b0baa4;border-top:1px solid #eff2e9;justify-content:space-between;padding-top:13px;font-size:8px;display:flex}.staff-icon{color:#8ca573;font-size:23px}.staff-controls{align-items:center;gap:10px;display:flex}#staff-disconnect{color:#91a17e;border:1px solid #e1e7d9;border-radius:6px;padding:6px 8px;font-size:9px}.staff-overview{align-items:center;gap:11px;margin:19px 0;display:flex}.avatar{color:#779756;background:#eaf0e1;border-radius:11px;place-items:center;width:35px;height:35px;font-size:16px;display:grid}.staff-overview strong{font-size:12px;font-weight:550}.staff-overview p{color:#a1ac95;margin-top:5px;font-size:9px}.session-label{color:#a2ad96;margin-left:auto;font-size:9px}.alert-card{background:#f9fbf5;border:1px solid #e5e9dd;border-radius:11px;padding:15px}.alert-card>div{align-items:center;gap:10px;display:flex}.alert-icon{color:#b5a268;background:#f7f1de;border:1px solid #e7dfc0;border-radius:9px;place-items:center;width:31px;height:31px;font-weight:600;display:grid}.alert-card strong{font-size:12px;font-weight:550}#alert-detail{color:#a1ac94;margin-top:5px;font-size:9px;line-height:1.6}#alert-state{white-space:nowrap;color:#8ca16c;background:#eaf1e2;border-radius:5px;margin-left:auto;padding:4px 6px;font-size:9px}#alert-state[data-state=waiting]{color:#bc985f;background:#f8ead4}#send-command{width:100%;margin-top:15px;padding:9px}.steps{gap:12px;margin:0;padding:21px 0 12px;list-style:none;display:flex}.steps li{flex:1;align-items:flex-start;gap:7px;display:flex}.steps li>span{color:#8fa07d;background:#f3f6ee;border:1px solid #dfe7d3;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:9px;display:grid}.steps strong{margin-top:2px;font-size:10px;font-weight:500;display:block}.steps small{color:#9aab86;margin-top:5px;font-size:9px;display:block}.receipt-note{color:#aab49d;border-bottom:1px solid #eef2e7;justify-content:space-between;align-items:center;gap:7px;padding-bottom:15px;font-size:9px;line-height:1.6;display:flex}#repeat-command{color:#84986d;white-space:nowrap;font-size:9px;text-decoration:underline}.timeline-heading{justify-content:space-between;align-items:center;margin:16px 0 9px;display:flex}h3{font-size:11px;font-weight:550}.timeline-heading>span{color:#afbaa3;font-size:9px}.messages{scrollbar-width:thin;scrollbar-color:#dfe7d2 transparent;min-height:98px;overflow-y:auto}#staff-events{max-height:177px}.message{background:#f5f8f0;border:1px solid #edf1e7;border-radius:8px;margin-top:7px;padding:11px 12px}.message>div{justify-content:space-between;gap:8px;display:flex}.message strong{color:#849a6c;font-size:10px;font-weight:550}.message time{color:#aab69b;font-size:8px}.message p{color:#7e8d6e;white-space:pre-wrap;word-break:break-word;margin-top:5px;font-size:11px;line-height:1.7}.message[data-kind=alert]{background:#fcf6eb;border-color:#f0e7d5}.message[data-kind=alert] strong{color:#b19461}.message[data-kind=note]{background:#eff5f8;border-color:#e3edf2}.message[data-kind=note] strong{color:#7b97a4}.empty{text-align:center;color:#adb99e;padding:33px 15px;font-size:11px;line-height:1.8}.offline-hint{color:#a99576;margin-top:11px;font-size:10px;line-height:1.7}.colleague-section{border:1px solid var(--line);background:#fff;border-radius:15px;margin-top:27px;padding:22px 25px}.colleague-intro{justify-content:space-between;align-items:center;gap:15px;display:flex}.colleague-intro h2{margin:8px 0;font-size:16px;font-weight:550}.colleague-intro p{color:#9aa68b;font-size:11px;line-height:1.8}.colleague-intro>div:last-child{align-items:center;gap:12px;display:flex}.colleague-content{border-top:1px solid #eff3e8;grid-template-columns:1fr 1fr;gap:22px;margin-top:18px;padding-top:15px;display:grid}#colleague-messages{max-height:160px}#colleague-form{gap:8px;display:grid}#colleague-form label{color:#9aa889;font-size:10px}textarea{resize:vertical;color:#738765;background:#fafcf7;border:1px solid #dee6d3;border-radius:8px;width:100%;min-height:55px;padding:10px 12px;font-size:11px;line-height:1.6}textarea::placeholder{color:#afbca0}#colleague-send{justify-self:end;padding:8px 14px;font-size:10px}details{background:#f2f6ec;border:1px solid #e4eadb;border-radius:10px;margin-top:17px}summary{cursor:pointer;color:#8b9c75;padding:13px 17px;font-size:11px}summary>span{float:right;color:#a7b395;font-size:10px}details>div{padding:2px 17px 15px}details p{color:#849772;font-size:11px;line-height:1.9}dl{grid-template-columns:135px minmax(0,1fr);gap:8px 15px;margin:17px 0;font-size:10px;display:grid}dt{color:#8b9d78}dd{color:#738963;word-break:break-all;margin:0;font-family:ui-monospace,monospace}pre{color:#76915e;white-space:pre-wrap;overflow-wrap:anywhere;background:#e9efdf;border-radius:8px;margin:12px 0;padding:14px;font-size:10px;line-height:1.8}#logs{max-height:260px;margin:0 15px 15px;overflow-y:auto}footer{text-align:center;color:#b1bca5;padding:28px 0;font-size:10px}dialog{color:#5f7350;border:1px solid #dfe8d4;border-radius:16px;width:min(450px,100% - 30px);padding:25px;box-shadow:0 25px 80px #23331730}dialog::backdrop{background:#26392150}.dialog-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.dialog-heading h2{font-size:19px;font-weight:550}.dialog-heading button{color:#9aa98a;font-size:24px}dialog label{margin-bottom:7px;font-size:11px;display:block}dialog input{color:#6f865b;border:1px solid #dce6d2;border-radius:8px;width:100%;padding:10px;font-size:12px}dialog .quiet{margin:12px 0}.mobile-tabs{display:none}@media (width<=800px){.store-app{padding:0 20px}.brand small{display:none}.intro{padding-top:30px}h1{font-size:26px}.store-badge{display:none}.panel{padding:20px 17px}.workspace{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px}.staff-controls{flex-direction:column;align-items:flex-end;gap:6px}.steps{gap:8px}.steps li{gap:4px}.colleague-intro{align-items:flex-start}}@media (width<=600px){.store-app{padding:0 14px}.topbar{min-height:70px}.brand{gap:7px;font-size:15px}.brand>span{width:27px;height:27px;font-size:20px}.top-actions{gap:6px}#settings-toggle{padding:7px 8px;font-size:10px}#settings-toggle span{display:none}.intro{padding:26px 0 21px}h1{font-size:24px}.intro p{font-size:11px}.eyebrow{letter-spacing:1px;font-size:8px}#start-card{margin-bottom:18px;padding:16px;display:block}#start{width:100%;margin-top:13px}.mobile-tabs{background:#ecf1e5;border:1px solid #e1e9d7;border-radius:10px;gap:8px;margin-bottom:14px;padding:5px;display:flex}.mobile-tabs button{color:#8ca271;border-radius:7px;flex:1;padding:9px;font-size:11px}.mobile-tabs button.active{color:#628748;background:#fff;box-shadow:0 2px 5px #66824710}.workspace{display:block}.workspace[data-current-view=device] #staff-panel,.workspace[data-current-view=staff] #device-panel{display:none}.panel{padding:20px}.panel h2{font-size:16px}.staff-controls{flex-direction:row}.freezer{margin-top:23px}.colleague-section{margin-top:20px;padding:20px}.colleague-intro{display:block}.colleague-intro>div:last-child{justify-content:flex-end;margin-top:14px}.colleague-content{display:block}#colleague-form{margin-top:17px}dl{grid-template-columns:90px minmax(0,1fr);gap:9px;font-size:9px}summary{font-size:10px}footer{font-size:9px}.session-label{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.device-controls{flex-direction:column;align-items:flex-end;gap:7px;display:flex}#device-reconnect,.retry-publication{color:#81976a;border:1px solid #dfe7d3;border-radius:6px;padding:6px 9px;font-size:10px}.retry-publication{margin:0 auto 13px;display:block}