@scope(.iphone-duo-experiment){:scope{--page:#fff;--surface:#ffffffd9;--panel:#f0f0f2b3;--text:#1d1d1f;--muted:#1d1d1fa3;--track:#d2d2d7;--accent:#0071e3;--control:#e8e8edcc;--control-hover:#dcdce1e6;--rail-left:88px;--rail-width:422px;--ease-out:cubic-bezier(.32, .72, 0, 1);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;-webkit-font-smoothing:antialiased;color:var(--text);background:var(--page);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}:scope{background:#fff;flex-direction:column;justify-content:center;min-height:100dvh;margin:0;display:flex}button,input{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.site-links{z-index:10;gap:8px;display:flex;position:fixed;top:24px;right:24px}.site-link{background:var(--control);width:36px;height:36px;color:var(--text);border-radius:50%;place-items:center;transition:background .2s;display:grid}.site-link:hover{background:var(--control-hover)}.site-link svg{fill:currentColor;width:18px;height:18px}.notice{z-index:20;background:var(--surface);text-align:center;border-radius:12px;width:max-content;max-width:calc(100vw - 32px);padding:10px 16px;font-size:14px;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.page{width:100%;max-width:1440px;margin:0 auto;padding:48px 24px}.page-header{justify-content:space-between;align-items:center;gap:16px;margin:0 0 40px;padding-inline:88px;display:flex}.page-title{letter-spacing:-.003em;margin:0;font-size:48px;font-weight:600;line-height:1.08}.viewer{background:var(--surface);-webkit-backdrop-filter:blur(20px);border-radius:36px;height:clamp(560px,100dvh - 200px,800px);position:relative;overflow:hidden}.stage{touch-action:none;position:absolute;inset:0}.stage canvas{cursor:default;opacity:0;outline:none;width:100%;height:100%;transition:opacity .6s;display:block}.viewer.is-ready .stage canvas{opacity:1}.stage canvas.is-grabbable{cursor:grab}.stage canvas.is-grabbing{cursor:grabbing}.loader{inset:0 0 0 calc(var(--rail-left) + 54px + var(--rail-width));pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .5s,visibility .5s;display:flex;position:absolute}.viewer.is-ready .loader{opacity:0;visibility:hidden}.loader-spinner{border:3px solid var(--track);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}.loader-label{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.loader-track{background:var(--track);border-radius:2px;width:160px;height:4px;overflow:hidden}.loader-bar{background:var(--accent);transform-origin:0;height:100%;transition:transform .3s;display:block;transform:scaleX(0)}.loader.is-failed .loader-spinner,.loader.is-failed .loader-track{display:none}@keyframes spin{to{transform:rotate(360deg)}}.highlights{top:16px;bottom:16px;left:var(--rail-left);pointer-events:none;align-items:center;gap:20px;display:flex;position:absolute}.highlights>*{pointer-events:auto}.highlight-steps{flex-direction:column;flex:none;gap:10px;display:flex}.step-button{background:var(--control);width:34px;height:34px;color:var(--text);border-radius:50%;place-items:center;display:grid}.step-button:disabled{opacity:.32}.step-button svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.highlight-sheet{display:none}.highlight-list{box-sizing:content-box;width:var(--rail-width);overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;align-items:flex-start;gap:18px;max-height:calc(100% - 8px);margin:0;padding:4px;list-style:none;display:flex;position:relative;overflow:hidden auto}.highlight-list::-webkit-scrollbar{display:none}.highlight{flex:none;width:100%;display:flex}.highlight-box{background:var(--panel);-webkit-backdrop-filter:blur(12px);width:max-content;max-width:100%;transition:border-radius .55s var(--ease-out), background-color .25s ease, color .25s ease;border-radius:999px;position:relative;overflow:hidden}.highlight.is-open .highlight-box{border-radius:28px;width:100%}.highlight-chip{letter-spacing:-.022em;white-space:nowrap;align-items:center;gap:12px;width:max-content;padding:11px 22px 11px 12px;font-size:17px;font-weight:600;line-height:26px;transition:opacity .18s;display:flex}.highlight.is-open .highlight-chip{opacity:0;pointer-events:none;position:absolute;top:0;left:0}.highlight-mark{border:1.6px solid;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.highlight-mark--drag{border-color:var(--accent);background:var(--accent);color:#fff}.highlight-mark svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.highlight-detail{width:var(--rail-width);opacity:0;pointer-events:none;padding:22px 28px 24px;transition:opacity .28s;position:absolute;top:0;left:0}.highlight.is-open .highlight-detail{opacity:1;pointer-events:auto;transition:opacity .42s .2s;position:relative}.fold-control{margin-top:6px;display:block}.sponsored-tag{background:var(--panel);letter-spacing:.02em;text-transform:uppercase;opacity:.6;border-radius:999px;margin-bottom:8px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.info-copy{letter-spacing:-.022em;text-wrap:pretty;margin:0;font-size:17px;font-weight:400;line-height:1.47059}.info-copy strong{font-weight:600}.highlight-link{color:var(--accent);margin-top:12px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.highlight-link:hover{text-decoration:underline}.fold-label{letter-spacing:-.01em;margin-top:8px;font-size:12px;line-height:1.33337;display:block}.fold-slider{appearance:none;cursor:ew-resize;touch-action:none;background:0 0;width:100%;height:40px;margin:4px 0 0;display:block}.fold-slider:disabled{cursor:default;opacity:.5}.fold-slider::-webkit-slider-runnable-track{background:var(--track);border-radius:8px;height:16px}.fold-slider::-moz-range-track{background:var(--track);border-radius:8px;height:16px}.fold-slider::-webkit-slider-thumb{appearance:none;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6.5 3.5 12 9 17.5M15 6.5l5.5 5.5-5.5 5.5'/%3E%3C/svg%3E") center / 22px no-repeat;border:0;border-radius:20px;width:60px;height:40px;margin-top:-12px;box-shadow:0 2px 6px #0000002e}.fold-slider::-moz-range-thumb{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6.5 3.5 12 9 17.5M15 6.5l5.5 5.5-5.5 5.5'/%3E%3C/svg%3E") center / 22px no-repeat;border:0;border-radius:20px;width:60px;height:40px;box-shadow:0 2px 6px #0000002e}.upload-row{flex:none;align-items:center;gap:8px;display:flex}.upload-button{color:var(--accent);white-space:nowrap;font-size:14px}.reset-button{background:var(--control);width:28px;height:28px;color:var(--accent);border-radius:50%;place-items:center;transition:background .2s;display:grid}.reset-button[hidden]{display:none}.reset-button:hover{background:var(--control-hover)}.reset-button svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.upload-button:hover{text-decoration:underline}.upload-button:disabled{opacity:.4;text-decoration:none}@media (width>=901px) and (width<=1200px){:scope{--rail-left:40px;--rail-width:360px}.page-header{padding-inline:40px 88px}.page-title{font-size:40px}.highlight-chip,.info-copy{font-size:16px}}@media (width>=901px) and (height<=860px){.page{padding-block:24px}.page-header{margin-bottom:20px}.page-title{font-size:40px}.viewer{height:max(480px,100dvh - 140px)}.highlight-list{gap:10px}.highlight-chip{padding:8px 18px 8px 10px;font-size:16px}.highlight-detail{padding:18px 22px 20px}.info-copy{font-size:15px}}@media (width<=900px),(height<=540px) and (orientation:landscape){:scope{justify-content:stretch;height:100dvh;overflow:hidden}.site-links{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));gap:6px}.site-link{width:34px;height:34px}.site-link svg{width:16px;height:16px}.notice{top:max(16px, env(safe-area-inset-top))}.page{height:100dvh;padding:max(14px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));flex-direction:column;display:flex}.page-header{flex-wrap:wrap;flex:none;align-items:baseline;gap:2px 12px;min-height:34px;margin:0 88px 12px 0;padding-inline:8px}.page-title{font-size:clamp(24px,7vw,32px);line-height:34px}.upload-button{font-size:13px}.viewer{border-radius:28px;flex:1;height:auto;min-height:0}.loader{inset:0 0 min(34%,220px)}.highlights{pointer-events:none;flex-direction:column;align-items:stretch;gap:10px;padding-bottom:12px;inset:auto 0 0;transform:none}.highlights>*{pointer-events:auto}.highlight-steps{display:none}.highlight-sheet{overscroll-behavior:contain;background:var(--panel);-webkit-backdrop-filter:blur(16px);scrollbar-width:none;border-radius:22px;max-height:min(42dvh,320px);margin-inline:10px;display:block;overflow:hidden auto}.highlight-sheet::-webkit-scrollbar{display:none}.highlight-sheet.is-collapsed{pointer-events:none;height:0;margin-bottom:-10px}.highlight-sheet .highlight-detail{opacity:1;pointer-events:auto;width:auto;padding:16px 18px;transition:none;position:relative}.highlight-sheet.is-collapsed .highlight-detail{opacity:0;transition:opacity .2s}.highlight-list{--rail-width:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x;flex-direction:row;align-items:center;gap:8px;width:auto;padding:2px 10px;scroll-padding-inline:10px;position:relative;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10px calc(100% - 10px),#0000);mask-image:linear-gradient(90deg,#0000,#000 10px calc(100% - 10px),#0000)}.highlight-list::-webkit-scrollbar{display:none}.highlight{scroll-snap-align:center;flex:none;width:auto}.highlight-box{transition:width .55s var(--ease-out), border-radius .55s var(--ease-out), background-color .25s ease, color .25s ease}.highlight.is-open .highlight-box{border-radius:999px;width:max-content}.highlight.is-open .highlight-chip{opacity:1;pointer-events:auto;position:static}.highlight.is-current .highlight-box{background:var(--text);color:#fff}.highlight-chip{gap:8px;min-height:44px;padding:8px 16px 8px 8px;font-size:15px;line-height:22px}.highlight-chip:active{transform:scale(.97)}.highlight-mark{width:26px;height:26px}.highlight-mark svg{width:14px;height:14px}.info-copy{font-size:15px;line-height:1.45}.sponsored-tag{margin-bottom:6px}.fold-slider{margin-top:2px}.highlight-link{min-height:32px;margin-top:8px;line-height:32px}}.highlights{background:0 0!important;width:auto!important;min-height:43px!important;margin-top:22px!important;padding:0!important;display:flex!important}.fold-control{aspect-ratio:271/43;flex:none;width:min(440px,100vw - 48px);position:relative;container-type:inline-size}.fold-control>.fold-slider{z-index:1;width:77.59cqw;height:15.8672cqw;margin:0;position:absolute;top:0;left:12.4571cqw}.fold-control>.fold-slider:focus-visible{outline:none}.fold-control>.fold-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px #08f,0 1.6607cqw 3.5981cqw #0000001f}.fold-control>.fold-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px #08f,0 1.6607cqw 3.5981cqw #0000001f}.fold-endpoint{pointer-events:none;position:absolute}.fold-endpoint--closed{width:3.8185cqw;height:4.3193cqw;top:5.774cqw;left:0}.fold-endpoint--open{width:7.512cqw;height:4.3193cqw;top:5.774cqw;left:92.332cqw}@media (width<=900px){.fold-control{width:min(271px,100vw - 48px)}}@media (height<=540px) and (orientation:landscape){.page{padding-top:max(10px, env(safe-area-inset-top))}.page-header{min-height:30px;margin-bottom:8px}.page-title{font-size:22px;line-height:30px}.site-links{top:max(8px, env(safe-area-inset-top))}.viewer{border-radius:22px}.loader{inset:0 0 0 min(44%,340px)}.highlights{justify-content:flex-end;width:min(44%,340px);padding-block:10px;top:0;right:auto}.highlight-sheet{max-height:calc(100% - 64px)}.info-copy{font-size:14px}}@media (hover:hover){.highlight:not(.is-current) .highlight-box:hover{background:var(--control-hover)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.loader-spinner{animation-duration:2s!important}}.viewer{-webkit-backdrop-filter:none;background:#fff}.highlight-list,.highlight-steps,.highlight-sheet{display:none!important}.highlights>.fold-slider{width:100%;height:40px;margin:0}.highlights>.fold-slider::-webkit-slider-runnable-track{background:#d1d1d6;height:12px}.highlights>.fold-slider::-moz-range-track{background:#d1d1d6;height:12px}.highlights>.fold-slider::-webkit-slider-thumb{border-radius:14px;width:48px;height:32px;margin-top:-10px}.highlights>.fold-slider::-moz-range-thumb{border-radius:14px;width:48px;height:32px}@media (width<=900px),(height<=540px) and (orientation:landscape){.highlights{width:min(260px,100% - 24px);margin-top:16px;padding:4px 10px}}.highlights{background:0 0;border-radius:0;width:min(100vw - 40px,420px);min-height:94px;margin-top:0;padding:12px 24px 4px}.highlights>.fold-slider{order:1;width:100%;height:48px;margin:0}.highlights>.fold-slider::-webkit-slider-runnable-track{background:#78787833;border-radius:7px;height:14px}.highlights>.fold-slider::-moz-range-track{background:#78787833;border-radius:7px;height:14px}.highlights>.fold-slider::-webkit-slider-thumb{background:#fff;border:0;border-radius:24px;width:72px;height:48px;margin-top:-17px;box-shadow:0 10px 24px #0000001f,0 2px 7px #0000001a}.highlights>.fold-slider::-moz-range-thumb{background:#fff;border:0;border-radius:24px;width:72px;height:48px;box-shadow:0 10px 24px #0000001f,0 2px 7px #0000001a}.fold-legend{color:#1d1d1f6b;letter-spacing:-.01em;order:2;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:3px;font-size:11px;font-weight:500;line-height:16px;display:flex}.fold-icon{stroke:currentColor;stroke-width:1.45px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}@media (width<=900px){.highlights{width:min(100vw - 28px,360px);min-height:88px;padding:10px 20px 3px}.highlights>.fold-slider{height:44px}.highlights>.fold-slider::-webkit-slider-runnable-track{border-radius:6px;height:12px}.highlights>.fold-slider::-moz-range-track{border-radius:6px;height:12px}.highlights>.fold-slider::-webkit-slider-thumb{border-radius:21px;width:62px;height:42px;margin-top:-15px}.highlights>.fold-slider::-moz-range-thumb{border-radius:21px;width:62px;height:42px}.fold-legend{gap:6px;font-size:10px}}.highlights{width:360px!important}@media (width<=900px){.highlights{width:300px!important}}:scope{justify-content:center}.page{flex-direction:column;justify-content:center;align-items:center;max-width:1240px;padding:32px 24px;display:flex}.page-title{color:#000;letter-spacing:-.025em;text-align:center;width:100%;margin:0 0 24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(32px,3.2vw,48px);font-weight:600;line-height:1.08;display:block}.viewer{width:100%;height:min(48dvh,520px);min-height:360px}.loader{inset:0}.highlights{justify-content:center;align-items:center;gap:12px;width:min(100%,920px);margin-top:22px;display:flex;position:relative;inset:auto}.highlight-list{flex-direction:row;align-items:center;gap:10px;width:auto;max-width:calc(100% - 96px);max-height:none;padding:4px;overflow:auto hidden}.highlight{width:auto}.highlight-box,.highlight.is-open .highlight-box{border-radius:999px;width:max-content}.highlight.is-open .highlight-chip{opacity:1;pointer-events:auto;position:static}.highlight-detail{display:none}.highlight-sheet{background:var(--panel);-webkit-backdrop-filter:blur(16px);border-radius:22px;width:min(100%,620px);max-height:180px;display:block;position:absolute;top:calc(100% + 12px);overflow:auto}.highlight-sheet.is-collapsed{display:none}.highlight-sheet .highlight-detail{opacity:1;pointer-events:auto;width:auto;padding:18px 22px;display:block;position:relative}@media (width<=900px),(height<=540px) and (orientation:landscape){:scope{height:auto;min-height:100dvh;overflow:auto}.page{height:auto;min-height:100dvh;padding:18px 12px 32px}.page-title{margin-bottom:18px;font-size:clamp(28px,8.5vw,38px)}.viewer{flex:none;height:min(50dvh,460px);min-height:300px}.highlights{flex-wrap:wrap;width:100%}.highlight-steps{flex-direction:row;order:2;display:flex}.highlight-list{order:1;justify-content:flex-start;width:100%;max-width:100%}.highlight-sheet{order:3;width:calc(100% - 20px);max-height:none;position:relative;top:auto}}.fold-control{aspect-ratio:auto;-webkit-backdrop-filter:blur(18px)saturate(160%);background:radial-gradient(at 25% 0,#ffffff80,#0000 62%),#49494926;border:1px solid #ffffffb8;border-radius:999px;width:min(280px,100vw - 40px);height:76px;box-shadow:0 10px 28px #1e23281c,inset 0 1px #ffffffd9,inset 0 -1px #37373724;container-type:normal}.fold-control-label{color:#222;letter-spacing:.005em;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:16px;font-weight:400;display:flex;position:absolute;inset:0 10px 0 115px}.fold-control.is-open .fold-control-label{inset:0 74px 0 10px}.fold-control>.fold-slider{z-index:1;width:calc(100% - 8px);height:calc(100% - 8px);margin:0;position:absolute;inset:4px}.fold-control>.fold-slider::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:100%}.fold-control>.fold-slider::-moz-range-track{background:0 0;border-radius:999px;height:100%}.fold-control>.fold-slider::-webkit-slider-thumb{background:#f9fafb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535a60' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E") 50%/27px no-repeat;border:0;border-radius:50%;width:68px;height:68px;margin-top:0;box-shadow:0 2px 8px #0000002e}.fold-control>.fold-slider::-moz-range-thumb{background:#f9fafb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535a60' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 5 7 7-7 7'/%3E%3C/svg%3E") 50%/27px no-repeat;border:0;border-radius:50%;width:68px;height:68px;box-shadow:0 2px 8px #0000002e}.fold-control.is-open>.fold-slider::-webkit-slider-thumb{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535a60' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 5-7 7 7 7'/%3E%3C/svg%3E")}.fold-control.is-open>.fold-slider::-moz-range-thumb{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23535a60' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 5-7 7 7 7'/%3E%3C/svg%3E")}@media (width<=900px){.fold-control{width:min(240px,100vw - 40px);height:66px}.fold-control-label{font-size:14px;inset-inline-start:100px}.fold-control.is-open .fold-control-label{inset-inline:10px 60px}.fold-control>.fold-slider::-webkit-slider-thumb{width:58px;height:58px}.fold-control>.fold-slider::-moz-range-thumb{width:58px;height:58px}}@media (width<=600px){.viewer{height:min(54dvh,480px);min-height:370px}}}