.ph-sm-wrap{z-index:20;background:#000000a6;position:absolute;inset:0}.ph-sm{padding:calc(var(--hd-size-status-bar) + 8px) 5px 6px;color:#fff;touch-action:none;background:#000;position:absolute;inset:0 0 auto}.ph-sm__label{font:400 15px/1 var(--hd-font-family-base);padding:10px 0 4px}.ph-sm__seg{gap:4px;height:17px;display:flex}.ph-sm__seg>span{white-space:nowrap;color:#8a9bb4;font:700 11px/1 var(--hd-font-family-base);cursor:pointer;background:#23436e;align-items:center;padding:0 30px 0 3px;display:flex}.ph-sm__seg>span.sel{color:#fff;background:#4a9bff;padding-right:74px}.ph-sm__seg>span.ph-sm__ring{background:linear-gradient(90deg, #23436e var(--ring), #3a3a3a var(--ring));flex:1;padding-right:3px}.ph-sm__seg>span.ph-sm__ring.sel{background:linear-gradient(90deg, #4a9bff var(--ring), #3a3a3a var(--ring))}.ph-sm__fill{cursor:pointer;touch-action:none;background:#3a3a3a;height:17px}.ph-sm__fill i{background:#c800b4;height:100%;display:block}.ph-sm__rows{padding:16px 0 4px 8px}.ph-sm__row{align-items:center;gap:14px;min-height:60px;display:flex}.ph-sm__row>span:last-child{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.ph-sm__row b{font:700 18px/1.1 var(--hd-font-family-base)}.ph-sm__row small{font:400 15px/1.15 var(--hd-font-family-base);color:var(--hd-c-fg-secondary)}.ph-sm__row.off .hd-squircle{filter:brightness(.7)}.ph-sm__row.off .hd-icon{opacity:.55}.blk-text .doc__note p:last-child{margin-bottom:0}.doc-feat--apps .doc-feat__i{align-items:center}.pg-list{margin:0;padding:0;list-style:none}.pg-list__i{border-bottom:1px solid var(--hd-c-divider);flex-direction:column;gap:4px;padding:11px 0;display:flex}.pg-list__h{justify-content:space-between;align-items:center;gap:12px;display:flex}.pg-list__d{font-size:var(--hd-font-size-small);color:var(--hd-c-fg-secondary);line-height:1.45}.set-demo{background:var(--hd-c-bg);color:var(--hd-c-fg);border-radius:12px;padding-bottom:8px;overflow:hidden}.set-demo__prev{color:#fff;background:linear-gradient(160deg,#0e1418 10%,#2f6b6b 55%,#0d2a2c 90%);border-radius:10px;height:172px;margin:0 12px 6px;padding:16px 14px;position:relative}.set-demo__clock{text-align:right;font:300 52px/1 var(--hd-font-family-light);font-variant-numeric:tabular-nums}.set-demo__clock small{font:400 var(--hd-font-size-small)/1.2 var(--hd-font-family-base);margin-top:6px;display:block}.set-demo__line{font:400 var(--hd-font-size-xsmall)/1.2 var(--hd-font-family-base);color:#ffffffd9;justify-content:flex-end;align-items:center;gap:5px;margin-top:6px;display:flex}.set-demo__ice{font:600 var(--hd-font-size-xsmall)/1.2 var(--hd-font-family-base);background:#00000073;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;display:flex;position:absolute;bottom:14px;left:14px}.blk-demo__row{grid-template-columns:1fr;align-items:start;gap:18px;display:grid}.blk-demo__text{margin:0!important}@container (width>=640px){.blk-demo--lock .blk-demo__row,.blk-demo--settings .blk-demo__row{grid-template-columns:1fr 340px}}.blk-demo__cap{font-size:var(--hd-font-size-small);color:var(--hd-c-fg-secondary);margin-top:10px!important}.ph-lock__demo{color:#fff;text-align:left;background:linear-gradient(160deg,#0e1418 10%,#2f6b6b 55%,#0d2a2c 90%);border-radius:12px;padding:18px 14px 16px}.ph-lock__clock{text-align:right;font:300 64px/1 var(--hd-font-family-light);font-variant-numeric:tabular-nums;margin-bottom:18px}.ph-lock__clock small{font:400 var(--hd-font-size-default)/1.2 var(--hd-font-family-base);margin-top:8px;display:block}.blk-demo__phone{aspect-ratio:1/2;border-radius:16px;width:300px;overflow:hidden}.blk-demo__phone .x-fit{height:100%}.wd-stage{background:linear-gradient(160deg,#4d5a63,#1b2226 60%,#0b0e10);border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:20px;padding:18px;display:flex;overflow:hidden}.wd-home{flex:none;grid-template-columns:repeat(4,90px);grid-auto-rows:90px;place-items:center;width:360px;display:grid}.wd-more{flex-wrap:wrap;flex:360px;align-items:flex-start;gap:12px;min-width:0;display:flex}@container (width<=420px){.wd-stage{justify-content:center;padding:12px 0}.wd-more{justify-content:center}}.blk-demo__deskin{background:#000;width:1920px;height:1120px;display:flex}.blk-demo__deskin .x-hints{display:none}.blk-demo__desk{box-shadow:0 0 0 1px var(--hd-c-divider), 0 10px 30px #00000040;pointer-events:none;border-radius:10px;margin-top:6px;overflow:hidden}.blk-img__grid{grid-template-columns:1fr 1fr;gap:14px;max-width:920px;display:grid}@media (max-width:600px){.blk-img__grid{grid-template-columns:1fr}}.blk-img__grid figure:first-child{grid-column:1/-1}.blk-img__grid.is-one{grid-template-columns:1fr}.blk-img figure{margin:0}.blk-img img{border-radius:var(--hd-radius-card);width:100%;height:auto;display:block}.blk-img figcaption{font-size:var(--hd-font-size-small);color:var(--hd-c-fg-secondary);margin-top:6px}.blk-planned{border-radius:var(--hd-radius-card);border:1px dashed var(--hd-c-divider);align-items:flex-start;gap:14px;margin:18px 0 0;padding:14px 16px;display:flex}.blk-planned__t{min-width:0;font-size:var(--hd-font-size-small);color:var(--hd-c-fg-secondary);flex-direction:column;gap:4px;line-height:1.45;display:flex}.blk-planned__h{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.blk-planned__h b{font:700 var(--hd-font-size-default)/1.25 var(--hd-font-family-base);color:var(--hd-c-fg)}.doc-tiles{grid-template-columns:1fr;gap:8px;margin:0;padding:0;list-style:none;display:grid}@container (width>=560px){.doc-tiles{grid-template-columns:1fr 1fr}}.doc-tiles__b{border-radius:var(--hd-radius-card);background:color-mix(in srgb, var(--hd-c-fg) 5%, transparent);width:100%;min-height:68px;color:inherit;text-align:left;font:inherit;cursor:pointer;border:0;align-items:center;gap:14px;padding:10px 12px;display:flex}.doc-tiles__b:hover{background:var(--hd-c-pressed)}.doc-tiles__b>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.doc-tiles__b b{font:700 var(--hd-font-size-default)/1.2 var(--hd-font-family-base)}.doc-tiles__b small{font-size:var(--hd-font-size-small);color:var(--hd-c-fg-secondary);line-height:1.35}.doc-tiles__chev{color:var(--hd-c-fg-secondary);flex:none}.blk-site{border-radius:var(--hd-radius-card);border:1px solid var(--hd-c-divider);align-items:flex-start;gap:14px;margin:18px 0 0;padding:14px 16px;display:flex}.blk-site__t{min-width:0;font-size:var(--hd-font-size-small);color:var(--hd-c-fg-secondary);flex-direction:column;gap:4px;line-height:1.45;display:flex}.blk-site__h{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.blk-site__h b{font:700 var(--hd-font-size-default)/1.25 var(--hd-font-family-base);color:var(--hd-c-fg)}.blk-site__go{align-self:flex-start;margin-top:8px}.doc__blk+.doc__blk{margin-top:22px}.ph-surface{background:var(--hd-c-bg);width:100%;height:100%;color:var(--hd-c-fg);flex-direction:column;display:flex;position:relative;overflow:hidden}.ph-surface__scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.ph-surface>.x-shell{flex:1;min-height:0}.ph{background:var(--hd-surface-home);width:100%;height:100%;color:var(--hd-c-fg);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.ph__sb{z-index:3;flex:none;position:relative}.ph__home{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.ph__track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;flex:1;min-height:0;display:flex;overflow:auto hidden}.ph__track::-webkit-scrollbar{display:none}.ph__track.is-dragging{scroll-snap-type:none;cursor:grabbing}.ph__view{scroll-snap-align:start;scroll-snap-stop:always;scrollbar-width:none;flex:none;width:100%;height:100%;padding-bottom:28px;overflow-y:auto}.ph__view::-webkit-scrollbar{display:none}.ph__dots{justify-content:center;display:flex;position:absolute;bottom:6px;left:0;right:0}.ph-events .ph-events__item{cursor:pointer}.ph-apps{padding-top:22px}.ph-apps .hd-app-icon{cursor:pointer}.ph-open{padding:22px 16px 80px;position:relative}.ph-open__none{text-align:center;font:var(--hd-font-weight-light) var(--hd-font-size-large)/1.4 var(--hd-font-family-light);color:var(--hd-c-fg-secondary);margin:40% 24px 0}.ph-open__grid{grid-template-columns:1fr 1fr;gap:26px 16px;margin:0;padding:0;list-style:none;display:grid}.ph-open .hd-task-card__preview{aspect-ratio:auto;height:auto}.ph-open__live{pointer-events:none;width:360px;height:696px}.ph-open__bar{position:absolute;bottom:0;left:0;right:0}.ph__edge--b{height:16px;bottom:0;left:0;right:0}.ph-peek{z-index:7;background:#000000eb;grid-template-columns:repeat(4,1fr);justify-items:center;padding:14px 0 18px;display:grid;position:absolute;bottom:0;left:0;right:0}.ph-peek__i{border-radius:12px;padding:4px 0}.ph-peek__i.is-hot{background:#ffffff24}.ph__sbtap{z-index:8;height:var(--hd-size-status-bar);cursor:pointer;background:0 0;border:0;padding:0;position:absolute;top:0;left:0;right:0}.ph__app{z-index:4;bottom:0;left:0;right:0;top:var(--hd-size-status-bar);border-radius:7px 7px 0 0;position:absolute;overflow:hidden;box-shadow:0 -2px 18px #00000059}.ph__edge{z-index:6;touch-action:none;position:absolute}.ph__edge--l,.ph__edge--r{width:14px;top:0;bottom:0}.ph__edge--l{left:0}.ph__edge--r{right:0}.ph__edge--t{height:14px;top:0;left:14px;right:14px}.ph__edge:hover{background:linear-gradient(var(--ph-edge-dir,90deg), color-mix(in srgb, var(--hd-accent) 35%, transparent), transparent);cursor:grab}.ph__edge--r{--ph-edge-dir:270deg}.ph__edge--t{--ph-edge-dir:180deg}.ph__hint{z-index:7;pointer-events:none;position:absolute;bottom:64px;left:10px;right:10px}.ph__hint>*{pointer-events:auto}.ph-app-right-enter-active,.ph-app-left-enter-active{transition:transform .28s cubic-bezier(.2,.8,.2,1)!important}.ph-app-right-enter-from{transform:translate(100%)!important}.ph-app-left-enter-from{transform:translate(-100%)!important}.ph__lock{z-index:10;color:#fff;touch-action:pan-y;cursor:grab;background:radial-gradient(140% 90% at 80% 10%,#2f6b6b 0%,#0000 60%),linear-gradient(160deg,#0e1418 10%,#1d4a4c 55%,#0d2a2c 90%);flex-direction:column;display:flex;position:absolute;inset:0}.ph__lock .hd-lock-card,.ph__lock .hd-lock-stack__strip{-webkit-backdrop-filter:none;backdrop-filter:none}.ph__lockclock{text-align:right;padding:34px 18px 0}.ph__locktime{font:300 88px/1 var(--hd-font-family-light);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.ph__lockdate{font:400 1.125rem/1.3 var(--hd-font-family-base);margin-top:10px}.ph__lockcards{margin-top:auto;padding:0 14px}.ph__unlock{color:#ffffffb3;font:400 .8125rem/1 var(--hd-font-family-base);cursor:pointer;background:0 0;border:0;border-radius:16px;margin:14px auto 18px;padding:8px 14px}.ph__unlock:hover{color:#fff;background:#ffffff14}.etesian-mark,.etesian-mark img{flex:none;display:block}