@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;--spacing:.25rem;--default-font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;--default-mono-font-family:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}body{font-family:var(--font-sans);letter-spacing:-.012em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100dvh;font-size:17px;line-height:1.5;overflow-x:clip}::selection{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){::selection{background:color-mix(in srgb, var(--accent) 30%, transparent)}}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:8px}}@layer components{.ambient{z-index:-1;pointer-events:none;background:radial-gradient(70vw 60vh at 50% -12%, var(--amb-1), transparent 70%), radial-gradient(45vw 50vh at -5% 45%, var(--amb-2), transparent 70%), radial-gradient(50vw 55vh at 105% 75%, var(--amb-3), transparent 70%);position:fixed;inset:0}.skip{z-index:100;background:var(--ink);color:var(--bg);border-radius:999px;padding:10px 16px;font-size:15px;font-weight:600;transition:transform .2s;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip:focus-visible{transform:none}.t-hero{letter-spacing:-.045em;font-size:clamp(64px,10vw,112px);font-weight:700;line-height:1}.t-promise{letter-spacing:-.028em;text-wrap:balance;font-size:clamp(24px,3.3vw,38px);font-weight:600;line-height:1.16}.t-h2{letter-spacing:-.038em;text-wrap:balance;font-size:clamp(36px,5.2vw,60px);font-weight:700;line-height:1.04}.t-h3{letter-spacing:-.026em;font-size:24px;font-weight:650;line-height:1.15}.t-lead{letter-spacing:-.018em;color:var(--ink-2);text-wrap:pretty;font-size:clamp(18px,1.7vw,21px);line-height:1.48}.t-body{color:var(--ink-2);text-wrap:pretty}.t-small{letter-spacing:-.006em;color:var(--ink-3);font-size:14px;line-height:1.45}.eyebrow{letter-spacing:-.012em;color:var(--accent-ink);align-items:center;gap:8px;font-size:17px;font-weight:600;display:inline-flex}.glass{isolation:isolate;background:var(--glass-fill);-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);box-shadow:var(--glass-shadow);position:relative}.glass:before{content:"";border-radius:inherit;background:linear-gradient(170deg, var(--rim-hi), var(--rim-lo) 38%, var(--rim-lo) 70%, var(--rim-mid));-webkit-mask-composite:xor;pointer-events:none;-webkit-mask-composite:xor,source-over;-webkit-mask-composite:xor,source-over;padding:1px;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)}.glass:after{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(120% 70% at 18% -12%, var(--sheen), transparent 55%);pointer-events:none;position:absolute;inset:0}.badge{letter-spacing:-.01em;color:var(--ink);border-radius:999px;align-items:center;gap:10px;padding:9px 18px 9px 14px;font-size:15px;font-weight:600;display:inline-flex}.badge-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 4px var(--accent);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.badge-dot{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent)}}.site-header{--glass-fill:#fafafcb8;z-index:50;border-radius:999px;justify-content:space-between;align-items:center;width:min(100% - 24px,980px);height:52px;margin:12px auto 0;padding:0 10px 0 12px;display:flex;position:sticky;top:12px}@media (prefers-color-scheme:dark){.site-header{--glass-fill:#1c1d24b8}}.brand{letter-spacing:-.02em;border-radius:999px;align-items:center;gap:10px;padding:4px 8px 4px 2px;font-size:17px;font-weight:650;display:inline-flex}.site-nav{gap:2px}.site-nav a{color:var(--ink-2);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:500;transition:background .2s,color .2s}.site-nav a:hover{color:var(--ink);background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.site-nav a:hover{background:color-mix(in srgb, var(--ink) 7%, transparent)}}.site-status{color:var(--ink-3);padding:0 10px;font-size:13px;font-weight:600}.key{min-width:1.85em;font:600 .8em/1 var(--font-sans);letter-spacing:.01em;color:var(--ink);background:var(--key-bg);box-shadow:inset 0 0 0 .5px var(--key-edge), 0 1px 0 var(--key-under), 0 1px 3px -1px var(--key-under);vertical-align:.1em;white-space:nowrap;border-radius:.5em;justify-content:center;align-items:center;padding:.3em .5em .28em;display:inline-flex}.key-mods{letter-spacing:.03em;margin-right:.1em}.keys{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.keys .key{font-size:13px}.app-icon{color:#fff;background:linear-gradient(180deg, var(--app), var(--app) 70%);border-radius:24%;flex:none;place-items:center;width:1em;height:1em;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.app-icon{background:linear-gradient(180deg, color-mix(in srgb, var(--app) 68%, white), var(--app) 70%)}}.app-icon{box-shadow:inset 0 0 0 .02em #ffffff59,0 .05em .14em #00000038}.app-icon svg{width:70%;height:70%}.thumb{aspect-ratio:16/10;background:var(--thumb-bg);width:100%;box-shadow:inset 0 0 0 1px var(--thumb-edge);border-radius:9%/14.4%;display:block;position:relative;container-type:inline-size}.thumb-tile{background:var(--thumb-tile);border-radius:4.5cqw;position:absolute}.thumb-tile[data-main]{background:var(--thumb-main)}.thumb-tile[style*=--tile]{background:linear-gradient(180deg, var(--tile), var(--tile))}@supports (color:color-mix(in lab, red, red)){.thumb-tile[style*=--tile]{background:linear-gradient(180deg, color-mix(in srgb, var(--tile) 72%, white), var(--tile))}}.thumb-tile[style*=--tile]{opacity:.92;box-shadow:inset 0 0 0 .6cqw #ffffff2e}.demo{width:100%;max-width:1040px;margin:0 auto}.d-device{position:relative;container-type:inline-size}.d-bezel{background:linear-gradient(#2c2c31,#121215);border-radius:2.3cqw;padding:1.05cqw;box-shadow:inset 0 0 0 .12cqw #ffffff29,inset 0 0 0 .35cqw #09090b,0 4cqw 7cqw -3cqw #0f163c6b,0 1cqw 2cqw -1cqw #0f163c4d}.d-screen{aspect-ratio:16/10;background:var(--wallpaper);contain:layout paint;-webkit-user-select:none;user-select:none;border-radius:1.3cqw;position:relative;overflow:hidden}.d-menubar{letter-spacing:0;color:#000000c7;background:#ffffff29;align-items:center;gap:1.5cqw;height:2.3cqw;padding:0 1.5cqw;font-size:1cqw;font-weight:500;display:flex;position:absolute;inset:0 0 auto}.d-menubar-app{font-weight:700}.d-menubar-spacer{flex:1}.d-menubar-desks{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:.14cqw;width:1.55cqw;height:1.05cqw;display:grid}.d-menubar-desks i{border:.1cqw solid;border-radius:.2cqw}.d-menubar-desks i:first-child{grid-row:span 2}.d-desktop{position:absolute;inset:2.3cqw 0 0}.d-win{z-index:1;background:var(--win-bg);box-shadow:0 0 0 .07cqw var(--win-edge), 0 .5cqw 1.2cqw -.2cqw #00000029, 0 1.8cqw 3.4cqw -1.2cqw #0000004d;opacity:0;transition:left .85s var(--glide), top .85s var(--glide), width .85s var(--glide), height .85s var(--glide), opacity .35s ease, transform .5s var(--settle);border-radius:1.05cqw;flex-direction:column;display:flex;position:absolute;overflow:hidden;transform:scale(.94)}.d-win[data-on]{opacity:1;transform:none}.d-win-b{z-index:2}.d-win-c{z-index:3;--win-bg:#17191e;--win-title:#23262d;--win-edge:#ffffff14;--win-ink-2:#fff9}.d-win-d{z-index:4}.w-title{background:var(--win-title);border-bottom:.07cqw solid var(--win-edge);flex:none;align-items:center;height:2.2cqw;padding:0 .9cqw;display:flex;position:relative}.w-lights{gap:.42cqw;display:flex}.w-lights i{background:#ff5f57;border-radius:50%;width:.72cqw;height:.72cqw}.w-lights i:nth-child(2){background:#febc2e}.w-lights i:nth-child(3){background:#28c840}.w-name{color:var(--win-ink-2);white-space:nowrap;font-size:.92cqw;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.w-address{background:var(--win-field);border-radius:1cqw;width:40%;height:1.3cqw;position:absolute;left:50%;transform:translate(-50%)}.w-body{flex:1;min-height:0;position:relative;overflow:hidden}.w-editor{display:flex}.w-side{background:var(--win-side);border-right:.07cqw solid var(--win-edge);flex-direction:column;flex:none;gap:.8cqw;width:22%;max-width:9cqw;padding:1.1cqw .8cqw;display:flex}.w-side span{background:var(--win-line);border-radius:.3cqw;height:.5cqw}.w-side span[data-on]{background:#7b6cf699}.w-code{flex-direction:column;flex:1;gap:.66cqw;min-width:0;padding:1.1cqw 1cqw;display:flex}.w-line{align-items:center;gap:.45cqw;height:.5cqw;display:flex}.w-line em{width:1.2cqw;margin-right:calc(.4cqw + var(--indent,0) * 1.6cqw);text-align:right;color:var(--win-ink-3);flex:none;font-size:.6cqw;font-style:normal;line-height:1}.w-line span{background:var(--win-line-strong);opacity:.8;border-radius:.3cqw;height:100%}.w-line span[data-tone="1"]{opacity:.75;background:#7b6cf6}.w-line span[data-tone="2"]{opacity:.7;background:#1b9fd4}.w-line span[data-tone="3"]{opacity:.65;background:#e5566f}.w-browser{flex-direction:column;gap:1cqw;padding:1.1cqw;display:flex}.w-hero{background:linear-gradient(135deg,#3fb4e4,#7fd8c6 60%,#b9e8a6);border-radius:.8cqw;flex-direction:column;flex:none;justify-content:flex-end;gap:.5cqw;height:34%;min-height:3cqw;padding:1.1cqw;display:flex}.w-hero span{background:#ffffffe6;border-radius:.4cqw;width:52%;height:.85cqw}.w-hero span+span{opacity:.75;width:32%;height:.5cqw}.w-cards{flex:none;grid-template-columns:repeat(3,1fr);gap:.8cqw;height:18%;display:grid}.w-cards span{background:var(--win-card);border-radius:.6cqw}.w-text{flex-direction:column;gap:.6cqw;display:flex}.w-text span{background:var(--win-line);border-radius:.3cqw;height:.5cqw}.w-term{background:#17191e;flex-direction:column;gap:.75cqw;padding:1.1cqw 1.2cqw;display:flex}.w-tline{align-items:center;gap:.5cqw;height:.55cqw;display:flex}.w-tline b{opacity:.85;background:#3ddc84;border-radius:.2cqw;width:.8cqw;height:100%}.w-tline span{background:#ffffff42;border-radius:.2cqw;height:100%}.w-caret{background:#fffc;width:.5cqw;height:.95cqw}[data-playing] .w-caret{animation:1.1s step-end infinite blink}.w-notes{display:flex}.w-list{background:var(--win-side);border-right:.07cqw solid var(--win-edge);flex-direction:column;flex:none;gap:.4cqw;width:34%;max-width:12cqw;padding:.9cqw .7cqw;display:flex}.w-list span{border-radius:.5cqw;flex-direction:column;gap:.35cqw;padding:.55cqw .6cqw;display:flex}.w-list span[data-on]{background:#f2b22752}.w-list b{background:var(--win-line-strong);border-radius:.3cqw;width:70%;height:.5cqw}.w-list i{background:var(--win-line);border-radius:.3cqw;width:92%;height:.4cqw}.w-page{flex-direction:column;flex:1;gap:.66cqw;min-width:0;padding:1.3cqw;display:flex}.w-page span{background:var(--win-line);border-radius:.3cqw;height:.5cqw}.w-page .w-h{background:var(--win-line-strong);width:46%;height:1.05cqw;margin-bottom:.4cqw}.d-scrim{z-index:10;opacity:0;background:radial-gradient(90% 90% at 50% 45%,#080c2008,#080c2033);transition:opacity .4s;position:absolute;inset:0}.d-scrim[data-on]{opacity:1}.d-print{z-index:11;-webkit-backdrop-filter:blur(.14cqw)saturate(1.4);backdrop-filter:blur(.14cqw)saturate(1.4);opacity:0;transition:opacity .28s ease, transform .5s var(--settle), left 0s .35s, top 0s .35s, width 0s .35s, height 0s .35s;background:linear-gradient(#ffffff4d,#fff0 38%),#587af629;border-radius:1.05cqw;place-items:center;display:grid;position:absolute;transform:translateY(.9cqw)scale(.93);box-shadow:inset 0 0 0 .17cqw #587af6f2,inset 0 0 0 .26cqw #ffffff80,0 .8cqw 2cqw -.6cqw #141e5a66}.d-print[data-on]{opacity:1;transition:opacity .3s ease, transform .55s var(--settle), left .5s var(--glide), top .5s var(--glide), width .5s var(--glide), height .5s var(--glide);transform:none}.d-print-icon{font-size:4.4cqw}.d-panel{z-index:20;width:56cqw;color:var(--panel-ink);background:var(--panel-fill);-webkit-backdrop-filter:blur(2.2cqw)saturate(1.9);backdrop-filter:blur(2.2cqw)saturate(1.9);box-shadow:0 0 0 .07cqw var(--panel-edge), inset 0 .08cqw 0 #ffffff73, 0 2.6cqw 5.5cqw -1.6cqw #0a0f2880;opacity:0;transition:opacity .25s ease, transform .5s var(--settle);border-radius:2cqw;padding:0 1.3cqw;position:absolute;top:8%;left:50%;transform:translate(-50%,.7cqw)scale(.965)}.d-panel[data-on]{opacity:1;transform:translate(-50%)scale(1)}.d-search{border-bottom:.07cqw solid var(--panel-rule);color:var(--panel-ink-3);align-items:center;gap:.8cqw;margin:0 -1.3cqw;padding:1.15cqw 1.6cqw 1.05cqw;font-size:1.3cqw;display:flex}.d-search svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:1.4cqw;height:1.4cqw}.d-search-text{flex:1}.d-kbd{min-width:1.6cqw;height:1.5cqw;color:var(--panel-ink-2);background:var(--panel-key);box-shadow:inset 0 0 0 .06cqw var(--panel-rule);border-radius:.42cqw;place-items:center;padding:0 .4cqw;font-size:.85cqw;font-weight:600;line-height:1;transition:transform .15s,background .15s,color .15s;display:inline-grid}.d-kbd[data-pressed]{color:#fff;background:var(--accent);transform:scale(.9)}.d-head{justify-content:space-between;align-items:center;margin:1.2cqw .2cqw .9cqw;display:flex}.d-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--panel-ink-3);font-size:.92cqw;font-weight:700}.d-count{color:var(--panel-ink-2);align-items:center;gap:.6cqw;font-size:1cqw;display:flex}.d-count-apps{gap:.25cqw;display:flex}.d-count-icon{font-size:1.5cqw}.d-grid{grid-template-columns:repeat(4,1fr);gap:1.1cqw;padding:0 .2cqw 1.2cqw;display:grid;position:relative}.d-ring{top:0;left:calc(.2cqw + var(--sel) * (100% - .4cqw + 1.1cqw) / 4);aspect-ratio:16/10;width:calc(25% - .925cqw);box-shadow:0 0 0 .22cqw var(--accent), 0 0 0 .6cqw var(--accent);border-radius:1.1cqw;position:absolute}@supports (color:color-mix(in lab, red, red)){.d-ring{box-shadow:0 0 0 .22cqw var(--accent), 0 0 0 .6cqw color-mix(in srgb, var(--accent) 18%, transparent)}}.d-ring{opacity:0;transition:left .35s var(--glide), opacity .2s ease}.d-ring[data-on]{opacity:1}.d-sug{flex-direction:column;gap:.65cqw;transition:transform .15s;display:flex}.d-sug[data-pressed]{transform:scale(.96)}.d-sug-label{white-space:nowrap;align-items:center;gap:.5cqw;font-size:.98cqw;font-weight:500;display:flex;overflow:hidden}.d-sug-label .d-kbd{flex:none;min-width:1.4cqw;height:1.4cqw;font-size:.8cqw}.d-status{border-top:.07cqw solid var(--panel-rule);color:var(--panel-ink-2);justify-content:space-between;align-items:center;margin:0 -1.3cqw;padding:.85cqw 1.6cqw 1cqw;font-size:1cqw;display:flex}.d-status-keys{align-items:center;gap:.45cqw;display:flex}.d-status-keys .d-kbd:not(:first-child){margin-left:.7cqw}.d-toast{z-index:21;white-space:nowrap;color:var(--panel-ink);background:var(--panel-fill);-webkit-backdrop-filter:blur(2cqw)saturate(1.9);backdrop-filter:blur(2cqw)saturate(1.9);box-shadow:0 0 0 .07cqw var(--panel-edge), 0 1.4cqw 3cqw -1cqw #0a0f2873;opacity:0;transition:opacity .25s ease, transform .45s var(--settle);border-radius:3cqw;align-items:center;gap:.7cqw;padding:.7cqw 1.2cqw .7cqw .8cqw;font-size:1.1cqw;font-weight:500;display:flex;position:absolute;bottom:4.5%;left:50%;transform:translate(-50%,.8cqw)scale(.96)}.d-toast[data-on]{opacity:1;transform:translate(-50%)}.d-toast .d-kbd{margin-left:.5cqw}.d-toast-thumb{width:2.6cqw}.d-stand{flex-direction:column;align-items:center;display:flex}.d-neck{clip-path:polygon(5% 0,95% 0,100% 100%,0 100%);background:linear-gradient(90deg,#a1a5ad,#d8dbe0 16%,#eef0f3 50%,#d5d8dd 84%,#9ea2aa);width:16cqw;height:5cqw}.d-foot{background:linear-gradient(#d9dce1,#a3a7ae);border-radius:0 0 .8cqw .8cqw;width:23cqw;height:.8cqw;box-shadow:0 1.6cqw 2.2cqw -.8cqw #0f163c59}@media (prefers-color-scheme:dark){.d-bezel{box-shadow:inset 0 0 0 .12cqw #fff3,inset 0 0 0 .35cqw #09090b,0 0 0 .08cqw #ffffff14,0 4cqw 8cqw -3cqw #000c}.d-menubar{color:#ffffffe6;background:#0000002e}.d-neck{background:linear-gradient(90deg,#3a3c42,#6c6f76 16%,#83868d 50%,#686b72 84%,#37393f)}.d-foot{background:linear-gradient(#6c6f76,#3c3e44);box-shadow:0 1.6cqw 2.4cqw -.8cqw #000c}}.d-controls{justify-content:center;align-items:center;gap:10px;margin-top:28px;display:flex}.d-cue{min-width:min(300px,100% - 60px);height:44px;color:var(--ink-2);border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-size:15px;font-weight:500;display:inline-flex}.d-cue-inner{animation:cue-in .4s var(--settle);align-items:center;gap:8px;display:inline-flex}.d-cue .key{font-size:13px}.d-toggle{width:44px;height:44px;color:var(--ink-2);cursor:pointer;border-radius:50%;flex:none;place-items:center;transition:color .2s,transform .15s;display:grid}.d-toggle:hover{color:var(--ink)}.d-toggle:active{transform:scale(.94)}.d-toggle:focus-visible{border-radius:50%}.d-toggle svg{fill:currentColor;width:15px;height:15px}@keyframes cue-in{0%{opacity:0;transform:translateY(4px)}}@keyframes blink{50%{opacity:0}}.panel-rows{border-radius:28px;padding:8px}.panel-row{border-radius:20px;grid-template-columns:1fr auto;align-items:start;gap:6px 20px;padding:20px 22px;display:grid}.panel-row+.panel-row{box-shadow:inset 0 .5px 0 var(--rule)}.panel-row h3{letter-spacing:-.02em;font-size:19px;font-weight:650}.panel-row p{color:var(--ink-2);grid-column:1/-1;font-size:16px;line-height:1.5}.card{border-radius:30px;flex-direction:column;gap:18px;padding:28px;display:flex;overflow:hidden}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.card-visual{margin-top:auto;padding-top:8px}.styles{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.styles figure{flex-direction:column;align-items:center;gap:10px;display:flex}.styles figcaption{color:var(--ink-2);white-space:nowrap;font-size:13px;font-weight:600}@media (max-width:520px){.styles{grid-template-columns:repeat(2,minmax(0,1fr))}}.mini{aspect-ratio:16/10;background:var(--wallpaper);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 0 0 .5px #0000001f,0 10px 26px -14px #0f163c73;container-type:inline-size}.mini-win{background:var(--win-bg);box-shadow:0 0 0 .3px var(--win-edge), 0 1.5cqw 4cqw -1.5cqw #0006;border-radius:2.4cqw;position:absolute;overflow:hidden}.mini-win:before{content:"";background:radial-gradient(circle at 5cqw 50%, #ff5f57 1cqw, transparent 1.1cqw), radial-gradient(circle at 8.4cqw 50%, #febc2e 1cqw, transparent 1.1cqw), radial-gradient(circle at 11.8cqw 50%, #28c840 1cqw, transparent 1.1cqw), var(--win-title);border-bottom:.3px solid var(--win-edge);height:5.5cqw;display:block}.mini-win[data-tint]:after{content:"";background:linear-gradient(180deg, var(--tint), transparent 70%);position:absolute;inset:5.5cqw 0 0}@supports (color:color-mix(in lab, red, red)){.mini-win[data-tint]:after{background:linear-gradient(180deg, color-mix(in srgb, var(--tint) 16%, transparent), transparent 70%)}}@media (prefers-color-scheme:dark){.mini-win[data-tint]:after{background:linear-gradient(180deg, var(--tint), transparent 80%)}@supports (color:color-mix(in lab, red, red)){.mini-win[data-tint]:after{background:linear-gradient(180deg, color-mix(in srgb, var(--tint) 30%, transparent), transparent 80%)}}}.mini-flash{-webkit-backdrop-filter:blur(1.2cqw);backdrop-filter:blur(1.2cqw);background:linear-gradient(#ffffff4d,#fff0 40%),#587af633;border-radius:2.4cqw;place-items:center;display:grid;position:absolute;box-shadow:inset 0 0 0 .45cqw #587af6f2,inset 0 0 0 .75cqw #ffffff73}.mini-flash span{color:var(--panel-ink);background:var(--panel-fill);box-shadow:0 0 0 .3px var(--panel-edge), 0 1cqw 3cqw -1cqw #00000059;border-radius:99px;padding:1.4cqw 3cqw;font-size:4.4cqw;font-weight:600}.mini-new{outline-offset:-.6cqw;background:#0000000f;border-radius:2.4cqw;outline:.6cqw dashed #ffffffd9;place-items:center;display:grid;position:absolute}.mini-new span{width:9cqw;height:9cqw;color:var(--panel-ink);background:var(--panel-fill);-webkit-backdrop-filter:blur(1cqw);backdrop-filter:blur(1cqw);box-shadow:0 0 0 .3px var(--panel-edge);border-radius:50%;place-items:center;font-size:6cqw;font-weight:500;line-height:1;display:grid}.desk-chips{flex-direction:column;gap:10px;display:flex}.desk-chip{background:var(--ink);border-radius:18px;align-items:center;gap:12px;padding:10px 12px 10px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.desk-chip{background:color-mix(in srgb, var(--ink) 4%, transparent)}}.desk-chip{box-shadow:inset 0 0 0 .5px var(--rule)}.desk-chip[data-current]{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.desk-chip[data-current]{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.desk-chip[data-current]{box-shadow:inset 0 0 0 1.5px var(--accent)}@supports (color:color-mix(in lab, red, red)){.desk-chip[data-current]{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 70%, transparent)}}.desk-dot{color:#fff;background:var(--desk);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.desk-dot svg{width:16px;height:16px}.desk-name{letter-spacing:-.015em;font-size:16px;font-weight:600}.desk-apps{gap:4px;margin-left:auto;font-size:20px;display:flex}.legend{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.legend-row{background:var(--ink);border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;padding:12px 14px;display:grid}@supports (color:color-mix(in lab, red, red)){.legend-row{background:color-mix(in srgb, var(--ink) 4%, transparent)}}.legend-row{box-shadow:inset 0 0 0 .5px var(--rule)}.legend-row>.key{border-radius:10px;grid-row:span 2;min-width:36px;height:36px;font-size:16px}.legend-row>b{letter-spacing:-.015em;font-size:15px;font-weight:650}.legend-row>span{color:var(--ink-3);font-size:14px;line-height:1.35}.ask{background:var(--ink);border-radius:16px;align-items:center;gap:10px;padding:12px 14px;font-size:15px;display:flex}@supports (color:color-mix(in lab, red, red)){.ask{background:color-mix(in srgb, var(--ink) 4%, transparent)}}.ask{box-shadow:inset 0 0 0 .5px var(--rule)}.ask svg{width:18px;height:18px;color:var(--accent-ink);flex:none}.ask q{quotes:none;flex:1;min-width:0;font-weight:500}.ask small{color:var(--ink-3);white-space:nowrap;font-size:13px}.goals{color:var(--ink-2);flex-direction:column;gap:8px;font-size:14px;display:flex}.goals li{align-items:center;gap:10px;display:flex}.goals i{width:18px;height:18px;box-shadow:inset 0 0 0 1.5px var(--rule);border-radius:50%;flex:none;place-items:center;display:grid}.goals li[data-done] i{background:var(--accent);box-shadow:none}.goals li[data-done] i:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:7px;height:4px;margin-top:-2px;transform:rotate(-45deg)}.details{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.details>div{padding:4px 28px}.details>div+div{box-shadow:inset .5px 0 0 var(--rule)}.details h3{letter-spacing:-.018em;margin-bottom:6px;font-size:17px;font-weight:650}.details p{color:var(--ink-2);font-size:15px;line-height:1.5}@media (max-width:900px){.details{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.details>div:nth-child(3){box-shadow:none}}@media (max-width:560px){.details{grid-template-columns:1fr;row-gap:0}.details>div{padding:20px 4px}.details>div+div,.details>div:nth-child(3){box-shadow:inset 0 .5px 0 var(--rule)}}.site-footer{border-top:.5px solid var(--rule)}.hero-icon{filter:drop-shadow(0 18px 30px #233caa47)drop-shadow(0 3px 6px #141e5a29)}@media (prefers-color-scheme:dark){.hero-icon{filter:drop-shadow(0 18px 40px #3c64ff4d)drop-shadow(0 3px 8px #00000080)}}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 16px;display:grid}.gallery li{flex-direction:column;gap:8px;display:flex}.gallery li>span:last-child{color:var(--ink-2);text-wrap:balance;font-size:13px;font-weight:600;line-height:1.3}.gallery .thumb{background:var(--wallpaper);box-shadow:0 0 0 .5px #0000001a,0 10px 22px -14px #0f163c73}.gallery .thumb-tile{background:#ffffff9e;box-shadow:inset 0 0 0 1px #ffffff8c,0 2px 6px -2px #0f163c38}.gallery .thumb-tile[data-main]{background:#ffffffeb}@media (prefers-color-scheme:dark){.gallery .thumb-tile{background:#fff3;box-shadow:inset 0 0 0 1px #ffffff24,0 2px 6px -2px #0006}.gallery .thumb-tile[data-main]{background:#ffffff5c}}.viz-label{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:14px;font-size:14px;font-weight:600;display:flex}.viz-label>span{color:var(--ink-3);font-weight:400}.again{grid-template-columns:1fr auto 1fr auto 1fr;align-items:start;gap:10px;display:grid}.again figure{text-align:center;flex-direction:column;gap:8px;display:flex}.again figcaption{color:var(--ink-2);text-wrap:balance;font-size:13px;font-weight:600;line-height:1.3}.again-arrow{width:14px;height:14px;color:var(--ink-3);align-self:center;margin-top:-22px}.styles figure[data-selected] .thumb{box-shadow:0 0 0 2px var(--accent), 0 0 0 5px var(--accent)}@supports (color:color-mix(in lab, red, red)){.styles figure[data-selected] .thumb{box-shadow:0 0 0 2px var(--accent), 0 0 0 5px color-mix(in srgb, var(--accent) 20%, transparent)}}.card-hint{color:var(--ink-3);align-items:center;gap:6px;font-size:14px;display:inline-flex}.snap-keys{gap:8px;display:grid}.snap-keys li{color:var(--ink-2);justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.snap-keys .keys{gap:4px}.snap-mods{letter-spacing:.1em;color:var(--ink-3);margin-right:4px;font-size:13px;font-weight:600}.legend-more{grid-column:1/-1;grid-template-columns:1fr}.legend-more-keys{color:var(--ink-2);flex-wrap:wrap;gap:8px 14px;font-size:14px;display:flex}.legend-more-keys>span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.legend-more-keys .key{min-width:24px;height:24px;font-size:12px}.mini-drag{box-shadow:0 0 0 .3px var(--win-edge), 0 3cqw 7cqw -2cqw #00000073;opacity:.94;transform:rotate(-1.2deg)}.mini-cursor{fill:#000;stroke:#fff;stroke-width:1.3px;stroke-linejoin:round;filter:drop-shadow(0 .4cqw .6cqw #00000059);width:4.4cqw;height:auto;position:absolute}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.d-win,.d-print,.d-panel,.d-toast,.d-ring,.d-scrim,.d-sug,.d-kbd{transition-property:opacity!important;transition-duration:.15s!important;transition-delay:0s!important}.d-win,.d-print,.d-sug{transform:none!important}.d-panel,.d-toast{transform:translate(-50%)!important}}@media (prefers-reduced-transparency:reduce){.glass,.d-panel,.d-toast{-webkit-backdrop-filter:none;backdrop-filter:none}.glass{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.glass{background:color-mix(in srgb, var(--bg) 92%, var(--ink) 8%)}}.d-panel,.d-toast{background:var(--panel-fill)}@supports (color:color-mix(in lab, red, red)){.d-panel,.d-toast{background:color-mix(in srgb, var(--panel-fill) 100%, var(--bg))}}}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-14{margin-top:calc(var(--spacing) * 14)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.min-h-dvh{min-height:100dvh}.w-full{width:100%}.max-w-\[17em\]{max-width:17em}.max-w-\[26em\]{max-width:26em}.max-w-\[30em\]{max-width:30em}.max-w-\[34em\]{max-width:34em}.max-w-\[36em\]{max-width:36em}.max-w-\[40em\]{max-width:40em}.max-w-\[42em\]{max-width:42em}.max-w-\[760px\]{max-width:760px}.max-w-\[1120px\]{max-width:1120px}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-10{gap:calc(var(--spacing) * 10)}.rounded-\[30px\]{border-radius:30px}.border{border-style:var(--tw-border-style);border-width:1px}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-28{padding-top:calc(var(--spacing) * 28)}.pt-32{padding-top:calc(var(--spacing) * 32)}.pb-28{padding-bottom:calc(var(--spacing) * 28)}.text-center{text-align:center}.text-\[14px\]{font-size:14px}.whitespace-nowrap{white-space:nowrap}.text-ink-3{color:var(--ink-3)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.outline-none{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:mt-16{margin-top:calc(var(--spacing) * 16)}.sm\:flex-row{flex-direction:row}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:pt-24{padding-top:calc(var(--spacing) * 24)}.sm\:pt-36{padding-top:calc(var(--spacing) * 36)}.sm\:pt-40{padding-top:calc(var(--spacing) * 40)}}@media (min-width:48rem){.md\:flex{display:flex}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[1fr_1\.05fr\]{grid-template-columns:1fr 1.05fr}.lg\:gap-14{gap:calc(var(--spacing) * 14)}}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f5f7;--ink:#1d1d1f;--ink-2:#4a4a4f;--ink-3:#6b6b70;--rule:#0000001a;--accent:#587af6;--accent-ink:#2f55e0;--amb-1:#587af633;--amb-2:#28bac81f;--amb-3:#ff967821;--glass-fill:#ffffff8f;--glass-shadow:0 0 0 .5px #00000012, 0 1px 2px #141e460a, 0 18px 40px -18px #1e2a6433;--rim-hi:#fff;--rim-mid:#ffffff8c;--rim-lo:#ffffff1f;--sheen:#ffffff8c;--key-bg:linear-gradient(180deg, #fff, #f0f0f3);--key-edge:#00000024;--key-under:#0000001a;--thumb-bg:#0000000d;--thumb-edge:#00000012;--thumb-tile:#3c3c4338;--thumb-main:#3c3c4366;--win-bg:#fff;--win-title:#f6f6f8;--win-side:#f3f3f6;--win-edge:#0000001a;--win-line:#3c3c4324;--win-line-strong:#3c3c4352;--win-card:#3c3c4314;--win-field:#3c3c431a;--win-ink-2:#0009;--win-ink-3:#0000004d;--panel-fill:#fafafcbd;--panel-edge:#0000001f;--panel-rule:#00000017;--panel-key:#0000000f;--panel-ink:#1d1d1f;--panel-ink-2:#0000009e;--panel-ink-3:#0000006b;--wallpaper:radial-gradient(70% 90% at 12% 16%, #a8c0ff 0%, #a8c0ff00 62%), radial-gradient(60% 80% at 90% 20%, #ffd3bd 0%, #ffd3bd00 62%), radial-gradient(80% 90% at 55% 108%, #93dbe4 0%, #93dbe400 64%), linear-gradient(165deg, #dde6ff 0%, #f4e7ef 55%, #e0f1f3 100%);--glide:cubic-bezier(.32, .72, 0, 1);--settle:cubic-bezier(.2, .9, .25, 1.12)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0a0a0d;--ink:#f5f5f7;--ink-2:#c4c4ca;--ink-3:#9a9aa2;--rule:#ffffff1f;--accent-ink:#93a9ff;--amb-1:#587af642;--amb-2:#148ca021;--amb-3:#9646781f;--glass-fill:#282a3480;--glass-shadow:0 0 0 .5px #ffffff0f, 0 22px 50px -22px #000000b3;--rim-hi:#ffffff57;--rim-mid:#ffffff1f;--rim-lo:#ffffff08;--sheen:#ffffff12;--key-bg:linear-gradient(180deg, #3b3c44, #2e2f36);--key-edge:#ffffff24;--key-under:#0000008c;--thumb-bg:#ffffff12;--thumb-edge:#ffffff14;--thumb-tile:#ebebf533;--thumb-main:#ebebf566;--win-bg:#1f2025;--win-title:#2a2b31;--win-side:#25262c;--win-edge:#ffffff17;--win-line:#ebebf521;--win-line-strong:#ebebf54d;--win-card:#ebebf512;--win-field:#ebebf51a;--win-ink-2:#fff9;--win-ink-3:#ffffff4d;--panel-fill:#24262eb8;--panel-edge:#ffffff24;--panel-rule:#ffffff1a;--panel-key:#ffffff1a;--panel-ink:#f5f5f7;--panel-ink-2:#ffffffa8;--panel-ink-3:#ffffff73;--wallpaper:radial-gradient(70% 90% at 12% 16%, #2b45b3 0%, #2b45b300 62%), radial-gradient(60% 80% at 90% 20%, #6c2f5c 0%, #6c2f5c00 62%), radial-gradient(80% 90% at 55% 108%, #0f5f6f 0%, #0f5f6f00 64%), linear-gradient(165deg, #0f1534 0%, #180f25 55%, #0b1d25 100%)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}