:root{color-scheme:dark;--bg: #020304;--card: #0f1015;--bezel: #16171d;--ink: #f3f3f4;--muted: #8d8f96;--caption: #d4d4d4;--faint: #5c5e66;--line: #2c3038;--run: #40829e;--run-text: #eaf6fb;--cua: #5ec0e8;--docs: #8ec5d8;--sans: Outfit, ui-sans-serif, system-ui, sans-serif;--serif: "Instrument Serif", "Times New Roman", serif;font-family:var(--sans)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--ink);overflow-x:clip}button,input,a,select{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cua);outline-offset:3px}.page{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 16px 16px;gap:10px;overflow-x:clip;min-width:0}.gallery,.source{position:absolute;top:16px;z-index:20;color:#eceff4;font-size:13px;line-height:24px;min-height:24px;font-weight:600;text-decoration:none;border-bottom:1px solid #eceff4}.gallery{left:22px}.source{right:22px}.frame{position:relative;overflow:hidden;flex:0 0 auto;min-width:0}.shell{width:1280px;height:720px;transform-origin:top left;position:absolute;left:0;top:0;background:var(--bg);overflow:hidden;--stage-scale: 1}.stars{position:absolute;inset:0;width:1280px;height:720px;pointer-events:none;z-index:0}.keycaps-gl{position:absolute;inset:0;width:1280px;height:720px;pointer-events:none;z-index:2}.keycaps-gl.is-blur{z-index:1;filter:blur(8px);opacity:.95}.cap-fallback{position:absolute;border-radius:18px;pointer-events:none;box-shadow:0 10px 16px #00000059}.cap-fallback.is-blur{filter:blur(8px)}.keycap{position:absolute;display:block;padding:0;background:none;border:0;z-index:3;overflow:visible}.keycap:after{content:"";position:absolute;left:50%;top:50%;width:max(100%,calc(24px / var(--stage-scale, 1)));height:max(100%,calc(24px / var(--stage-scale, 1)));transform:translate(-50%,-50%)}.card{position:absolute;left:203px;top:32px;width:874px;height:532px;background:var(--bezel);border-radius:28px;z-index:5;padding:9px;box-shadow:inset 0 0 0 1px #ffffff09}.card-inner{position:relative;width:100%;height:100%;background:var(--card);border-radius:20px;overflow:visible}.terms{position:absolute;left:130px;top:176px;display:flex;align-items:center;gap:12px;color:#c5c7cc;font-size:15.5px;font-weight:500;letter-spacing:-.01em}.check{width:22px;height:22px;border-radius:6px;border:1.5px solid #6d717a;display:grid;place-items:center;flex:0 0 22px;background:transparent}.check svg{display:none}.terms.is-on .check{background:var(--cua);border-color:var(--cua)}.terms.is-on .check svg{display:block}.settings{position:absolute;left:323px;top:280px;width:186px;height:36px;border-radius:10px;background:#1a1c22;border:0;color:#d5d7dc;font-size:16px;font-weight:650;letter-spacing:-.01em;display:flex;align-items:center;justify-content:flex-start;text-align:left;padding:0 18px}.settings:hover,.settings[aria-expanded=true]{background:#20242c}.run{position:absolute;left:642px;top:54px;width:150px;height:54px;border-radius:12px;border:1.4px solid #3a4550;background:#1a222b;color:#d7dce2;font-size:16px;font-weight:600;letter-spacing:-.02em;display:flex;align-items:center;justify-content:center}.run:after,.terms:after,.settings:after,.docs:after,.toggle:before,.dot:before,.submit:after{content:"";position:absolute;left:50%;top:50%;width:max(100%,calc(24px / var(--stage-scale, 1)));height:max(100%,calc(24px / var(--stage-scale, 1)));transform:translate(-50%,-50%);pointer-events:auto}.run.is-on{background:var(--run);border-color:transparent;color:var(--run-text);box-shadow:0 0 0 6px #40829e24}.docs{position:absolute;left:603px;top:420px;color:var(--docs);font-size:15.5px;font-weight:550;text-decoration:none;padding:4px 2px 6px;min-height:24px;display:inline-block;width:max-content;border-bottom:1.5px solid var(--docs)}.docs.is-on{color:#dff4ff}.popover{position:absolute;left:323px;top:322px;width:260px;padding:12px 12px 10px;background:#12141a;border:1px solid #2c313a;border-radius:12px;box-shadow:0 18px 40px #00000073;z-index:7;display:flex;flex-direction:column;gap:8px}.popover h2{margin:0 0 2px;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:650}.popover label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:#d0d3d8}.caption{position:absolute;left:0;right:0;top:590px;text-align:center;z-index:6;pointer-events:none}.caption h1{margin:0;font-size:42px;font-weight:700;letter-spacing:-.028em;line-height:1;color:#f4f4f4;font-synthesis:none}.caption h1 em,.fitts-title em,.intro-title em,.desk-title em,.picker button em{font-family:var(--serif);font-style:italic;font-weight:400;font-synthesis:none;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;text-shadow:none;filter:none}.caption p{margin:6px 0 0;font-size:18px;color:var(--caption);font-weight:400;letter-spacing:-.01em}.cursor-layer{position:absolute;inset:0;width:1280px;height:720px;z-index:9;pointer-events:none}.end-veil{position:absolute;inset:0;background:#020304;z-index:12;pointer-events:none}.intro,.desktops,.endcard{position:absolute;inset:0;z-index:5;pointer-events:auto}.intro-kicker{position:absolute;left:0;right:0;top:241px;text-align:center;margin:0;color:#b0b4ba;font-size:18px;line-height:17px;font-weight:500;letter-spacing:.02em}.intro-title{position:absolute;left:50%;top:289px;transform:translate(-50%);text-align:center;margin:0;width:max-content;max-width:92%;height:67px;font-size:82px;font-weight:650;letter-spacing:-.034em;color:#f2f3f5;font-synthesis:none;line-height:67px;z-index:6;white-space:nowrap;overflow:visible}.intro-title em{padding-left:.1em;font-size:1.02em}.arrow-layer{position:absolute;inset:0;width:1280px;height:720px;pointer-events:none;z-index:4;overflow:visible}.desktops .desk-title{position:absolute;left:0;right:0;top:78px;text-align:center;margin:0;font-size:48px;line-height:53px;font-weight:700;letter-spacing:-.03em;font-synthesis:none}.desk-row{position:absolute;left:26px;top:186px;width:1228px;display:grid;grid-template-columns:388px 388px 388px;gap:32px}.os-win{display:flex;flex-direction:column;align-items:stretch;background:#0c0d12;border-radius:12px;box-shadow:0 0 0 1px #181b22}.os-chrome{display:flex;align-items:center;gap:6px;height:22px;padding:0 10px;background:#111318;border-radius:10px 10px 0 0}.os-chrome.win{background:#e6e8ec;color:#333;justify-content:flex-end}.os-chrome.linux{background:#1a2430}.win-ctl{width:11px;height:11px;border-radius:1px;background:#c5c8ce}.win-ctl.close{background:#c44848}.traffic{width:10px;height:10px;border-radius:50%}.traffic.r{background:#ff5f57}.traffic.y{background:#febc2e}.traffic.g{background:#28c840}.os-title{margin-left:8px;font-size:16px;color:#9aa0a8}.os-win[data-os=mac] .os-body{background:#15181f}.os-win[data-os=win] .os-body{background:#5c6066;color:#222}.os-win[data-os=linux] .os-body{background:#1a2430}.os-win[data-os=linux] .os-body:before{content:"";position:absolute;left:0;right:0;top:0;height:18px;background:#1a2430;border-bottom:1px solid #243040;z-index:2;pointer-events:none}.os-mini-run,.welcome button{pointer-events:none}.os-mini-run{position:absolute;right:16px;top:22px;min-width:64px;height:26px;padding:0 12px;border-radius:8px;background:#1a222b;border:1px solid #3a4550;color:#d7dce2;font-size:13px;font-weight:600;z-index:2}.os-mini-run.is-on{background:var(--run);border-color:transparent;color:var(--run-text)}.os-mini-box{position:absolute;left:16px;top:26px;width:58px;height:20px;border-radius:5px;background:#1a1c22;border:1px solid #2a2e36;z-index:2}.os-mini-chip{position:absolute;right:22px;bottom:52px;width:18px;height:14px;border-radius:3px;background:#2a3038;z-index:2}.win-desk,.win-wallpaper{position:absolute;inset:0;background:#3d3d3d}.win-peek{position:absolute;right:0;top:22px;width:4px;height:36px;background:#597c91;pointer-events:none}.win-explorer{position:absolute;left:0;top:0;width:92px;bottom:22px;background:#2f2f2f;display:flex;flex-direction:column;gap:5px;padding:10px 8px}.win-exp-title{font-size:16px;color:#d8dbe0;line-height:1}.win-exp-row{display:block;height:4px;border-radius:2px;background:#9aa0a6}.win-exp-row.dim{width:70%;background:#7a8086}.win-app{position:absolute;inset:20px 22px 36px 96px;background:#f4f4f4;display:flex;min-width:0;border-radius:8px;box-shadow:0 10px 24px #00000047;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.win-taskbar{position:absolute;left:0;right:0;bottom:0;height:22px;background:#d8dbe0}.welcome{position:relative;inset:auto;flex:1;background:#f7f7f7;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:22px 16px 52px;gap:5px;color:#222;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;text-shadow:0 0 0 #222}.welcome-brand{position:absolute;left:10px;top:8px;font-size:9px;letter-spacing:.02em;color:#9a9a9a;pointer-events:none}.welcome-machine{position:absolute;right:22px;top:44px;width:22px;height:22px;border-radius:50%;background:#6fbf6a;pointer-events:none}.welcome-pin{position:absolute;right:28px;top:28px;width:8px;height:10px;background:#e6c14a;clip-path:polygon(50% 0,100% 70%,50% 100%,0 70%);pointer-events:none}.welcome-art{position:absolute;top:8px;left:50%;width:72px;height:28px;transform:translate(-50%);pointer-events:none}.welcome-art .blob{position:absolute;border-radius:8px}.welcome-art .blob.a{left:4px;top:2px;width:22px;height:18px;background:#f2c14e}.welcome-art .blob.b{left:28px;top:0;width:20px;height:22px;background:#6ec07a}.welcome-art .blob.c{left:44px;top:3px;width:16px;height:14px;background:#e07a3d}.welcome-art .blob.d{left:56px;top:6px;width:14px;height:12px;background:#d4544a}.welcome .dots{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:20px;margin-top:22px}.welcome .dots i{display:block;width:7px;height:7px;border-radius:1.5px;background:#111}.welcome h3,.welcome p,.welcome small,.welcome button,.welcome-brand{filter:grayscale(1)}.welcome h3{margin:6px 0 0;font-size:16px;font-weight:650}.welcome p{margin:0;font-size:16px;color:#6e6e6e;text-align:center;max-width:220px;line-height:1.2}.welcome button{margin-top:4px;height:26px;padding:0 12px;border-radius:6px;background:#f3f3f3;color:#333;border:1px solid #c8c8c8;font-size:16px;font-weight:600}.welcome small{margin-top:auto;font-size:16px;color:#8a8a8a;text-align:center;max-width:86%;line-height:1.15}.lin-desk{position:absolute;inset:0}.lin-icons{position:absolute;left:8px;top:28px;display:flex;flex-direction:column;gap:11px;z-index:2;pointer-events:none}.lin-icons i{display:block;width:13px;height:13px;border-radius:2px;background:#3d4e5c;opacity:.75}.lin-panel{position:absolute;left:0;right:0;bottom:0;height:22px;background:#1c2834;border-top:1px solid #243040;z-index:2;pointer-events:none}.maze{position:absolute;inset:0;width:100%;height:100%}.os-badge{position:absolute;left:8px;bottom:8px;font-size:16px;line-height:1.25;color:#d0d3d8;text-align:left;max-width:70%;pointer-events:none;z-index:3;background:#0a0c10d1;padding:6px 8px;border-radius:4px}.os-win[data-os=win] .os-badge{left:8px;right:auto;bottom:8px;max-width:72%;color:#eceff4;background:#0c0e12c7;padding:4px 7px;border-radius:3px;z-index:4}.os-win .os-body{position:relative;height:263px;border-radius:0 0 10px 10px;overflow:hidden}.os-win canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.os-caption{margin:33px 0 0;text-align:center;font-size:26px;line-height:26px;font-weight:650;letter-spacing:-.03em;opacity:var(--desk-lab, 1)}.desk-note{position:absolute;left:0;right:0;top:580px;text-align:center;margin:0;color:#8a8e94;font-size:21px;line-height:22px;font-weight:400}.endcard .brand{position:absolute;left:50%;top:156px;width:224px;height:70px;margin:0;display:block;color:#f4f5f7;font-size:0;transform:translate(-50%)}.cua-logo{width:224px;height:70px;display:flex;align-items:center;gap:25px}.cua-koala{width:75px;height:70px;display:block;image-rendering:auto}.cua-word{display:block;margin-top:8px}.endcard h1{position:absolute;left:50%;top:303px;transform:translate(-50%);width:640px;text-align:center;margin:0;font-size:84px;font-weight:650;letter-spacing:-.04em;line-height:63px;height:63px;white-space:nowrap}.endcard .tag{position:absolute;left:50%;top:415px;transform:translate(-50%);width:620px;text-align:center;margin:0;font-size:28px;line-height:28px;color:#d0d2d6;font-weight:400}.endcard .cli{position:absolute;left:0;right:0;top:486px;text-align:center;margin:0;font-size:18px;color:#8b9098;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:450}.endcard .docs-link{position:absolute;left:50%;top:606px;transform:translate(-50%);color:#d8dce2;font-size:20px;font-weight:700;text-decoration:none;border-bottom:0;padding-bottom:0;white-space:nowrap}.fitts{position:absolute;inset:0;z-index:5}.frame[data-scene=fitts] .keycap,.frame[data-scene=desktops] .keycap{z-index:1;pointer-events:none}.frame[data-scene=fitts] .keycaps-gl{opacity:.48;filter:brightness(.72) saturate(.78)}.frame[data-scene=desktops] .keycaps-gl{opacity:.34;filter:brightness(.7) saturate(.8)}.frame[data-scene=desktops] .keycaps-gl.is-blur{filter:brightness(.7) saturate(.8) blur(8px)}.intro-click{position:absolute;left:1044px;top:554px;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:1.4px solid rgb(94 192 232 / .55);box-shadow:0 0 0 5px #5ec0e81a;pointer-events:none;z-index:5}.frame[data-scene=end] .keycap{z-index:1;opacity:1;filter:none;pointer-events:none}.frame[data-scene=intro] .intro-title,.frame[data-scene=intro] .intro-kicker{z-index:6}.fitts-title{position:absolute;left:0;right:0;top:45px;text-align:center;margin:0;font-size:48px;line-height:52px;font-weight:700;letter-spacing:-.02em;font-synthesis:none;z-index:6}.fitts-title em{padding-left:.22em}.panel{position:absolute;top:140px;width:585px;height:366px;padding:0;background:#101217;border:10px solid #0a0b10;border-radius:22px;z-index:5;box-shadow:none;outline:none;box-sizing:border-box}.panel.left{left:32px}.panel.right{left:659px}.toggles{position:absolute;left:0;top:0;width:100%;height:100%}.toggle-row{position:absolute;display:flex;align-items:center;gap:10px;width:118px;z-index:1}.toggle{position:relative;display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px}.toggle .box{width:18px;height:18px;border-radius:4px;border:1.4px solid #6d717a;display:grid;place-items:center}.toggle .box svg{display:none}.toggle.is-on .box{background:var(--cua);border-color:var(--cua)}.toggle.is-on .box svg{display:block}.rail{flex:1;height:3px;border-radius:99px;background:#2a2e36;pointer-events:none}.submit{position:absolute;left:491px;transform:translate(-50%);bottom:28px;height:34px;padding:0 22px;border-radius:9px;background:#1a1c22;border:1px solid #2a2e36;font-size:13px;font-weight:600;color:#d5d7dc}.submit.is-on{background:var(--run);border-color:transparent;color:var(--run-text)}.dot{position:absolute;border-radius:50%;border:2px solid #5c6068;background:radial-gradient(circle,#eceef2 0 3px,transparent 4px);box-shadow:none;transform:translate(-50%,-50%);opacity:1;box-sizing:border-box}.dot.is-on{opacity:1;border-color:#5ec0e8;box-shadow:0 0 0 3px #5ec0e833;background:radial-gradient(circle,#d2eef8 0 3.5px,transparent 5px)}.fitts-read{position:absolute;top:538px;width:585px;margin:0;text-align:center;z-index:6}.fitts-read.l{left:32px}.fitts-read.r{left:662px}.fitts-read strong{display:block;font-size:58px;line-height:45px;height:45px;letter-spacing:-.04em;font-weight:700}.fitts-read span{display:block;margin-top:26px;color:var(--caption);font-size:22px;line-height:22px}.fitts-read.is-hidden{opacity:0}.dock{width:min(1280px,calc(100% - 8px));display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:6px 4px 2px;color:#c7cad0;font-size:12.5px;font-weight:550;min-width:0;overflow:visible;position:relative;z-index:20}.picker,.views{display:flex;flex-wrap:wrap;gap:6px}.picker button,.views button,.dock button.tool,.dock select{height:30px;padding:0 10px;border-radius:8px;border:1px solid #2a2e36;background:#101216;color:#d5d8de;font-size:12.5px;white-space:nowrap;flex:0 0 auto}.picker button{border-radius:999px;padding:0 11px}.picker button em{font-family:var(--serif);font-style:italic;font-weight:400}.picker button[aria-pressed=true],.views button[aria-pressed=true]{background:#1a2630;border-color:var(--cua);color:#edf7fb}.dock .tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;flex:1 1 100%;width:100%;min-width:0}.dock .speed{display:inline-flex;align-items:center;gap:8px;color:#b4b8c0;white-space:nowrap}.dock label.chk{display:inline-flex;align-items:center;gap:6px;color:#b4b8c0;white-space:nowrap;min-height:24px;min-width:24px;font-size:12px}.dock input[type=checkbox]{accent-color:var(--cua);width:16px;height:16px;min-width:16px;min-height:16px}.scrub{display:flex;align-items:center;gap:8px;min-width:180px;flex:1 1 220px}.scrub input[type=range]{flex:1;accent-color:var(--cua);height:24px;min-height:24px}.stats{font-variant-numeric:tabular-nums;color:#8b9099;font-size:12px;min-width:11ch;white-space:nowrap}.stats .lbl{color:#6e727a;margin-right:4px}.hint{width:min(1280px,calc(100% - 8px));margin:0;color:#6e727a;font-size:12px;position:relative;z-index:20}.hint a{display:inline-block;min-height:24px;line-height:24px}.sr,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(max-height:800px){.page{padding:36px 12px 8px;gap:8px;justify-content:flex-start}.hint{font-size:11px}}.frame[data-compact="1"]{overflow:hidden}.page[data-compact="1"] .dock{flex-wrap:wrap;width:calc(100% - 8px);overflow:visible}.page[data-compact="1"] .picker,.page[data-compact="1"] .views,.page[data-compact="1"] .tools{flex-wrap:wrap;width:100%}.page[data-compact="1"] .picker button,.page[data-compact="1"] .views button,.page[data-compact="1"] .dock button.tool,.page[data-compact="1"] .dock select{min-height:32px;font-size:13px}.page[data-compact="1"] .scrub{flex:1 1 100%;min-width:0}.page[data-compact="1"] .stats,.page[data-compact="1"] .dock,.page[data-compact="1"] .hint{font-size:13px}.page[data-compact="1"] .dock label.chk{min-height:24px;min-width:64px;font-size:12px}.page[data-compact="1"] input[type=range]{height:24px;min-height:24px}@media(prefers-reduced-motion:reduce){.keycap,.run,.settings,.docs,.dot,.submit,.check,.arrow-layer{transition:none;animation:none!important}}