:root{color-scheme:dark;font-family:Chakra Petch,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;--page-bg: #b8c6b2;--status-bg: #a8ad9f;--status-pill-bg: #596257;--card-bg: #d7d6c4;--surface-bg: #eef0e8;--category-bg: #c8cec3;--neutral-action-bg: #3b423e;--confirm-action-bg: #185c33;--device-text: #393a35;--inverse-text: #fff;--muted: #7c8174;--accent: #117c3b;--accent-text: #fff;--signal: #ed2365;--intensity-easy: #f3c83b;--intensity-moderate: #54c96b;--intensity-intense: #e5484d;--intense-text: #fff;--positive: #54c96b;--warning: #f3c83b;--overlay-bg: #000;--toast-bg: #14181c;--shell-accent: #1677ff;--control-panel-accent: #1677ff}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:#07090d}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;color:#f8fafc;background:radial-gradient(circle at 30% 0%,#4c5664 0,#252b33 34%,#07090d 78%)}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--shell-accent, #e11d2e);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-access{display:grid;min-height:100dvh;padding:24px;color:#edf2f7;background:#111820;place-items:center}.site-access__panel{width:min(100%,380px);padding:30px;border:1px solid #33404d;border-radius:8px;background:#18222c;box-shadow:0 24px 70px #00000061}.site-access__brand{margin-bottom:30px;color:#69d486;font-size:var(--font-text-22);font-weight:700;letter-spacing:0}.site-access h1{margin:0 0 24px;font-size:var(--font-text-26);letter-spacing:0}.site-access form{display:grid;gap:10px}.site-access label{color:#b9c5d0;font-size:var(--font-text-14)}.site-access input{width:100%;height:46px;padding:0 12px;color:#f7fafc;border:1px solid #455463;border-radius:6px;background:#0d141b}.site-access input:disabled{opacity:.7}.site-access button{height:44px;padding:0 18px;cursor:pointer;color:#07130b;border:0;border-radius:6px;background:#69d486;font-weight:700}.site-access button:disabled{cursor:not-allowed;opacity:.46}.site-access__error{min-height:20px;margin:0;color:#ff7b86;font-size:var(--font-text-13)}.site-access__checking{display:grid;color:#cbd6df;place-items:center;gap:18px}.site-access__spinner{width:44px;height:44px;border:4px solid rgb(255 255 255 / 15%);border-top-color:#69d486;border-radius:50%;animation:site-access-spin .8s linear infinite}.demo-shell{width:100%;min-height:100vh;margin:0;padding:0;font-size:var(--font-text-14)}.demo-workspace,.machine-area{min-width:0;min-height:100vh}.machine-area{--machine-area-width: calc(100vw - clamp(380px, 25vw, 460px)) ;margin-right:clamp(380px,25vw,460px)}.machine-grid{display:grid;width:100%;min-height:100vh;padding:16px 0;overflow:hidden;grid-template-columns:max-content;justify-content:center}.machine-card{position:relative;--light-strip-color: #63e64d;--machine-body-width: 73.5294%;display:grid;width:min(var(--machine-requested-surround-width),calc(var(--machine-area-width) - 24px));min-width:0;max-width:var(--machine-requested-surround-width);min-height:max(700px,calc(100vh - 32px));margin:0 auto;grid-template-rows:minmax(0,1fr)}.machine-card[data-view-mode=flat]{padding-bottom:16%}.machine-view-stack{position:relative;display:grid;width:100%;height:100%;min-width:0;min-height:0}.machine-view-stack[data-view-mode="3d"]{min-height:max(700px,calc(100vh - 32px))}.machine-flat-stage{display:grid;width:100%;height:100%;min-width:0;min-height:0}.machine-flat-stage--loading{position:absolute;inset:0;z-index:0;filter:blur(7px);opacity:.58;pointer-events:none;transform:scale(.995)}.machine-3d-scene{position:relative;width:100%;min-width:0;min-height:max(700px,calc(100vh - 32px));overflow:hidden;isolation:isolate}.machine-view-stack[data-view-mode=flat] .machine-3d-scene{position:absolute;width:0;height:0;min-height:0;visibility:hidden}.machine-3d-webgl,.machine-3d-css{position:absolute;inset:0;display:block;width:100%;height:100%}.machine-3d-webgl{z-index:1;pointer-events:auto;touch-action:none;cursor:grab}.machine-3d-webgl:active{cursor:grabbing}.machine-3d-css{z-index:2;overflow:hidden;pointer-events:none}.machine-3d-loading{position:absolute;inset:0;z-index:8;display:grid;color:#f4f7fb;background:#080d123d;text-shadow:0 2px 8px rgb(0 0 0 / 72%);place-content:center;place-items:center;gap:18px;font-size:var(--font-text-16)}.machine-3d-loading__spinner{width:48px;height:48px;border:4px solid rgb(255 255 255 / 16%);border-top-color:#dce8f5;border-radius:50%;animation:machine-model-loading-spin .8s linear infinite}.machine-3d-loading button{min-width:92px;min-height:40px;padding:8px 18px;cursor:pointer;color:#f7fafc;border:1px solid rgb(255 255 255 / 24%);border-radius:6px;background:#263342;font:inherit}.machine-3d-loading button:hover{background:#314256}.machine-screen-flat-host{position:absolute;inset:0;overflow:hidden}.machine-screen-3d-transform{pointer-events:none!important;transform-style:preserve-3d}.machine-screen--3d{width:640px;height:960px;pointer-events:auto!important;backface-visibility:hidden}.machine-screen__viewport--portable{transform-origin:top left}.machine-3d-hint{position:absolute;right:14px;bottom:12px;z-index:4;max-width:calc(100% - 28px);margin:0;padding:7px 11px;pointer-events:none;color:#eff6ffc2;border:1px solid rgb(255 255 255 / 10%);border-radius:999px;background:#070b1194;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--font-text-12);line-height:1.2}.machine-visual{position:relative;width:var(--machine-body-width);align-self:center;justify-self:center}.machine-module-stage{position:absolute;bottom:100%;left:0;z-index:0;width:100%;height:0;overflow:visible;container-type:inline-size}.machine-module-stage img{position:absolute;bottom:0;left:50%;display:block;width:99%;max-width:none;height:auto;object-fit:contain;transform:translate(-50%)}.machine-module-image-button{position:absolute;bottom:0;left:50%;display:block;width:99%;margin:0;padding:0;cursor:pointer;border:0;background:transparent;transform:translate(-50%)}.machine-module-stage .machine-module-image-button img{position:static;display:block;width:100%;transform:none}.intercom-channel-dial{position:absolute;right:-20cqi;bottom:2cqi;z-index:2;width:clamp(86px,18cqi,116px);aspect-ratio:1;cursor:grab;color:var(--device-text);border:clamp(10px,2.2cqi,14px) solid color-mix(in srgb,var(--device-text) 24%,transparent);border-radius:50%;background:color-mix(in srgb,var(--surface-bg) 90%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--device-text) 16%,transparent),0 5px 14px #0000003d;touch-action:none;-webkit-user-select:none;user-select:none}.intercom-channel-dial:active{cursor:grabbing}.intercom-channel-dial:focus-visible{outline:3px solid var(--shell-accent);outline-offset:4px}.intercom-channel-dial__orbit{position:absolute;inset:clamp(-14px,-2.2cqi,-10px);pointer-events:none;transform-origin:center}.intercom-channel-dial__orbit i{position:absolute;top:clamp(5px,1.1cqi,7px);left:50%;width:clamp(24px,5cqi,32px);aspect-ratio:1;border:4px solid var(--surface-bg);border-radius:0;background:var(--accent);box-shadow:0 2px 7px #00000047;transform:translate(-50%,-50%)}.intercom-channel-dial output{position:absolute;inset:0;display:grid;padding-bottom:clamp(13px,2.4cqi,18px);font-family:var(--device-font-family, "Chakra Petch", sans-serif);font-size:var(--font-text-22);font-weight:var(--device-font-weight-metric, 700);place-items:center;pointer-events:none}.intercom-channel-dial small{position:absolute;right:0;bottom:clamp(15px,2.8cqi,21px);left:0;overflow:hidden;font-family:var(--device-font-family, "Chakra Petch", sans-serif);font-size:var(--font-text-12);font-weight:var(--device-font-weight-metric, 700);line-height:1;text-align:center;white-space:nowrap;pointer-events:none}.machine-body-stage{position:relative;z-index:1;width:100%}.machine-body{position:relative;width:100%;overflow:hidden;isolation:isolate}.machine-body-image{display:block;width:100%;height:auto}.machine-light-strip{position:absolute;right:10.2%;bottom:4.1%;left:10.2%;z-index:2;height:5%;pointer-events:none}.machine-light-strip:before{position:absolute;inset:0;z-index:2;content:"";opacity:.82;background:linear-gradient(90deg,transparent 0%,var(--light-strip-color) 5%,var(--light-strip-color) 95%,transparent 100%);clip-path:polygon(0 14%,50% 50%,100% 14%,100% 28%,50% 72%,0 28%);mix-blend-mode:color}.machine-light-strip:after{position:absolute;top:0;right:0;left:0;z-index:1;height:220%;content:"";opacity:.34;background:linear-gradient(90deg,transparent,var(--light-strip-color) 5%,var(--light-strip-color) 95%,transparent);clip-path:polygon(0 13%,50% 33%,100% 13%,100% 43%,50% 63%,0 43%);-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent);mix-blend-mode:screen}.machine-screen{position:absolute;overflow:hidden;color:var(--device-text);border:0;background:var(--page-bg);container-type:size}.machine-screen__viewport{position:absolute;top:0;left:0;overflow:hidden;background:var(--page-bg);font-family:var(--device-font-family, "Chakra Petch", sans-serif);font-weight:var(--device-font-weight-normal, 300);transform-origin:top left}.machine-screen.is-powered-off:after{position:absolute;inset:0;z-index:100;content:"";background:#010203;box-shadow:inset 0 0 24px #000}.machine-action-bar{--machine-action-short-side: 13%;--machine-action-long-side: 28.0172413793%;--machine-action-vertical-ratio: .464;--machine-action-horizontal-ratio: 2.1551724138;position:absolute;inset:0;z-index:4;margin:0;padding:0;pointer-events:none}.machine-action-bar .ant-btn{position:absolute;width:var(--machine-action-short-side);min-width:0;max-width:none;height:auto;padding:0;cursor:pointer;pointer-events:auto;aspect-ratio:1;border-color:#d9d9d9;border-radius:10%;color:#000000e0;background:#fff;box-shadow:0 5px 14px #0000003d;font-size:var(--font-text-18);font-weight:600;opacity:.3}.machine-action-bar .ant-btn svg{display:block;width:54%;height:54%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.machine-action-bar .machine-action-button--power,.machine-action-bar .machine-action-button--up,.machine-action-bar .machine-action-button--down{aspect-ratio:var(--machine-action-vertical-ratio)}.machine-action-bar .machine-action-button--power{top:38%;left:-18%}.machine-action-bar .machine-action-button--up,.machine-action-bar .machine-action-button--down{right:-18%}.machine-action-bar .machine-action-button--up{top:38%}.machine-action-bar .machine-action-button--down{top:61%}.machine-action-bar .machine-action-button--left,.machine-action-bar .machine-action-button--right{top:103%;width:var(--machine-action-long-side);aspect-ratio:var(--machine-action-horizontal-ratio)}.machine-action-bar .machine-action-button--left{left:8%}.machine-action-bar .machine-action-button--right{right:8%}.machine-action-bar .ant-btn:not(:disabled):hover{border-color:#4096ff;color:#4096ff;background:#fff}.machine-3d-controls-dock{position:absolute;bottom:16px;left:50%;z-index:6;width:min(460px,calc(100% - 28px));transform:translate(-50%)}.machine-3d-controls-dock .machine-action-bar{position:relative;inset:auto;display:grid;width:100%;padding:10px;pointer-events:auto;border:1px solid rgb(255 255 255 / 12%);border-radius:14px;background:#070b11c7;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.machine-3d-controls-dock .machine-action-bar .ant-btn{position:relative;inset:auto;width:100%;height:50px;padding:0;aspect-ratio:auto;opacity:.76}.machine-view-stack[data-view-mode="3d"] .machine-3d-hint{bottom:92px}.control-sidebar{--shell-accent: #1677ff;--control-panel-accent: #1677ff;position:fixed;top:0;right:0;z-index:30;width:clamp(380px,25vw,460px);height:100vh;max-height:none;padding:22px;overflow-y:auto;color:#f8fafc;border:1px solid rgb(255 255 255 / 14%);border-right:0;border-radius:18px 0 0 18px;background:#05080cf5;box-shadow:-18px 0 44px #0000005c}.control-sidebar__top{position:sticky;top:-22px;z-index:2;margin:-22px -22px 18px;padding:22px 22px 16px;background:#05080cfa;box-shadow:0 10px 22px #00000047}.control-sidebar__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.control-sidebar__header h2{margin:0;font-size:var(--font-text-22)}.control-sidebar__close,.control-drawer-toggle,.control-backdrop{display:none}.machine-control-panel{display:grid;gap:18px}.control-section{padding:18px;border:1px solid rgb(255 255 255 / 12%);border-radius:14px;background:#141920bd}.control-section h3{margin:0 0 14px;font-size:var(--font-text-18)}.module-controls{display:grid;grid-template-columns:repeat(5,minmax(0,52px));gap:8px;justify-content:start}.module-controls button{display:grid;width:100%;aspect-ratio:1;padding:6px;cursor:pointer;border:0;border-radius:8px;background:#050607;place-items:center}.module-controls button[aria-pressed=true]{background:var(--control-panel-accent);box-shadow:0 0 10px var(--control-panel-accent)}.module-controls img{width:100%;height:100%;object-fit:contain}.sensor-controls button{color:#d7dee8}.sensor-controls button svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.config-field{display:grid;min-width:0;gap:8px;color:#cbd5e1;font-size:var(--font-text-14)}.config-field input[type=color]{width:100%;min-height:46px;padding:4px;cursor:pointer;border:1px solid rgb(255 255 255 / 16%);border-radius:8px;background:#1b222c}.theme-mode-row{display:flex;min-height:32px;margin-bottom:16px;color:#cbd5e1;align-items:center;justify-content:space-between;font-size:var(--font-text-14)}.theme-mode-row .ant-switch-inner{font-size:var(--font-text-12)}.theme-selector{display:grid;margin-bottom:18px;color:#cbd5e1;gap:12px;font-size:var(--font-text-14)}.theme-tags{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 8px}.layout-tags{grid-template-columns:repeat(3,minmax(0,1fr))}.theme-tag{min-width:0;min-height:40px;padding:6px 4px;cursor:pointer;color:#d7dee8;border:1px solid rgb(255 255 255 / 22%);border-radius:6px;background:#1b222c;font-size:var(--font-text-14);font-weight:800;line-height:1;white-space:nowrap}.theme-tag[aria-pressed=true]{color:#fff;border-color:#75adff;background:var(--control-panel-accent);box-shadow:0 0 10px #1677ff6b}.theme-tag:active{transform:translateY(1px)}.control-inline-setting{margin:16px 0 0;padding-top:14px;border-top:1px solid rgb(255 255 255 / 12%)}.config-field--select{margin-bottom:16px}.config-field--select select{width:100%;height:42px;padding:0 36px 0 12px;cursor:pointer;color:#eef2f7;border:1px solid rgb(255 255 255 / 16%);border-radius:8px;background:#1b222c}.config-field--select select:disabled{cursor:not-allowed;color:#aeb7c2;opacity:.68}.font-settings{display:grid}.font-weight-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.font-weight-settings .config-field--select select{min-width:0;padding-right:22px;padding-left:8px;font-variant-numeric:tabular-nums}.config-field--scale{margin-bottom:20px}.config-field--scale div{display:grid;grid-template-columns:1fr 44px;gap:8px;align-items:center}.config-field--scale input{width:100%;accent-color:var(--control-panel-accent)}.config-field--range{grid-column:1 / -1}.config-field--range div{display:grid;grid-template-columns:1fr 44px;gap:8px;align-items:center}.config-field--range input{width:100%;accent-color:var(--control-panel-accent)}.config-field output{text-align:right}.color-control-groups{display:grid;gap:20px}.color-control-group{padding-top:16px;border-top:1px solid rgb(255 255 255 / 12%)}.color-control-group h4{margin:0 0 12px;color:#f1f5f9;font-size:var(--font-text-14)}.config-reset{width:100%;min-height:44px;margin-top:16px;padding:10px;cursor:pointer;color:#d7dee8;border:1px solid rgb(255 255 255 / 15%);border-radius:8px;background:#252d38;font-size:var(--font-text-14)}.device-app{position:relative;width:640px;height:960px;overflow:hidden;color:var(--device-text);background:var(--page-bg);filter:brightness(var(--device-brightness, 1));-webkit-user-select:none;user-select:none}.status-bar{--status-bar-cut: 13px;position:relative;z-index:36;display:grid;width:100%;height:48px;padding:0 14px;color:var(--device-text);background:var(--status-bg);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--status-bar-cut)),calc(100% - var(--status-bar-cut)) 100%,var(--status-bar-cut) 100%,0 calc(100% - var(--status-bar-cut)));align-items:center;grid-template-columns:1fr auto 1fr;transform-origin:top}.status-bar--drawer-trigger{cursor:pointer}.status-bar--without-status{grid-template-columns:minmax(0,1fr) auto}.status-bar__title{display:flex;height:40px;overflow:hidden;font-size:var(--font-text-22);align-items:center;text-overflow:ellipsis;white-space:nowrap}.status-bar__title--clickable{justify-self:start;cursor:pointer;color:inherit;font-weight:800;line-height:1;-webkit-user-select:none;user-select:none}.status-bar__pill{--status-pill-cut: 11px;display:flex;height:40px;min-width:160px;padding:0 14px;color:var(--inverse-text);background:var(--status-pill-bg);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--status-pill-cut)),calc(100% - var(--status-pill-cut)) 100%,var(--status-pill-cut) 100%,0 calc(100% - var(--status-pill-cut)));align-items:center;align-self:start;justify-content:center;gap:8px;font-size:var(--font-text-18)}.status-bar__pill--training>span:last-child{color:var(--positive)}.status-bar__pill--preparing>span:last-child,.status-bar__pill--paused>span:last-child{color:var(--warning)}.status-bar__pill--static,.status-bar__pill--module-connected,.status-bar__pill--module-unavailable{color:var(--inverse-text);background:var(--status-pill-bg)}.status-bar__indicator{width:9px;height:18px;border-radius:99px;background:var(--positive);box-shadow:0 0 6px var(--positive)}.status-bar__pill--preparing .status-bar__indicator,.status-bar__pill--paused .status-bar__indicator,.status-bar__indicator--unavailable{background:var(--warning);box-shadow:0 0 6px var(--warning)}.status-bar__module-icon{display:block;width:36px;height:36px;object-fit:contain}.status-bar__meta{display:flex;height:40px;align-items:center;justify-self:end;gap:9px;font-size:var(--font-text-22)}.status-bar__wifi{display:block;width:34px;height:26px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}.status-bar__wifi circle{fill:currentColor;stroke:none}.status-bar__battery{display:block;width:40px;height:24px;overflow:visible}.status-bar__battery-shell,.status-bar__battery-cap{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}.status-bar__battery-level{fill:currentColor;stroke:none}.quick-settings-scrim{position:absolute;inset:0;z-index:48;width:100%;padding:0;cursor:default;border:0;border-radius:0;background:color-mix(in srgb,var(--overlay-bg) 28%,transparent)}.quick-settings-drawer{position:absolute;top:0;right:0;left:0;z-index:50;display:grid;height:456px;padding:24px 24px 22px;color:var(--device-text);border-radius:0 0 8px 8px;background:var(--surface-bg);box-shadow:0 14px 30px #00000047;pointer-events:none;opacity:0;grid-template-rows:auto 1fr;gap:20px;transform:translateY(-104%);transition:transform .22s ease-out,opacity .16s ease-out}.quick-settings-drawer.is-open{pointer-events:auto;opacity:1;transform:translateY(0)}.quick-settings-controls{display:grid;gap:18px}.quick-setting-slider{display:grid;min-width:0;gap:8px}.quick-setting-slider__label{display:flex;height:54px;min-width:0;gap:14px;align-items:center}.quick-setting-slider__label>svg{width:52px;height:52px;flex:0 0 52px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.3}.quick-setting-slider__label output{margin-left:auto;font-size:var(--font-text-28);font-weight:800;text-align:right}.quick-setting-slider input[type=range]{width:100%;height:50px;margin:0;cursor:grab;appearance:none;background:transparent;accent-color:var(--accent)}.quick-setting-slider input[type=range]::-webkit-slider-runnable-track{height:20px;border-radius:0;background:linear-gradient(90deg,var(--accent) 0 var(--quick-setting-value),color-mix(in srgb,var(--device-text) 18%,transparent) var(--quick-setting-value) 100%)}.quick-setting-slider input[type=range]::-webkit-slider-thumb{width:42px;height:42px;margin-top:-11px;cursor:grab;appearance:none;border:5px solid var(--surface-bg);border-radius:0;background:var(--accent);box-shadow:0 2px 7px #00000047}.quick-setting-slider input[type=range]::-moz-range-track{height:20px;border-radius:0;background:color-mix(in srgb,var(--device-text) 18%,transparent)}.quick-setting-slider input[type=range]::-moz-range-progress{height:20px;border-radius:0;background:var(--accent)}.quick-setting-slider input[type=range]::-moz-range-thumb{width:32px;height:32px;border:5px solid var(--surface-bg);border-radius:0;background:var(--accent)}.quick-settings-actions{display:grid;min-height:0;padding-top:4px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.quick-settings-actions button{display:grid;min-width:0;min-height:0;padding:12px;cursor:pointer;color:var(--device-text);border:2px solid color-mix(in srgb,var(--device-text) 16%,transparent);border-radius:8px;background:var(--card-bg);grid-template-rows:minmax(0,1fr) auto;place-items:center}.quick-settings-actions button svg{width:64px;height:64px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.quick-settings-actions button span{font-size:var(--font-text-22);font-weight:800}.device-utility-page{display:grid;width:100%;height:100%;overflow:hidden;background:var(--surface-bg);grid-template-rows:104px minmax(0,1fr)}.device-utility-nav{position:relative;display:grid;width:100%;height:104px;color:var(--device-text);background:var(--status-bg);box-shadow:0 9px 18px #0000003d;grid-template-columns:104px minmax(0,1fr) 104px;align-items:stretch}.device-utility-nav button{display:grid;width:104px;height:104px;padding:0;cursor:pointer;color:var(--device-text);border:0;border-radius:0;background:transparent;place-items:center}.device-utility-nav button:active{background:color-mix(in srgb,var(--device-text) 12%,transparent)}.device-utility-nav button svg{width:60px;height:60px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6}.device-utility-nav h1{display:grid;min-width:0;height:100%;margin:0;font-size:var(--font-text-34);font-weight:800;text-align:center;grid-column:2;place-items:center}.device-utility-page__content{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y}.device-utility-page__content::-webkit-scrollbar{display:none}.device-utility-row{display:grid;min-height:92px;cursor:default;grid-template-columns:minmax(0,1fr) auto 48px;align-items:center;gap:14px;text-align:left}.device-utility-row.is-readonly{grid-template-columns:minmax(0,1fr) auto}button.device-utility-row{cursor:pointer}button.device-utility-row:active{background:color-mix(in srgb,var(--status-pill-bg) 18%,transparent)}.device-utility-row__label{min-width:0;overflow:hidden;font-size:var(--font-text-34);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.device-utility-row__meta{display:grid;max-width:230px;justify-items:end;gap:4px}.device-utility-row__value{max-width:230px;overflow:hidden;color:var(--device-text);font-size:var(--font-text-28);font-weight:800;line-height:1;text-align:right;text-overflow:ellipsis;white-space:nowrap}.device-utility-row__value.is-connected{color:var(--positive)}.device-utility-row__value.is-muted{color:var(--muted)}.device-utility-row__detail{color:var(--device-text);font-size:var(--font-text-22);font-weight:700;line-height:1;white-space:nowrap}.device-utility-row__chevron{width:40px;height:40px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5;grid-column:3;justify-self:center}.sensor-search-sheet{height:520px;min-height:520px;max-height:520px}.sensor-search-sheet__content{display:grid;min-height:0;flex:1;align-content:start}.sensor-search-sheet__loading{display:grid;min-height:270px;color:var(--muted);font-size:var(--font-text-34);place-items:center;align-content:center;gap:28px}.sensor-search-sheet__spinner{width:76px;height:76px;border:10px solid color-mix(in srgb,var(--device-text) 18%,transparent);border-top-color:var(--accent);border-radius:50%;animation:sensor-search-spin .8s linear infinite}.sensor-device-option{display:grid;min-height:118px;cursor:pointer;grid-template-columns:minmax(0,1fr) auto 48px;align-items:center;gap:14px;text-align:left}.sensor-device-option:active{background:color-mix(in srgb,var(--status-pill-bg) 18%,transparent)}.sensor-device-option__id{min-width:0;overflow:hidden;font-size:var(--font-text-34);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.sensor-device-option__meta{color:var(--muted);font-size:var(--font-text-28);font-weight:700;white-space:nowrap}.utility-selection-sheet{height:72%}.utility-selection-sheet__list{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y}.utility-selection-sheet__list::-webkit-scrollbar{display:none}.utility-selection-option{display:grid;min-height:104px;cursor:pointer;grid-template-columns:minmax(0,1fr) 64px;align-items:center;text-align:left}.utility-selection-option span{min-width:0;overflow:hidden;font-size:var(--font-text-34);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.utility-selection-option svg{width:52px;height:52px;color:var(--positive);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;justify-self:end}.utility-selection-option.is-selected{color:var(--inverse-text);background:var(--status-pill-bg)}.utility-selection-option.is-selected svg{color:var(--inverse-text)}.device-menu{--menu-border-color: var(--muted);--menu-border-width: 3px;display:grid;width:100%;height:100%;padding:0 0 12px;overflow:hidden;grid-template-rows:48px minmax(0,1fr);row-gap:12px}.menu-grid{display:grid;min-height:0;margin:0 14px;overflow:hidden;background:var(--page-bg);grid-template-columns:116px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 116px}.menu-rail,.menu-primary{display:grid;min-width:0;min-height:0;overflow:hidden;background:var(--page-bg);gap:6px}.menu-rail{border:var(--menu-border-width) solid var(--menu-border-color);grid-template-rows:repeat(4,minmax(0,1fr));gap:0}.menu-primary{--menu-primary-border-width: 2px;position:relative;grid-row:1 / -1;grid-column:2;padding-left:24px;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px}.menu-card{position:relative;display:flex;min-width:0;min-height:0;overflow:hidden;margin:0;padding:0;cursor:pointer;color:var(--device-text);border:0;border-radius:0;background:var(--page-bg);box-shadow:inset 0 0 0 var(--menu-border-width) var(--menu-border-color);transition:transform .12s ease,box-shadow .12s ease}.menu-primary .menu-card{box-shadow:inset 0 0 0 var(--menu-primary-border-width) var(--menu-border-color)}.menu-card--sport{--menu-corner-cut: 46px}.menu-card--sport:before{position:absolute;top:0;right:0;z-index:4;width:var(--menu-corner-cut);height:var(--menu-corner-cut);background:var(--page-bg);content:"";pointer-events:none}.menu-card--sport:after{position:absolute;top:0;right:0;z-index:5;width:var(--menu-corner-cut);height:var(--menu-corner-cut);background:var(--menu-border-color);clip-path:polygon(0 0,3px 0,100% calc(100% - 3px),100% 100%);content:"";pointer-events:none}.menu-rail .menu-card{box-shadow:none}.menu-rail .menu-card+.menu-card{border-top:var(--menu-border-width) solid var(--menu-border-color)}.menu-rail .menu-card--compact{overflow:visible}.menu-rail .menu-card--compact:before,.menu-rail .menu-card--compact:after{content:none}.menu-card:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.menu-card:active{transform:scale(.98)}.menu-card--wide{grid-column:1 / -1}.menu-primary .menu-card--tall{grid-row:auto}.sport-silhouette{display:block;background:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}.menu-card__sport-visual{position:absolute;z-index:0;color:var(--muted);opacity:.32}.menu-card__sport-visual.sport-silhouette--cycling{top:5px;left:16px;width:170px;height:118px}.menu-card__sport-visual.sport-silhouette--rowing{top:5px;left:-82px;width:450px;height:118px}.menu-card__sport-visual.sport-silhouette--paraglide{top:16px;left:17px;width:248px;height:205px}.menu-card__sport-visual.sport-silhouette--kayak,.menu-card__sport-visual.sport-silhouette--canoe{top:11px;left:-52px;width:250px;height:98px}.menu-card__label{position:absolute;right:26px;bottom:17px;z-index:2;overflow-wrap:anywhere;font-size:var(--font-text-42);font-weight:800;line-height:1;white-space:nowrap}.menu-card.is-last-started .menu-card__label{color:var(--accent)}.menu-card--compact .menu-card__label{right:20px;bottom:18px}.menu-rail [data-menu-item=kayak] .menu-card__label,.menu-rail [data-menu-item=canoe] .menu-card__label{display:none}.menu-card--tall .menu-card__label{right:19px;bottom:22px}.menu-card--add .menu-card__label{inset:50% auto auto 50%;color:var(--muted);font-size:var(--font-text-76);font-weight:300;transform:translate(-50%,-50%)}.menu-card__history-icon{display:block;width:66px;height:66px;margin:auto;color:var(--muted);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.menu-card__signal{position:absolute;top:0;right:0;z-index:6;width:34px;height:34px;background:var(--accent);clip-path:polygon(0 0,100% 0,100% 100%)}.menu-card--compact .menu-card__signal{width:26px;height:26px}.menu-rail .menu-card--compact .menu-card__signal{top:calc(-1 * var(--menu-border-width));right:calc(-1 * var(--menu-border-width))}.menu-primary .menu-card__sport-visual.sport-silhouette--cycling{top:8px;left:18px;width:280px;height:calc(100% - 16px)}.menu-primary .menu-card__sport-visual.sport-silhouette--rowing{top:8px;left:-92px;width:520px;height:calc(100% - 16px)}.menu-primary .menu-card__sport-visual.sport-silhouette--paraglide{top:14px;left:18px;width:360px;height:calc(100% - 28px)}.menu-rail .menu-card__sport-visual.sport-silhouette--kayak,.menu-rail .menu-card__sport-visual.sport-silhouette--canoe{top:calc(50% + 10px);left:50%;width:280px;height:148px;transform:translate(-50%,-50%)}.menu-rail .menu-card--add .menu-card__label{inset:50% auto auto 50%;font-size:var(--font-text-56);transform:translate(-50%,-50%)}.menu-logo-card{display:grid;min-width:0;min-height:0;overflow:hidden;border:var(--menu-border-width) solid var(--menu-border-color);border-top:0;background:var(--page-bg);grid-row:2;grid-column:1;place-items:center}.menu-logo{display:block;width:100%;height:100%;opacity:.5;object-fit:cover}.menu-sidebar-heading,.menu-card__index{display:none}.machine-card[data-layout=layout-2] .menu-grid{row-gap:10px}.machine-card[data-layout=layout-2] .menu-rail{border:0;gap:10px}.machine-card[data-layout=layout-2] .menu-primary{padding-left:10px}.machine-card[data-layout=layout-2] .menu-card,.machine-card[data-layout=layout-2] .menu-primary .menu-card{background:var(--card-bg);box-shadow:none}.machine-card[data-layout=layout-2] .menu-primary .menu-card--sport:before{content:none}.machine-card[data-layout=layout-2] .menu-primary .menu-card--sport.is-last-started:before{clip-path:polygon(0 0,100% 0,100% 100%);content:""}.machine-card[data-layout=layout-2] .menu-card--sport:after{content:none}.machine-card[data-layout=layout-2] .menu-rail .menu-card+.menu-card{border-top:0}.machine-card[data-layout=layout-2] .menu-logo-card{border:0;background:var(--card-bg)}.machine-card[data-layout=layout-1] .device-menu{padding:0;overflow:hidden;grid-template-rows:48px 694px minmax(0,1fr);row-gap:13px}.machine-card[data-layout=layout-1] .device-menu>.status-bar{border-radius:0 0 13px 13px;clip-path:none}.machine-card[data-layout=layout-1] .device-menu .status-bar__pill{border-radius:0 0 13px 13px;clip-path:none}.machine-card[data-layout=layout-1] .menu-grid{position:relative;display:grid;min-height:0;margin:0 13px;overflow:visible;background:transparent;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:130px 130px 125px 125px 130px;gap:13px 15px}.machine-card[data-layout=layout-1] .menu-rail,.machine-card[data-layout=layout-1] .menu-primary{display:contents}.machine-card[data-layout=layout-1] .menu-card{overflow:hidden;color:var(--device-text);border:2px solid transparent;border-radius:13px;background:var(--card-bg);box-shadow:none}.machine-card[data-layout=layout-1] .menu-card--sport:before,.machine-card[data-layout=layout-1] .menu-card--sport:after{content:none}.machine-card[data-layout=layout-1] .menu-rail .menu-card+.menu-card{border-top:2px solid transparent}.machine-card[data-layout=layout-1] .menu-grid [data-menu-item=cycling]{grid-row:1;grid-column:1 / -1}.machine-card[data-layout=layout-1] .menu-grid [data-menu-item=rowing]{grid-row:2;grid-column:1 / -1}.machine-card[data-layout=layout-1] .menu-grid [data-menu-item=paraglide]{grid-row:3 / span 2;grid-column:1}.machine-card[data-layout=layout-1] .menu-grid [data-menu-item=kayak]{grid-row:3;grid-column:2}.machine-card[data-layout=layout-1] .menu-grid [data-menu-item=canoe]{grid-row:4;grid-column:2}.machine-card[data-layout=layout-1] .menu-grid [data-menu-item=history]{grid-row:5;grid-column:1}.machine-card[data-layout=layout-1] .menu-grid [data-menu-item=add]{grid-row:5;grid-column:2}.machine-card[data-layout=layout-1] .menu-card__signal,.machine-card[data-layout=layout-1] .menu-rail .menu-card--compact .menu-card__signal{top:14px;right:18px;width:26px;height:26px;border-radius:50%;clip-path:none}.machine-card[data-layout=layout-1] .menu-grid [data-menu-item=cycling] .menu-card__label,.machine-card[data-layout=layout-1] .menu-grid [data-menu-item=rowing] .menu-card__label,.machine-card[data-layout=layout-1] .menu-grid [data-menu-item=kayak] .menu-card__label,.machine-card[data-layout=layout-1] .menu-grid [data-menu-item=canoe] .menu-card__label{right:16px;text-align:right}.machine-card[data-layout=layout-1] .menu-primary .menu-card__sport-visual.sport-silhouette--cycling{top:5px;left:16px;width:170px;height:118px}.machine-card[data-layout=layout-1] .menu-primary .menu-card__sport-visual.sport-silhouette--rowing{top:-4px;left:-154px;width:543px;height:240px;transform:none}.machine-card[data-layout=layout-1] .menu-primary .menu-card__sport-visual.sport-silhouette--paraglide{top:16px;left:17px;width:248px;height:205px}.machine-card[data-layout=layout-1] .menu-rail [data-menu-item=kayak] .menu-card__label,.machine-card[data-layout=layout-1] .menu-rail [data-menu-item=canoe] .menu-card__label{display:block;right:16px;bottom:16px}.machine-card[data-layout=layout-1] .menu-rail .menu-card__sport-visual.sport-silhouette--kayak{top:-6px;left:-120px;width:359px;height:170px;transform:none}.machine-card[data-layout=layout-1] .menu-rail .menu-card__sport-visual.sport-silhouette--canoe{top:11px;left:-100px;width:296px;height:135px;transform:none}.machine-card[data-layout=layout-1] .menu-logo-card{position:absolute;top:calc(100% + 73px);left:50%;display:grid;width:72px;height:72px;overflow:visible;border:0;background:transparent;transform:translate(-50%);place-items:center}.machine-card[data-layout=layout-1] .menu-logo{width:72px;height:72px;object-fit:contain}.machine-card[data-layout=layout-3] .device-menu{--menu-layout-3-border-width: 2px;--menu-layout-3-sidebar-width: 92px;--menu-layout-3-sidebar-half-width: 46px;position:relative;display:block;padding:0;overflow:hidden}.machine-card[data-layout=layout-3] .device-menu>.status-bar{position:absolute;top:0;right:0;left:var(--menu-layout-3-sidebar-width);z-index:20;width:auto;border-bottom:var(--menu-layout-3-border-width) solid var(--overlay-bg);clip-path:none;grid-template-columns:minmax(0,1fr) auto}.machine-card[data-layout=layout-3] .device-menu>.status-bar .status-bar__title{display:none}.machine-card[data-layout=layout-3] .device-menu>.status-bar .status-bar__pill{position:absolute;top:0;left:calc(50% - var(--menu-layout-3-sidebar-half-width));transform:translate(-50%)}.machine-card[data-layout=layout-3] .device-menu>.status-bar .status-bar__meta{grid-column:2}.machine-card[data-layout=layout-3] .menu-grid{position:absolute;inset:0;display:grid;min-height:0;margin:0;overflow:hidden;background:linear-gradient(to right,var(--status-bg) 0 var(--menu-layout-3-sidebar-width),var(--page-bg) var(--menu-layout-3-sidebar-width));grid-template-columns:var(--menu-layout-3-sidebar-width) minmax(0,1.16fr) minmax(0,1fr);grid-template-rows:48px 442px 140px 165px 165px;gap:0}.machine-card[data-layout=layout-3] .menu-grid:after{position:absolute;top:0;bottom:0;left:calc(var(--menu-layout-3-sidebar-width) - var(--menu-layout-3-border-width));z-index:8;width:var(--menu-layout-3-border-width);background:var(--overlay-bg);content:"";pointer-events:none}.machine-card[data-layout=layout-3] .menu-rail,.machine-card[data-layout=layout-3] .menu-primary{display:contents}.machine-card[data-layout=layout-3] .menu-card{overflow:hidden;color:var(--device-text);border:0;border-radius:0;background:var(--card-bg);box-shadow:none}.machine-card[data-layout=layout-3] .menu-card--sport:before,.machine-card[data-layout=layout-3] .menu-card--sport:after{content:none}.machine-card[data-layout=layout-3] .menu-grid [data-menu-item=cycling]{grid-row:2;grid-column:2 / 4}.machine-card[data-layout=layout-3] .menu-grid [data-menu-item=rowing]{grid-row:3;grid-column:2 / 4}.machine-card[data-layout=layout-3] .menu-grid [data-menu-item=paraglide]{grid-row:4 / 6;grid-column:2}.machine-card[data-layout=layout-3] .menu-grid [data-menu-item=kayak]{grid-row:4;grid-column:3}.machine-card[data-layout=layout-3] .menu-grid [data-menu-item=canoe]{grid-row:5;grid-column:3}.machine-card[data-layout=layout-3] .menu-grid [data-menu-item=cycling],.machine-card[data-layout=layout-3] .menu-grid [data-menu-item=rowing],.machine-card[data-layout=layout-3] .menu-grid [data-menu-item=paraglide],.machine-card[data-layout=layout-3] .menu-grid [data-menu-item=kayak],.machine-card[data-layout=layout-3] .menu-grid [data-menu-item=canoe]{border-right:var(--menu-layout-3-border-width) solid var(--overlay-bg);border-bottom:var(--menu-layout-3-border-width) solid var(--overlay-bg)}.machine-card[data-layout=layout-3] .menu-sidebar-heading{position:absolute;top:17px;left:22px;z-index:9;display:block;color:var(--device-text);font-size:var(--font-text-18);line-height:1}.machine-card[data-layout=layout-3] .menu-card__index{position:absolute;top:20px;left:22px;z-index:3;display:block;padding-bottom:7px;border-bottom:2px solid currentColor;font-size:var(--font-text-22);font-weight:var(--device-font-weight-normal, 300);line-height:1}.machine-card[data-layout=layout-3] .menu-card__label{right:28px;bottom:24px;font-size:var(--font-text-42);text-align:right}.machine-card[data-layout=layout-3] .menu-grid [data-menu-item=rowing] .menu-card__label,.machine-card[data-layout=layout-3] .menu-grid [data-menu-item=paraglide] .menu-card__label,.machine-card[data-layout=layout-3] .menu-grid [data-menu-item=kayak] .menu-card__label,.machine-card[data-layout=layout-3] .menu-grid [data-menu-item=canoe] .menu-card__label{right:22px;bottom:20px;font-size:var(--font-text-34)}.machine-card[data-layout=layout-3] .menu-rail [data-menu-item=kayak] .menu-card__label,.machine-card[data-layout=layout-3] .menu-rail [data-menu-item=canoe] .menu-card__label{display:block}.machine-card[data-layout=layout-3] .menu-card__signal,.machine-card[data-layout=layout-3] .menu-rail .menu-card--compact .menu-card__signal{top:0;right:0;width:36px;height:36px}.machine-card[data-layout=layout-3] .menu-primary .menu-card__sport-visual.sport-silhouette--cycling{top:35px;left:-8px;width:500px;height:370px}.machine-card[data-layout=layout-3] .menu-primary .menu-card__sport-visual.sport-silhouette--rowing{top:-16px;left:-158px;width:650px;height:184px}.machine-card[data-layout=layout-3] .menu-primary .menu-card__sport-visual.sport-silhouette--paraglide{top:24px;left:-6px;width:292px;height:276px}.machine-card[data-layout=layout-3] .menu-rail .menu-card__sport-visual.sport-silhouette--kayak{top:10px;left:-84px;width:338px;height:138px;transform:none}.machine-card[data-layout=layout-3] .menu-rail .menu-card__sport-visual.sport-silhouette--canoe{top:14px;left:-72px;width:302px;height:136px;transform:none}.machine-card[data-layout=layout-3] .menu-grid [data-menu-item=history],.machine-card[data-layout=layout-3] .menu-grid [data-menu-item=add]{position:absolute;left:10px;z-index:9;width:72px;height:104px;overflow:visible;background:transparent;box-shadow:none}.machine-card[data-layout=layout-3] .menu-grid [data-menu-item=history]{top:118px}.machine-card[data-layout=layout-3] .menu-grid [data-menu-item=add]{top:250px}.machine-card[data-layout=layout-3] .menu-grid [data-menu-item=history]:after,.machine-card[data-layout=layout-3] .menu-grid [data-menu-item=add]:after{position:absolute;right:12px;bottom:-8px;left:12px;height:var(--menu-layout-3-border-width);background:var(--overlay-bg);content:""}.machine-card[data-layout=layout-3] .menu-card__history-icon{width:54px;height:54px}.machine-card[data-layout=layout-3] .menu-rail .menu-card--add .menu-card__label{inset:50% auto auto 50%;font-size:var(--font-text-56);transform:translate(-50%,-50%)}.machine-card[data-layout=layout-3] .menu-logo-card{position:absolute;right:auto;bottom:22px;left:7px;z-index:9;display:grid;width:78px;height:78px;overflow:visible;border:0;background:transparent;place-items:center}.machine-card[data-layout=layout-3] .menu-logo{width:78px;height:78px;object-fit:contain}.mode-screen{display:grid;width:100%;height:100%;grid-template-rows:48px minmax(0,1fr);background:var(--page-bg)}.training-summary-page{display:grid;width:100%;height:100%;overflow:hidden;background:var(--page-bg);grid-template-rows:48px 224px 228px minmax(0,1fr)}.training-summary-page .status-bar__title{font-weight:800}.training-summary-facts{position:relative;display:grid;min-height:0;margin:8px 14px 0;padding:10px 14px;overflow:hidden;border-radius:14px;background:var(--card-bg);grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));column-gap:24px}.training-summary-facts__visual{position:absolute;top:50%;left:50%;z-index:0;width:220px;height:190px;color:var(--muted);opacity:.16;transform:translate(-50%,-50%)}.training-summary-facts__visual.sport-silhouette--rowing,.training-summary-facts__visual.sport-silhouette--kayak,.training-summary-facts__visual.sport-silhouette--canoe{width:440px}.training-summary-fact{position:relative;z-index:1;display:grid;min-width:0;grid-template-columns:minmax(0,auto) 1fr;align-items:center;gap:12px}.training-summary-fact span{overflow:hidden;font-size:var(--font-text-28);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.training-summary-fact strong{overflow:hidden;font-size:var(--font-text-34);font-weight:800;text-align:right;text-overflow:ellipsis;white-space:nowrap}.training-summary-chart{position:relative;min-height:0;margin:8px 14px;overflow:hidden;color:var(--device-text);border-radius:14px;background:var(--card-bg)}.training-summary-chart>strong{position:absolute;top:7px;left:65px;z-index:1;font-size:var(--font-text-22);line-height:1}.training-summary-chart svg{display:block;width:100%;height:100%;overflow:visible}.training-summary-chart line{stroke:color-mix(in srgb,var(--device-text) 16%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}.training-summary-chart text{fill:var(--muted);font-size:var(--font-text-14);font-weight:700}.training-summary-chart .training-summary-chart__axis{stroke:color-mix(in srgb,var(--device-text) 48%,transparent);stroke-width:2}.training-summary-chart__line{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:3;vector-effect:non-scaling-stroke}.training-summary-chart .training-summary-chart__time{font-size:var(--font-text-14)}.training-summary-chart .training-summary-chart__time-label{fill:var(--device-text);font-size:var(--font-text-14);font-weight:800}.training-summary-metrics{display:grid;min-height:0;padding:0 14px 14px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}.training-summary-metric{position:relative;display:grid;min-width:0;min-height:0;overflow:hidden;border-radius:14px;background:var(--card-bg);place-items:center;container-type:size}.training-summary-metric>span{position:absolute;top:clamp(12px,7cqb,20px);left:clamp(12px,5cqi,20px);max-width:calc(100% - 24px);overflow:hidden;font-size:var(--font-text-22);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.training-summary-metric>strong{max-width:90%;padding-top:18px;overflow:hidden;font-family:var(--device-font-family, "Chakra Petch", sans-serif);font-size:var(--font-metric-110);font-weight:var(--device-font-weight-metric, 700);line-height:.9;letter-spacing:-2px;text-overflow:clip;white-space:nowrap}.training-summary-metric>strong.is-compact-value{font-size:var(--font-metric-60);letter-spacing:0}.training-summary-metric>small{position:absolute;right:clamp(12px,5cqi,20px);bottom:clamp(10px,6cqb,18px);font-size:var(--font-text-22);font-weight:800}.training-history-page{display:grid;width:100%;height:100%;overflow:hidden;background:var(--page-bg);grid-template-rows:48px minmax(0,1fr)}.training-history-content{display:grid;min-height:0;padding:12px 14px 14px;overflow:hidden;grid-template-rows:172px minmax(0,1fr);gap:10px}.training-history-summary{position:relative;min-height:0;padding:16px 20px;overflow:hidden;border-radius:14px;background:var(--card-bg)}.training-history-summary__chart{position:absolute;top:14px;bottom:14px;left:20px;display:grid;width:34%;min-width:0;grid-template-rows:minmax(0,1fr) 24px;gap:5px}.training-history-summary__bars{display:grid;min-height:0;padding:8px 6px 0;overflow:hidden;border-radius:8px;background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--device-text) 9%,transparent) 0 1px,transparent 1px 18px),color-mix(in srgb,var(--device-text) 5%,transparent);grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;gap:5px}.training-history-summary__bars i{position:relative;display:block;min-width:0;overflow:hidden;border-radius:3px 3px 0 0;background:color-mix(in srgb,var(--device-text) 10%,transparent)}.training-history-summary__bars i:after{position:absolute;right:0;bottom:0;left:0;height:40%;content:"";border-radius:3px 3px 0 0;background:color-mix(in srgb,var(--accent) 58%,var(--card-bg))}.training-history-summary__bars i:nth-child(1):after{height:34%}.training-history-summary__bars i:nth-child(2):after{height:57%}.training-history-summary__bars i:nth-child(3):after{height:43%}.training-history-summary__bars i:nth-child(4):after{height:76%}.training-history-summary__bars i:nth-child(5):after{height:52%}.training-history-summary__bars i:nth-child(6):after{height:88%}.training-history-summary__bars i:nth-child(7):after{height:66%}.training-history-summary__days{display:grid;min-width:0;color:var(--device-text);font-size:var(--font-text-22);font-weight:700;line-height:1;grid-template-columns:repeat(7,minmax(0,1fr));align-items:center}.training-history-summary__days span{min-width:0;text-align:center}.training-history-summary dl{position:absolute;top:32px;right:-8px;display:grid;width:60%;margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.training-history-summary dl>div{display:grid;min-width:0;grid-template-rows:24px 62px;justify-items:start}.training-history-summary dt{font-size:var(--font-text-22);font-weight:800;line-height:1;text-align:left;white-space:nowrap}.training-history-summary dd{display:flex;min-width:0;margin:4px 0 0;font-family:var(--device-font-family, "Chakra Petch", sans-serif);font-size:var(--font-text-56);font-weight:var(--device-font-weight-metric, 700);line-height:1;white-space:nowrap;align-items:baseline;justify-content:flex-start;gap:4px}.training-history-summary dd small{font-size:var(--font-text-18)}.training-history-browser{display:grid;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr) 58px;gap:10px}.training-history-list{display:grid;min-height:0;overflow:hidden;grid-template-rows:repeat(4,minmax(0,1fr));gap:10px;touch-action:none}.training-history-record{position:relative;width:100%;min-height:0;padding:0;overflow:hidden;cursor:pointer;color:var(--device-text);border:0;border-radius:14px;background:var(--card-bg);font:inherit;text-align:left}.training-history-record:active{background:color-mix(in srgb,var(--accent) 12%,var(--card-bg))}.training-history-record__visual{position:absolute;top:30px;right:0;bottom:0;z-index:0;width:33.333%;color:var(--muted);opacity:.22}.training-history-record header{position:relative;z-index:2;display:flex;height:30px;padding:0 14px;color:var(--muted);border-bottom:1px solid color-mix(in srgb,var(--device-text) 14%,transparent);align-items:center;justify-content:space-between}.training-history-record header time{font-size:var(--font-text-18);font-weight:700}.training-history-record header strong{color:var(--accent);font-size:var(--font-text-18)}.training-history-record__metrics{position:relative;z-index:1;display:grid;height:calc(100% - 30px);grid-template-columns:repeat(3,minmax(0,1fr))}.training-history-record__metric{display:grid;min-width:0;min-height:0;padding:9px 12px 10px;grid-template-rows:20px minmax(0,1fr) 17px;align-items:center}.training-history-record__metric+.training-history-record__metric{border-left:1px solid color-mix(in srgb,var(--device-text) 18%,transparent)}.training-history-record__metric span{max-width:100%;overflow:hidden;color:var(--device-text);font-size:var(--font-text-14);font-weight:700;line-height:1;text-overflow:ellipsis;white-space:nowrap;justify-self:start}.training-history-record__metric strong{max-width:100%;overflow:hidden;font-family:var(--device-font-family, "Chakra Petch", sans-serif);font-size:var(--font-text-34);line-height:1;text-overflow:ellipsis;white-space:nowrap;place-self:center}.training-history-record__metric small{color:var(--device-text);font-size:var(--font-text-14);font-weight:700;line-height:1;justify-self:end;align-self:end}.training-history-pagination{display:grid;min-height:0;overflow:hidden;border-radius:14px;background:var(--card-bg);grid-template-columns:1fr 92px 1fr}.training-history-pagination button{display:grid;min-width:0;padding:0;cursor:pointer;color:var(--device-text);border:0;border-radius:0;background:transparent;place-items:center}.training-history-pagination button svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.8}.training-history-pagination button:disabled{cursor:default;color:color-mix(in srgb,var(--device-text) 24%,transparent)}.training-history-pagination output{display:grid;color:var(--device-text);border-right:1px solid color-mix(in srgb,var(--device-text) 16%,transparent);border-left:1px solid color-mix(in srgb,var(--device-text) 16%,transparent);font-size:var(--font-text-22);font-weight:800;place-items:center}.mode-page-wrap{position:relative;min-height:0;padding:12px;overflow:hidden;touch-action:pan-y}.mode-canvas{display:grid;width:100%;height:100%;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:8px}.data-widget{--field-content-inset: clamp(12px, min(6cqi, 9cqb), 24px);--field-title-inset: var(--field-content-inset);--field-unit-inset: var(--field-content-inset);--field-title-size: var(--font-text-28);--field-unit-size: var(--field-title-size);--field-value-size: var(--font-metric-60);--field-value-size-long: min(var(--font-metric-60), 22cqi);position:relative;display:flex;min-width:0;min-height:0;overflow:hidden;color:var(--device-text);border:2px solid transparent;border-radius:14px;background:var(--card-bg);flex-direction:column;align-items:center;justify-content:center;touch-action:pan-y;container-type:size}.data-widget.is-editing{cursor:pointer;border:3px dashed var(--muted)}.data-widget.is-selected{border-color:var(--signal);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--signal) 20%,transparent)}.data-widget.is-unavailable{opacity:.72}.data-widget.is-editing:not(.is-selected){opacity:.54;filter:grayscale(.55)}.data-widget.is-editing.is-selected{opacity:1;filter:none}.field-widget__title{position:absolute;top:var(--field-title-inset);left:var(--field-title-inset);z-index:2;max-width:calc(100% - var(--field-title-inset) * 2);overflow:hidden;font-size:var(--field-title-size);font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.field-widget__value{position:relative;z-index:2;max-width:94%;overflow:hidden;font-family:var(--device-font-family, "Chakra Petch", sans-serif);font-size:var(--field-value-size);font-weight:var(--device-font-weight-metric, 700);line-height:.9;letter-spacing:.5px;text-overflow:clip;white-space:nowrap}.field-widget__value--metric-size-1x1{--field-metric-size: var(--font-metric-110)}.field-widget__value--metric-size-1x2,.field-widget__value--metric-size-2x1{--field-metric-size: var(--font-metric-150)}.field-widget__value--metric-size-1x3,.field-widget__value--metric-size-2x2{--field-metric-size: var(--font-metric-190)}.field-widget__value--metric-size-2x3{--field-metric-size: var(--font-metric-230)}.field-widget__value[class*=field-widget__value--metric-size-]{font-size:var(--field-metric-size)}.field-widget__value.is-duration,.field-widget__value--metric-size-2x1.is-duration{font-size:var(--font-metric-60)}.field-widget__value--metric-size-2x2.is-duration,.field-widget__value--metric-size-2x3.is-duration{font-size:var(--font-metric-110)}.field-number-wide{position:absolute;inset:0;overflow:hidden}.field-number-wide__context{position:absolute;top:0;bottom:0;left:0;width:55cqi;min-width:0;padding:var(--field-content-inset)}.field-number-wide__title{position:relative;z-index:2;display:block;max-width:100%;overflow:visible;font-size:var(--field-title-size);font-weight:700;line-height:1.25;white-space:nowrap}.field-number-wide__mode{position:absolute;bottom:clamp(11px,6cqb,18px);left:clamp(14px,3.5cqi,22px);display:grid;width:clamp(50px,9cqi,66px);height:clamp(108px,64cqb,136px);overflow:hidden;color:color-mix(in srgb,var(--device-text) 34%,transparent);border:clamp(2px,.45cqi,3px) solid currentColor;border-radius:clamp(10px,2.3cqi,15px);grid-template-rows:1fr 1fr}.field-number-wide__mode>strong,.field-number-wide__mode>span{display:grid;min-height:0;place-items:center}.field-number-wide__mode>strong{font-size:clamp(35px,min(7cqi,24cqb),50px);font-weight:800;line-height:1}.field-number-wide__mode>span{border-top:clamp(2px,.45cqi,3px) solid currentColor}.field-number-wide__mode>span i{display:block;width:0;height:0;border-right:clamp(17px,8.5cqb,22px) solid transparent;border-bottom:clamp(34px,17cqb,43px) solid currentColor;border-left:clamp(17px,8.5cqb,22px) solid transparent}.field-number-wide__mode.is-reverse>span i{border-top:clamp(34px,17cqb,43px) solid currentColor;border-bottom:0}.field-number-wide__value{position:absolute;right:clamp(14px,3.2cqi,22px);bottom:clamp(6px,3cqb,11px);left:clamp(158px,29cqi,188px);display:flex;min-width:0;overflow:hidden;font-family:var(--device-font-family, "Chakra Petch", sans-serif);align-items:baseline;justify-content:flex-end}.field-number-wide__value strong{min-width:0;overflow:hidden;font-size:var(--font-metric-150);font-weight:700;line-height:.92;letter-spacing:-2px;text-overflow:clip;white-space:nowrap}.field-number-wide__value>span{flex:0 0 auto;font-size:calc(var(--font-metric-150) / 2);font-weight:700;line-height:.92;letter-spacing:-1px}.field-number-wide__value.is-text{bottom:clamp(30px,14cqb,42px);padding-left:4px}.field-number-wide__value.is-text strong{font-size:clamp(70px,min(18cqi,46cqb),106px);letter-spacing:-3px}.field-number-wide__value.is-duration{right:clamp(8px,1.5cqi,12px);left:clamp(88px,16cqi,104px)}.field-number-wide__value.is-duration strong{max-width:100%;font-size:var(--font-metric-110);font-variant-numeric:tabular-nums;letter-spacing:0}.field-number-wide__unit{position:absolute;top:var(--field-unit-inset);right:var(--field-unit-inset);z-index:3;color:var(--device-text);font-size:var(--field-unit-size);font-weight:700;line-height:1}.data-widget.has-connection-status .field-number-wide__unit{right:calc(var(--field-unit-inset) + var(--field-connection-status-size, clamp(10px, min(3.6cqi, 5cqb), 16px)) + var(--field-connection-status-inset, clamp(4px, min(1.4cqi, 2cqb), 7px)))}.field-widget__unit{position:absolute;right:var(--field-unit-inset);bottom:var(--field-unit-inset);z-index:2;color:var(--device-text);font-size:var(--field-unit-size);font-weight:700;line-height:1.25}.field-connection-status{--field-connection-status-size: clamp(10px, min(3.6cqi, 5cqb), 16px);--field-connection-status-inset: clamp(4px, min(1.4cqi, 2cqb), 7px);position:absolute;top:var(--field-connection-status-inset);right:var(--field-connection-status-inset);z-index:4;width:var(--field-connection-status-size);aspect-ratio:1;border-radius:50%;background:var(--signal);box-shadow:0 0 clamp(3px,min(1cqi,1.5cqb),6px) color-mix(in srgb,var(--signal) 82%,transparent)}.field-connection-status.is-connected{background:var(--accent);box-shadow:none}.data-widget.is-unavailable.has-connection-status{opacity:1}.field-gauge{position:absolute;top:50%;left:50%;z-index:1;width:min(84cqi,84cqb);max-width:84%;overflow:visible;aspect-ratio:1;filter:drop-shadow(0 0 min(1.4cqi,5px) rgb(0 0 0 / 18%));transform:translate(-50%,-50%)}.field-gauge__segment{opacity:.2}.field-gauge__segment.is-reached{opacity:.8}.field-gauge__segment--easy{fill:var(--intensity-easy)}.field-gauge__segment--moderate{fill:var(--intensity-moderate)}.field-gauge__segment--intense{fill:var(--intensity-intense)}.field-gauge__target-halo{stroke:var(--card-bg);stroke-width:7}.field-gauge__target{stroke:var(--device-text);stroke-width:3}.field-trend-grid{position:absolute;inset:30% 0 0;z-index:1;overflow:hidden}.field-trend-grid__tiles{position:absolute;top:0;right:0;left:0;display:block;width:100%;height:calc(100% - clamp(6px,2cqb,10px));fill:var(--device-text);opacity:.1}.field-trend{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;color:var(--accent)}.field-trend__area{fill:var(--intensity-moderate);fill-opacity:.22;stroke:none}.field-trend__area--intense{fill:var(--intensity-intense)}.field-trend__target{stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.heading-drift{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden}.heading-drift--axes{z-index:1}.heading-drift--arrows{z-index:3}.heading-drift__grid{--heading-drift-grid-edge: clamp(8px, 1.8cqi, 12px);--heading-drift-axis-gap: clamp(10px, 2cqi, 14px);position:absolute;top:calc(21.111% + 14px);bottom:clamp(6px,2cqb,10px);z-index:0;display:grid;overflow:hidden;grid-template:repeat(6,minmax(0,1fr)) / repeat(6,minmax(0,1fr));gap:clamp(4px,min(.9cqi,1.1cqb),7px)}.heading-drift__grid--left{right:calc(50% + var(--heading-drift-axis-gap));left:var(--heading-drift-grid-edge)}.heading-drift__grid--right{right:var(--heading-drift-grid-edge);left:calc(50% + var(--heading-drift-axis-gap))}.heading-drift__grid i{display:block;width:100%;height:100%;border-radius:clamp(3px,.8cqi,6px);background:color-mix(in srgb,var(--device-text) 10%,transparent)}.heading-drift__axis{stroke:var(--device-text);stroke-width:5.1;vector-effect:non-scaling-stroke}.heading-drift__origin{position:absolute;top:21.111%;left:50%;z-index:2;width:clamp(36px,min(8cqi,8cqb),44px);aspect-ratio:1;border:6px solid var(--device-text);border-radius:50%;background:var(--card-bg);transform:translate(-50%,-50%)}.heading-drift__previous{fill:color-mix(in srgb,var(--device-text) 22%,transparent);stroke:color-mix(in srgb,var(--device-text) 22%,transparent);stroke-linecap:round;stroke-linejoin:round;stroke-width:14}.heading-drift__previous path{vector-effect:non-scaling-stroke}.heading-drift__previous-line{fill:none}.heading-drift__previous-head{fill:color-mix(in srgb,var(--device-text) 22%,transparent);stroke:none}.heading-drift__current{fill:var(--intensity-intense);stroke:var(--intensity-intense);stroke-linecap:round;stroke-linejoin:round;stroke-width:14}.heading-drift__current-line{fill:none;vector-effect:non-scaling-stroke}.heading-drift__current-head{fill:var(--intensity-intense);stroke:none;vector-effect:non-scaling-stroke}.heading-drift__power{position:absolute;right:clamp(14px,3cqi,20px);bottom:clamp(14px,4cqb,20px);z-index:4;display:grid;width:clamp(142px,27cqi,170px);min-height:clamp(108px,32cqb,126px);padding:clamp(9px,2.4cqb,12px) clamp(12px,2.4cqi,15px);overflow:hidden;color:var(--intense-text);border-radius:clamp(16px,min(3.5cqi,4.8cqb),22px);background:var(--intensity-intense);grid-template-rows:minmax(0,1fr) auto;place-items:center}.heading-drift__power strong{display:grid;width:100%;min-width:0;overflow:hidden;padding-bottom:clamp(5px,1.6cqb,7px);font-family:var(--device-font-family, "Chakra Petch", sans-serif);font-size:var(--font-metric-60);font-weight:var(--device-font-weight-metric, 700);line-height:.9;text-overflow:clip;white-space:nowrap;border-bottom:2px solid currentColor;place-items:center}.heading-drift__power>span{padding-top:clamp(5px,1.6cqb,7px);font-size:clamp(18px,min(4cqi,5.2cqb),22px);font-weight:700;line-height:1}.intercom-view{--intercom-channel-size: var(--font-metric-60);position:absolute;inset:0;min-width:0;min-height:0;overflow:hidden}.intercom-view--1x1{--intercom-channel-size: var(--font-metric-60)}.intercom-view--2x1,.intercom-view--2x2{--intercom-channel-size: var(--font-metric-110)}.intercom-view--2x3{--intercom-channel-size: var(--font-metric-150)}.intercom-view__channel{min-width:0;overflow:hidden;font-family:var(--device-font-family, "Chakra Petch", sans-serif);font-size:var(--intercom-channel-size);font-weight:var(--device-font-weight-metric, 700);line-height:.9;text-overflow:clip;white-space:nowrap}.intercom-view--compact{display:grid;padding:var(--field-content-inset);grid-template-rows:minmax(0,1fr) clamp(70px,32cqb,96px);align-content:stretch;gap:clamp(8px,2cqb,12px)}.intercom-view__compact-information{display:grid;min-width:0;min-height:0;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:clamp(8px,2cqi,12px)}.intercom-view__compact-primary{display:grid;min-width:0;align-content:start;gap:clamp(8px,2cqb,12px)}.intercom-view--compact .intercom-view__title{overflow:hidden;font-size:var(--font-text-22);font-weight:700;line-height:1;text-align:left;text-overflow:ellipsis;white-space:nowrap}.intercom-view--compact .intercom-view__channel{display:block;font-size:var(--intercom-channel-size);text-align:left}.intercom-view__compact-code{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:end;gap:clamp(7px,1.8cqb,11px)}.intercom-view--compact .intercom-view__detail{overflow:hidden;font-size:var(--font-text-22);text-align:right;text-overflow:clip}.intercom-view--compact .intercom-view__wave{grid-column:1;grid-row:2}.intercom-view--wide{display:grid;padding:var(--field-content-inset) 0 var(--field-content-inset) var(--field-content-inset);grid-template-columns:minmax(0,1fr) clamp(116px,22cqi,148px) clamp(62px,13cqi,84px);grid-template-rows:auto minmax(0,1fr) clamp(58px,29cqb,82px);align-items:stretch;gap:clamp(5px,1cqb,8px) clamp(10px,2cqi,16px)}.intercom-view--wide .intercom-view__information{display:contents}.intercom-view--wide .intercom-view__title{overflow:hidden;font-size:var(--font-text-22);font-weight:700;line-height:1;text-overflow:ellipsis;white-space:nowrap;grid-column:1 / 3;grid-row:1}.intercom-view--wide .intercom-view__channel{display:block;align-self:center;grid-column:1;grid-row:2}.intercom-view--wide .intercom-view__details{overflow:hidden;align-content:space-between;grid-column:2;grid-row:2}.intercom-view--wide .intercom-view__detail{font-size:var(--font-text-28)}.intercom-view--wide .intercom-view__wave{grid-column:1 / 3;grid-row:3}.intercom-view__details{display:grid;min-width:0;margin:0;grid-template-columns:minmax(0,1fr);align-content:space-between;gap:clamp(5px,1cqb,9px)}.intercom-view__detail{display:block;min-width:0;max-width:100%;overflow:hidden;font-size:var(--font-text-22);font-weight:700;line-height:1;text-align:left;text-overflow:clip;white-space:nowrap}.intercom-view--tall{display:grid;padding:var(--field-content-inset);grid-template-columns:minmax(0,1fr) clamp(62px,13cqi,84px);grid-template-rows:minmax(0,1fr) clamp(110px,28cqb,210px);gap:clamp(12px,min(3cqi,2cqb),18px) clamp(10px,2cqi,14px)}.intercom-view--tall .intercom-view__information{display:grid;min-width:0;min-height:0;grid-template-rows:auto auto minmax(0,1fr);gap:clamp(8px,1.5cqb,14px)}.intercom-view--tall .intercom-view__title{overflow:hidden;font-size:var(--font-text-28);font-weight:700;line-height:1;text-overflow:ellipsis;white-space:nowrap}.intercom-view--tall .intercom-view__details{align-content:end;gap:clamp(12px,3cqb,24px)}.intercom-view--tall .intercom-view__detail{font-size:var(--font-text-42)}.intercom-view--deep .intercom-view__details{gap:clamp(16px,3.5cqb,26px)}.intercom-view__signal.is-stacked{display:flex;width:100%;height:100%;min-height:0;padding:0;flex-direction:column-reverse;align-self:stretch;align-items:center;gap:clamp(3px,.7cqb,5px);grid-column:2;grid-row:1}.intercom-view__signal.is-stacked i{width:100%;height:auto;min-height:0;border:3px solid currentColor;background:transparent;opacity:1;flex:1 1 0}.intercom-view__signal.is-stacked i.is-low{color:var(--signal)}.intercom-view__signal.is-stacked i.is-medium{color:var(--warning)}.intercom-view__signal.is-stacked i.is-high{color:var(--positive)}.intercom-view__signal.is-stacked i.is-reached{background:currentColor;opacity:1}.intercom-view--wide .intercom-view__signal.is-stacked{grid-column:3;grid-row:1 / -1}.intercom-view__wave{display:flex;width:100%;min-width:0;min-height:0;padding:clamp(10px,2.5cqb,18px) clamp(8px,1.5cqi,12px) 0;overflow:hidden;background:color-mix(in srgb,var(--status-bg) 80%,var(--device-text) 20%);align-items:flex-end;justify-content:center;gap:clamp(3px,.75cqi,5px)}.intercom-view--tall .intercom-view__wave{grid-column:1 / -1;grid-row:2}.intercom-view__wave i{width:100%;height:88%;background:repeating-linear-gradient(to top,color-mix(in srgb,var(--accent) 82%,var(--device-text)) 0 clamp(6px,1.5cqb,9px),transparent clamp(6px,1.5cqb,9px) clamp(9px,2.2cqb,13px));opacity:.5;transform:scaleY(.045);transform-origin:bottom}.intercom-view--1x1:not(.is-transmitting) .intercom-view__wave i,.intercom-view--2x1:not(.is-transmitting) .intercom-view__wave i,.intercom-view--2x2:not(.is-transmitting) .intercom-view__wave i{transform:scaleY(.09)}.intercom-view.is-transmitting .intercom-view__wave i{opacity:1}.intercom-view.is-transmitting .intercom-view__wave i{animation:intercom-wave .62s ease-in-out infinite alternate;animation-delay:calc(var(--wave-index) * -73ms)}.data-widget--progress{--progress-loop-thickness: clamp(14px, min(5.5cqi, 8cqb), 24px);--progress-loop-gap: clamp(3px, min(1.2cqi, 2cqb), 7px);--progress-loop-top: calc(var(--field-title-inset) + var(--field-title-size) + clamp(12px, 5cqb, 22px))}.field-progress-loop{position:absolute;inset:0 -2px -2px;z-index:1;pointer-events:none}.data-widget--progress.is-editing .field-progress-loop{inset:0}.field-progress-loop__side{position:absolute;display:flex;gap:var(--progress-loop-gap)}.field-progress-loop__side--top{top:var(--progress-loop-top);right:0;left:0;height:var(--progress-loop-thickness)}.field-progress-loop__side--right{top:calc(var(--progress-loop-top) + var(--progress-loop-thickness) + var(--progress-loop-gap));right:0;bottom:calc(var(--progress-loop-thickness) + var(--progress-loop-gap));width:var(--progress-loop-thickness);flex-direction:column}.field-progress-loop__side--bottom{right:0;bottom:0;left:0;height:var(--progress-loop-thickness);flex-direction:row-reverse}.field-progress-loop__side--left{top:calc(var(--progress-loop-top) + var(--progress-loop-thickness) + var(--progress-loop-gap));bottom:calc(var(--progress-loop-thickness) + var(--progress-loop-gap));left:0;width:var(--progress-loop-thickness);flex-direction:column-reverse}.field-progress-loop__side i{display:block;min-width:0;min-height:0;background:color-mix(in srgb,var(--muted) 30%,transparent);flex:1 1 0}.field-progress-loop__side i.is-reached{background:color-mix(in srgb,var(--accent) 80%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 40%,transparent)}.data-widget--progress .field-widget__value{position:absolute;top:var(--progress-loop-top);bottom:0;left:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%)}.data-widget--progress .field-widget__unit,.data-widget--trend .field-widget__unit{top:var(--field-unit-inset);bottom:auto}.data-widget--trend .field-widget__value--trend{position:absolute;top:39%;left:50%;z-index:3;max-width:88%;line-height:.9;text-align:center;transform:translate(-50%,-50%)}.data-widget--progress .field-widget__title,.data-widget--trend .field-widget__title{max-width:calc(100% - var(--field-title-inset) - clamp(70px,26cqi,150px))}.map-view,.camera-view{position:absolute;inset:0;overflow:hidden}.map-view{color:#27322e;background:#d9d5c7}.map-view__canvas{display:block;width:100%;height:100%}.map-view__land{fill:#ded9c9}.map-view__water{fill:#a8cdd2}.map-view__park{fill:#b6c99f;opacity:.82}.map-view__minor-roads path{fill:none;stroke:#f4f1e8;stroke-width:8}.map-view__road-edge{fill:none;stroke:#a6a297;stroke-width:30}.map-view__road-fill{fill:none;stroke:#f7f3e8;stroke-width:24}.map-view__road-center{fill:none;stroke:#d5b95f;stroke-dasharray:12 13;stroke-width:2}.map-view__route-shadow{fill:none;stroke:#00000038;stroke-linecap:round;stroke-linejoin:round;stroke-width:22}.map-view__route-line{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:14}.map-view__route-end{fill:var(--positive);stroke:var(--surface-bg);stroke-width:6}.map-view__current{fill:var(--accent);stroke:#fff;stroke-linejoin:round;stroke-width:7;filter:drop-shadow(0 4px 7px rgb(0 0 0 / 42%))}.map-view__scale{position:absolute;top:var(--field-title-inset);right:var(--field-title-inset);display:grid;width:clamp(76px,20cqi,112px);color:#27322e;justify-items:center;gap:4px;font-size:var(--font-text-22);font-weight:800}.map-view__scale i{width:100%;height:clamp(7px,1.8cqb,12px);border-right:3px solid currentColor;border-bottom:3px solid currentColor;border-left:3px solid currentColor}.map-view__label{position:absolute;top:var(--field-title-inset);left:var(--field-title-inset);display:grid;max-width:55%;padding:clamp(8px,2cqb,13px) clamp(11px,3cqi,18px);border-radius:10px;background:#ffffffe5;box-shadow:0 4px 14px #00000029;gap:2px}.map-view__label strong{color:var(--accent);font-size:var(--font-text-14);line-height:1}.camera-view{color:#fff;background:#202a29}.data-widget--camera.is-unavailable{opacity:1}.camera-view--unavailable{display:grid;color:var(--inverse-text);place-items:center}.camera-view--unavailable p{margin:0;font-size:var(--font-text-28);font-weight:800;line-height:1.2;text-align:center}.camera-view__scene{display:block;width:100%;height:100%;filter:saturate(.88) contrast(1.04)}.camera-view__sun{fill:#fff5cf;opacity:.78;filter:drop-shadow(0 0 22px #fff2b8)}.camera-view__mountain--back{fill:#66776f;opacity:.72}.camera-view__mountain{fill:#41534b}.camera-view__road{opacity:.95}.camera-view__road-edge{fill:none;stroke:#d2c9ad;stroke-width:8}.camera-view__road-mark{fill:none;stroke:#eee4c4;stroke-dasharray:30 24;stroke-linecap:round;stroke-width:7}.camera-view__trees{fill:#263e2f;opacity:.92}.camera-view__handlebar{fill:none;stroke:#171918;stroke-linecap:round;stroke-linejoin:round;stroke-width:18}.camera-view__shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgb(0 0 0 / 42%),transparent 18%,transparent 72%,rgb(0 0 0 / 58%)),radial-gradient(circle,transparent 52%,rgb(0 0 0 / 28%))}.camera-view__record-status{position:absolute;top:var(--field-title-inset);left:var(--field-title-inset);display:flex;height:clamp(22px,4cqb,34px);align-items:center;gap:clamp(7px,1.5cqi,11px);font-size:var(--font-text-22);font-weight:800;line-height:1}.camera-view__record-dot{display:block;width:clamp(11px,min(3.6cqi,2.6cqb),18px);aspect-ratio:1;border-radius:50%;background:var(--signal);box-shadow:0 0 8px var(--signal);transform:translateY(-.1em)}.camera-view.is-recording .camera-view__record-dot{animation:camera-recording-blink 1s step-end infinite}.camera-view__quality{position:absolute;top:var(--field-title-inset);right:var(--field-title-inset);display:grid;min-width:clamp(76px,16cqi,104px);padding:clamp(7px,1.5cqb,11px) clamp(10px,2cqi,14px);color:var(--device-text);border-radius:10px;background:color-mix(in srgb,var(--card-bg) 80%,transparent);font-size:var(--font-text-22);font-weight:500;line-height:1.12;text-align:center}.camera-view__focus{position:absolute;top:50%;left:50%;width:min(29cqi,22cqb);aspect-ratio:1;border:2px solid rgb(255 255 255 / 66%);box-shadow:0 0 0 1px #00000040;transform:translate(-50%,-50%)}.camera-view__focus:before,.camera-view__focus:after{position:absolute;top:50%;left:50%;content:"";background:#ffffffb3;transform:translate(-50%,-50%)}.camera-view__focus:before{width:26%;height:1px}.camera-view__focus:after{width:1px;height:26%}.camera-view__focus i{position:absolute;inset:34%;border:1px solid rgb(255 255 255 / 36%);border-radius:50%}.camera-view__guides{position:absolute;inset:0;opacity:.18}.camera-view__guides i{position:absolute;background:#fff}.camera-view__guides i:nth-child(1),.camera-view__guides i:nth-child(2){top:0;bottom:0;width:1px}.camera-view__guides i:nth-child(1){left:33.333%}.camera-view__guides i:nth-child(2){right:33.333%}.camera-view__guides i:nth-child(3),.camera-view__guides i:nth-child(4){right:0;left:0;height:1px}.camera-view__guides i:nth-child(3){top:33.333%}.camera-view__guides i:nth-child(4){bottom:33.333%}.mode-editor,.layout-picker{--editor-operation-bar-height: 104px;--editor-operation-icon-size: 84px;position:relative;width:100%;height:100%;overflow:hidden;background:var(--page-bg)}.editor-nav{display:grid;height:var(--editor-operation-bar-height);padding:0 8px;background:var(--status-bg);box-shadow:0 9px 18px #0000003d;grid-template-columns:1fr 110px 1fr;align-items:stretch;transform-origin:top}.mode-editor>.editor-nav{position:absolute;top:0;right:0;left:0;z-index:9;padding:0}.mode-editor>.status-bar{position:absolute;top:0;right:0;left:0;z-index:8}.layout-picker>.editor-nav{padding:0}.editor-nav.is-entering{animation:editor-nav-reveal .18s ease-out both}.editor-nav.is-closing{pointer-events:none;animation:editor-nav-collapse .18s ease-in forwards}.editor-nav h3{display:grid;height:100%;margin:0;border-right:1px solid color-mix(in srgb,var(--device-text) 42%,transparent);border-left:1px solid color-mix(in srgb,var(--device-text) 42%,transparent);font-size:var(--font-text-28);text-align:center;place-items:center}.mode-editor>.editor-nav h3,.layout-picker>.editor-nav h3{border-right:0;border-left:0}.editor-nav button{display:grid;width:100%;height:auto;min-height:0;align-self:stretch;padding:0;cursor:pointer;color:var(--device-text);border:0;border-radius:0;background:transparent;font-size:var(--font-text-28);font-weight:700;place-items:center}.editor-nav button:first-child,.confirm-dialog__action--secondary{color:var(--inverse-text);background:var(--neutral-action-bg)}.editor-nav button:last-child,.confirm-dialog__action--primary{color:var(--inverse-text);background:var(--confirm-action-bg)}.editor-nav button:disabled{cursor:not-allowed;color:var(--muted);background:color-mix(in srgb,var(--neutral-action-bg) 78%,var(--page-bg))}.editor-canvas-wrap{position:relative;height:calc(100% - var(--editor-operation-bar-height));padding:12px;touch-action:pan-y}.mode-editor .editor-canvas-wrap{position:absolute;inset:48px 0 0;height:auto}.editor-bottom-bar{position:absolute;right:0;bottom:0;left:0;z-index:8;display:grid;height:var(--editor-operation-bar-height);padding:0;background:var(--status-bg);box-shadow:0 -9px 18px #0000003d;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 58px minmax(0,1fr) minmax(0,1fr);align-items:stretch}.editor-bottom-bar.is-entering{animation:editor-bottom-bar-reveal .18s ease-out both}.editor-bottom-bar.is-closing{pointer-events:none;animation:editor-bottom-bar-hide .18s ease-in forwards}.editor-bottom-bar button{display:grid;width:100%;height:100%;min-height:0;align-self:stretch;padding:0;cursor:pointer;color:var(--device-text);border:0;border-right:1px solid color-mix(in srgb,var(--device-text) 42%,transparent);border-radius:0;background:transparent;opacity:1;place-items:center}.editor-bottom-bar button svg{width:var(--editor-operation-icon-size);height:var(--editor-operation-icon-size);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.editor-bottom-bar button:disabled{cursor:not-allowed;color:var(--muted);filter:grayscale(1);opacity:.5}.editor-page-actions{position:relative;min-width:0;height:var(--editor-operation-bar-height)}.editor-page-actions>button{position:absolute;right:0;left:0}.editor-page-actions__delete{top:0}.editor-bottom-bar .editor-page-actions__add{bottom:var(--editor-operation-bar-height);background:var(--status-bg);box-shadow:0 -9px 18px #0000002e}.editor-page-indicator{display:grid;height:var(--editor-operation-bar-height);border-right:1px solid color-mix(in srgb,var(--device-text) 42%,transparent);font-size:var(--font-text-22);text-align:center;place-items:center}.device-overlay{position:absolute;inset:0;z-index:40;display:flex;background:color-mix(in srgb,var(--overlay-bg) 58%,transparent);align-items:flex-end}.device-overlay--center{align-items:center;justify-content:center}.confirm-dialog{display:grid;width:88%;min-height:230px;padding:0;overflow:hidden;color:var(--device-text);border:0;border-radius:0;background:var(--surface-bg);box-shadow:0 14px 36px #00000052;grid-template-columns:1fr 1fr;grid-template-rows:minmax(150px,auto) 80px}.confirm-dialog p{display:grid;width:min(70%,340px);margin:0 auto;padding:24px 0;font-size:var(--font-text-34);font-weight:800;line-height:1.25;text-align:center;white-space:normal;overflow-wrap:break-word;grid-column:1 / -1;grid-row:1;place-items:center}.confirm-dialog__action{width:100%;height:80px;min-height:80px;padding:0;cursor:pointer;border:0;border-radius:0;font-size:var(--font-text-22);font-weight:800}.confirm-dialog__action--secondary{grid-column:1;grid-row:2}.confirm-dialog__action--primary{grid-column:2;grid-row:2}.bottom-sheet{width:100%;max-height:72%;padding:0;overflow:hidden;color:var(--device-text);border-radius:0;background:var(--surface-bg);box-shadow:0 -12px 38px #00000047}.sheet-header{display:flex;min-height:52px;align-items:center;justify-content:space-between}.sheet-header h3{margin:0;font-size:var(--font-text-22)}.sheet-header button{display:grid;width:42px;height:42px;padding:0;cursor:pointer;color:var(--device-text);border:0;border-radius:50%;background:var(--card-bg);font-size:var(--font-text-28);place-items:center}.device-bottom-sheet{position:absolute;right:0;bottom:0;left:0;display:flex;width:100%;height:auto;max-height:92%;margin:0;flex-direction:column;animation:bottom-sheet-reveal .18s ease-out both}.device-bottom-sheet.field-picker{height:92%}.device-bottom-sheet.is-closing{animation:bottom-sheet-hide .18s ease-in forwards}.device-bottom-sheet__header{min-height:92px;padding:0 8px 0 16px;justify-content:flex-end}.device-bottom-sheet__header button{width:92px;height:92px;color:var(--device-text);border-radius:0;background:transparent}.device-bottom-sheet__header button svg{width:62px;height:62px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.field-picker__header{display:grid;flex:0 0 auto;grid-template-columns:92px minmax(0,1fr) 92px;padding:0;border-bottom:1px solid color-mix(in srgb,var(--device-text) 24%,transparent)}.field-picker__header h3{overflow:hidden;font-size:var(--font-text-34);text-align:center;text-overflow:ellipsis;white-space:nowrap}.field-picker__header>span{width:92px}.field-picker__header .field-picker__back{width:92px}.field-picker__header .field-picker__back svg{width:50px;height:50px}.field-picker__track{display:flex;width:200%;height:0;min-height:0;overflow:hidden;flex:1 1 auto;transform:translate(0);transition:transform .22s ease-out}.field-picker__track.is-view-step{transform:translate(-50%)}.field-picker__panel{width:50%;height:100%;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;-webkit-overflow-scrolling:touch}.field-picker__panel::-webkit-scrollbar{display:none}.field-picker__list{min-height:100%;overflow:visible}.field-picker__list::-webkit-scrollbar{display:none}.field-picker__section h4{display:flex;width:100%;height:92px;margin:0;padding:0 16px;color:var(--device-text);background:var(--category-bg);font-size:var(--font-text-42);font-weight:800;line-height:1;align-items:center}.drawer-item{width:100%;min-height:92px;padding:13px 16px;color:var(--device-text);border:0;border-top:1px solid color-mix(in srgb,var(--device-text) 28%,transparent);border-bottom:1px solid color-mix(in srgb,var(--device-text) 28%,transparent);border-radius:0;background:transparent}.field-option{display:grid;cursor:pointer;grid-template-columns:minmax(0,1fr) auto 48px;align-items:center;gap:10px;text-align:left}.field-option.is-selected{border-radius:0;background:var(--status-pill-bg)}.field-option.is-selected .field-option__field{color:var(--inverse-text)}.field-option:disabled{cursor:not-allowed;opacity:.42}.field-option:disabled .field-option__meta{color:var(--muted);background:color-mix(in srgb,var(--muted) 18%,transparent)}.field-option__field{min-width:0;overflow:hidden;color:inherit;font-size:var(--font-text-34);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.field-option__meta{display:grid;min-width:36px;height:36px;padding:0 8px;color:var(--accent-text);border-radius:18px;background:var(--accent);font-size:var(--font-text-22);font-weight:800;place-items:center}.field-option__chevron{width:40px;height:40px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.field-option:disabled .field-option__chevron{color:var(--muted)}.field-view-options{display:grid;padding-bottom:20px}.field-view-option{display:grid;min-height:104px;padding:10px 18px;cursor:pointer;color:var(--device-text);border:0;border-top:1px solid color-mix(in srgb,var(--device-text) 24%,transparent);background:transparent;grid-template-columns:72px minmax(0,1fr) 48px;align-items:center;text-align:left}.field-view-option.is-selected{color:var(--inverse-text);background:var(--status-pill-bg)}.field-view-option:disabled{cursor:not-allowed;color:var(--muted);opacity:.42}.field-view-option>svg:first-child{width:58px;height:58px;padding:8px;color:var(--accent);border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,transparent);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.3}.field-view-option.is-selected>svg:first-child{color:var(--inverse-text);background:color-mix(in srgb,var(--inverse-text) 14%,transparent)}.field-view-option:disabled>svg:first-child{color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,transparent)}.field-view-option>span{overflow:hidden;font-size:var(--font-text-34);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.page-template{display:grid;cursor:pointer;text-align:left;align-items:center}.page-template__label{overflow:hidden;font-size:var(--font-text-34);font-weight:400;text-overflow:ellipsis;white-space:nowrap}.device-toast{position:absolute;right:50%;bottom:70px;z-index:80;max-width:80%;padding:12px 18px;color:var(--inverse-text);border-radius:12px;background:color-mix(in srgb,var(--toast-bg) 92%,transparent);box-shadow:0 8px 24px #0000004d;font-size:var(--font-text-18);text-align:center;transform:translate(50%);animation:toast-in .18s ease-out}.layout-picker{display:grid;grid-template-rows:var(--editor-operation-bar-height) minmax(0,1fr)}.layout-picker__grid{display:grid;min-height:0;padding:12px 18px 18px;overflow:hidden;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}.layout-picker__grid button{display:grid;min-width:0;min-height:0;padding:9px;cursor:pointer;color:var(--device-text);border:3px solid transparent;border-radius:12px;background:var(--card-bg);place-items:center}.layout-picker__grid .layout-thumbnail{width:min(170px,100%);max-height:100%}.layout-picker__grid button.is-selected{border-color:var(--signal)}.layout-thumbnail{display:grid;width:100%;aspect-ratio:2 / 4;padding:4px;border:1px solid var(--muted);border-radius:5px;background:transparent;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:3px}.layout-thumbnail i{min-width:0;min-height:0;border:2px solid var(--device-text);border-radius:3px;background:transparent}.machine-screen__viewport .device-app,.machine-screen__viewport .device-app :where(*){font-family:var(--device-font-family, "Chakra Petch", sans-serif);font-weight:var(--device-font-weight-normal, 300)}.machine-screen__viewport .device-app :where(strong,h1,h2,h3,h4,dt,.status-bar__title,.quick-setting-slider__label output,.quick-settings-actions button span,.device-utility-row__label,.device-utility-row__value,.device-utility-row__detail,.sensor-device-option__id,.sensor-device-option__meta,.utility-selection-option span,.menu-card__label,.training-summary-fact span,.training-summary-chart>strong,.training-summary-metric>span,.training-summary-metric>small,.training-history-summary__days,.training-history-record header time,.training-history-record__metric span,.training-history-record__metric small,.training-history-pagination output,.field-widget__title,.field-number-wide__title,.field-number-wide__unit,.field-widget__unit,.heading-drift__power>span,.intercom-view__title,.intercom-view__detail,.map-view__scale,.camera-view--unavailable p,.camera-view__record-status,.camera-view__quality,.editor-nav button,.confirm-dialog p,.confirm-dialog__action,.field-picker__section h4,.field-option__field,.field-option__meta,.field-view-option>span){font-weight:var(--device-font-weight-bold, 500)}.machine-screen__viewport .device-app :where(.training-summary-fact strong,.training-summary-chart text,.training-summary-metric>strong,.training-history-summary dd,.training-history-record__metric strong,.field-widget__value,.field-number-wide__value strong,.field-number-wide__value>span,.heading-drift__power strong,.intercom-view__channel){font-family:var(--device-font-family, "Chakra Petch", sans-serif);font-weight:var(--device-font-weight-metric, 700)}.machine-card[data-theme=theme-2] .menu-logo,.machine-card[data-theme=theme-3] .menu-logo,.machine-card[data-theme=theme-4] .menu-logo,.machine-card[data-theme=theme-5] .menu-logo,.machine-card[data-theme=theme-6] .menu-logo,.machine-card[data-theme=theme-9] .menu-logo{filter:brightness(0) invert(1);opacity:.68}@keyframes toast-in{0%{opacity:0;transform:translate(50%,8px)}}@keyframes editor-nav-reveal{0%{opacity:0;transform:translateY(-100%) scaleY(.2)}}@keyframes editor-nav-collapse{to{opacity:0;transform:translateY(-100%) scaleY(.2)}}@keyframes editor-bottom-bar-reveal{0%{opacity:0;transform:translateY(100%)}}@keyframes editor-bottom-bar-hide{to{opacity:0;transform:translateY(100%)}}@keyframes bottom-sheet-reveal{0%{opacity:0;transform:translateY(100%)}}@keyframes bottom-sheet-hide{to{opacity:0;transform:translateY(100%)}}@keyframes sensor-search-spin{to{transform:rotate(360deg)}}@keyframes site-access-spin{to{transform:rotate(360deg)}}@keyframes machine-model-loading-spin{to{transform:rotate(360deg)}}@keyframes camera-recording-blink{50%{visibility:hidden}}@keyframes intercom-wave{0%{transform:scaleY(.12)}38%{transform:scaleY(.84)}68%{transform:scaleY(.32)}to{transform:scaleY(1)}}@media(max-width:960px){.machine-area{--machine-area-width: 100vw;margin-right:0}.control-sidebar{position:fixed;top:0;right:0;z-index:60;width:min(88vw,380px);height:100dvh;max-height:none;border-radius:16px 0 0 16px;transform:translate(100%);transition:transform .18s ease}.control-sidebar.is-open{transform:translate(0)}.control-sidebar__close{display:grid;width:36px;height:36px;padding:0;cursor:pointer;color:#fff;border:1px solid rgb(255 255 255 / 18%);border-radius:9px;background:#151b23;font-size:var(--font-text-22);place-items:center}.control-sidebar__close svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.control-drawer-toggle{position:fixed;right:14px;bottom:14px;z-index:50;display:block;min-width:64px;padding:11px 15px;cursor:pointer;color:#fff;border:1px solid rgb(255 255 255 / 24%);border-radius:999px;background:#18202a;box-shadow:0 10px 26px #0000006b;font-weight:700}.control-backdrop{position:fixed;inset:0;z-index:55;display:block;padding:0;cursor:pointer;border:0;background:#0000009e}.demo-shell.is-control-open{height:100dvh;overflow:hidden}.config-grid{grid-template-columns:1fr}.config-field--scale{grid-column:auto}}@media(max-width:640px){html,body,#root{min-height:100%;background:#050607}.demo-shell,.demo-workspace,.machine-area,.machine-grid{min-height:100dvh}.machine-grid{display:grid;width:100vw;padding:12px 0;overflow-x:hidden;background:#050607;justify-content:center}.machine-card{min-height:max(660px,calc(100dvh - 24px))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}