.lgs{--blur:8px;--sat:1.7;--tint:.42;--rim:1;--tint-rgb:255 255 255;--ink:#1d1d1f;--ink-2:#3c3c4399;--accent:#0a84ff;--page:#f2f2f7;--page-ink:#1d1d1f;-webkit-font-smoothing:antialiased;color:var(--page-ink);background:var(--page);letter-spacing:-.01em;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif}.lgs[data-page=dark]{--page:#000;--page-ink:#f5f5f7}.lgs *{box-sizing:border-box}:where(.lgs) button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}.lgs-head{z-index:50;background:color-mix(in srgb, var(--page) 78%, transparent);-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);border-bottom:.5px solid color-mix(in srgb, var(--page-ink) 12%, transparent);flex-wrap:wrap;align-items:center;gap:12px 20px;padding:18px 28px;display:flex;position:sticky;top:0}.lgs-title{letter-spacing:-.02em;margin:0 12px 0 0;font-size:22px;font-weight:700}.lgs-seg{background:color-mix(in srgb, var(--page-ink) 8%, transparent);border-radius:9px;padding:2px;display:inline-flex}.lgs-seg button{color:var(--page-ink);border-radius:7px;padding:5px 12px;font-size:13px;font-weight:500}.lgs-seg button[aria-pressed=true]{background:var(--page);box-shadow:0 1px 3px #0000001f,0 0 0 .5px #0000000f}.lgs[data-page=dark] .lgs-seg button[aria-pressed=true]{background:#3a3a3c}.lgs-seg-wrap{flex-direction:column;gap:4px;display:flex}.lgs-seg-wrap>span{color:color-mix(in srgb, var(--page-ink) 50%, transparent);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.lgs-engine{color:color-mix(in srgb, var(--page-ink) 60%, transparent);max-width:340px;margin-left:auto;font-size:12px;line-height:1.35}.lgs-body{align-items:flex-start;gap:28px;padding:28px;display:flex}.lgs-stage{flex-wrap:wrap;flex:1;justify-content:center;gap:28px;display:flex}.lgs-cell{flex-direction:column;align-items:center;gap:10px;display:flex}.lgs-cell-label{color:color-mix(in srgb, var(--page-ink) 70%, transparent);font-size:13px;font-weight:600}.lgs-cell-label small{opacity:.7;font-weight:500}.lgs-matrix{flex:1;grid-template-columns:repeat(4,max-content);justify-content:center;gap:22px 18px;display:grid}.lgs-matrix .lgs-scale{width:calc(402px * var(--k));height:calc(874px * var(--k))}.lgs-matrix .lgs-scale>.scene{transform:scale(var(--k));transform-origin:0 0}.lgs-panel{background:color-mix(in srgb, var(--page-ink) 5%, transparent);border:.5px solid color-mix(in srgb, var(--page-ink) 10%, transparent);border-radius:20px;flex-direction:column;flex:none;gap:14px;width:260px;padding:18px;display:flex;position:sticky;top:108px}.lgs-panel h2{margin:0;font-size:15px;font-weight:700}.lgs-row{flex-direction:column;gap:6px;font-size:13px;display:flex}.lgs-row label{justify-content:space-between;font-weight:500;display:flex}.lgs-row output{font-variant-numeric:tabular-nums;opacity:.6}.lgs-row input[type=range]{width:100%;accent-color:var(--accent)}.lgs-swatches{gap:8px;display:flex}.lgs-swatches button{border-radius:50%;width:26px;height:26px;box-shadow:inset 0 0 0 .5px #0003}.lgs-swatches button[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.lgs-note{opacity:.65;margin:0;font-size:12px;line-height:1.4}.scene{--ink:#1d1d1f;--ink-2:#3c3c4399;--tint-rgb:255 255 255;--shadow:0 6px 20px #00000014, 0 1px 2px #0000000d;--hair:#0000001a;--sheen:.1;width:402px;height:874px;color:var(--ink);background:#ddd;border-radius:56px;margin:11px;position:relative;overflow:hidden;box-shadow:0 0 0 10px #1c1c1e,0 0 0 11px #3a3a3c,0 30px 60px #00000040}.scene[data-mode=dark]{--ink:#fff;--ink-2:#ebebf599;--tint-rgb:58 58 62;--sheen:.025;--shadow:0 8px 28px #0006, 0 1px 3px #0000004d;--hair:#0000008c}.scene[data-tintc=blue]{--tint-rgb:10 132 255}.scene[data-tintc=red]{--tint-rgb:255 55 70}.scene[data-tintc=amber]{--tint-rgb:255 170 40}.bg{position:absolute;inset:0;overflow:hidden}.bg-feed{animation:46s linear infinite lgs-feed;position:absolute;top:0;left:0;right:0}.lgs[data-motion=off] .bg-feed,.lgs[data-motion=off] .blob{animation-play-state:paused}@keyframes lgs-feed{to{transform:translateY(-50%)}}.bg-photo img{object-fit:cover;width:100%;height:874px;display:block}.bg-color{background:#f7f1ff}.bg-plain{background:#f2f2f7}.scene[data-mode=dark] .bg-plain{background:#000}.scene[data-mode=dark] .bg-color{background:#07040f}.blob{filter:blur(40px);border-radius:50%;animation:18s ease-in-out infinite alternate lgs-blob;position:absolute}@keyframes lgs-blob{50%{transform:translate(60px,90px)scale(1.2)}to{transform:translate(-40px,40px)scale(.9)}}.stripe-set{flex-direction:column;gap:26px;padding:40px 22px;display:flex;position:relative}.stripe-set .big{letter-spacing:-.04em;font-size:64px;font-weight:800;line-height:.95}.stripe-set .bars{background:repeating-linear-gradient(90deg, var(--c1) 0 18px, var(--c2) 18px 36px);border-radius:22px;height:90px}.stripe-set .dots{background:radial-gradient(circle, var(--c1) 0 9px, transparent 10px) 0 0 / 30px 30px, var(--c2);border-radius:22px;height:110px}.stripe-set .row{gap:14px;display:flex}.stripe-set .row div{border-radius:24px;flex:1;height:120px}.g{border-radius:var(--r,999px);color:var(--ink);box-shadow:0 0 0 .5px var(--hair), var(--shadow);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.3,1.6,.5,1),box-shadow .3s;display:inline-flex;position:relative}.g>.fx{border-radius:inherit;z-index:0;pointer-events:none;-webkit-backdrop-filter:blur(var(--blur)) saturate(var(--sat));backdrop-filter:blur(var(--blur)) saturate(var(--sat));position:absolute;inset:0}.g>.tint{border-radius:inherit;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at var(--px,50%) var(--py,0%), rgb(255 255 255/var(--press-glow,0)), transparent 60%), linear-gradient(180deg, rgb(255 255 255/calc(var(--sheen,.1) * var(--rim))) 0%, transparent 42%), rgb(var(--tint-rgb) / var(--tint));position:absolute;inset:0}.g:before{content:"";border-radius:inherit;z-index:3;pointer-events:none;background:linear-gradient(180deg, rgb(255 255 255/calc(1 * var(--rim))) 0%, rgb(255 255 255/calc(.35 * var(--rim))) 14%, #fff0 34%, #fff0 66%, rgb(255 255 255/calc(.35 * var(--rim))) 86%, rgb(255 255 255/calc(.95 * var(--rim))) 100%), linear-gradient(90deg, rgb(0 0 0/calc(.22 * var(--rim))) 0, #0000 min(28px, 30%), #0000 max(calc(100% - 28px), 70%), rgb(0 0 0/calc(.22 * var(--rim))) 100%);-webkit-mask-composite:xor;padding:1.25px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.g:after{content:"";border-radius:inherit;z-index:2;pointer-events:none;box-shadow:inset 0 3px 3px -2px rgb(255 255 255/calc(.6 * var(--rim))), inset 0 -3px 3px -2px rgb(255 255 255/calc(.5 * var(--rim))), inset 0 -10px 14px -10px rgb(255 255 255/calc(.3 * var(--rim))), inset 0 8px 12px -10px rgb(255 255 255/calc(.2 * var(--rim)));transition:background-color .2s;position:absolute;inset:0}.scene[data-mode=dark] .g:before{background:linear-gradient(180deg, rgb(255 255 255/calc(.34 * var(--rim))) 0%, rgb(255 255 255/calc(.1 * var(--rim))) 14%, #fff0 34%, #fff0 66%, rgb(255 255 255/calc(.1 * var(--rim))) 86%, rgb(255 255 255/calc(.34 * var(--rim))) 100%)}.scene[data-mode=dark] .g:after{box-shadow:inset 0 3px 3px -2px rgb(255 255 255/calc(.07 * var(--rim))), inset 0 -3px 3px -2px rgb(255 255 255/calc(.07 * var(--rim))), inset 0 -10px 12px -10px rgb(255 255 255/calc(.06 * var(--rim))), inset 0 8px 12px -10px rgb(255 255 255/calc(.05 * var(--rim)))}.g>.c{z-index:4;justify-content:center;align-items:center;gap:8px;display:inline-flex;position:relative}.g svg{display:block}.g.btn{cursor:pointer}@media (hover:hover) and (pointer:fine){.g.btn:hover:after{background-color:#ffffff12}}.g.btn.pressed{--press-glow:.35;transform:scale(1.08)}.scene[data-mode=dark] .g.btn.pressed{--press-glow:.18}.g.blue{color:#fff;--tint-rgb:10 122 255!important}.g.blue>.tint{background:radial-gradient(120% 90% at var(--px,50%) var(--py,0%), rgb(255 255 255/var(--press-glow,0)), transparent 60%), linear-gradient(180deg, #ffffff0f, transparent 40%), rgb(65 144 245/calc(.86 + var(--tint) * .14))}.g.blue:before{background:linear-gradient(180deg, rgb(150 225 255/calc(.75 * var(--rim))) 0%, rgb(150 225 255/calc(.15 * var(--rim))) 14%, transparent 34%, transparent 66%, rgb(150 225 255/calc(.15 * var(--rim))) 86%, rgb(150 225 255/calc(.6 * var(--rim))) 100%)!important}.g.blue:after{box-shadow:inset 0 3px 3px -2px rgb(200 235 255/calc(.35 * var(--rim))), inset 0 -3px 3px -2px rgb(200 235 255/calc(.3 * var(--rim))), inset 0 12px 14px -12px rgb(200 235 255/calc(.18 * var(--rim)))!important}.g.blue{box-shadow:0 0 0 .75px #003c8c59,0 6px 16px #0028781f,0 1px 2px #00000014}.scene[data-mode=dark] .g.blue{box-shadow:0 0 0 .75px #00142dcc,0 6px 16px #0000004d}.band{border-radius:inherit;z-index:0;pointer-events:none;padding:var(--band,10px);-webkit-backdrop-filter:blur(calc(var(--blur) * 2 + 4px)) saturate(calc(var(--sat) * 1.25)) brightness(1.08);backdrop-filter:blur(calc(var(--blur) * 2 + 4px)) saturate(calc(var(--sat) * 1.25)) brightness(1.08);-webkit-mask-composite:xor;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.ui{flex-direction:column;gap:14px;padding:62px 16px 30px;display:flex;position:absolute;inset:0}.statusbar{color:var(--ink);z-index:5;text-shadow:0 0 8px #0000;justify-content:space-between;font-size:16px;font-weight:600;display:flex;position:absolute;top:18px;left:34px;right:30px}.island{z-index:6;background:#000;border-radius:20px;width:124px;height:36px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.toprow{justify-content:space-between;align-items:center;display:flex}.circle{width:48px;height:48px}.circle.lg{width:58px;height:58px}.toolbar{height:48px;padding:0 18px}.toolbar .c{gap:26px}.pill{height:44px;padding:0 20px;font-size:17px;font-weight:500}.cta{flex:1;height:50px;font-size:17px;font-weight:600}.btnrow{align-items:center;gap:12px;display:flex}.seg{height:36px;padding:3px;display:flex}.seg .c{gap:0;width:100%;height:100%}.seg .opt{z-index:5;flex:1;justify-content:center;align-items:center;height:100%;font-size:14px;font-weight:600;display:flex;position:relative}.thumb{z-index:1;border-radius:999px;transition:transform .5s cubic-bezier(.3,1.35,.45,1),width .5s cubic-bezier(.3,1.35,.45,1),scale .35s cubic-bezier(.3,1.6,.5,1);position:absolute;top:3px;bottom:3px;left:0;box-shadow:none!important}.thumb>.tint{background:rgb(var(--sel-rgb,0 0 0) / var(--sel-a,.08))!important}.scene[data-mode=dark] .thumb{--sel-rgb:0 0 0;--sel-a:.72}.scene[data-mode=light] .thumb{--sel-rgb:120 120 128;--sel-a:.18}.thumb:before,.thumb:after,.thumb>.fx{opacity:0;transition:opacity .25s}.thumb.moving{z-index:6;scale:1.14 1.2;--sel-a:.02!important}.thumb.moving:before,.thumb.moving:after,.thumb.moving>.fx{opacity:1}.thumb.moving{box-shadow:0 0 0 .5px var(--hair), 0 6px 18px #0000002e!important}.tabwrap{align-items:center;gap:10px;margin-top:auto;display:flex}.tabbar{flex:1;height:62px;padding:4px}.tabbar .c{gap:0;width:100%;height:100%}.tab{z-index:5;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;height:100%;font-size:10.5px;font-weight:600;display:flex;position:relative}.tab[aria-selected=true]{color:var(--accent)}.scene[data-mode=dark] .tab[aria-selected=true]{color:#ff9f0a}.scene[data-mode=dark]{--accent:#ff9f0a}.tabbar .thumb{top:4px;bottom:4px}.tabbar .thumb.moving{transform-origin:50%}.siri{--r:44px;border-radius:var(--r);color:#fff;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;box-shadow:0 0 0 .5px #00000059,0 18px 50px #00000047}.siri>.fx{border-radius:inherit;z-index:0;-webkit-backdrop-filter:blur(calc(var(--blur) * .5)) saturate(var(--sat));backdrop-filter:blur(calc(var(--blur) * .5)) saturate(var(--sat));position:absolute;inset:0}.siri>.shade{border-radius:calc(var(--r) - 9px);z-index:1;pointer-events:none;filter:blur(4px);background:linear-gradient(#000 0%,#000000f5 38%,#000000c7 58%,#00000052 80%,#0000 100%);position:absolute;inset:9px}.siri:before{content:"";border-radius:inherit;z-index:3;pointer-events:none;background:linear-gradient(180deg, rgb(255 255 255/calc(.85 * var(--rim))) 0%, rgb(255 255 255/calc(.2 * var(--rim))) 10%, rgb(255 255 255/calc(.06 * var(--rim))) 50%, rgb(255 255 255/calc(.25 * var(--rim))) 88%, rgb(255 255 255/calc(.8 * var(--rim))) 100%), linear-gradient(120deg, rgb(255 255 255/calc(.4 * var(--rim))), transparent 25%, transparent 75%, rgb(255 255 255/calc(.3 * var(--rim))));-webkit-mask-composite:xor;padding:1.2px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.siri:after{content:"";border-radius:inherit;z-index:2;pointer-events:none;box-shadow:inset 0 2px 2px -1px rgb(255 255 255/calc(.5 * var(--rim))), inset 0 -2px 2px -1px rgb(255 255 255/calc(.45 * var(--rim))), inset 0 -22px 26px -20px rgb(255 255 255/calc(.28 * var(--rim))), inset 0 0 0 9px rgb(255 255 255/calc(.04 * var(--rim)));position:absolute;inset:0}.siri .copy{z-index:4;letter-spacing:-.015em;padding:70px 32px 0;font-size:19.5px;font-weight:400;line-height:1.2;position:relative}.siri .copy p{margin:0 0 14px}.siri .copy b{font-weight:700}.siri .expand{z-index:5;color:#fff;width:40px;height:40px;position:absolute;top:16px;right:16px}.siri .expand>.tint{background:#28282c8c!important}.siri .ask{z-index:5;align-items:center;gap:8px;margin-top:auto;padding:0 16px 16px;display:flex;position:relative}.siri .ask .g{color:#fff}.siri .ask .g>.tint{background:linear-gradient(180deg, rgb(255 255 255/calc(.08 * var(--rim))), transparent 40%), rgb(255 255 255/calc(var(--tint) * .25))!important}.siri .field{flex:1;justify-content:flex-start;height:44px;padding:0 16px;font-size:17px}.siri .field .caret{background:#fff;border-radius:1px;width:2px;height:22px;margin-right:1px;animation:1.1s step-end infinite lgs-caret}@keyframes lgs-caret{50%{opacity:0}}.siri .field .ph{color:#ffffffbf}.siri .ask .circle{width:44px;height:44px}.thumb>.fx{-webkit-backdrop-filter:saturate(var(--sat));backdrop-filter:saturate(var(--sat))}.thumb.moving>.tint{background:linear-gradient(#ffffff14,#0000 45%)!important}.lgs-foot{text-align:center;color:color-mix(in srgb, var(--page-ink) 45%, transparent);padding:8px 28px 28px;font-size:12px}.lgs-foot a{color:inherit;text-underline-offset:2px;text-decoration:underline}