.watch-study{--watch-accent:#ff4b2d;place-items:center;padding-bottom:20px;display:grid;position:absolute;inset:12px 10px 32px;container-type:size}.watch-study .watch-face{aspect-ratio:260/310;isolation:isolate;color:#fafdf7;width:min(89cqw,83cqh,280px);box-shadow:none;font-family:var(--font-geist-sans), sans-serif;background:#030504;border:0;border-radius:28%/24%;position:relative;overflow:clip;container-type:inline-size}.watch-study .watch-face:before{content:"";z-index:-1;background:radial-gradient(ellipse at 98% 10%, var(--watch-glow,#b84900) 0, transparent 63%);opacity:.88;position:absolute;inset:0}.watch-study .watch-badge{z-index:3;aspect-ratio:1;width:18%;color:var(--watch-accent);background:color-mix(in srgb, var(--watch-accent) 12%, #041009);border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:9%;left:10%}.watch-study .watch-badge>svg{stroke-width:2.7px;width:57%;height:57%}.watch-study .watch-clock{z-index:3;font-size:6.4cqw;position:absolute;top:12%;right:12%}.watch-study .watch-clock .watch-digits{gap:.08em;height:1em}.watch-study .watch-digits{white-space:nowrap;vertical-align:middle;align-items:center;gap:.1em;height:1em;display:inline-flex}.watch-study .watch-digit-window{height:1em;display:inline-block;position:relative;overflow:hidden}.watch-study .watch-digit-window>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.watch-study .watch-label{letter-spacing:-.025em;font-size:8cqw;font-weight:480;line-height:1.2;display:block}.watch-study .watch-hint{color:var(--ink-soft);font-size:8px;font-family:var(--font-geist-mono), monospace;letter-spacing:-.025em;text-align:center;position:absolute;bottom:-2px}.watch-study button{cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none}.watch-study:not([data-pointer-focus]) button:focus-visible{outline-offset:-5px;outline:2px solid #fff}.watch-study button:disabled{cursor:default}.watch-study .watch-round{aspect-ratio:1;background:var(--watch-accent);color:#fff;border:0;border-radius:50%;place-items:center;width:42%;transition:transform .18s;display:grid}.watch-study .watch-round:hover{transform:scale(1.05)}.watch-study .watch-round:active{transform:scale(.94)}.watch-study .watch-round>svg{stroke-width:1.8px;width:40%;height:40%}.watch-study .watch-round.is-white{color:#151816;background:#fbfdfb}.watch-study .watch-round.is-white:focus-visible{outline-color:#151816}.workout-dial-demo .watch-face{--watch-glow:#c54e00}.workout-dial-demo .watch-badge{pointer-events:none;left:8%}.workout-dial-demo .workout-content{--workout-layout-ease:cubic-bezier(.4, 0, .2, 1);position:absolute;inset:0}.workout-dial-demo .workout-ruler{--workout-marker-y:calc(27.7778% + 25.6cqw);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:25%;height:90%;transition:transform .6s var(--workout-layout-ease), opacity .4s ease;outline:none;position:absolute;top:3%;left:9%}.workout-dial-demo .is-session .workout-ruler{opacity:0;pointer-events:none;transform:translate(-160%)}.workout-dial-demo .workout-ruler.is-dragging{cursor:grabbing}.workout-dial-demo .workout-tape{transform:translateY(calc(var(--reel-offset) * 2.25cqw));pointer-events:none;position:absolute;inset:0}.workout-dial-demo .workout-tick{color:#fffdf5;align-items:center;gap:4px;width:100%;font-size:4.3cqw;line-height:1;transition:opacity .5s cubic-bezier(.25,0,.35,1);display:flex;position:absolute;left:0;transform:translateY(-50%)}.workout-dial-demo .workout-tick i{width:calc(60% + var(--tick-swell) * 22%);height:1.5px;transform:scaleY(calc(1 + var(--tick-swell) * .6));background:currentColor;flex:none;transition:width .5s cubic-bezier(.25,0,.35,1),transform .5s cubic-bezier(.25,0,.35,1);display:block}.workout-dial-demo .workout-tick.is-major i{width:calc(70% + var(--tick-swell) * 12%)}.workout-dial-demo .workout-tick span{transform:scale(calc(1 + var(--tick-swell) * .18));transform-origin:0;transition:transform .5s cubic-bezier(.25,0,.35,1)}.workout-dial-demo .workout-ruler.is-energized .workout-tick,.workout-dial-demo .workout-ruler.is-energized .workout-tick i,.workout-dial-demo .workout-ruler.is-energized .workout-tick span{transition:none}.workout-dial-demo .workout-selection-marker{top:var(--workout-marker-y);pointer-events:none;width:100%;height:0;position:absolute;left:0}.workout-dial-demo .workout-pointer{color:#fff;width:2.7cqw;height:3.6cqw;position:absolute;top:0;left:-18%;transform:translateY(-50%)}.workout-dial-demo .workout-needle{pointer-events:none;background:#fff;width:88%;height:2px;position:absolute;top:0;left:-3%;transform:translateY(-50%);box-shadow:0 0 7px #ffffff65}.workout-dial-demo .workout-selection-value{transform-origin:0;color:#fff;opacity:.35;pointer-events:none;font-size:4.3cqw;line-height:1;transition:transform .5s cubic-bezier(.25,0,.35,1);animation:.5s cubic-bezier(.25,0,.35,1) .65s both workout-selection-rest;position:absolute;top:0;left:90%;transform:translateY(-50%)}.workout-dial-demo .workout-ruler.is-energized .workout-selection-value{opacity:1;transition:none;animation:none;transform:translateY(-50%)scale(1.18)}@keyframes workout-selection-rest{0%{opacity:1}to{opacity:.35}}.workout-dial-demo:not([data-pointer-focus]) .workout-ruler:focus-visible{outline-offset:6px;border-radius:8px;outline:1px solid #ffad78}.workout-dial-demo .workout-main{width:84%;transition:left .6s var(--workout-layout-ease), top .6s var(--workout-layout-ease);position:absolute;top:28%;left:40%}.workout-dial-demo .is-session .workout-main{top:calc(45% - 25.6cqw);left:8%}.workout-dial-demo .workout-main>.watch-label,.workout-dial-demo .workout-status{white-space:nowrap;width:max-content;transition:left .6s var(--workout-layout-ease), transform .6s var(--workout-layout-ease);display:block;position:relative;left:0;transform:translate(0)}.workout-dial-demo .is-session .workout-main>.watch-label,.workout-dial-demo .is-session .workout-status{left:50%;transform:translate(-50%)}.workout-dial-demo .watch-label{color:#ff6a43}.workout-dial-demo .is-session .workout-main>.watch-label{visibility:hidden}.workout-dial-demo .workout-readout{height:24cqw;margin-top:4cqw;position:relative}.workout-dial-demo .workout-value{align-items:center;gap:1cqw;height:24cqw;font-size:24cqw;line-height:1;display:flex;position:absolute;inset:0}.workout-dial-demo .workout-duration{visibility:visible}.workout-dial-demo .workout-timer{visibility:hidden;justify-content:center;font-size:23cqw}.workout-dial-demo .is-session .workout-duration{visibility:hidden}.workout-dial-demo .is-session .workout-timer{visibility:visible}.workout-dial-demo .workout-timer.is-counting-in{font-size:34cqw}.workout-dial-demo .workout-main:has(.is-counting-in) .workout-status{margin-top:8cqw}.workout-dial-demo .workout-unit{font-size:18cqw;font-weight:350}.workout-dial-demo .workout-status{color:#b7a69c;font-family:var(--font-geist-mono), monospace;letter-spacing:.03em;margin-top:3cqw;font-size:2.7cqw;display:block}.workout-dial-demo .workout-actions{transition:left .6s var(--workout-layout-ease), right .6s var(--workout-layout-ease);justify-content:space-between;display:flex;position:absolute;bottom:10%;left:37%;right:10%}.workout-dial-demo .is-session .workout-actions{left:23.5%;right:23.5%}.water-stack-demo{--watch-accent:#00adff}.water-stack-demo .watch-face{--watch-glow:#004564}.water-stack-demo .water-badge{overflow:hidden}.water-stack-demo .water-badge-icon{place-items:center;display:grid;position:absolute;inset:0}.water-stack-demo .water-badge-icon>svg{stroke-width:2.7px;width:57%;height:57%}.water-stack-demo .water-glow{opacity:.25;filter:blur(32px);width:90%;height:60%;position:absolute;top:-25%;right:-20%}.water-stack-demo .water-deck{touch-action:pan-x;position:absolute;inset:20% 3% 9%}.water-stack-demo .water-back-card{border:1px solid #ffffff15;border-radius:17% 17% 25% 25%;flex-direction:column;align-items:flex-end;padding:4cqw 7cqw;display:flex;position:absolute;inset:0}.water-stack-demo .water-back-card strong{font-size:7cqw;font-weight:550;line-height:1.2}.water-stack-demo .water-summary{width:100%;display:grid;overflow:hidden}.water-stack-demo .water-summary-layer{flex-direction:column;grid-area:1/1;align-items:flex-end;display:flex}.water-stack-demo .water-summary-layer>span{color:#c6e7f4a6;font-size:5cqw}.water-stack-demo .water-front-card{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-x;border-radius:14% 14% 27% 27%;flex-direction:column;justify-content:space-between;padding:7cqw 6cqw 8cqw;display:flex;position:absolute;inset:26% 0 -1%;box-shadow:0 -2px #ffffff10}.water-stack-demo .water-under-card{pointer-events:none;transform-origin:top}.water-stack-demo .water-active-card{touch-action:none}.water-stack-demo .water-front-card:active{cursor:grabbing}.water-stack-demo .water-percent{color:#e2f8ffe6;align-self:flex-end;font-size:7cqw}.water-stack-demo .water-value{align-items:baseline;gap:1.4cqw;margin-top:4cqw;font-size:21cqw;line-height:1;display:flex}.water-stack-demo .water-value>span:last-child{font-size:7cqw}.water-stack-demo .water-grip{background:#fff5;border-radius:3px;width:14%;height:2px;position:absolute;bottom:4%;left:43%}.water-stack-demo .water-pagination{z-index:5;justify-content:space-between;align-items:center;height:9%;display:flex;position:absolute;bottom:.2%;left:17%;right:17%}.water-stack-demo .water-pagination button{background:0 0;border:0;place-items:center;width:26%;height:100%;padding:0;display:grid}.water-stack-demo .water-pagination svg{width:5cqw;height:5cqw}.water-stack-demo .water-pagination output{font-family:var(--font-geist-mono), monospace;color:#c3cbd1;font-size:3cqw}.route-approach-demo{--watch-accent:#e2f008}.route-approach-demo .watch-face{--watch-glow:#828500}.route-approach-demo .route-main{position:absolute;top:30%;left:9%}.route-approach-demo .route-value{align-items:center;gap:1cqw;height:24cqw;font-size:24cqw;line-height:1;display:flex}.route-approach-demo .route-value>span:last-child{font-size:18cqw;font-weight:350}.route-approach-demo .route-street{color:#b4b7a2;letter-spacing:-.035em;margin-top:1cqw;font-size:6.2cqw;line-height:1.2;display:block}.route-approach-demo .route-turn{aspect-ratio:1;background:var(--watch-accent);color:#101800;border:0;border-radius:50%;place-items:center;width:62%;padding:0 0 9% 9%;transition:opacity .1s linear;display:grid;position:absolute;bottom:-14%;left:-12%}.route-approach-demo .route-turn:focus-visible{outline-offset:-16px;outline-color:#172000}.route-approach-demo .route-direction{width:43%;height:43%;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:block}.route-approach-demo .route-direction svg{stroke-width:1.8px;width:100%;height:100%}.route-approach-demo .route-direction.is-left{transform:rotateY(180deg)}.route-approach-demo .route-direction.is-straight{transform:rotate(0)}.route-approach-demo .route-track{width:2%;height:30%;position:absolute;top:56%;right:16%}.route-approach-demo .route-track-line{border-left:4px dotted #777e5880;position:absolute;inset:0}.route-approach-demo .route-track-progress{background:var(--watch-accent);border-radius:4px;width:4px;transition:height .1s linear;position:absolute;top:0;left:0}.route-approach-demo .route-eta{writing-mode:vertical-rl;white-space:nowrap;font-size:5cqw;position:absolute;top:0;left:6cqw}.route-approach-demo .route-eta>span{color:#a2a881}.route-approach-demo .route-position{filter:drop-shadow(0 2px 4px #0008);width:9cqw;transition:top .1s linear;position:absolute;left:2px;transform:translate(-50%,-50%)}.route-approach-demo .route-position svg{width:100%;display:block}.route-approach-demo .route-play,.steps-orbit-demo .steps-play{aspect-ratio:1;color:#dce9bd;background:#ffffff08;border:1px solid #ffffff25;border-radius:50%;place-items:center;width:13%;display:grid;position:absolute}.route-approach-demo .route-play{bottom:8%;left:53%}.route-approach-demo .route-play svg,.steps-orbit-demo .steps-play svg{width:45%;height:45%}.route-approach-demo .route-instruction{font-family:var(--font-geist-mono), monospace;color:#b7bf90;font-size:2.7cqw;position:absolute;bottom:4%;right:16%}.steps-orbit-demo{--watch-accent:#00e899}.steps-orbit-demo .watch-face{--watch-glow:#78991a;background:radial-gradient(at 80% 0,#005439,#0000 70%),#010604}.steps-orbit-demo .watch-face:before{opacity:.9;background:radial-gradient(at 100% 48%,#78991a,#0000 65%)}.steps-orbit-demo .steps-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.steps-orbit-demo .steps-ring path{fill:none;stroke-width:2.4px;stroke-linecap:round}.steps-orbit-demo .steps-ring-dashes{stroke-dasharray:.38 .42}.steps-orbit-demo .steps-ring-track{stroke:#90b59b30}.steps-orbit-demo .steps-ring-fill{stroke:#25ce91;stroke-linecap:round;transition:stroke-dasharray .7s}.steps-orbit-demo .steps-ring .steps-ring-start{stroke:#9de8c7;stroke-width:3px}.steps-orbit-demo .steps-main{position:absolute;top:31%;left:10%;right:9%}.steps-orbit-demo .steps-main>.watch-digits{margin-top:5cqw;font-size:18.5cqw}.steps-orbit-demo .steps-goal{color:#89998d;margin-top:4cqw;font-size:8cqw;display:block}.steps-orbit-demo .steps-stats{flex-direction:column;gap:3cqw;display:flex;position:absolute;bottom:13%;right:10%}.steps-orbit-demo .steps-stats>span{color:#a7b9a1;align-items:center;gap:2cqw;font-size:7cqw;display:flex}.steps-orbit-demo .steps-stat-icon{color:#3ab68d;background:#0a3428;border-radius:50%;flex:none;place-items:center;width:7cqw;height:7cqw;padding:1cqw;display:grid}.steps-orbit-demo .steps-stat-icon>svg{width:100%;height:100%;display:block;overflow:visible}.steps-orbit-demo .steps-stats small{color:#8f9f86;font-size:5cqw}.steps-orbit-demo .steps-play{color:#29e4a1;bottom:15%;left:11%}.steps-orbit-demo .steps-status{text-align:center;color:#8cba9c;width:100%;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;font-size:2.6cqw;position:absolute;bottom:6%;left:0}@media (prefers-reduced-motion:reduce){.watch-study *,.watch-study :before,.workout-dial-demo .workout-ruler,.workout-dial-demo .workout-main,.workout-dial-demo .workout-main>.watch-label,.workout-dial-demo .workout-value,.workout-dial-demo .workout-status,.workout-dial-demo .workout-actions{transition:none}.workout-dial-demo .workout-selection-value{animation:none}}.watch-review-page{max-width:1100px;margin:0 auto;padding:42px 24px 80px}.watch-review-page .watch-review-intro{justify-content:space-between;align-items:end;gap:32px;margin-bottom:28px;display:flex}.watch-review-page .watch-review-intro h1{letter-spacing:-.05em;margin:8px 0 0;font-size:clamp(28px,4vw,42px);font-weight:500}.watch-review-page .watch-review-kicker{font:10px var(--font-geist-mono), monospace;color:var(--ink-soft);letter-spacing:.07em;text-transform:uppercase}.watch-review-page .watch-review-intro p{max-width:350px;color:var(--ink-soft);margin:0;font-size:12px;line-height:1.7}@media (max-width:600px){.watch-review-page .watch-review-intro{flex-direction:column;align-items:start;gap:16px}}.watch-faces-card{grid-column:span 2}.watch-faces-demo{grid-template-columns:minmax(130px,.85fr) minmax(0,2fr);min-width:0;min-height:0;display:grid;position:absolute;inset:18px 18px 24px;overflow:hidden}.watch-faces-demo .watch-face-picker{z-index:1;flex-direction:column;justify-content:center;gap:8px;padding:16px;display:flex}.watch-faces-demo .watch-picker-caption{color:var(--ink-soft);font:10px var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.06em;margin:0 0 16px 12px}.watch-faces-demo .watch-face-picker button{border-radius:var(--radius);color:var(--ink-soft);text-align:left;cursor:pointer;background:0 0;border:0;outline:none;align-items:center;gap:12px;padding:14px 12px;transition:color .16s,background-color .16s;display:flex}.watch-faces-demo .watch-face-picker button:hover{color:var(--foreground);background:var(--paper)}.watch-faces-demo .watch-face-picker button.is-selected{color:var(--foreground);background:#fff}.watch-faces-demo:not([data-pointer-focus]) .watch-face-picker button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.watch-faces-demo .watch-face-picker button>svg{flex:none}.watch-faces-demo .watch-face-picker strong{font-size:14px;font-weight:500;display:block}.watch-faces-demo .watch-face-picker small{white-space:nowrap;color:var(--ink-soft);margin-top:5px;font-size:11px;display:block}.watch-faces-demo .watch-face-viewport{min-width:0;min-height:0;position:relative;overflow:hidden}.watch-faces-demo .watch-face-orbit{transform-origin:50% 160%;position:absolute;inset:0}.watch-faces-demo .watch-face-mount{position:absolute;inset:24px}.watch-faces-demo .watch-study{width:100%;min-width:0;height:100%;min-height:0;padding:0;position:relative;inset:auto}.watch-faces-demo .watch-face{width:min(94cqw,78cqh,280px)}.watch-faces-demo .watch-hint{display:none}.watch-faces-demo.is-expanded{border-radius:var(--radius);background:var(--stage-paper);grid-template-columns:minmax(190px,.85fr) minmax(0,2fr);width:100%;height:clamp(480px,55vw,640px);padding:20px;position:relative;inset:auto}.watch-faces-demo.is-expanded .watch-face{width:min(90cqw,72cqh,300px)}@media (max-width:900px){.watch-faces-demo:not(.is-expanded) .watch-face-picker small{display:none}.watch-faces-demo .watch-face-picker{padding:8px}}@media (max-width:720px){.watch-faces-card{grid-column:span 1}.watch-faces-demo,.watch-faces-demo.is-expanded{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.watch-faces-demo.is-expanded{height:clamp(440px,118vw,560px);padding:12px 8px}.watch-faces-demo .watch-face-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.watch-faces-demo .watch-picker-caption,.watch-faces-demo .watch-face-picker small{display:none}.watch-faces-demo .watch-face-picker button{flex-direction:column;justify-content:center;gap:7px;min-width:0;padding:10px 2px}.watch-faces-demo .watch-face-picker strong{font-size:11px}.watch-faces-demo .watch-face-mount{inset:12px 6px}}@media (prefers-reduced-motion:reduce){.watch-faces-demo .watch-face-picker button{transition:none}}