@font-face{font-family:air-conditioner;src:url(/fonts/air-conditioner.ttf)format("truetype");font-display:block}:root{color:#333;font-synthesis:none;background:#292b2d;font-family:PingFang SC,PingFangSC-Regular,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body,#root{overscroll-behavior:none;touch-action:pan-y;width:100%;height:100%;margin:0;overflow:hidden}body{position:fixed;inset:0}img,svg{-webkit-user-drag:none;user-drag:none}button{color:inherit;font:inherit}button:focus-visible{outline-offset:2px;outline:2px solid #418dd9cc}.glyph{font-feature-settings:"liga" 1, "clig" 1;font-variant-ligatures:discretionary-ligatures;font-family:air-conditioner;line-height:1}.desktop-canvas{background:#292b2d;place-items:center;width:100%;height:100%;padding:24px;display:grid;overflow:hidden}.device-shell{width:420px;height:min(858px,100dvh - 48px);min-height:654px;position:relative}.phone-screen{--motion-ease-gentle:cubic-bezier(.22,.72,.24,1);--motion-ease-settle:cubic-bezier(.16,1,.3,1);--motion-fast:.3s;--motion-medium:.52s;--motion-slow:.9s;--background-fade-duration:1.2s;--surface-reveal-duration:1.5s;--surface-reveal-delay:.22s;isolation:isolate;background:#f8f5ef;border-radius:43px;width:375px;height:calc(100% - 28px);min-height:620px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.ambient-background,.off-cream{width:100%;height:100%;position:absolute;inset:0}.ambient-background{z-index:-3;pointer-events:none;background:radial-gradient(115% 72% at -14% -10%,#fffffffa 0%,#fffcf6b3 34%,#fff9f000 70%),linear-gradient(142deg,#f5f0e9 0%,#e8e0d8 52%,#d5ccc4 100%);overflow:hidden}.ambient-canvas{width:100%;height:100%;display:block}.background-video{object-fit:contain;object-position:top center;width:100%;height:auto;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.background-texture{z-index:-1;object-fit:cover;opacity:.3;mix-blend-mode:normal;pointer-events:none;width:100%;height:100%;transition:opacity .64s var(--motion-ease-gentle);display:block;position:absolute;inset:0}.power-on .background-texture{opacity:.3;mix-blend-mode:overlay;transition-duration:var(--background-fade-duration)}.phone-screen.power-on.closing .background-texture{opacity:0;transition-duration:.48s}.off-cream{z-index:-2;opacity:1;transition:opacity var(--background-fade-duration) var(--motion-ease-gentle);background:#f8f5ef}.power-on .off-cream{opacity:0}.phone-screen.power-on.closing .off-cream{opacity:1}.screen-scroll{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:none;padding-top:80px;padding-bottom:98px;position:absolute;inset:0;overflow:hidden auto}.screen-scroll::-webkit-scrollbar{display:none}.power-off .screen-scroll{overscroll-behavior:none;touch-action:none;overflow-y:hidden}.top-chrome{z-index:18;color:#000c;background:0 0;width:100%;height:80px;position:absolute;top:0;left:0}.top-bar{color:#000c;justify-content:space-between;align-items:center;height:48px;margin-top:32px;padding:8px;display:flex;position:relative}.icon-button{cursor:pointer;background:0 0;border:0;width:32px;height:32px;padding:0;font-size:32px}.device-title{font-size:16px;line-height:22px}.content{flex-direction:column;align-items:center;min-height:702px;padding-top:28px;padding-bottom:32px;display:flex}.state-pill{z-index:19;color:#0006;transition:color var(--motion-medium) var(--motion-ease-gentle), background var(--motion-medium) var(--motion-ease-gentle);background:#8b7f691a;border-radius:4px;align-items:center;gap:6px;margin:0;padding:6px 10px 6px 8px;font-size:12px;line-height:16px;display:flex;position:absolute;top:80px;left:50%;transform:translate(-50%)}.state-pill i{width:6px;height:6px;transition:background var(--motion-medium) var(--motion-ease-gentle);background:#0006;border-radius:50%}.power-on .state-pill{color:#333;background:#ffffff59}.power-on .state-pill i{background:#25cf42}.metrics{--metrics-scale:1;--metrics-shift:0px;z-index:1;opacity:0;height:86px;transform:translateY(-8px) scale(var(--metrics-scale));transform-origin:top;transition:opacity .72s var(--motion-ease-gentle) .24s, transform 80ms linear;justify-content:center;align-self:center;align-items:flex-start;gap:32px;margin-top:12px;padding-top:16px;display:flex;position:sticky;top:28px}.power-on.has-started .metrics,.power-on.running .metrics{opacity:1;transform:translateY(var(--metrics-shift)) scale(var(--metrics-scale))}.phone-screen.closing .metrics{opacity:0;transform:translateY(calc(var(--metrics-shift) - 18px)) scale(var(--metrics-scale));transition:opacity .36s var(--motion-ease-gentle), transform var(--motion-medium) var(--motion-ease-gentle)}.metrics>div{flex-direction:column;align-items:center;display:flex}.metrics>div>span{color:#999;font-size:14px;line-height:20px}.metrics strong{color:#333;align-items:baseline;gap:4px;font-size:36px;font-weight:600;line-height:40px;display:flex}.metrics small{font-size:14px;font-weight:500;line-height:18px}.rolling-number{height:40px;display:inline-flex;overflow:hidden}.digit-window{width:.62em;height:40px;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 22% 78%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 22% 78%,#0000 100%)}.digit-reel{will-change:transform;flex-direction:column;height:auto;transition:none;display:flex;transform:translateY(0)}.digit-reel i{height:40px;font:inherit;text-align:center;flex:0 0 40px;font-style:normal;line-height:40px;display:block}.power-on.has-started .digit-reel{animation:digit-reel-roll var(--digit-duration,.72s) var(--motion-ease-gentle) var(--digit-delay) both}@keyframes digit-reel-roll{0%{transform:translateY(0)}to{transform:translateY(var(--digit-offset))}}.product-stage{--product-scale:1;--product-shift:0px;z-index:2;aspect-ratio:375/334;width:100%;height:auto;transform:translateY(calc(14px + var(--product-shift))) scale(var(--product-scale));transform-origin:top;will-change:transform;flex:none;position:sticky;top:46px}.product-shadow{z-index:0;object-fit:fill;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:73.0667%;height:85.6287%;transition:opacity 1.2s var(--motion-ease-gentle), transform 1.2s var(--motion-ease-gentle);position:absolute;top:17.8144%;left:27.1333%;transform:translate(-8px);-webkit-mask-image:linear-gradient(90deg,#000 0% 68%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 68%,#0000 100%)}.product{z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity 1.2s var(--motion-ease-gentle), filter 1.2s var(--motion-ease-gentle);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wireframe{object-fit:contain;opacity:1;width:50.4%;height:100%}.real-product{object-fit:cover;opacity:0;filter:blur(8px);width:50.4%;height:100%}.product-media-placeholder{z-index:2;aspect-ratio:1;opacity:0;pointer-events:none;width:32%;transition:opacity 1.2s var(--motion-ease-gentle), filter 1.2s var(--motion-ease-gentle);position:absolute;top:calc(36.25% + 2px);left:50%;overflow:hidden;transform:translate(-50%,-50%)}.drum-frame{object-fit:cover;opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.drum-frame.active{opacity:1}.product-accent{z-index:2;background:rgba(var(--product-rgb),.78);opacity:0;pointer-events:none;border-radius:2px;width:20px;height:2px;transition:opacity .4s ease-out;position:absolute;top:6px;left:50%;transform:translate(-50%)}.power-on .product-shadow{opacity:1;transition-duration:var(--surface-reveal-duration), var(--surface-reveal-duration);transition-delay:var(--surface-reveal-delay), var(--surface-reveal-delay);transform:translate(0)}.phone-screen.power-on.closing .product-shadow{opacity:0;transition-duration:1.2s,1.2s;transition-delay:0s,0s;transform:translate(-8px)}.power-on .wireframe{opacity:0;filter:blur(3px)}.power-on .real-product,.power-on .product-media-placeholder{opacity:1;filter:blur();transition-delay:.25s}.power-on .product-accent{opacity:1;transition-delay:.42s}.phone-screen.power-on.closing .wireframe{opacity:1;filter:blur();transition-duration:1.2s,1.2s;transition-delay:0s,0s}.phone-screen.power-on.closing .real-product,.phone-screen.power-on.closing .product-media-placeholder{opacity:0;filter:blur(8px);transition-duration:1.2s,1.2s;transition-delay:0s,0s}.phone-screen.power-on.closing .product-accent{opacity:0;transition-delay:0s}.controls{pointer-events:none;width:100%;margin-top:14px;padding-top:40px;transition:none;position:relative}.controls:before{content:"";z-index:0;opacity:0;pointer-events:none;transition:opacity var(--surface-reveal-duration) var(--motion-ease-gentle);background:linear-gradient(#f5eee600 0%,#e2dbd6 6.681%,#f1ebe900 95.523%);position:absolute;inset:0}.controls>*{z-index:1;position:relative}.power-on .controls{pointer-events:auto}.power-on .controls:before{opacity:1;transition-delay:var(--surface-reveal-delay)}.phone-screen.closing .controls{opacity:1;pointer-events:none}.phone-screen.closing .controls:before{opacity:0;transition:opacity .72s var(--motion-ease-gentle)}.mode-tabs{opacity:0;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 16px;transition:none;display:grid;transform:translateY(12px)}.power-on .mode-tabs{opacity:1;transition:opacity .48s var(--motion-ease-gentle) .42s, transform .64s var(--motion-ease-settle) .42s;transform:translateY(0)}.mode-tabs button{color:#302f2a99;cursor:pointer;background:#ffffff59;border:0;border-radius:4px;height:78px;padding:0;position:relative;overflow:hidden}.tab-content{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 8px;display:flex;position:absolute;inset:0}.tab-content-default{z-index:1;color:#302f2a99}.tab-content-selected{z-index:2;color:#f8f5ef;background:rgba(var(--tab-rgb),.75);visibility:hidden;will-change:mask-position, -webkit-mask-position;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 100' preserveAspectRatio='none'%3E%3Cpath d='M0 15 C55 9 88 10 122 15 C166 21 205 20 240 12 V100 H0 Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 100' preserveAspectRatio='none'%3E%3Cpath d='M0 15 C55 9 88 10 122 15 C166 21 205 20 240 12 V100 H0 Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-position:0 -100%;mask-position:0 -100%;-webkit-mask-size:110% 172%;mask-size:110% 172%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.power-on .mode-tabs button.selected .tab-content-selected,.power-on .mode-tabs button.leaving .tab-content-selected{visibility:visible}.power-on .mode-tabs button.selected .tab-content-selected{animation:.4s ease-out both tab-wave-fill}.power-on .mode-tabs button.leaving .tab-content-selected{animation:.4s ease-out both tab-wave-drain}.mode-tabs button:disabled,.programs button:disabled{cursor:not-allowed}.mode-tabs button:disabled:not(.selected){opacity:.52;filter:saturate(.45)}.mode-tabs button.selected:disabled{opacity:1;filter:none}.programs button:disabled:not(.selected){--program-opacity:.5}.programs button.selected:disabled{--program-opacity:1}.mode-icon{background:var(--tab-color);width:28px;height:28px;-webkit-mask:var(--icon-url) center / contain no-repeat;-webkit-mask:var(--icon-url) center / contain no-repeat;mask:var(--icon-url) center / contain no-repeat;display:block}.mode-icon--wash-dry{-webkit-mask-size:96.4286%;mask-size:96.4286%}.tab-content-selected .mode-icon{background:#f8f5ef}.tab-label{white-space:nowrap;font-size:16px;font-weight:500;line-height:18px}.programs{opacity:0;grid-template-columns:1fr 1fr;gap:6px;padding:16px 16px 0;transition:none;display:grid;transform:translateY(12px)}.power-on .programs{opacity:1;transition:opacity .48s var(--motion-ease-gentle) .52s, transform .64s var(--motion-ease-settle) .52s;transform:translateY(0)}.phone-screen.closing .mode-tabs,.phone-screen.closing .programs{opacity:0;transition:opacity .36s var(--motion-ease-gentle), transform var(--motion-medium) var(--motion-ease-gentle);transform:translateY(24px)}.programs button{text-align:left;cursor:pointer;background:0 0;border:1px solid #33333326;border-radius:4px;justify-content:space-between;align-items:center;gap:16px;min-width:0;height:76px;padding:16px 12px;animation:.265s ease-out both program-card-enter;display:flex}.programs button:nth-child(2){animation-delay:45ms}.programs button:nth-child(3){animation-delay:90ms}.programs button:nth-child(4){animation-delay:.135s}.programs button.selected{border-color:rgba(var(--theme-rgb),.6);background:rgba(var(--theme-rgb),.1)}.programs button>span{flex-direction:column;gap:8px;min-width:0;display:flex}.programs b{font-size:16px;font-weight:400;line-height:18px}.programs small{color:#3339;font-size:14px;font-weight:400;line-height:16px}.program-icon{object-fit:contain;flex:0 0 36px;width:36px;height:36px;display:block}.program-icon--custom{transform:scale(.722222)}.programs button:not(.selected)>span,.programs button:not(.selected) .program-icon{opacity:.6}.programs button.selected .program-icon,.programs button:disabled:not(.selected)>span,.programs button:disabled:not(.selected) .program-icon{opacity:1}@keyframes program-card-enter{0%{opacity:0;filter:blur(2px);transform:translateY(18px)}to{opacity:var(--program-opacity,1);filter:blur();transform:translateY(0)}}@keyframes tab-wave-fill{0%{-webkit-mask-position:0 -100%;mask-position:0 -100%}to{-webkit-mask-position:72% 100%;mask-position:72% 100%}}@keyframes tab-wave-drain{0%{-webkit-mask-position:72% 100%;mask-position:72% 100%}to{-webkit-mask-position:0 -100%;mask-position:0 -100%}}.bottom-nav{z-index:20;-webkit-backdrop-filter:blur(10px);background:#fff3;border-top:1px solid #0000000f;height:98px;position:absolute;bottom:0;left:0;right:0}.nav-row{grid-template-columns:48px 1fr 48px;align-items:center;gap:16px;height:64px;padding:8px 40px;display:grid}.nav-row button{cursor:pointer;border-radius:24px;place-items:center;height:48px;display:grid}.control-icon{object-fit:fill;pointer-events:none;width:32px;height:32px;display:block}.power-button{color:#fff;width:48px;transition:color var(--motion-fast) var(--motion-ease-gentle), background var(--motion-fast) var(--motion-ease-gentle), border-color var(--motion-fast) var(--motion-ease-gentle);background:#e61e1ecc;border:1px solid #0000;padding:0}.phone-screen.power-on .power-button{color:#e61e1ecc;background:0 0;border-color:#e61e1ecc}.start-button{transition:background var(--motion-fast) var(--motion-ease-gentle), color var(--motion-fast) var(--motion-ease-gentle), border-color var(--motion-fast) var(--motion-ease-gentle);background:#ffffff14;border:1px solid #0003;font-size:18px;font-weight:500}.start-button:disabled{cursor:not-allowed;opacity:.35;color:#000c}.power-on .start-button:not(.running){color:#f8f5ef;border-color:rgba(var(--start-rgb),.78);background:rgba(var(--start-rgb),.78)}.start-button.running{color:rgb(var(--start-rgb));border-color:rgba(var(--start-rgb),.72);background:#ffffff14}.timer-button{width:48px;transition:background var(--motion-fast) var(--motion-ease-gentle), color var(--motion-fast) var(--motion-ease-gentle), border-color var(--motion-fast) var(--motion-ease-gentle);background:#ffffff14;border:1px solid #0003;padding:0}.timer-button:disabled{cursor:not-allowed;opacity:1}.home-indicator{opacity:.5;background:#ccc;border-radius:50px;width:136px;height:4px;margin:20px auto 10px}@media (width<=480px){.desktop-canvas{background:#f8f5ef;height:100%;padding:0;display:block}.device-shell{width:100vw;height:100%;min-height:0}.phone-screen{width:100vw;height:100%;min-height:0;box-shadow:none;border-radius:0}.nav-row{padding-left:max(24px,50vw - 147.5px);padding-right:max(24px,50vw - 147.5px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}