@layer stageshow{.ss-fit{position:relative;width:100%;margin-inline:auto}.ss-stage{--ss-canvas: #f6f5f4;--ss-surface: #fff;--ss-chrome: #fff;--ss-ink-1: rgba(0, 0, 0, .04);--ss-ink-2: rgba(0, 0, 0, .06);--ss-ink-3: rgba(0, 0, 0, .08);--ss-fill: #ebebeb;--ss-ink-4: rgba(0, 0, 0, .1);--ss-ink-5: rgba(0, 0, 0, .15);--ss-line: rgba(0, 0, 0, .06);--ss-line-faint: rgba(0, 0, 0, .04);--ss-text: #7a7a7d;--ss-text-strong: #262628;--ss-text-faint: #9a9a9d;--ss-icon: #707074;--ss-icon-faint: #c4c4c7;--ss-accent: #3b82f6;--ss-accent-soft: rgba(59, 130, 246, .12);--ss-success: #22c55e;--ss-danger: #ef4444;--ss-warning: #f59e0b;--ss-well: #efeeec;--ss-success-soft: rgba(34, 197, 94, .12);--ss-success-text: #15803d;--ss-danger-soft: rgba(239, 68, 68, .1);--ss-danger-text: #b91c1c;--ss-warning-soft: rgba(245, 158, 11, .14);--ss-warning-text: #b45309;--ss-accent-2: #8b5cf6;--ss-accent-text: color-mix(in srgb, var(--ss-accent) 82%, #000);--ss-shadow-window: 0 0 0 1px rgba(0, 0, 0, .06), 0 4px 16px rgba(0, 0, 0, .08);--ss-shadow-float: 0 0 0 1px rgba(0, 0, 0, .08), 0 4px 16px rgba(0, 0, 0, .12), 0 12px 32px rgba(0, 0, 0, .08);--ss-shadow-card: 0 1px 2px rgba(0, 0, 0, .04);--ss-shadow-hero: 0 0 0 1px rgba(0, 0, 0, .06), 0 30px 60px -12px rgba(50, 50, 93, .25), 0 18px 36px -18px rgba(0, 0, 0, .3);--ss-shadow-lift: 0 0 0 1px rgba(0, 0, 0, .04), 0 12px 28px -6px rgba(50, 50, 93, .28), 0 6px 12px -6px rgba(0, 0, 0, .16);--ss-raised: #fff;--ss-shadow-satellite: 0 0 0 1px rgba(0, 0, 0, .04), 0 14px 32px -8px rgba(50, 50, 93, .24), 0 4px 10px -4px rgba(0, 0, 0, .1);--ss-shadow-ground: 0 0 0 1px rgba(50, 50, 93, .06), 0 24px 48px -24px rgba(50, 50, 93, .18);--ss-font: system-ui, -apple-system, sans-serif;--ss-mono: "SF Mono", "SFMono-Regular", ui-monospace, Consolas, monospace;--ss-radius-sm: 6px;--ss-radius-md: 8px;--ss-radius-lg: 10px;--ss-radius-window: 12px;--ss-radius-pill: 999px;--ss-control: 34px;--ss-row: 26px;position:absolute;top:0;left:0;transform-origin:0 0;font-family:var(--ss-font);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;font-size:16px;font-weight:400;font-style:normal;line-height:normal;letter-spacing:normal;word-spacing:normal;text-align:start;text-indent:0;text-transform:none;white-space:normal;color:#000}.ss-ground{--ss-orb-1: #c9b8ff;--ss-orb-2: #ffc59a;--ss-orb-3: #a9d8ff;position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:var(--ss-ground-radius, 20px);background:radial-gradient(60% 75% at 8% 4%,color-mix(in srgb,var(--ss-orb-1) 85%,transparent),transparent 70%),radial-gradient(55% 70% at 96% 92%,color-mix(in srgb,var(--ss-orb-2) 80%,transparent),transparent 70%),radial-gradient(45% 55% at 78% 8%,color-mix(in srgb,var(--ss-orb-3) 55%,transparent),transparent 70%),var(--ss-canvas);pointer-events:none}.ss-stage[data-theme=dark] .ss-ground{background:radial-gradient(60% 75% at 8% 4%,color-mix(in srgb,var(--ss-orb-1) 30%,transparent),transparent 70%),radial-gradient(55% 70% at 96% 92%,color-mix(in srgb,var(--ss-orb-2) 24%,transparent),transparent 70%),radial-gradient(45% 55% at 78% 8%,color-mix(in srgb,var(--ss-orb-3) 18%,transparent),transparent 70%),var(--ss-canvas)}.ss-stage[data-theme=dark]{--ss-canvas: #111113;--ss-surface: #1a1a1d;--ss-chrome: #1d1d20;--ss-ink-1: rgba(255, 255, 255, .05);--ss-ink-2: rgba(255, 255, 255, .07);--ss-ink-3: rgba(255, 255, 255, .1);--ss-fill: #313134;--ss-ink-4: rgba(255, 255, 255, .13);--ss-ink-5: rgba(255, 255, 255, .2);--ss-line: rgba(255, 255, 255, .08);--ss-line-faint: rgba(255, 255, 255, .05);--ss-text: #9d9da1;--ss-text-strong: #ececee;--ss-text-faint: #6c6c70;--ss-icon: #9a9aa0;--ss-icon-faint: #4a4a50;--ss-accent-soft: rgba(59, 130, 246, .2);--ss-accent-text: color-mix(in srgb, var(--ss-accent) 70%, #fff);--ss-well: #0a0a0b;--ss-success-soft: rgba(34, 197, 94, .16);--ss-success-text: #4ade80;--ss-danger-soft: rgba(239, 68, 68, .16);--ss-danger-text: #f87171;--ss-warning-soft: rgba(245, 158, 11, .18);--ss-warning-text: #fbbf24;--ss-shadow-lift: 0 0 0 1px rgba(255, 255, 255, .1), 0 12px 28px -6px rgba(0, 0, 0, .6);--ss-shadow-window: 0 0 0 1px rgba(255, 255, 255, .08), 0 4px 16px rgba(0, 0, 0, .4);--ss-shadow-float: 0 0 0 1px rgba(255, 255, 255, .1), 0 4px 16px rgba(0, 0, 0, .4), 0 12px 32px rgba(0, 0, 0, .3);--ss-shadow-card: 0 0 0 1px rgba(255, 255, 255, .05);--ss-shadow-hero: 0 0 0 1px rgba(255, 255, 255, .08), 0 30px 60px -12px rgba(0, 0, 0, .6);--ss-shadow-satellite: 0 0 0 1px rgba(255, 255, 255, .1), 0 14px 32px -8px rgba(0, 0, 0, .7), 0 4px 10px -4px rgba(0, 0, 0, .5);--ss-shadow-ground: 0 0 0 1px rgba(255, 255, 255, .1), 0 24px 48px -24px rgba(0, 0, 0, .6);--ss-raised: #26262a}.ss-stage[data-theme=blueprint]{--ss-canvas: transparent;--ss-surface: #1857bd;--ss-raised: #1b5cc4;--ss-chrome: transparent;--ss-ink-1: rgba(214, 232, 255, .12);--ss-ink-2: rgba(214, 232, 255, .16);--ss-ink-3: rgba(214, 232, 255, .22);--ss-fill: #4277cc;--ss-ink-4: rgba(214, 232, 255, .3);--ss-ink-5: rgba(214, 232, 255, .45);--ss-line: rgba(214, 232, 255, .35);--ss-line-faint: rgba(214, 232, 255, .2);--ss-text: #b3c9ec;--ss-text-strong: #f0f6ff;--ss-text-faint: #7fa1da;--ss-icon: #c9dcf7;--ss-icon-faint: #6f97d6;--ss-accent: #ffffff;--ss-accent-soft: rgba(255, 255, 255, .15);--ss-success: #e6f0ff;--ss-danger: #e6f0ff;--ss-warning: #e6f0ff;--ss-success-soft: rgba(255, 255, 255, .14);--ss-danger-soft: rgba(255, 255, 255, .14);--ss-warning-soft: rgba(255, 255, 255, .14);--ss-success-text: #ffffff;--ss-danger-text: #ffffff;--ss-warning-text: #ffffff;--ss-well: #1450b4;--ss-shadow-window: 0 0 0 1px rgba(214, 232, 255, .55);--ss-shadow-float: 0 0 0 1px rgba(214, 232, 255, .7);--ss-shadow-card: 0 0 0 1px rgba(214, 232, 255, .35);--ss-shadow-hero: 0 0 0 1px rgba(214, 232, 255, .55);--ss-shadow-satellite: 0 0 0 1px rgba(214, 232, 255, .8);--ss-shadow-ground: 0 0 0 1px rgba(214, 232, 255, .7);background-color:var(--ss-well);background-image:linear-gradient(rgba(214,232,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(214,232,255,.08) 1px,transparent 1px);background-size:16px 16px;background-position:var(--ss-grid-x, 0) var(--ss-grid-y, 0)}.ss-stage[data-theme=glass]{--ss-canvas: rgba(255, 255, 255, .5);--ss-surface: rgba(255, 255, 255, .62);--ss-chrome: rgba(255, 255, 255, .38);--ss-raised: rgba(255, 255, 255, .74);--ss-line: rgba(255, 255, 255, .65);--ss-line-faint: rgba(255, 255, 255, .45);--ss-well: #ebe9f5;--ss-shadow-window: inset 0 0 0 1px rgba(255, 255, 255, .75), 0 20px 50px -14px rgba(40, 40, 90, .28);--ss-shadow-hero: inset 0 0 0 1px rgba(255, 255, 255, .75), 0 30px 60px -16px rgba(40, 40, 90, .3);--ss-shadow-satellite: inset 0 0 0 1px rgba(255, 255, 255, .85), 0 16px 36px -10px rgba(40, 40, 90, .32);--ss-shadow-float: inset 0 0 0 1px rgba(255, 255, 255, .85), 0 12px 32px -8px rgba(40, 40, 90, .28);--ss-shadow-ground: inset 0 0 0 1px rgba(255, 255, 255, .85), 0 24px 48px -24px rgba(40, 40, 90, .24);--ss-shadow-card: inset 0 0 0 1px rgba(255, 255, 255, .6);background:radial-gradient(55% 65% at 12% 18%,color-mix(in srgb,var(--ss-accent) 42%,transparent),transparent 70%),radial-gradient(50% 60% at 88% 28%,color-mix(in srgb,var(--ss-accent-2) 38%,transparent),transparent 70%),radial-gradient(60% 55% at 58% 100%,rgba(255,168,120,.42),transparent 70%),var(--ss-well)}.ss-stage[data-theme=glass] .ss-window,.ss-stage[data-theme=glass] .ss-popover,.ss-stage[data-theme=glass] .ss-glass{backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6)}.ss-stage[data-greys=cool]:not([data-theme=dark],[data-theme=blueprint],[data-theme=glass]){--ss-canvas: #f4f5f8;--ss-well: #eceef2}.ss-stage[data-palette=mono]{--ss-accent: #1a1a1a;--ss-accent-soft: rgba(0, 0, 0, .06);--ss-success: #1a1a1a;--ss-danger: #1a1a1a;--ss-warning: #1a1a1a;--ss-accent-2: #1a1a1a;--ss-success-text: #1a1a1a;--ss-danger-text: #1a1a1a;--ss-success-soft: rgba(0, 0, 0, .06);--ss-danger-soft: rgba(0, 0, 0, .04)}.ss-stage[data-palette=mono][data-theme=dark]{--ss-accent: #f2f2f2;--ss-accent-soft: rgba(255, 255, 255, .1);--ss-success: #f2f2f2;--ss-danger: #f2f2f2;--ss-warning: #f2f2f2;--ss-accent-2: #f2f2f2;--ss-success-text: #f2f2f2;--ss-danger-text: #f2f2f2;--ss-success-soft: rgba(255, 255, 255, .1);--ss-danger-soft: rgba(255, 255, 255, .06)}.ss-stage[data-palette=mono] img,.ss-stage[data-palette=mono] .ss-keep-mono{filter:grayscale(1)}.ss-fade-b{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--ss-fade, 64px)),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - var(--ss-fade, 64px)),transparent)}.ss-fade-r{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--ss-fade, 64px)),transparent);mask-image:linear-gradient(to right,#000 calc(100% - var(--ss-fade, 64px)),transparent)}.ss-fade-br{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - var(--ss-fade, 64px)),transparent),linear-gradient(to right,#000 calc(100% - var(--ss-fade, 64px)),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - var(--ss-fade, 64px)),transparent),linear-gradient(to right,#000 calc(100% - var(--ss-fade, 64px)),transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.ss-recede{transition:opacity .3s ease}.ss-recede[data-receded=true]{opacity:.4}.ss-stage [data-instant],.ss-stage[data-instant] *,.ss-stage [data-instant] *,.ss-stage[data-instant] *:before,.ss-stage[data-instant] *:after{transition:none!important}@keyframes ss-spin{to{transform:rotate(1turn)}}@keyframes ss-fade-in{0%{opacity:0;filter:blur(2px);transform:translateY(3px)}}.ss-stage[data-still] *,.ss-stage[data-still] *:before,.ss-stage[data-still] *:after{transition:none!important;animation:none!important}.ss-stage[data-offscreen],.ss-stage[data-offscreen] *,.ss-stage[data-offscreen] *:before,.ss-stage[data-offscreen] *:after{transition:none!important;animation-play-state:paused!important}.ss-stage[data-placing] *,.ss-stage[data-placing] *:before,.ss-stage[data-placing] *:after{transition:none!important}.ss-stage *,.ss-stage *:before,.ss-stage *:after{box-sizing:border-box}.ss-stage[data-hit] *{pointer-events:auto!important}}:where(.ss-stage) :is(p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,a,figure,figcaption,blockquote,pre,code,hr,table,th,td,button,input,label):not(html):not(body){all:revert}:where(.ss-stage,.ss-stage *,.ss-stage :before,.ss-stage :after):not(html){border-width:revert-layer;border-style:revert-layer;border-color:revert-layer;box-sizing:revert-layer;padding:revert-layer;margin:revert-layer}:where(.ss-stage) :is(svg,img):not(html):not(body){max-width:none;vertical-align:revert-layer}:where(.ss-stage :is(.ss-fly__lift,.ss-expand__face))>:is(svg,img):not(html):not(body):not(head){max-width:100%}@layer stageshow{.ss-keys{position:absolute;bottom:16px;left:50%;z-index:99;display:flex;gap:4px;opacity:0;transform:translate(-50%,6px) scale(.96);transition:opacity .16s ease,transform .2s cubic-bezier(.22,1,.36,1);pointer-events:none}.ss-keys[data-show=true]{opacity:1;transform:translate(-50%) scale(1)}.ss-keys[data-at=top]{top:16px;bottom:auto}.ss-keys[data-at=bottom-left],.ss-keys[data-at=bottom-right]{left:auto;transform:translateY(6px) scale(.96)}.ss-keys[data-at=bottom-left]{left:16px}.ss-keys[data-at=bottom-right]{right:16px}.ss-keys[data-at=bottom-left][data-show=true],.ss-keys[data-at=bottom-right][data-show=true]{transform:none}.ss-key{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:7px;background:#18181be0;box-shadow:inset 0 -2px #0006,0 4px 12px #0000002e;color:#fff;font:500 13px/1 var(--ss-font);transition:transform .08s ease-out,box-shadow .08s ease-out}.ss-key[data-down=true]{transform:translateY(1px) scale(.94);box-shadow:inset 0 -1px #0006,0 2px 6px #0000002e}}@layer stageshow{.ss-cursor{position:absolute;top:0;left:0;z-index:100;pointer-events:none;will-change:transform;transition:opacity .25s ease}.ss-cursor[data-idle]{opacity:0;transition-duration:.6s}.ss-cursor__press{display:grid;transform-origin:0 0;transition:transform .26s cubic-bezier(.22,1,.36,1)}.ss-cursor[data-pressed=true] .ss-cursor__press{transform:scale(.9);transition:transform .08s ease-out}.ss-cursor__glyph{grid-area:1 / 1;transform:scale(0);opacity:0;transition:transform .2s ease,opacity .2s ease}.ss-cursor__glyph[data-active=true]{transform:scale(var(--ss-cursor-size, 1));opacity:1}.ss-cursor__glyph[data-glyph^=resize]{transform:scale(calc(var(--ss-cursor-size, 1) * .5))}.ss-cursor[data-kind^=resize] .ss-cursor__glyph:not([data-active=true]){transform:scale(calc(var(--ss-cursor-size, 1) * .6))}.ss-cursor[data-kind^=resize] .ss-cursor__glyph,.ss-cursor__glyph[data-glyph^=resize]{transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .2s ease}.ss-cursor__glyph[data-glyph^=resize][data-active=true]{transform:scale(var(--ss-cursor-size, 1))}.ss-cursor[data-kind^=resize] .ss-cursor__glyph:not([data-active=true]),.ss-cursor:not([data-kind^=resize]) .ss-cursor__glyph[data-glyph^=resize]{transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .1s ease}.ss-cursor:is([data-kind=open],[data-kind=grab]) .ss-cursor__glyph:is([data-glyph=open],[data-glyph=grab]){transform:scale(var(--ss-cursor-size, 1));transition:opacity .08s linear}.ss-cursor[data-style=large]{--ss-cursor-size: 1.5}.ss-cursor[data-style=large] .ss-cursor__glyph[data-glyph=ibeam]{--ss-cursor-size: 1.15}.ss-cursor__dot{display:block;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#76768042;-webkit-backdrop-filter:blur(5px) saturate(1.8) brightness(1.04);backdrop-filter:blur(5px) saturate(1.8) brightness(1.04);box-shadow:inset 0 1px 1px #fff6,inset 0 -1px 1px #0000000d,0 2px 10px #0000001a;transition:background .15s ease}.ss-cursor__dot{transition:background .15s ease,width .2s cubic-bezier(.22,1,.36,1),height .2s cubic-bezier(.22,1,.36,1),margin .2s cubic-bezier(.22,1,.36,1),border-radius .2s ease}.ss-cursor[data-style=circle][data-kind=ibeam] .ss-cursor__dot{width:4px;height:20px;margin:-10px 0 0 -2px;border-radius:2px;background:#3c3c438c}.ss-stage[data-theme=dark] .ss-cursor__dot{background:#fff3;box-shadow:inset 0 1px 1px #ffffff4d,0 2px 10px #0000004d}.ss-cursor[data-style=circle][data-pressed=true] .ss-cursor__press{transform:scale(.8)}.ss-cursor[data-style=circle][data-pressed=true] .ss-cursor__dot{-webkit-backdrop-filter:none;backdrop-filter:none;background:#76768038}.ss-stage[data-theme=dark] .ss-cursor[data-style=circle][data-pressed=true] .ss-cursor__dot{background:#ffffff2e}.ss-cursor[data-style=circle][data-pressed=true] .ss-cursor__dot,.ss-cursor[data-style=circle][data-kind=grab] .ss-cursor__dot{background:#76768066}.ss-cursor[data-style=touch] .ss-cursor__dot{width:34px;height:34px;margin:-17px 0 0 -17px;background:#76768024;-webkit-backdrop-filter:none;backdrop-filter:none;opacity:0;transform:scale(.7);transition:opacity .4s ease,transform .45s cubic-bezier(.22,1,.36,1)}.ss-cursor__streak{position:absolute;left:0;top:-13px;width:0;height:26px;border-radius:13px;background:linear-gradient(to right,#76768000,#76768029);transform-origin:100% 50%;opacity:0;pointer-events:none;transition:opacity .16s ease}.ss-cursor[data-swiping] .ss-cursor__streak{opacity:1;transition:none}.ss-cursor[data-style=touch][data-touching] .ss-cursor__dot{opacity:1;transform:scale(1);transition:opacity .14s ease,transform .16s cubic-bezier(.22,1,.36,1)}.ss-cursor[data-style=touch][data-pressed=true] .ss-cursor__dot,.ss-cursor[data-style=touch][data-swiping] .ss-cursor__dot{background:#76768038;transform:scale(.82);transition:background .08s ease,transform .1s ease-out}.ss-cursor__glyph svg{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.ss-cursor__arrow path{fill:var(--ss-cursor-ink, #111);stroke:var(--ss-cursor-ink, #111);stroke-width:2.4;stroke-linejoin:round}.ss-cursor__arrow{display:block;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.18))}.ss-stage[data-theme=dark] .ss-cursor__arrow,.ss-stage[data-theme=blueprint] .ss-cursor__arrow{--ss-cursor-ink: #fff}.ss-stage[data-theme=dark] .ss-cursor,.ss-stage[data-theme=blueprint] .ss-cursor{--ss-cursor-line: #fff;--ss-cursor-edge: rgba(0, 0, 0, .75)}.ss-ripple{position:absolute;z-index:99;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:1.5px solid var(--ss-accent);background:color-mix(in srgb,var(--ss-accent) 10%,transparent);pointer-events:none;animation:ss-ripple .55s cubic-bezier(.25,.8,.25,1) forwards}@keyframes ss-ripple{0%{transform:scale(.2);opacity:1}to{transform:scale(1);opacity:0}}.ss-stage[data-palette=mono] .ss-ripple{border-color:var(--ss-text-strong);background:transparent}.ss-stage[data-hit] :is(.ss-cursor,.ss-cursor *){pointer-events:none!important}}@layer stageshow{.ss-stage[data-theme=blueprint] .ss-window__dot{background:transparent;box-shadow:inset 0 0 0 1px var(--ss-line)}.ss-stage[data-theme=blueprint] .ss-window__url{background:transparent;box-shadow:inset 0 0 0 1px var(--ss-line-faint)}.ss-stage[data-palette=mono] .ss-window__dot{background:var(--ss-ink-5);box-shadow:none}:where(.ss-window){position:relative;--ss-lights-y: 19px;--ss-dot: 9px;--ss-side-inset: 0px}.ss-window{display:flex;flex-direction:column;overflow:hidden;background:var(--ss-canvas);border-radius:var(--ss-radius-window);box-shadow:var(--ss-shadow-window)}.ss-window__bar{display:flex;flex-shrink:0;align-items:center;gap:6px;height:38px;padding:0 calc(var(--ss-lights-y) - var(--ss-dot) / 2);background:var(--ss-chrome);border-bottom:1px solid var(--ss-line)}.ss-window__lights{display:flex;flex-shrink:0;gap:6px}.ss-window__dot{width:var(--ss-dot);height:var(--ss-dot);border-radius:50%;box-shadow:inset 0 0 0 .5px #0000001f}.ss-window__dot:nth-child(1){background:#ff5f57}.ss-window__dot:nth-child(2){background:#febc2e}.ss-window__dot:nth-child(3){background:#28c840}.ss-window__url{flex:1;min-width:0;margin-left:8px;padding:4px 10px;overflow:hidden;background:var(--ss-ink-1);border-radius:6px;color:var(--ss-text-faint);font-size:10.5px;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.ss-window[data-url-shape=pill] .ss-window__url{padding-inline:12px;border-radius:999px}.ss-window__title{flex:1;margin-right:36px;text-align:center;font-size:13px;font-weight:600;color:var(--ss-text-strong)}.ss-window__body{position:relative;flex:1;min-height:0}.ss-window__spacer{flex:1}.ss-window[data-lights=grey] .ss-window__dot{background:#bac8da80;box-shadow:none}.ss-window[data-lights=white] .ss-window__dot{background:#ffffff80;box-shadow:none}.ss-window[data-chrome=glass]{background:#f8fafd73;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 0 0 1px #e5edf580,0 15px 35px #17171714}.ss-window[data-chrome=glass]>.ss-window__bar{display:grid;grid-template-columns:1fr minmax(0,262px) 1fr;gap:12px;height:35px;padding:0 20px;background:none;border:0}.ss-window[data-chrome=glass] .ss-window__lights{gap:4px}.ss-window[data-chrome=glass] .ss-window__dot{width:8px;height:8px}.ss-window[data-chrome=glass] .ss-window__url{display:flex;grid-column:2;align-items:center;justify-content:center;gap:4px;height:20px;margin:0;padding:0 8px;background:#ffffff61;border-radius:999px;box-shadow:inset 0 0 0 1px #e5edf580;color:#50617a;font-size:10px}.ss-window__lock{flex-shrink:0;color:#667691}.ss-window__url-text{overflow:hidden;text-overflow:ellipsis}.ss-window[data-chrome=glass] .ss-window__end{display:flex;grid-column:3;justify-content:flex-end;gap:6px}.ss-window[data-chrome=glass]>.ss-window__body{margin:0 6px 6px;overflow:hidden;background:#fff;border-radius:6px;box-shadow:0 3px 6px #1717170f}.ss-window[data-chrome=card]{background:#fff;border-radius:8px;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d}.ss-window[data-chrome=card]>.ss-window__bar{gap:14px;height:44px;padding:0 16px;background:none;border:0}.ss-window[data-chrome=card]:not([data-lights=color]) .ss-window__dot{background:#ecf2f7;box-shadow:none}.ss-window[data-chrome=card] .ss-window__url{flex:1;height:24px;margin:0;padding:0 10px;background:#ecf2f7;border-radius:4px;box-shadow:none;color:#425466;font-size:12px;font-weight:300;line-height:24px}.ss-window[data-chrome=card] .ss-window__end:empty{display:none}.ss-window[data-chrome=card]>.ss-window__body{background:#fff}.ss-window[data-chrome=hairline]{background:#fff;border-radius:8px;box-shadow:0 0 0 1px #0000000f,0 12px 28px -12px #32325d33}.ss-window[data-chrome=hairline]>.ss-window__bar{display:grid;grid-template-columns:1fr auto 1fr;height:20px;padding:0 8px;background:none;border:0;border-bottom:1px solid rgba(0,0,0,.06)}.ss-window[data-chrome=hairline] .ss-window__lights{gap:3px}.ss-window[data-chrome=hairline] .ss-window__dot{width:5px;height:5px}.ss-window[data-chrome=hairline]:not([data-lights=color]) .ss-window__dot{background:#e3e8ee;box-shadow:none}.ss-window[data-chrome=hairline] .ss-window__url{grid-column:2;height:auto;margin:0;padding:0;background:none;box-shadow:none;color:#8792a2;font-size:9px}.ss-window[data-chrome=hairline] .ss-window__end{grid-column:3;justify-self:end}.ss-window[data-chrome=terminal]{--ss-term-bg: #17171a;background:var(--ss-term-bg);box-shadow:inset 0 0 0 1px #ffffff12,var(--ss-shadow-hero, var(--ss-shadow-window))}.ss-window[data-chrome=terminal]>.ss-window__bar{position:relative;background:none;border:0}.ss-window[data-chrome=terminal][data-lights=grey] .ss-window__dot{background:#ffffff29;box-shadow:none}.ss-term__title{position:absolute;left:50%;translate:-50% 0;color:#ffffff6b;font-size:11px;font-weight:500;white-space:nowrap}.ss-term{display:flex;flex-direction:column;gap:3px;padding:4px 16px 16px;overflow:hidden;color:#9d9da6;font:11.5px/1.65 var(--ss-mono);font-variant-ligatures:none}.ss-term>*+.ss-term__prompt{margin-top:8px}.ss-term__line,.ss-term>div,.ss-term>p{margin:0;white-space:pre}.ss-term__path{color:var(--ss-term-path, #6f8ccf)}.ss-term__sigil{margin:0 7px;color:var(--ss-term-sigil, #6ee7a8)}.ss-term__cmd{color:#f1f1f3}.ss-term .ok{color:var(--ss-term-ok, #6ee7a8)}.ss-term .err{color:var(--ss-term-err, #f87171)}.ss-term .dim{color:var(--ss-term-dim, #63636b)}.ss-term__caret{display:inline-block;width:.6em;height:1.2em;margin-left:1px;vertical-align:-.22em;background:#e8e8ec;animation:ss-term-blink 1.06s steps(1) infinite}.ss-term__caret[data-still]{animation:none}@keyframes ss-term-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.ss-term__caret{animation:none}}.ss-window__title[data-toolbar]{margin:0 0 0 14px;text-align:left}.ss-window__nav{display:flex;flex-shrink:0;gap:6px;margin-left:10px;color:var(--ss-text-faint)}.ss-window__nav+.ss-window__url{margin-left:4px}.ss-window__tabs{display:flex;flex-shrink:0;align-items:flex-end;gap:2px;height:38px;padding:0 calc(var(--ss-lights-y) - var(--ss-dot) / 2);background:var(--ss-canvas)}.ss-window__tabs .ss-window__lights{align-self:center;margin-right:14px}.ss-window__tab{display:flex;align-items:center;gap:7px;width:140px;min-width:0;height:30px;padding:0 12px;border-radius:8px 8px 0 0;font-size:11px;color:var(--ss-text-faint)}.ss-window__tab[data-active]{background:var(--ss-chrome);color:var(--ss-text-strong)}.ss-window__tab-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ss-window__favicon{flex-shrink:0;width:10px;height:10px;border-radius:3px;background:var(--ss-ink-4)}.ss-window__tab[data-active] .ss-window__favicon{background:var(--ss-accent)}[data-kind=tabs]>.ss-window__bar .ss-window__url{margin-left:0}[data-kind=tabs]>.ss-window__bar .ss-window__nav{margin-left:0}.ss-window[data-kind=sidebar]{flex-direction:row}.ss-window__side{display:flex;flex-direction:column;flex-shrink:0;background:var(--ss-canvas);border-right:1px solid var(--ss-line)}.ss-window__side-top{display:flex;flex-shrink:0;align-items:center;height:calc((var(--ss-lights-y) - var(--ss-side-inset)) * 2);padding:0 calc(var(--ss-lights-y) - var(--ss-side-inset) - var(--ss-dot) / 2)}.ss-window__main{display:flex;flex-direction:column;flex:1;min-width:0;background:var(--ss-surface)}.ss-window__main>.ss-window__bar{padding:0 16px}.ss-window__heading{font-size:13px;font-weight:600;color:var(--ss-text-strong)}.ss-bar{display:block;flex-shrink:0}.ss-bar[data-shrink]{flex-shrink:1;min-width:0;max-width:100%}.ss-window[data-lights-size=large]{--ss-dot: 12px}.ss-window[data-lights-size=large] .ss-window__lights{gap:8px}.ss-window[data-bar=tall]{--ss-lights-y: 26px}.ss-window[data-bar=tall]>.ss-window__bar,.ss-window[data-bar=tall] .ss-window__main>.ss-window__bar{align-items:flex-start;height:64px;padding-top:10px;background:none;border-bottom:0}.ss-window[data-bar=tall]>.ss-window__bar>.ss-window__lights{margin-top:calc(16px - var(--ss-dot) / 2)}.ss-window[data-bar=tall] .ss-window__url{margin-top:5px}.ss-window[data-bar=tall] .ss-window__title,.ss-window[data-bar=tall] .ss-window__heading{line-height:32px}.ss-window[data-side=floating]{--ss-side-inset: 8px;border-radius:24px;background:var(--ss-surface)}.ss-window[data-side=floating]>.ss-window__side{position:relative;z-index:1;margin:var(--ss-side-inset) 0 var(--ss-side-inset) var(--ss-side-inset);border-right:0;border-radius:16px;box-shadow:0 0 0 .5px #00000012,inset 0 .5px #fff,0 3px 14px #14234612}.ss-stage[data-theme=dark] .ss-window[data-side=floating]>.ss-window__side{background:var(--ss-raised);box-shadow:0 0 0 1px #ffffff14,0 3px 14px #0000004d}.ss-text{white-space:nowrap}.ss-text[data-wrap]{white-space:normal}}@layer stageshow{:where(.ss-phone){position:relative}.ss-phone{flex-shrink:0;box-shadow:0 calc(var(--ps) * 40) calc(var(--ps) * 80) calc(var(--ps) * -16) #32325d40,0 calc(var(--ps) * 24) calc(var(--ps) * 48) calc(var(--ps) * -24) #0000004d}.ss-phone__glass{height:100%}.ss-phone__window{position:relative;overflow:hidden;isolation:isolate}.ss-phone:is([data-frame=pro],[data-frame=silver],[data-frame=bezel],[data-frame=clay],[data-frame=outline],[data-frame=bare]){--ss-phone-glass: #0b0b0c;--ss-phone-rim: #2c2c2d;--ss-phone-seam: #e0dfdc;--ss-phone-line: var(--ss-text-faint, #9a9a9d);background:none}.ss-phone__bands{position:absolute;inset:0;overflow:visible;pointer-events:none}.ss-phone:is([data-frame=pro],[data-frame=silver],[data-frame=bezel],[data-frame=clay],[data-frame=outline]) .ss-phone__glass{position:relative}.ss-phone[data-frame=pro]{--ss-phone-band-1: #e3e3e6;--ss-phone-band-2: #9a9ba0;--ss-phone-band-3: #cfd0d4;--ss-phone-band-4: #85868b;--ss-phone-band-5: #c9cacd}.ss-stage[data-theme=dark] .ss-phone[data-frame=pro],.ss-stage[data-theme=glass] .ss-phone[data-frame=pro][data-dark]{--ss-phone-band-1: #5b5c61;--ss-phone-band-2: #2b2c2f;--ss-phone-band-3: #48494d;--ss-phone-band-4: #232427;--ss-phone-band-5: #404145}.ss-phone[data-frame=silver]{--ss-phone-band-1: #f4f4f6;--ss-phone-band-2: #c9cacf;--ss-phone-band-3: #eeeef1;--ss-phone-band-4: #b9babf;--ss-phone-band-5: #e6e6ea}.ss-phone[data-frame=bezel]{--ss-phone-glass: #111113}.ss-phone[data-frame=clay]{--ss-phone-clay-top: color-mix(in srgb, var(--ss-phone-clay, #ecebe8), #fff 45%);--ss-phone-clay-bottom: color-mix(in srgb, var(--ss-phone-clay, #ecebe8), #000 6%);box-shadow:0 calc(var(--ps) * 30) calc(var(--ps) * 60) calc(var(--ps) * -12) #32325d33,0 calc(var(--ps) * 16) calc(var(--ps) * 32) calc(var(--ps) * -16) #00000029}.ss-stage[data-theme=dark] .ss-phone[data-frame=clay]{--ss-phone-clay-top: color-mix(in srgb, var(--ss-phone-clay, #2a2a2e), #fff 6%);--ss-phone-clay-bottom: var(--ss-phone-clay, #2a2a2e);--ss-phone-seam: #333338}.ss-phone[data-frame=outline]{box-shadow:none}.ss-stage[data-theme=blueprint] .ss-phone[data-frame=outline]{--ss-phone-line: var(--ss-line)}.ss-phone:not([data-frame=android],[data-frame=soft]) .ss-phone__status{height:62px;padding:0}.ss-phone:not([data-frame=android],[data-frame=soft]) .ss-phone__time{position:absolute;top:21.5px;left:0;width:138.5px;line-height:22px;text-align:center}.ss-phone:not([data-frame=android],[data-frame=soft]) .ss-phone__glyphs{position:absolute;top:25.33px;left:285.25px;align-items:flex-start;gap:8px}.ss-phone:not([data-frame=android],[data-frame=soft]) .ss-phone__signal{margin-top:1px}.ss-phone:not([data-frame=android],[data-frame=soft]) .ss-phone__battery{margin-top:.33px}.ss-phone[data-frame=photo]{position:relative;background:none}.ss-phone__photo{position:absolute;z-index:4;background:var(--ss-phone-photo-light, none) center / 100% 100% no-repeat;pointer-events:none}.ss-stage[data-theme=dark] .ss-phone__photo,.ss-phone[data-dark] .ss-phone__photo{background-image:var(--ss-phone-photo-dark, var(--ss-phone-photo-light, none))}.ss-phone[data-frame=android]{background:linear-gradient(150deg,#3a3b3f,#1d1e21 40%,#2f3034 70%,#1a1b1e)}.ss-phone[data-frame=android] .ss-phone__glass{background:#050505}.ss-phone[data-frame=android] .ss-phone__island{top:14px;width:24px;height:24px;border-radius:50%}.ss-phone[data-frame=android] .ss-phone__status{height:48px;padding:0 26px}.ss-phone[data-frame=android] .ss-phone__time{font-family:system-ui,sans-serif;font-size:15px;font-weight:500}.ss-phone[data-frame=android] .ss-phone__content[data-status]{padding-top:48px}.ss-phone[data-frame=android] .ss-phone__home{width:108px;height:4px}.ss-phone[data-frame=soft]{box-shadow:0 0 0 calc(var(--ps) * 1.5) #0a25400d,0 calc(var(--ps) * 30) calc(var(--ps) * 60) calc(var(--ps) * -12) #32325d2e,0 calc(var(--ps) * 18) calc(var(--ps) * 36) calc(var(--ps) * -18) #0000001f}.ss-phone[data-frame=soft] .ss-phone__glass{background:#f6f9fc;box-shadow:inset 0 calc(var(--ps) * -2.9) calc(var(--ps) * 7.2) #0a254038}.ss-stage[data-theme=dark] .ss-phone[data-frame=soft] .ss-phone__glass{background:#1c2433;box-shadow:inset 0 calc(var(--ps) * -2.9) calc(var(--ps) * 7.2) #00000073}.ss-phone__screen{--pt: 1px;position:absolute;top:0;left:0;display:flex;flex-direction:column;overflow:hidden;background:#fff;color:#000;font-family:-apple-system,system-ui,sans-serif;font-size:15px;letter-spacing:-.015em;transform-origin:0 0;-webkit-font-smoothing:antialiased}.ss-phone[data-dark] .ss-phone__screen{background:#000;color:#fff}.ss-phone__status{position:absolute;top:0;right:0;left:0;z-index:2;display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 34px 0 52px;transition:color .3s ease;will-change:transform}.ss-phone__time{font-family:SF Pro Text,-apple-system,system-ui,sans-serif;font-variation-settings:"opsz" 17;font-size:17.67px;font-weight:590;letter-spacing:0}.ss-phone__island{position:absolute;top:var(--ss-island-top, 14px);left:50%;z-index:3;width:var(--ss-island-w, 95px);height:37px;border-radius:18.5px;background:#000;transform:translate(-50%)}.ss-phone__glyphs{display:flex;align-items:center;gap:8px}.ss-phone__glyph{display:block}.ss-phone__content{position:relative;flex:1;min-height:0}.ss-phone__content[data-status]{padding-top:62px}.ss-phone__content:not([data-status]){padding-top:44px}.ss-phone[data-frame=bare] .ss-phone__content{padding-right:8px;padding-left:8px}.ss-phone__home{position:absolute;bottom:8px;left:50%;z-index:2;width:144px;height:5px;border-radius:2.5px;background:currentColor;transform:translate(-50%);transition:color .3s ease;will-change:transform}.ss-lock{position:absolute;inset:0;color:#fff;text-align:center}.ss-lock__date{margin-top:66px;font-size:22px;font-weight:600;letter-spacing:-.01em;opacity:.85}.ss-lock__clock{margin-top:-4px;font-size:112px;font-weight:700;line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums;opacity:.92}.ss-lock__stack{position:absolute;right:0;bottom:118px;left:0;display:flex;flex-direction:column;gap:8px;text-align:left}.ss-lock__stack[data-at=top]{top:290px;bottom:auto}.ss-lock__controls{position:absolute;right:46px;bottom:48px;left:46px;display:flex;justify-content:space-between}.ss-lock__control{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#0a0c1842;-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);color:#fff}.ss-notification{display:flex;align-items:center;gap:13px;margin:0 18px;padding:14px 17px 14px 14px;border-radius:23px;background:#fcfcfdc2;-webkit-backdrop-filter:blur(30px) saturate(1.25);backdrop-filter:blur(30px) saturate(1.25);box-shadow:0 4px 24px #0000000f;color:#000;text-align:left}.ss-notification[data-banner]{position:absolute;top:56px;right:0;left:0;z-index:2;animation:ss-banner-in .52s cubic-bezier(.2,.9,.25,1) both}@keyframes ss-banner-in{0%{transform:translateY(-110px)}}.ss-notification__icon{display:grid;flex-shrink:0;place-items:center;width:38px;height:38px;overflow:hidden;border-radius:9px;background:var(--ss-accent);color:#fff}.ss-notification__icon:has(>img){background:none}.ss-notification__icon>img{display:block;width:100%;height:100%}.ss-notification__text{display:flex;flex:1;flex-direction:column;min-width:0;font-size:15px;line-height:18px;letter-spacing:-.016em}.ss-notification__head{display:flex;align-items:baseline;gap:8px}.ss-notification__title{flex:1;min-width:0;overflow:hidden;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.ss-notification__time{flex-shrink:0;font-size:12px;letter-spacing:-.005em;color:#3c3c4399}.ss-notification__body{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.ss-lock[data-size=satellite] .ss-lock__stack{top:232px;bottom:auto}.ss-lock[data-size=satellite][data-clock=off] .ss-lock__stack{top:74px}.ss-notification{will-change:transform}.ss-phone:not([data-dark]) .ss-notification{background:#ffffffeb;box-shadow:0 0 0 .5px #00000014,0 8px 24px #0000001f}.ss-phone__time-bar{display:inline-block;width:30px;height:7px;border-radius:4px;background:currentColor;opacity:.5}}@layer stageshow{.ss-states{display:inline-grid;align-items:center;justify-items:center}.ss-states__item{display:inline-flex;grid-area:1 / 1;align-items:center;gap:6px;opacity:0;filter:blur(2px);will-change:transform;transform:translate3d(0,4px,0);transition:opacity .15s ease,filter .15s ease,transform 0s .15s}.ss-states__item[data-on]{opacity:1;filter:none;transform:translateZ(0);transition:opacity .25s ease-out .07s,filter .25s ease-out .07s,transform .3s cubic-bezier(.22,1,.36,1) .07s}.ss-states[data-align=start]{justify-items:start}.ss-states[data-align=end]{justify-items:end}.ss-states[data-reduced]>.ss-states__item{transform:translateZ(0);filter:none;transition:opacity .12s ease}}@layer stageshow{.ss-expand{position:absolute;inset:0;overflow:hidden}.ss-expand__content{position:absolute;inset:0}.ss-expand[data-launch]{transform-origin:0 0;will-change:transform;background-color:transparent;transition:transform var(--ss-expand-ms) var(--ss-expand-ease),clip-path var(--ss-expand-ms) var(--ss-expand-ease),background-color calc(var(--ss-expand-ms) * .25) ease calc(var(--ss-expand-ms) * .7)}.ss-expand[data-launch][data-open]{background-color:var(--ss-expand-bg, var(--ss-surface));transition:transform var(--ss-expand-ms) var(--ss-expand-ease),clip-path var(--ss-expand-ms) var(--ss-expand-ease),background-color calc(var(--ss-expand-ms) * .4) ease}.ss-expand[data-launch]>.ss-expand__content{opacity:0;transition:opacity calc(var(--ss-expand-ms) * .25) ease calc(var(--ss-expand-ms) * .6)}.ss-expand[data-launch][data-open]>.ss-expand__content{opacity:1;transition:opacity calc(var(--ss-expand-ms) * .4) ease calc(var(--ss-expand-ms) * .3)}.ss-expand__face{position:absolute;top:0;left:0;transform-origin:0 0;pointer-events:none;transition:opacity calc(var(--ss-expand-ms) * .3) ease calc(var(--ss-expand-ms) * .65)}.ss-expand__face>*{box-sizing:border-box;width:100%;height:100%;margin:0}.ss-expand[data-open]>.ss-expand__face{opacity:0;transition:opacity calc(var(--ss-expand-ms) * .4) ease}}@layer stageshow{.ss-avatar{will-change:transform}.ss-avatar{display:inline-grid;flex-shrink:0;place-items:center;overflow:hidden;border-radius:50%;background:var(--ss-fill, var(--ss-ink-3));color:var(--ss-text-strong);font-weight:600;line-height:1;transition:background .3s ease,color .3s ease}.ss-avatar[data-tone=accent]{background:var(--ss-accent);color:#fff}.ss-avatar[data-tone=ios]{background:linear-gradient(180deg,#a5abb8,#858a96);color:#fff;font-family:ui-rounded,SF Pro Rounded,-apple-system,system-ui,sans-serif;font-weight:600;letter-spacing:.01em}.ss-avatar[data-tone=success]{background:var(--ss-success);color:#fff}.ss-avatar__initial{display:block;text-box:trim-both cap alphabetic}.ss-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.ss-avatar[data-ring]{box-shadow:0 0 0 1.5px var(--ss-ring-bg, var(--ss-surface)),0 0 0 3px var(--ss-ring, var(--ss-ink-3));transition:box-shadow .35s ease}.ss-avatar[data-ring=confirmed]{--ss-ring: var(--ss-success)}.ss-avatar[data-ring=declined]{--ss-ring: var(--ss-danger)}.ss-avatar[data-ring]{position:relative;overflow:visible}.ss-avatar[data-ring]:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 62%,var(--ss-accent) 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1.5px));opacity:0;transition:opacity .3s ease;animation:ss-avatar-wait 1.1s linear infinite;pointer-events:none}.ss-avatar[data-ring=waiting]:after{opacity:1}@keyframes ss-avatar-wait{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.ss-avatar[data-ring]:after{animation:none}}}@layer stageshow{.ss-icon{display:block;flex-shrink:0}}@layer stageshow{.ss-spinner{flex:none;animation:ss-spin .8s linear infinite}@media(prefers-reduced-motion:reduce){.ss-spinner{animation:none}}}.pl-look .ss-stage[data-theme=dark]{--ss-canvas: #0a1430;--ss-surface: #0f1c42;--ss-chrome: #14244f;--ss-raised: #1a2d60;--ss-well: #0b1636;--ss-fill: #24366c;--ss-ink-1: rgba(238, 242, 255, .05);--ss-ink-2: rgba(238, 242, 255, .08);--ss-ink-3: rgba(238, 242, 255, .11);--ss-ink-4: rgba(238, 242, 255, .15);--ss-ink-5: rgba(238, 242, 255, .22);--ss-line: rgba(255, 255, 255, .08);--ss-line-faint: rgba(255, 255, 255, .05);--ss-text-strong: #eef2ff;--ss-text: #c3cceb;--ss-text-faint: #a9b4d6;--ss-icon: #a9b4d6;--ss-icon-faint: #5b6a9a;--ss-accent: #f5c26b;--ss-accent-2: #ffd98f;--ss-accent-soft: rgba(245, 194, 107, .14);--ss-accent-text: #ffd98f;--ss-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--pl-on-gold: #2a1a00;--pl-gold-fill: linear-gradient(180deg, #ffd98f, #f5c26b);--pl-respond: cubic-bezier(.3, .75, .1, 1)}.ph-host{display:grid;justify-items:end;gap:4px;max-width:440px;margin-inline:auto}.ph-scene{justify-self:stretch}.ph-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:transparent;color:#a9b4d6;font:500 14px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;cursor:pointer;transition:color .2s ease,border-color .2s ease}.ph-toggle:hover{color:#eef2ff;border-color:#fff3}.ph-toggle:focus-visible{outline:2px solid #f5c26b;outline-offset:2px}.ph .ss-stage{overflow:hidden}.ph .ph-phone{position:absolute;top:44px;left:44px}.ph .ss-stage[data-layout=compact] .ph-phone{top:16px;left:16px}.ph .ph-phone .ss-phone__status{color:var(--ss-text-strong)}.ph .ph-list{position:absolute;inset:0;background:var(--ss-surface);transition:opacity .6s ease}.ph .ph-list[data-back]{opacity:.5}.ph .ph-head{position:absolute;top:66px;right:20px;left:20px;display:grid;gap:10px}.ph .ph-head__row{display:flex;align-items:center;justify-content:space-between}.ph .ph-title{font-size:34px;font-weight:700;line-height:41px;letter-spacing:-.02em;color:var(--ss-text-strong)}.ph .ph-card,.ph .ph-slot{position:absolute;left:16px;width:calc(100% - 32px);height:132px;border-radius:22px}.ph .ph-card{overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.ph .ph-card__text,.ph .ph-hero__text{position:absolute;bottom:20px;left:20px;display:grid;gap:8px;justify-items:start}.ph .ph-line{display:block;border-radius:4px;background:#fff}.ph .ph-art--frost{background:radial-gradient(60% 55% at 78% 22%,rgba(255,217,143,.32),transparent 70%),linear-gradient(160deg,#2a4fb5,#13275e 58%,#7a1f2b)}.ph .ph-art--amber{background:radial-gradient(60% 70% at 80% 20%,rgba(255,196,120,.3),transparent 70%),linear-gradient(160deg,#8a5a2a,#3b2a4a 60%,#121b3d)}.ph .ph-art--violet{background:radial-gradient(60% 70% at 82% 18%,rgba(214,160,255,.24),transparent 70%),linear-gradient(160deg,#7b2ea8,#3a1f6e 60%,#0f1c42)}.ph .ph-flakes{position:absolute;inset:0;background:radial-gradient(circle at 8% 22%,rgba(255,255,255,.7) 0 1.3px,transparent 1.8px),radial-gradient(circle at 23% 64%,rgba(255,255,255,.5) 0 1px,transparent 1.5px),radial-gradient(circle at 37% 14%,rgba(255,255,255,.6) 0 1.5px,transparent 2px),radial-gradient(circle at 52% 40%,rgba(255,255,255,.45) 0 1px,transparent 1.5px),radial-gradient(circle at 66% 76%,rgba(255,255,255,.55) 0 1.2px,transparent 1.7px),radial-gradient(circle at 74% 30%,rgba(255,255,255,.6) 0 1.4px,transparent 1.9px),radial-gradient(circle at 88% 58%,rgba(255,255,255,.5) 0 1px,transparent 1.5px),radial-gradient(circle at 94% 12%,rgba(255,255,255,.65) 0 1.3px,transparent 1.8px),radial-gradient(circle at 14% 88%,rgba(255,255,255,.45) 0 1.1px,transparent 1.6px),radial-gradient(circle at 46% 90%,rgba(255,255,255,.5) 0 1px,transparent 1.5px);pointer-events:none}.ph .ph-press{position:absolute;inset:0;transition:transform .2s ease;will-change:transform}.ph .ph-phone:has(.ph-slot[data-pressed]) .ph-press{transform:scale(.97)}.ph .ph-detail{position:absolute;inset:0;overflow:hidden}.ph .ph-detail>.ss-expand__content{will-change:transform}.ph .ph-detail__inner{position:relative;min-height:100%;background:var(--ss-surface);will-change:transform;transition:transform .62s var(--pl-respond),background-color .18s ease-out}.ph .ph-detail:not([data-open]) .ph-detail__inner{background-color:transparent;transition:transform .62s var(--pl-respond),background-color .16s ease-out .08s}.ph .ph-detail:not([data-open]) :is(.ph-body,.ph-face,.ph-greeting){opacity:0;transition:opacity .08s ease-out}.ph .ph-detail[data-open] :is(.ph-face,.ph-greeting){transition:opacity .3s ease .15s}.ph .ph-hero{position:relative;height:340px;overflow:hidden;transition:clip-path .62s var(--pl-respond)}.ph .ph-hero__text{bottom:22px;will-change:transform;transition:transform .62s var(--pl-respond)}.ph .ph-hero__title{font-size:21px;font-weight:700;line-height:26px;letter-spacing:-.01em;color:#fff}.ph .ph-close{position:absolute;top:62px;right:20px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#080e2461;color:#fff;opacity:0;transition:opacity .3s ease,transform .15s ease}.ph .ph-detail[data-open] .ph-close{opacity:1;transition-delay:.25s,0s}.ph .ph-close[data-pressed]{transform:scale(.9)}.ph .ph-face{position:absolute;top:78px;left:20px;width:84px;height:84px;overflow:hidden;border-radius:50%;background:#ffffff1a;box-shadow:0 0 0 3px #ffffffd9}.ph .ph-face__empty{position:absolute;inset:0;display:grid;place-items:center;color:#fff;opacity:.6;transition:opacity .3s ease}.ph .ph-face__photo,.ph .ph-tile__photo{position:absolute;inset:0;width:100%;height:100%;opacity:0;transform:scale(1.12);transition:opacity .5s var(--pl-respond),transform .5s var(--pl-respond)}.ph .ph-face[data-photo] .ph-face__empty{opacity:0}.ph .ph-face[data-photo] .ph-face__photo,.ph .ph-tile[data-photo] .ph-tile__photo{opacity:1;transform:scale(1)}.ph .ph-greeting{position:absolute;top:166px;left:20px;right:20px;font-size:28px;font-weight:700;line-height:32px;letter-spacing:-.02em;color:#fff;white-space:nowrap}.ph .ph-body{display:grid;gap:18px;padding:20px 20px 0}.ph .ph-field{display:grid;gap:8px}.ph .ph-label{font-size:15px;font-weight:500;line-height:20px;color:var(--ss-text-faint)}.ph .ph-input{display:flex;align-items:center;height:52px;padding:0 16px;border-radius:14px;background:var(--ss-chrome);box-shadow:inset 0 0 0 1px var(--ss-line);transition:box-shadow .2s ease}.ph .ph-input[data-focus]{box-shadow:inset 0 0 0 1.5px #eef2ff66}.ph .ph-input__text{font-size:18px;font-weight:500;line-height:22px;color:var(--ss-text-strong);white-space:pre}.ph .ph-caret{width:2px;height:24px;margin-left:1px;border-radius:1px;background:var(--ss-accent);opacity:0}.ph .ph-input[data-focus] .ph-caret{opacity:1;animation:ph-blink 1.05s steps(1) infinite}.ph .ph-input[data-focus] .ph-caret[data-still]{animation:none}.ph .ph-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px}.ph .ph-tile{position:relative;display:grid;place-items:center;width:64px;height:64px;overflow:hidden;border-radius:16px;background:var(--ss-chrome);box-shadow:inset 0 0 0 1px #eef2ff29;color:var(--ss-icon);transition:transform .15s ease}.ph .ph-tile[data-pressed]{transform:scale(.94)}.ph .ph-tile__add{display:grid;place-items:center;transition:opacity .3s ease}.ph .ph-tile[data-photo] .ph-tile__add{opacity:0}.ph .ph-row__text{display:grid;gap:8px}.ph .ph-row__title{font-size:17px;font-weight:600;line-height:22px;color:var(--ss-text-strong)}.ph .ph-tick{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eef2ff1f;color:var(--ss-text-strong);opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .5s var(--pl-respond)}.ph .ph-tick[data-on]{opacity:1;transform:scale(1)}.ph .ph-send{position:relative;isolation:isolate;display:grid;place-items:center;height:56px;margin-top:4px;border-radius:16px;color:var(--pl-on-gold);font-size:17px;font-weight:700;line-height:22px}.ph .ph-send:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--pl-gold-fill);transition:transform .15s ease}.ph .ph-send[data-pressed]:before{transform:scale(.97)}.ph .ph-send .ss-states__item{display:inline-flex;align-items:center;gap:8px}@keyframes ph-blink{0%,to{opacity:1}50%{opacity:0}}.pd-scene{max-width:440px;margin-inline:auto}.pd .ss-stage{overflow:hidden}.pd .pd-phone{position:absolute;top:44px;left:44px}.pd .ss-stage[data-layout=compact] .pd-phone{top:16px;left:16px}.pd .pd-phone .ss-phone__status{color:var(--ss-text-strong)}.pd .pd-page{position:absolute;inset:0;display:flex;flex-direction:column;padding:154px 18px 0;background:var(--ss-surface)}.pd .pd-banner{animation:none;background:#203268db;box-shadow:inset 0 0 0 1px #ffffff14,0 8px 28px #02061480;color:var(--ss-text-strong)}.pd .pd-banner .ss-notification__time{color:var(--ss-text-faint)}.pd .pd-banner .ss-notification__icon{background:#0a1430;box-shadow:inset 0 0 0 1px #ffffff1a}.pd .pd-app-mark{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffd98f,#f5c26b 60%,#b98327)}.pd .pd-video{position:relative;flex:none;height:280px;overflow:hidden;border-radius:22px;background:linear-gradient(160deg,#2a4fb5,#13275e 58%,#7a1f2b);box-shadow:inset 0 0 0 1px #ffffff0f}.pd .pd-flakes{position:absolute;inset:0;background:radial-gradient(circle at 8% 22%,rgba(255,255,255,.7) 0 1.3px,transparent 1.8px),radial-gradient(circle at 23% 64%,rgba(255,255,255,.5) 0 1px,transparent 1.5px),radial-gradient(circle at 37% 14%,rgba(255,255,255,.6) 0 1.5px,transparent 2px),radial-gradient(circle at 52% 40%,rgba(255,255,255,.45) 0 1px,transparent 1.5px),radial-gradient(circle at 66% 76%,rgba(255,255,255,.55) 0 1.2px,transparent 1.7px),radial-gradient(circle at 81% 30%,rgba(255,255,255,.6) 0 1.3px,transparent 1.8px),radial-gradient(circle at 92% 58%,rgba(255,255,255,.45) 0 1px,transparent 1.5px),radial-gradient(circle at 12% 54%,rgba(255,255,255,.5) 0 1.2px,transparent 1.7px)}.pd .pd-play{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:#fff3;box-shadow:inset 0 0 0 1px #ffffff47;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pd .pd-play .ss-icon{margin-left:4px}.pd .pd-greeting{position:absolute;right:20px;bottom:22px;left:20px;color:#fff;font-size:26px;font-weight:700;line-height:31px;letter-spacing:-.01em;text-shadow:0 1px 12px rgba(5,11,31,.35)}.pd .pd-info{display:flex;flex-direction:column;margin-top:20px}.pd .pd-title{color:var(--ss-text-strong);font-size:22px;font-weight:700;line-height:28px;letter-spacing:-.01em;text-wrap:balance}.pd .pd-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.pd .pd-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:54px;border-radius:16px;background:var(--ss-chrome);box-shadow:inset 0 0 0 1px var(--ss-line);color:var(--ss-text-strong);font-size:17px;font-weight:600}.pd .pd-btn--gold{background:var(--pl-gold-fill);box-shadow:none;color:var(--pl-on-gold);font-weight:700}
