.siq-demo{--siq-bg:#262525;--siq-card:#323232;--siq-orange:#d8542b;--siq-muted:#aaa8a8;--siq-blue:#1672fb;--siq-lime:#acff8a;width:100%;max-width:408px;min-width:0;margin-inline:auto;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.4;text-align:left;color-scheme:dark;-webkit-font-smoothing:antialiased}
.siq-demo *{box-sizing:border-box}
.siq-demo button{font:inherit;cursor:pointer;color:inherit;appearance:none;-webkit-appearance:none;letter-spacing:normal;text-transform:none;line-height:1.35;margin:0}
.siq-demo button:focus-visible{outline:2px solid #ffb49b;outline-offset:3px;z-index:2}
.siq-demo button:disabled{opacity:.3;cursor:default}
.siq-demo h2,.siq-demo h3,.siq-demo p{margin:0;color:inherit;font-family:inherit;font-weight:inherit;letter-spacing:normal}
.siq-demo button svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.siq-demo .siq-device{background:var(--siq-bg);border:7px solid #111110;border-radius:46px;box-shadow:0 0 0 1px #5a5650,0 28px 55px -18px #1a15144d;overflow:hidden;isolation:isolate}
.siq-demo .siq-status{height:49px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:1px 21px 0;background:#171616;font-size:13px;font-weight:700;user-select:none}
.siq-demo .siq-status>svg{width:44px;height:15px}
.siq-demo .siq-device-island{position:absolute;left:50%;transform:translateX(-50%);top:8px;width:104px;height:28px;background:#050505;border-radius:30px}
.siq-demo .siq-screen-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;background:#171616;border-bottom:1px solid #ffffff05;gap:10px}
.siq-demo .siq-screen-header h2{font-size:18px;font-weight:600;line-height:1.3}
.siq-demo .siq-header-mark{width:28px;height:27px;color:var(--siq-orange)}
.siq-demo .siq-header-mark svg{width:100%;height:100%}
.siq-demo .siq-beta{color:var(--siq-muted);font-size:9px;letter-spacing:.08em;border:1px solid #5c5757;padding:3px 5px;border-radius:4px}
.siq-demo .siq-screen{height:567px;overflow-y:auto;overflow-x:hidden;padding:20px 14px 22px;scrollbar-width:thin;scrollbar-color:#555 #262525;overscroll-behavior:auto;outline:none}
.siq-demo .siq-session-heading{display:flex;justify-content:space-between;align-items:flex-start;margin:0 2px 18px;gap:10px}
.siq-demo .siq-overline{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--siq-muted);display:block;font-weight:600}
.siq-demo .siq-session-heading strong{display:block;font-size:15px;font-weight:500;margin-top:5px}
.siq-demo .siq-align-right{text-align:right}
.siq-demo .siq-panel{background:#1e1e1e;border:1px solid #ffffff04;border-radius:15px;padding:16px;margin-bottom:15px}
.siq-demo .siq-panel h3{font-size:16px;font-weight:600;margin-bottom:15px;line-height:1.3}
.siq-demo .siq-panel-label{font-size:11px;color:var(--siq-muted);margin-bottom:12px;font-weight:500}
.siq-demo .siq-periods{display:flex;gap:5px;width:100%}
.siq-demo .siq-periods button{border:1px solid transparent;background:#373636;border-radius:8px;min-height:38px;padding:7px 7px;flex:1;white-space:nowrap;font-size:11px;font-weight:500;transition:background .15s}
.siq-demo .siq-periods button[aria-pressed=true]{background:var(--siq-orange);color:white}
.siq-demo .siq-periods button:hover:not([aria-pressed=true]){background:#4b4645}
.siq-demo .siq-comparison-count{font-size:11px;color:#c1bdbd;margin-top:11px;line-height:1.5;min-height:16px}
.siq-demo .siq-range-label{font-size:12px;margin-top:11px}
.siq-demo .siq-range-label+.siq-comparison-count{margin-top:5px}
.siq-demo .siq-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.siq-demo .siq-metric{background:#323232;border-radius:10px;padding:12px 9px;min-width:0}
.siq-demo .siq-metric>span:first-child{font-size:10px;color:#b8b6b6;display:block;white-space:nowrap}
.siq-demo .siq-metric>strong{font-size:22px;letter-spacing:-.6px;line-height:1.5;display:block;white-space:nowrap;margin:4px 0}
.siq-demo small{font-size:11px;font-weight:400;letter-spacing:0;color:#c9c7c7}
.siq-demo .siq-delta{font-size:11px;display:block;font-weight:600;white-space:nowrap}
.siq-demo .siq-up{color:#6de68a}
.siq-demo .siq-down{color:#ff7485}
.siq-demo .siq-muted{color:var(--siq-muted);font-size:9px;font-weight:400}
.siq-demo .siq-mix{display:flex;align-items:center;gap:20px;margin-top:18px;padding-top:18px;border-top:1px solid #ffffff12}
.siq-demo .siq-donut{width:105px;height:105px;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--siq-blue) 0 var(--punch-share),var(--siq-lime) var(--punch-share) 100%);padding:13px}
.siq-demo .siq-donut>div{height:100%;width:100%;border-radius:50%;background:#1e1e1e;display:flex;flex-direction:column;align-items:center;justify-content:center}
.siq-demo .siq-donut span{font-size:9px;color:#bab8b8}
.siq-demo .siq-donut strong{font-size:18px;margin-top:2px}
.siq-demo .siq-mix-list{flex:1;min-width:0}
.siq-demo .siq-mix-list>div{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:16px 0}
.siq-demo .siq-mix-list span{font-size:12px;display:flex;gap:7px;align-items:center}
.siq-demo .siq-mix-list strong{font-size:17px;font-weight:600}
.siq-demo i.siq-punch,.siq-demo i.siq-kick{display:inline-block;width:8px;height:8px;border-radius:2px;flex:none;background:var(--siq-blue)}
.siq-demo i.siq-kick{background:var(--siq-lime)}
.siq-demo .siq-energy-split{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px;padding-top:15px;border-top:1px solid #ffffff12}
.siq-demo .siq-energy-split>div+div{padding-left:14px;border-left:1px solid #ffffff12}
.siq-demo .siq-energy-split span{font-size:10px;color:#b8b6b6;display:flex;gap:5px;align-items:center;white-space:nowrap}
.siq-demo .siq-energy-split strong{font-size:23px;display:block;margin-top:6px;line-height:1.3}
.siq-demo .siq-tabs{display:flex;border-top:1px solid #4a4545;background:#222121;padding:8px 6px 3px}
.siq-demo .siq-tabs button{width:33.333%;background:transparent;border:0;color:#b0adad;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px 0 3px;min-height:45px;font-size:10px}
.siq-demo .siq-tabs button svg{width:22px;height:22px}
.siq-demo .siq-tabs button[aria-pressed=true]{color:#f87950}
.siq-demo .siq-home-indicator{height:23px;background:#222121;position:relative}
.siq-demo .siq-home-indicator:after{content:"";position:absolute;width:108px;height:4px;background:#9b9999;border-radius:4px;left:50%;bottom:7px;transform:translateX(-50%)}
.siq-demo .siq-demo-disclosure{font-size:11px;color:#77716b;text-align:center;line-height:1.5;margin-top:17px}
.siq-demo .siq-screen-intro{font-size:13px;color:#c7c3c3;line-height:1.6;margin:0 3px 18px}
.siq-demo .siq-calendar-panel{padding:12px 10px 14px}
.siq-demo .siq-calendar-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0 1px 11px}
.siq-demo .siq-calendar-head h3{font-size:16px;margin:0;text-align:center}
.siq-demo .siq-icon-button{height:36px;width:36px;display:grid;place-items:center;background:none;border:0;color:#f87950;flex-shrink:0;border-radius:8px}
.siq-demo .siq-icon-button:hover:not(:disabled){background:#ffffff0a}
.siq-demo .siq-icon-button svg{width:18px;height:18px}
.siq-demo .siq-weekdays,.siq-demo .siq-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}
.siq-demo .siq-weekdays{font-size:10px;color:#a8a3a3;margin:0 0 7px}
.siq-demo .siq-day{width:100%;height:38px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;position:relative;font-size:12px;display:flex;align-items:center;justify-content:center}
.siq-demo .siq-day:hover:not(:disabled):not([aria-pressed=true]):not(.siq-in-range){background:#ffffff0e}
.siq-demo .siq-day[aria-pressed=true]{background:var(--siq-orange);color:white}
.siq-demo .siq-day.siq-in-range{background:#d8542b33;border-radius:0}
.siq-demo .siq-day-dot{width:4px;height:4px;border-radius:50%;background:#f87950;display:inline-block;flex:none}
.siq-demo .siq-day .siq-day-dot{position:absolute;bottom:3px;left:calc(50% - 2px)}
.siq-demo .siq-day[aria-pressed=true] .siq-day-dot{background:white}
.siq-demo .siq-calendar-key{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#bbb7b7;border-top:1px solid #ffffff10;margin:9px 5px 0;padding-top:13px}
.siq-demo .siq-section-heading{font-size:14px;font-weight:500;margin:20px 3px 10px}
.siq-demo .siq-session-card{background:#323232;padding:16px;border:1px solid #ffffff04;border-radius:14px;display:block;text-align:left;width:100%;margin-bottom:10px}
.siq-demo .siq-session-card:hover{border-color:#a35037}
.siq-demo .siq-session-card-title{display:flex;justify-content:space-between;align-items:center}
.siq-demo .siq-session-card-title>strong{font-size:16px}
.siq-demo .siq-session-card-title svg{width:16px;height:16px;color:#f87950}
.siq-demo .siq-session-card-details{display:flex;justify-content:space-between;gap:8px;margin-top:18px}
.siq-demo .siq-session-card-details>div>span{display:block;color:#b8b5b5;font-size:10px}
.siq-demo .siq-session-card-details>div>strong{font-size:15px;font-weight:500;display:block;margin-top:3px}
.siq-demo .siq-session-card-foot{margin-top:15px;padding-top:12px;border-top:1px solid #ffffff0d;display:flex;align-items:center;justify-content:space-between}
.siq-demo .siq-session-card-foot>span{font-size:11px;color:#b8b5b5}
.siq-demo .siq-session-card-foot>strong{font-size:14px;font-weight:600}
.siq-demo .siq-empty-state{background:#323232;border-radius:14px;padding:24px 14px;color:#c6c2c2;line-height:1.8;font-size:12px;text-align:center}
.siq-demo .siq-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.siq-demo .siq-date-fields>div{border:1px solid #565050;border-radius:10px;background:#323232;padding:12px}
.siq-demo .siq-date-fields>div.siq-date-active{border-color:#e47c59}
.siq-demo .siq-date-fields span{display:block;color:#bbb7b7;font-size:10px;margin-bottom:5px}
.siq-demo .siq-date-fields strong{font-size:14px;font-weight:500}
.siq-demo .siq-picker-actions{display:flex;gap:10px;margin-top:20px}
.siq-demo .siq-picker-actions button{border:0;border-radius:10px;min-height:43px;flex:1;font-size:13px;font-weight:600}
.siq-demo .siq-primary{background:var(--siq-orange)}
.siq-demo .siq-secondary{background:#3c3939}
.siq-demo .siq-chart-heading{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:14px}
.siq-demo .siq-chart-heading h3{margin:0}
.siq-demo .siq-chart-heading>span{font-size:10px;color:#aaa6a6}
.siq-demo .siq-chart-periods{margin-bottom:28px}
.siq-demo .siq-chart{height:206px;display:flex;gap:9px;margin-bottom:32px;position:relative;padding-right:1px}
.siq-demo .siq-chart-scale{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#a8a3a3;width:22px;flex:none;margin-top:-6px;margin-bottom:-5px;text-align:right}
.siq-demo .siq-bars{display:flex;flex:1;gap:7px;align-items:flex-end;position:relative;background:repeating-linear-gradient(to top,#ffffff0e 0px,#ffffff0e 1px,transparent 1px,transparent 50%);border-bottom:1px solid #777474;min-width:0}
.siq-demo .siq-bar{flex:1;height:100%;min-width:0;position:relative;display:flex;align-items:flex-end;padding:0;border:0;background:transparent;border-radius:4px 4px 0 0}
.siq-demo .siq-bar-fill{display:block;width:100%;height:var(--bar-height);background:linear-gradient(to top,#a94124,#ed774e);border-radius:4px 4px 0 0;min-height:2px;transition:height .2s,filter .2s}
.siq-demo .siq-bar:hover .siq-bar-fill{filter:brightness(1.18)}
.siq-demo .siq-bar[aria-pressed=true] .siq-bar-fill{background:#ffa47f}
.siq-demo .siq-no-session .siq-bar-fill{background:#6c6360}
.siq-demo .siq-bar-label{font-size:9px;color:#bbb7b7;position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);white-space:nowrap}
.siq-demo .siq-chart-caption{color:#aaa6a6;font-size:10px;text-align:center;min-height:28px;line-height:1.6;margin-top:3px}
.siq-demo .siq-progress-stats{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:9px;border-top:1px solid #ffffff14;margin-top:12px;padding-top:18px}
.siq-demo .siq-progress-stats>div>span{display:block;color:#aaa6a6;font-size:10px;margin-bottom:5px}
.siq-demo .siq-progress-stats strong{font-size:21px;white-space:nowrap;letter-spacing:-.5px}
.siq-demo .siq-progress-stats strong small{font-size:10px}
.siq-demo .siq-chart-note p{margin-top:8px;font-size:14px;color:#e2dddd;line-height:1.6}
.siq-demo .siq-loading{min-height:430px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;background:#262525;color:white;border-radius:30px;text-align:center;gap:12px}
.siq-demo .siq-loading p{font-size:13px;color:#d6caca}
.siq-demo .siq-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:400px){.siq-demo .siq-device{border-width:5px;border-radius:36px}.siq-demo .siq-screen{padding:17px 10px 19px;height:553px}.siq-demo .siq-panel{padding:13px 11px}.siq-demo .siq-screen-header{padding:0 14px}.siq-demo .siq-status{padding:1px 15px 0}.siq-demo .siq-periods{gap:4px}.siq-demo .siq-periods button{font-size:10px;padding:7px 5px}.siq-demo .siq-metric{padding:10px 6px}.siq-demo .siq-metric>strong{font-size:19px}.siq-demo .siq-metric>span:first-child{font-size:9px}.siq-demo .siq-mix{gap:13px}.siq-demo .siq-donut{width:89px;height:89px;padding:11px}.siq-demo .siq-mix-list span{font-size:11px}.siq-demo .siq-mix-list strong{font-size:16px}.siq-demo .siq-energy-split span{font-size:9px}.siq-demo .siq-energy-split{gap:9px}.siq-demo .siq-energy-split>div+div{padding-left:9px}.siq-demo .siq-bars{gap:5px}.siq-demo .siq-progress-stats strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.siq-demo *{transition:none!important;scroll-behavior:auto!important}}
.siq-demo{container-type:inline-size}
@container(max-width:340px){.siq-demo .siq-device{border-width:5px;border-radius:34px}.siq-demo .siq-screen{padding:17px 9px 19px}.siq-demo .siq-panel{padding:13px 10px}.siq-demo .siq-periods{gap:3px}.siq-demo .siq-periods button{font-size:10px;padding:7px 4px}.siq-demo .siq-metric{padding:10px 5px}.siq-demo .siq-metric>strong{font-size:19px}.siq-demo .siq-metric>span:first-child{font-size:9px}.siq-demo .siq-mix{gap:12px}.siq-demo .siq-donut{width:88px;height:88px;padding:11px}.siq-demo .siq-energy-split span{font-size:9px}.siq-demo .siq-progress-stats strong{font-size:18px}}
@container(max-width:290px){.siq-demo .siq-screen-header{padding:0 11px}.siq-demo .siq-screen-header h2{font-size:16px}.siq-demo .siq-metric>strong{font-size:17px}.siq-demo .siq-metrics{gap:4px}.siq-demo .siq-metric>span:first-child{font-size:8px}.siq-demo .siq-metric small{font-size:9px}.siq-demo .siq-delta{font-size:10px}.siq-demo .siq-muted{font-size:8px;white-space:normal}.siq-demo .siq-mix-list span{font-size:10px;gap:4px}.siq-demo .siq-mix-list strong{font-size:14px}.siq-demo .siq-mix{gap:10px}.siq-demo .siq-donut{width:75px;height:75px;padding:9px}.siq-demo .siq-donut strong{font-size:15px}.siq-demo .siq-donut span{font-size:8px}.siq-demo .siq-energy-split span{font-size:8px;white-space:normal}.siq-demo .siq-energy-split strong{font-size:21px}.siq-demo .siq-overline{font-size:9px}.siq-demo .siq-session-heading strong{font-size:13px}.siq-demo .siq-bars{gap:4px}.siq-demo .siq-bar-label{font-size:8px}.siq-demo .siq-chart-heading>span{font-size:8px}.siq-demo .siq-chart-heading h3{font-size:15px}.siq-demo .siq-progress-stats{gap:5px}.siq-demo .siq-progress-stats>div>span{font-size:9px}.siq-demo .siq-progress-stats strong{font-size:16px}.siq-demo .siq-demo-disclosure{font-size:10px}}
.siq-demo .siq-tabs button{width:25%}
.siq-demo .siq-stacked .siq-screen{height:628px}
.siq-demo .siq-screen-header h2{flex:1;text-align:center;font-size:17px}
.siq-demo .siq-drills-heading{font-size:22px;font-weight:700;margin:0 0 20px}
.siq-demo .siq-drills-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.siq-demo .siq-drill{background:#242323;border:1px solid transparent;min-height:137px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;padding:23px 8px;position:relative}
.siq-demo .siq-drill img{width:38px;height:49px;object-fit:contain}
.siq-demo .siq-drill>span{font-size:15px;font-weight:500}
.siq-demo .siq-drill:hover{background:#3b3532;border-color:#ba6c51}
.siq-demo .siq-drill-spar{border-color:#ff496a;box-shadow:0 0 24px #ff496a17;grid-column:1/-1;width:calc(50% - 6px);justify-self:center}
.siq-demo .siq-drill-spar svg{width:40px;height:43px;color:#ff496a;stroke-width:3}
.siq-demo .siq-drill-spar b{position:absolute;top:10px;right:10px;background:#ff496a;font-size:9px;padding:3px 5px;border-radius:4px}
.siq-demo .siq-training-caption{font-size:12px;color:#b9b3b0;margin:24px 2px;line-height:1.6}
.siq-demo .siq-root-link{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-top:1px solid #ffffff16;background:none;font-size:12px;text-align:left;padding:17px 3px;width:100%;color:#f78a63}
.siq-demo .siq-root-link svg{width:16px;height:16px;flex:none}
.siq-demo .siq-progress-tabs{display:flex;border-bottom:1px solid #ffffff18;margin:-5px -2px 18px;gap:18px}
.siq-demo .siq-progress-tabs button{padding:11px 3px;border:0;border-bottom:2px solid transparent;background:none;color:#999;font-size:14px}
.siq-demo .siq-progress-tabs button[aria-pressed=true]{border-color:#d8542b;color:#fff}
.siq-demo .siq-home-top{background:linear-gradient(#323232,#262525);padding:3px 4px 20px;border-radius:12px}
.siq-demo .siq-home-logo{width:172px;height:36px;display:block;margin:6px auto 28px;object-fit:contain}
.siq-demo .siq-radar{width:80%;aspect-ratio:2.86;object-fit:contain;display:block;margin:0 auto 9px}
.siq-demo .siq-home-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:center;margin:17px 0}
.siq-demo .siq-home-stats span{display:block;color:#bdb8b6;font-size:11px}
.siq-demo .siq-home-stats strong{display:block;font-size:19px;font-weight:500;margin-top:6px}
.siq-demo .siq-root-button{border:1px solid #fff;border-radius:25px;min-height:44px;background:transparent;width:100%;font-size:14px;margin-top:10px}
.siq-demo .siq-root-button:hover{background:#ffffff0d}
.siq-demo .siq-root-sensors{padding:17px 14px;background:#323232;border-radius:12px;margin:15px 0}
.siq-demo .siq-root-sensors>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}
.siq-demo .siq-sim-tag{font-size:10px;color:#b0aaa7}
.siq-demo .siq-sensor-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;margin-top:17px;font-size:11px;color:#d7d3d1}
.siq-demo .siq-sensor-list i{width:5px;height:5px;display:inline-block;border-radius:50%;background:#72cf95;margin-right:6px}
.siq-demo .siq-athlete{display:flex;gap:14px;align-items:center;padding:8px 0 17px}
.siq-demo .siq-avatar{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#d8542b,#ff496a);display:grid;place-items:center;font-size:22px;font-weight:700}
.siq-demo .siq-athlete strong{font-size:18px;display:block}
.siq-demo .siq-athlete div span{display:block;color:#999;font-size:12px;margin-top:4px}
@media(max-width:400px){.siq-demo .siq-stacked .siq-screen{height:614px}}
@container(max-width:290px){.siq-demo .siq-drill{padding:22px 4px;min-height:128px}.siq-demo .siq-drill>span{font-size:12px}.siq-demo .siq-screen-header h2{font-size:15px}}
.siq-demo .siq-screen{background:#323232}