.island,.island-frames{--island-wall:#fff;--island-wall-ink:#070709;--island-glass-black:#050607;--island-frame:#cfd1d4;--island-frame-edge:#84868a;--island-black:#000;--island-key:transparent;--island-lens:#0f1624;--island-timer:#ff9f0a;--island-desk:#e4e6ea;--island-desk-bar:#eef0f3;--io:#fff;--io-2:#ffffff9e;--io-dim:#fff6;--io-key:#ffffff29;--io-up:#22ab94;--io-down:#f7525f;--io-up-bar:#22ab94;--io-down-bar:#f7525f;--tape-up:#089981;--tape-down:#f23645;margin-inline:0}@supports (color:lab(0% 0 0)){.island,.island-frames{--island-wall:lab(100% 0 0);--island-wall-ink:lab(1.97894% -.0718236 -.617588);--island-glass-black:lab(1.55606% -.0601262 -.528014);--island-frame:lab(83.7476% -.214398 -1.49808);--island-frame-edge:lab(55.9008% -.312537 -2.24191);--island-lens:lab(7.03379% .602745 -10.7717);--island-desk:lab(91.2882% -.491828 -2.20389);--island-desk-bar:lab(94.7723% -.330597 -1.47084);--io:lab(100% 0 0);--io-2:lab(100% 0 0/.62);--io-dim:lab(100% 0 0/.4);--io-key:lab(100% 0 0/.16)}}@media (prefers-color-scheme:dark){.island,.island-frames{--island-wall:#060709;--island-wall-ink:#f8f8fa;--island-glass-black:#010202;--island-frame:#56585b;--island-frame-edge:#2c2e31;--island-key:#ffffff4d;--island-desk:#1f2226;--island-desk-bar:#16181c;--tape-up:#22ab94;--tape-down:#f7525f}@supports (color:lab(0% 0 0)){.island,.island-frames{--island-wall:lab(1.97728% -.085026 -.779876);--island-wall-ink:lab(97.6739% -.108689 -.74997);--island-glass-black:lab(.460171% -.0235885 -.239882);--island-frame:lab(37.3405% -.306472 -2.23852);--island-frame-edge:lab(18.7798% -.293866 -2.23173);--island-key:lab(100% 0 0/.3);--island-desk:lab(12.9714% -.362523 -2.96089);--island-desk-bar:lab(8.33484% -.314347 -2.5894)}}}.island{container:island/inline-size}:where(.island,.island-frames) p{margin:0}.island-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.island-stage{background:radial-gradient(circle, color-mix(in oklab, var(--exp-ink) 11%, transparent) .75px, transparent 1.25px) 0 0 / 1rem 1rem, var(--exp-stage);box-shadow:inset 0 0 0 1px var(--exp-stage-line);border-radius:.75rem;justify-items:center;padding:2.5rem 1.5rem 0;display:grid;position:relative;overflow:hidden}.island-fit{aspect-ratio:462/198;width:min(57.75rem,100cqw - 3rem);position:relative;container-type:inline-size}.island-phone,.island-spec-in{color:var(--io);font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", var(--font-sans), system-ui, sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}.island-phone{--pt:calc(100cqw / 462);left:calc(var(--pt) * 3);width:calc(var(--pt) * 456);height:calc(var(--pt) * 972);padding:calc(var(--pt) * 8);border-radius:calc(var(--pt) * 70);background:var(--island-glass-black);box-shadow:0 0 0 calc(var(--pt) * 2) var(--island-frame), 0 0 0 calc(var(--pt) * 3) var(--island-frame-edge), 0 1px 2px var(--exp-shadow), 0 32px 64px -32px var(--exp-shadow);top:calc(var(--pt) * 3);position:absolute}.island-screen{border-radius:calc(var(--pt) * 62);background:var(--island-wall);height:100%;position:relative;overflow:hidden}.island-status{height:calc(var(--pt) * 65);color:var(--island-wall-ink);position:absolute;inset:0 0 auto}.island-time{top:calc(var(--pt) * 21.5);left:calc(var(--pt) * 24);width:calc(var(--pt) * 72);font-size:calc(var(--pt) * 17);font-weight:600;line-height:calc(var(--pt) * 22);letter-spacing:-.02em;text-align:center;position:absolute}.island-sys{top:calc(var(--pt) * 26);right:calc(var(--pt) * 28);gap:calc(var(--pt) * 6);height:calc(var(--pt) * 13);align-items:center;display:flex;position:absolute}.island-sys>svg{width:auto;height:calc(var(--pt) * 12);display:block}.island-sys>svg:last-child{height:calc(var(--pt) * 13)}.island-mac{aspect-ratio:1000/272;width:min(62.5rem,100cqw - 3rem);position:relative;overflow:hidden;container-type:inline-size}.island-mac-world{--pt:calc(100cqw / 1000);top:calc(var(--pt) * 36);left:calc(var(--pt) * -480);width:calc(var(--pt) * 1440);height:calc(var(--pt) * 932);color:var(--io);font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", var(--font-sans), system-ui, sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;position:absolute}.island-mac-screen{z-index:3;border-radius:calc(var(--pt) * 11) calc(var(--pt) * 11) 0 0;background:var(--island-desk);position:absolute;inset:0;overflow:hidden}.island-mac-bar{gap:calc(var(--pt) * 16);height:calc(var(--pt) * 27.4);padding-right:calc(var(--pt) * 16);background:var(--island-desk-bar);color:var(--island-wall-ink);font-size:calc(var(--pt) * 13);letter-spacing:-.01em;white-space:nowrap;justify-content:flex-end;align-items:center;font-weight:500;display:flex;position:absolute;inset:0 0 auto}.island-mac-sys{gap:calc(var(--pt) * 16);align-items:center;display:flex}.island-mac-sys>svg{width:auto;height:calc(var(--pt) * 11);display:block}.island-mac-bezel{top:calc(var(--pt) * -108.7);left:calc(var(--pt) * -164);z-index:2;width:calc(var(--pt) * 1768.6);height:calc(var(--pt) * 1148.9);pointer-events:none;background:url(/work/devices/macbook-air-15-silver.webp) 0 0/100% 100% no-repeat;position:absolute}.island-mac .island-di{top:calc(var(--pt) * -9.6);left:calc(var(--pt) * 514)}.island-mac .island-cam{display:none}.island-mac .island-ink{clip-path:inset(0 calc(var(--pt) * (var(--ir) + 16)) calc(var(--pt) * (var(--ib) + 16)) calc(var(--pt) * (var(--il) + 16)) round 0 0 calc(var(--pt) * min(var(--irad) * .55, 26)) calc(var(--pt) * min(var(--irad) * .55, 26)))}.island-mac .island-skin{clip-path:inset(0 calc(var(--pt) * var(--ir)) calc(var(--pt) * var(--ib)) calc(var(--pt) * var(--il)) round 0 0 calc(var(--pt) * min(var(--irad) * .55, 26)) calc(var(--pt) * min(var(--irad) * .55, 26)))}.island-mac .island-c{translate:0 calc(var(--pt) * 4.8)}.island-mac .island-c-lead{right:calc(var(--pt) * 289.5)}.island-mac .island-c-trail{left:calc(var(--pt) * 289.5)}.island-mac .island-x{padding-top:calc(var(--pt) * 16)}.island-di{top:calc(var(--pt) * 14);left:calc(var(--pt) * 14);z-index:1;width:calc(var(--pt) * 412);height:calc(var(--pt) * 160);pointer-events:none;filter:drop-shadow(0 0 .5px var(--island-key)) drop-shadow(0 0 .5px var(--island-key));position:absolute}.island-ink{inset:0 calc(var(--pt) * -16) auto;height:calc(var(--pt) * 176);background:var(--island-black);clip-path:inset(0 calc(var(--pt) * (var(--ir) + 16)) calc(var(--pt) * (var(--ib) + 16)) calc(var(--pt) * (var(--il) + 16)) round calc(var(--pt) * var(--irad)));position:absolute}.island-skin{height:calc(var(--pt) * 160);clip-path:inset(0 calc(var(--pt) * var(--ir)) calc(var(--pt) * var(--ib)) calc(var(--pt) * var(--il)) round calc(var(--pt) * var(--irad)));position:absolute;inset:0 0 auto}.island-cam{top:0;left:calc(var(--pt) * 156);width:calc(var(--pt) * 100);height:calc(var(--pt) * 37);position:absolute}.island-cam>i{top:50%;right:calc(var(--pt) * 15);width:calc(var(--pt) * 11);height:calc(var(--pt) * 11);background:radial-gradient(circle at 50% 50%, var(--island-lens) 0 30%, #020306 62%, #000 100%);border-radius:50%;position:absolute;translate:0 -50%}@supports (color:lab(0% 0 0)){.island-cam>i{background:radial-gradient(circle at 50% 50%, var(--island-lens) 0 30%, lab(.889429% .0122339 -1.01076) 62%, lab(.112911% 0 0) 100%)}}.island-hit{top:0;right:calc(var(--pt) * var(--ir));left:calc(var(--pt) * var(--il));height:calc(var(--pt) * 37);border-radius:calc(var(--pt) * 18.5);cursor:pointer;pointer-events:auto;z-index:1;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:0;padding:0;position:absolute}.island-hit[aria-disabled=true]{cursor:default}.island-hit:after{inset:min(0px, (var(--pt) * 37 - 2.75rem) / 2) 0;content:"";position:absolute}.island-ring{top:-4px;right:calc(var(--pt) * var(--ir) - 4px);left:calc(var(--pt) * var(--il) - 4px);height:calc(var(--pt) * (160 - var(--ib)) + 8px);border:2px solid var(--accent);border-radius:calc(var(--pt) * var(--irad) + 4px);opacity:0;position:absolute}.island-hit:focus-visible{outline:0}.island-hit:focus-visible+.island-ring{opacity:1}.island-x-btn:focus-visible,.island-key:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.island-c{height:calc(var(--pt) * 37);opacity:0;filter:blur(calc(var(--pt) * 6));transition:opacity .18s linear, filter .2s linear, transform .24s var(--ease-out);position:absolute;inset:0 0 auto;transform:scale(.9)}.island-di:is([data-mode=compact],[data-mode=minimal]) .island-c{opacity:1;filter:none;transition:opacity .22s var(--ease-out), filter .26s var(--ease-out), transform .38s var(--ease-out);transform:none}.island-c-lead,.island-c-trail{align-items:center;height:100%;display:flex;position:absolute;top:0}.island-c-lead{right:calc(var(--pt) * 263)}.island-c-trail{left:calc(var(--pt) * 263)}.island-di[data-mode=minimal] .island-c-lead{right:calc(var(--pt) * 256);width:calc(var(--pt) * 37);padding-left:calc(var(--pt) * 3);color:var(--island-timer);justify-content:center}.island-c-read{font-size:calc(var(--pt) * 16);letter-spacing:-.015em;white-space:nowrap;flex-direction:column;align-items:flex-start;font-weight:600;line-height:1;display:inline-flex}.island-c-trail[data-many] .island-c-read{gap:calc(var(--pt) * 2);font-size:calc(var(--pt) * 15)}.island-c-root{color:var(--io-2);font-size:calc(var(--pt) * 10);letter-spacing:.01em}:is(.island,.island-frames,.island-spec) [data-tone=up]{--tone:var(--io-up)}:is(.island,.island-frames,.island-spec) [data-tone=down]{--tone:var(--io-down)}:is(.island,.island-frames,.island-spec) [data-tone=flat]{--tone:var(--io)}.island-num{color:var(--tone,inherit);transition:color .32s;display:inline-flex}.island-digit{display:inline-block}.island-meter{--stroke:max(1.25px, calc(var(--pt) * 1.5));--stub:calc(var(--pt) * 5);align-items:center;display:inline-flex}.island-bar{--c:var(--io-up-bar);width:calc(var(--pt) * 5);height:calc(var(--pt) * 15);margin-right:calc(var(--pt) * 2);border-radius:calc(var(--pt) * 2.25);background:var(--io-dim);box-shadow:inset 0 0 0 0 var(--c);clip-path:inset(calc((100% - var(--stub)) / 2) 0 round calc(var(--pt) * 2.25));transition:background-color .32s ease, box-shadow .32s ease, clip-path .32s var(--ease-out), opacity .26s ease;flex:none}.island-bar[data-side=down]{--c:var(--io-down-bar)}.island-bar:last-child{margin-right:0}.island-bar[data-state]{clip-path:inset(0 0 round calc(var(--pt) * 2.25))}.island-bar[data-state=on]{background:var(--c)}.island-bar[data-state=here]{box-shadow:inset 0 0 0 var(--stroke) var(--c);background:0 0}.island-meter[data-near] .island-bar[data-state=here]{--c:var(--io)}.island-entry{width:calc(var(--pt) * 2);height:calc(var(--pt) * 21);margin-inline:calc(var(--pt) * .5) calc(var(--pt) * 2.5);border-radius:calc(var(--pt) * 1);background:var(--io);flex:none}.island-meter[data-even] .island-bar[data-side=down]{opacity:0}.island-meter[data-size=l]{height:calc(var(--pt) * 18);margin-top:calc(var(--pt) * 12);align-items:center;display:flex}.island-meter[data-size=l] .island-bar{width:auto;min-width:0;height:calc(var(--pt) * 8);margin-right:calc(var(--pt) * 2);border-radius:calc(var(--pt) * 1.5);background:color-mix(in oklab, var(--c) 28%, transparent);box-shadow:none;clip-path:none;transition:background-color .32s ease, opacity .26s ease, flex-grow .38s var(--ease-in-out), margin .38s var(--ease-in-out);flex:1 1 0}.island-meter[data-size=l] .island-bar:first-child{border-radius:calc(var(--pt) * 4) calc(var(--pt) * 1.5) calc(var(--pt) * 1.5) calc(var(--pt) * 4)}.island-meter[data-size=l] .island-bar:last-child{border-radius:calc(var(--pt) * 1.5) calc(var(--pt) * 4) calc(var(--pt) * 4) calc(var(--pt) * 1.5);margin-right:0}.island-meter[data-size=l] .island-bar[data-state=on]{background:var(--c)}.island-meter[data-size=l] .island-bar[data-state=here]{background:color-mix(in oklab, var(--c) 50%, transparent);box-shadow:none}.island-meter[data-size=l] .island-entry{width:calc(var(--pt) * 3);height:calc(var(--pt) * 18);margin-inline:calc(var(--pt) * 2) calc(var(--pt) * 4);border-radius:calc(var(--pt) * 1.5);transition:margin .38s var(--ease-in-out)}.island-meter[data-size=l][data-even] .island-bar[data-side=down]{flex-grow:0;margin-right:0}.island-meter[data-size=l][data-even] .island-entry{margin-left:0}.island-mini{gap:calc(var(--pt) * 2);align-items:center;display:inline-flex}.island-mini-track{--c:var(--io-up-bar);width:calc(var(--pt) * 17);height:calc(var(--pt) * 7);border-radius:calc(var(--pt) * 2);background:var(--io-dim);position:relative;overflow:hidden}.island-mini-track[data-side=down]{--c:var(--io-down-bar);width:calc(var(--pt) * 8.5)}.island-mini-track>i{background:var(--c);transform:scaleX(var(--f));transform-origin:0;position:absolute;inset:0}.island-mini-track[data-side=down]>i{transform-origin:100%}.island-mini[data-near] .island-mini-track{--c:var(--io)}.island-mini-mark{width:calc(var(--pt) * 2);height:calc(var(--pt) * 14);border-radius:calc(var(--pt) * 1);background:var(--io)}.island-mini[data-even] .island-mini-track[data-side=down]{display:none}.island-x{width:calc(var(--pt) * 412);padding:calc(var(--pt) * 8) calc(var(--pt) * 22) calc(var(--pt) * 13);opacity:0;filter:blur(calc(var(--pt) * 8));transform-origin:50% 0;transition:opacity .18s linear, filter .2s linear, transform .22s var(--ease-out);flex-direction:column;display:flex;position:absolute;top:0;left:0;transform:scale(.86)}.island-di[data-mode=expanded] .island-x{opacity:1;filter:none;pointer-events:auto;transition:opacity .22s var(--ease-out), filter .26s var(--ease-out), transform .44s var(--ease-out);transform:none}.island-x-top{justify-content:space-between;align-items:flex-start;display:flex}.island-x-sym{margin-top:calc(var(--pt) * 6);font-size:calc(var(--pt) * 20);font-weight:600;line-height:calc(var(--pt) * 24);letter-spacing:-.02em}.island-x-read{font-size:calc(var(--pt) * 38);font-weight:600;line-height:calc(var(--pt) * 44);letter-spacing:-.035em;font-variant-numeric:tabular-nums}.island-x-sub{color:var(--io-2);font-size:calc(var(--pt) * 13);line-height:calc(var(--pt) * 17);letter-spacing:-.005em;white-space:nowrap}.island-x-levels,.island-x-others{margin-top:calc(var(--pt) * 7);color:var(--io-2);font-size:calc(var(--pt) * 12);line-height:calc(var(--pt) * 15);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:space-between;display:flex;position:relative}.island-x-levels b{color:var(--io);font-weight:500}.island-x-entry{transition:opacity .2s;position:absolute;left:33.6%;translate:-50%}.island-x-levels[data-even] .island-x-entry{opacity:0}.island-x-others{justify-content:flex-start;gap:calc(var(--pt) * 12)}.island-x-other{color:var(--io);font-weight:500}.island-x-other-r{color:var(--tone,inherit);font-weight:600}.island-x-foot{justify-content:space-between;align-items:center;gap:calc(var(--pt) * 12);height:calc(var(--pt) * 32);margin-top:calc(var(--pt) * 12);display:flex}.island-x-btn{height:calc(var(--pt) * 32);padding:0 calc(var(--pt) * 14);border-radius:calc(var(--pt) * 16);background:var(--io-key);color:var(--io);font:inherit;font-size:calc(var(--pt) * 14);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:opacity .16s ease, transform .14s var(--ease-out);border:0;flex:none;place-items:center;font-weight:600;display:grid;position:relative}span.island-x-btn{cursor:default}.island-x-btn:after{inset:min(0px, (var(--pt) * 32 - 2.75rem) / 2) 0;content:"";position:absolute}button.island-x-btn:active{transform:scale(.98)}.island-x-btn[data-busy]{opacity:.45;cursor:default}.island-beside{top:0;left:calc(var(--pt) * (412 - var(--ir) + 9));position:absolute}.island-detached{width:calc(var(--pt) * 37);height:calc(var(--pt) * 37);background:var(--island-black);color:var(--island-timer);border-radius:50%;place-items:center;display:grid}.island-timer{width:calc(var(--pt) * 22);height:calc(var(--pt) * 22);display:block}.island-piece[data-live] .island-digit{transition:opacity .28s var(--ease-out), transform .34s var(--ease-out), filter .28s var(--ease-out)}@starting-style{.island-piece[data-live] .island-digit{opacity:0;filter:blur(calc(var(--pt) * 3));transform:translateY(42%)}}.island-swap{display:inline-block}.island-piece[data-live] .island-swap{transition:opacity .3s var(--ease-out), filter .3s var(--ease-out)}@starting-style{.island-piece[data-live] .island-swap{opacity:0;filter:blur(calc(var(--pt) * 4))}}.island-tape{height:3.375rem;color:var(--exp-muted);letter-spacing:-.005em;font-variant-numeric:tabular-nums;margin:.875rem 1.5rem 0;font-size:.75rem;font-weight:400;line-height:1rem;position:relative;overflow-x:clip}.island-tape:before{background:var(--exp-object-line-strong);content:"";height:1px;position:absolute;top:1.75rem;left:0;right:0}.island-tape-tick{background:var(--exp-muted);width:1px;height:.4375rem;position:absolute;top:1.5625rem;translate:-50%}.island-tape-cell{background:var(--tape-up);border-radius:1.5px;height:3px;position:absolute;top:1.6875rem}.island-tape-cell[data-side=down]{background:var(--tape-down)}.island-tape-cell[data-side=near]{background:var(--exp-ink)}.island-tape-order,.island-tape-move{position:absolute;top:0;bottom:0}.island-tape-move{pointer-events:none;transform:translateX(calc(var(--x) * 100%));transition:transform .42s var(--ease-in-out);left:0;right:0}.island-tape-move>.island-tape-order{left:0}.island-tape-mark{background:var(--exp-ink);border-radius:1px;width:2px;height:.8125rem;position:absolute;top:1.375rem;left:0;translate:-50%}.island-tape-name{white-space:nowrap;position:absolute;top:0;left:0;translate:-50%}.island-tape-order[data-kind=stop] .island-tape-mark{background:var(--tape-down)}.island-tape-order[data-kind=target] .island-tape-mark{background:var(--tape-up)}.island-tape-order[data-kind=stop] .island-tape-name{translate:-1rem}.island-tape-order[data-kind=target] .island-tape-name{translate:calc(1rem - 100%)}.island-tape-order[data-kind=entry] .island-tape-name{transition:opacity .2s}.island-tape[data-even] .island-tape-order[data-kind=entry] .island-tape-name{opacity:0}.island-tape-now{pointer-events:none;transform:translateX(calc(var(--x) * 100%));position:absolute;inset:0}.island-tape-tag{justify-items:center;gap:.25rem;display:grid;position:absolute;top:1.5rem;left:0;translate:-50%}.island-tape-dot{background:var(--exp-ink);width:.5625rem;height:.5625rem;box-shadow:0 0 0 2px var(--bg);border-radius:50%}.island-tape-fig{color:var(--exp-secondary);font-weight:510}.island-foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem 1.5rem;margin-top:.75rem;display:flex}.island-note{max-width:40rem;font-size:var(--text-xs);letter-spacing:var(--tracking-meta);color:var(--fg-muted);text-wrap:pretty;flex:24rem}.island-note-how{transition:color .24s var(--ease-out)}.island-note[data-hint] .island-note-how{color:var(--fg)}.island-keys{flex-wrap:wrap;gap:.375rem;display:flex}.island-key{height:1.5rem;box-shadow:inset 0 0 0 1px var(--exp-object-line);color:var(--fg-muted);font:inherit;letter-spacing:-.005em;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:color .16s var(--ease-out), opacity .16s var(--ease-out), transform .14s var(--ease-out);background:0 0;border:0;border-radius:.375rem;padding:0 .5rem;font-size:.75rem;line-height:1rem;position:relative}.island-devices{border:0;gap:.125rem;min-width:0;margin:0 .375rem 0 0;padding:0;display:inline-flex}.island-device{height:1.5rem;color:var(--fg-muted);font:inherit;cursor:pointer;touch-action:manipulation;transition:color .16s var(--ease-out), background-color .16s var(--ease-out);background:0 0;border:0;border-radius:.375rem;padding:0 .5rem;font-size:.75rem;line-height:1rem;position:relative}.island-device[aria-pressed=true]{background:var(--exp-object-line);color:var(--fg)}.island-device:after{content:"";position:absolute;inset:-.625rem -.0625rem}.island-device:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.island-key:after{content:"";position:absolute;inset:-.625rem -.125rem}.island-key:active{transform:scale(.97)}.island-key[aria-disabled=true]{opacity:.5;cursor:default}@media (hover:hover){.island-key:hover{color:var(--fg)}}.island-frames{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.island-tile{background:var(--exp-stage);min-width:0;box-shadow:inset 0 0 0 1px var(--exp-stage-line);border-radius:.75rem;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:1.5rem;display:flex;overflow:hidden}.island-tile-wide{grid-column:1/-1}.island-tile-note{max-width:44rem;font-size:var(--text-xs);font-weight:var(--weight-regular);line-height:var(--leading-ui);letter-spacing:var(--tracking-meta);color:var(--fg-muted);text-wrap:pretty}.island-meta{color:var(--exp-muted);letter-spacing:-.01em;text-align:center;font-size:.8125rem;font-weight:510;line-height:1.25rem}.island-row{align-items:start;gap:1.5rem .75rem;padding-block:1rem .25rem;display:grid}.island-row-3{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:2rem}.island-row-2{grid-template-columns:repeat(2,minmax(0,1fr))}.island-cell{gap:.75rem;min-width:0;display:grid}.island-spec{width:min(100%, calc(var(--w) * var(--zoom,1) * 1px));margin-inline:auto;padding-block:2px;overflow:clip;container-type:inline-size}.island-spec-in{--pt:calc(100cqw / var(--w));position:relative}.island-spec .island-di{height:calc(var(--pt) * (160 - var(--ib)));margin-left:calc(var(--pt) * -206);position:relative;top:0;left:50%}@container island (min-width:40rem){.island-stage[data-device=phone] .island-fit{aspect-ratio:462/272;width:calc(min(62.5rem,100cqw - 3rem)/2.1645)}}@container island not (min-width:40rem){.island-stage{border-radius:0;width:100vw;margin-inline:calc(50% - 50vw);padding:1.25rem 0 0}.island-fit{width:calc(112.136vw - .841019rem);margin-inline:calc(.42051rem - 6.06796vw)}.island-tape{margin-inline:.75rem}.island-devices,.island-tape-price{display:none}.island-tape-order[data-kind=stop] .island-tape-name{translate:-.5rem}.island-tape-order[data-kind=target] .island-tape-name{translate:calc(.5rem - 100%)}}@media (max-width:58rem){.island-frames{grid-template-columns:minmax(0,1fr)}.island-row-3{grid-template-columns:repeat(2,minmax(0,1fr))}.island-row-2{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.island-tile{padding:1rem}.island-row-3{grid-template-columns:minmax(0,1fr)}}.island-di[data-still] :is(.island-c,.island-x,.island-bar,.island-entry,.island-num){transition:none}@media (prefers-reduced-motion:reduce){.island-c,.island-x,.island-di:is([data-mode=compact],[data-mode=minimal]) .island-c,.island-di[data-mode=expanded] .island-x{filter:none;transition:opacity .2s;transform:none}.island-tape-move,.island-bar,.island-meter[data-size=l] .island-bar,.island-meter[data-size=l] .island-entry{transition:none}.island-piece[data-live] :is(.island-digit,.island-swap){transition:opacity .2s}@starting-style{.island-piece[data-live] :is(.island-digit,.island-swap){filter:none;transform:none}}button.island-x-btn:active,.island-key:active{transform:none}}