/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:"Open Runde", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-500:oklch(62.3% .214 259.815);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--ease-out:cubic-bezier(0, 0, .2, 1);--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-page:var(--page);--color-surface:var(--surface);--color-ink:var(--ink);--color-muted:var(--muted);--color-faint:var(--faint);--color-selection:var(--selection);--color-selection-ink:var(--selection-ink)}}@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;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}:root{color-scheme:light dark;--focus-ring:#3974d5;--section-space:clamp(80px,9.4vw,120px);--intro-space:clamp(48px,5.6vw,72px);--section-heading-space:clamp(24px,2.5vw,32px);--page-heading-size:clamp(36px,4vw,48px);--section-heading-size:clamp(24px,2.4vw,30px);--card-heading-size:18px;--page:#fff;--raised:#fff;--surface:#f2f2f3;--panel:#f5f5f6;--hairline:#dfdfe2;--ink:#202026;--muted:#6f6f77;--faint:#74747c;--selection:#dbeafe;--selection-ink:#172554}@media (prefers-color-scheme:dark){:root{--focus-ring:#8bbcff;--page:#111;--raised:#282828;--surface:#2b2b2b;--panel:#202020;--hairline:#474747;--ink:#f5f5f5;--muted:#c2c2c2;--faint:#a7a7a7;--selection:#1e3a8a;--selection-ink:#eff6ff}}[hidden]{display:none!important}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:6px}:where(a,button,summary,[tabindex]):focus:not(:focus-visible){outline:none}}@layer components{.site-header{z-index:60;isolation:isolate;padding:22px 28px 0;position:sticky;top:0}.site-header:before,.site-header:after{content:"";z-index:-1;pointer-events:none;height:112px;position:absolute;inset:0 0 auto}.site-header:before{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(#000 50%,#0000);mask-image:linear-gradient(#000 50%,#0000)}.site-header:after{background:linear-gradient(var(--page),var(--page) 50%,transparent)}@supports (color:color-mix(in lab, red, red)){.site-header:after{background:linear-gradient(color-mix(in srgb,var(--page) 85%,transparent),color-mix(in srgb,var(--page) 45%,transparent) 50%,transparent)}}html{scroll-padding-top:100px}@media (prefers-reduced-transparency:reduce){.site-header:before{background:var(--page);-webkit-backdrop-filter:none;backdrop-filter:none}}.site-nav{justify-content:space-between;align-items:center;gap:20px;max-width:1180px;min-height:44px;margin:auto;display:flex;position:relative}.site-brand{letter-spacing:-.025em;align-items:center;gap:9px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.site-brand img{width:30px;height:30px}.site-nav-links{align-items:center;gap:5px;display:flex}.site-nav-link,.site-menu>summary{min-height:40px;color:var(--muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 13px;font-size:14px;text-decoration:none;list-style:none;transition:background .14s,color .14s;display:flex}.site-menu>summary::-webkit-details-marker{display:none}.site-menu::details-content{opacity:0;transition:opacity .14s ease-out,content-visibility .14s allow-discrete}.site-menu[open]::details-content{opacity:1}.site-nav-link:hover,.site-menu>summary:hover{color:var(--ink);background:var(--ink)}@supports (color:color-mix(in lab, red, red)){.site-nav-link:hover,.site-menu>summary:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}}.site-nav-link[aria-current=page],.site-menu[data-current]>summary{color:var(--ink);font-weight:500}.site-chevron{width:12px;height:12px;transition:transform .18s ease-out}.site-menu[open] .site-chevron{transform:rotate(180deg)}@media (min-width:701px){.site-menu{position:relative}}.site-menu-panel{border:1px solid var(--hairline);background:var(--page);width:220px;max-width:calc(100vw - 32px);color:var(--ink);border-radius:14px;grid-template-columns:1fr;gap:2px;padding:6px;animation:.18s cubic-bezier(.2,.8,.2,1) both menu-arrive;display:grid;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 12px 30px #00000020}.site-menu-panel:before{content:"";height:16px;position:absolute;top:-16px;left:0;right:0}.site-menu-panel a{border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:9px 10px;font-size:13px;font-weight:500;line-height:1.3;text-decoration:none;transition:background .14s;display:flex}.site-menu-panel a:hover{background:var(--surface)}.site-menu-panel .sf-symbol{width:18px;height:18px;color:var(--muted);flex-shrink:0}[data-accent=cyan]{--tile-accent:#33c5f3}[data-accent=violet]{--tile-accent:#aa87ff}[data-accent=pink]{--tile-accent:#ff72bb}[data-accent=amber]{--tile-accent:#f4bb65}.tinted-group{background:#191919;border:1px solid #ffffff24;border-radius:26px;padding:10px;box-shadow:0 10px 24px #0000000a}.tinted-group .tinted-tile,.guide-list-copy.tinted-tile{--ink:#f5f5f7;--muted:#c7c7cf;--bento-ink:var(--ink);--bento-muted:var(--muted);--bento-bg:var(--tile-accent)}@supports (color:color-mix(in lab, red, red)){.tinted-group .tinted-tile,.guide-list-copy.tinted-tile{--bento-bg:color-mix(in srgb,var(--tile-accent) 11%,#191919)}}.tinted-group .tinted-tile,.guide-list-copy.tinted-tile{color:var(--ink);background:var(--bento-bg);border-radius:18px}.tinted-group a.tinted-tile:hover{background:var(--tile-accent)}@supports (color:color-mix(in lab, red, red)){.tinted-group a.tinted-tile:hover{background:color-mix(in srgb,var(--tile-accent) 18%,#191919)}}.accent-icon{color:#191919;background:var(--tile-accent);border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;padding:12px;display:grid}.accent-icon>:is(svg,i),.tinted-group .accent-icon .resource-icon{width:24px;height:24px;color:inherit;display:block;position:static}.site-button{background:var(--ink);min-height:46px;color:var(--page);text-align:center;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:11px 19px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;transition:transform .16s ease-out,opacity .16s,background .16s;display:inline-flex}.site-button svg{flex-shrink:0;width:18px;height:18px}.site-button svg[viewBox="0 0 814 1000"]{translate:0 -1px}.site-button:hover{opacity:.86}.site-button:active{transform:scale(.98)}.site-button-secondary{background:var(--surface);color:var(--ink)}.site-download{min-height:40px;padding:9px 15px;font-size:13px}.site-mobile-toggle{display:none}:is(.site-header,.site-footer,.page-shell,.home-download) :is(a,button,summary,input):focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.site-menu-panel a:focus-visible{outline-color:var(--focus-ring)}.site-footer{width:calc(100% - 48px);max-width:1080px;margin:var(--section-space) auto 0;padding:28px 28px 32px}.site-footer-top{justify-content:space-between;align-items:center;gap:24px;display:flex}.site-footer .site-brand{color:var(--muted);font-size:14px;font-weight:500}.site-footer-mark{background:currentColor;width:22px;height:22px;-webkit-mask:url(/squid.svg) 50%/contain no-repeat;mask:url(/squid.svg) 50%/contain no-repeat}.site-footer-links{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:12px 22px;font-size:12px;display:flex}.site-footer a{text-decoration:none}.site-footer-links a:hover,.site-footer-meta a:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.site-footer-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin-top:25px;font-size:11px;line-height:1.6;display:flex}.site-payment{align-items:center;gap:5px;display:inline-flex}.site-payment img{width:auto;height:13px}.site-page{flex-direction:column;min-height:100svh;display:flex}.site-page>.site-footer{width:calc(100% - 48px)}.page-shell{width:calc(100% - 48px);max-width:1080px;padding-top:var(--intro-space);flex:1;margin-inline:auto}.page-intro{max-width:690px;margin:0 auto var(--intro-space);text-align:center}.page-title{font-size:var(--page-heading-size);letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:600;line-height:1.12}.page-description{max-width:530px;color:var(--muted);text-wrap:pretty;margin:20px auto 0;font-size:16px;line-height:1.65}.page-shell.legal-page{max-width:760px}.legal-page>div:last-child{margin-inline:auto}.legal-page section>h2{letter-spacing:-.025em;font-size:24px;line-height:1.25}.hero-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hero-copy>p{max-width:360px}[data-motion=true] .hero-copy{width:min(530px,100%)}[data-motion=true] .hero-copy>p{max-width:400px}.feature-preview-note{text-align:center;color:var(--muted);margin:26px auto 0;font-size:12px;line-height:1.65}.feature-preview-note a{text-underline-offset:3px;text-decoration:underline}.home-download{text-align:center;flex-direction:column;align-items:center;gap:20px;margin:120px auto 0;display:flex}.home-download h2{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(30px,4vw,44px);font-weight:600;line-height:1.1}.home-download p{color:var(--muted);font-size:16px}.home-download small{color:var(--muted);font-size:12px}.tools-strip{max-width:1040px;margin:100px auto 0}.tools-strip h2{text-align:center;letter-spacing:-.025em;text-wrap:balance;margin-bottom:28px;font-size:24px;font-weight:500}.tools-track{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.tools-track .tool-item{background:var(--panel);min-height:124px;color:var(--muted);border-radius:18px;flex-direction:column;justify-content:space-between;gap:30px;padding:22px;font-size:14px;text-decoration:none;transition:background .15s,color .15s;display:flex}.tools-track .sf-symbol{width:23px;height:23px}@keyframes menu-arrive{0%{opacity:0;translate:0 -6px}}@media (max-width:700px){.site-header{padding:12px 16px 0}.site-nav{flex-wrap:wrap;gap:8px}.site-brand{font-size:16px}.site-brand img{width:28px;height:28px}.site-nav-links{flex-wrap:wrap;order:4;justify-content:center;width:100%}.site-nav[data-enhanced] .site-nav-links{border:1px solid var(--hairline);background:var(--page);overscroll-behavior:contain;visibility:hidden;opacity:0;border-radius:18px;flex-direction:column;align-items:stretch;gap:2px;max-height:calc(100dvh - 92px);padding:8px;display:flex;position:absolute;top:calc(100% + 12px);left:0;right:0;overflow-y:auto;translate:0 -8px;box-shadow:0 8px 24px #00000010}.site-nav[data-enhanced][data-mobile-open] .site-nav-links{visibility:visible;opacity:1;transition:opacity .18s ease-out,translate .18s ease-out;translate:0}.site-nav[data-enhanced] .site-mobile-toggle{background:var(--surface);width:44px;height:44px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;order:3;justify-content:center;align-items:center;gap:7px;font-size:0;display:flex}.site-mobile-toggle:before,.site-mobile-toggle:after{content:"";background:currentColor;border-radius:2px;width:17px;height:1.5px;transition:transform .18s ease-out;position:absolute}.site-mobile-toggle:before{transform:translateY(-3px)}.site-mobile-toggle:after{transform:translateY(3px)}.site-mobile-toggle[aria-expanded=true]:before{transform:rotate(45deg)}.site-mobile-toggle[aria-expanded=true]:after{transform:rotate(-45deg)}.site-mobile-toggle .site-chevron{display:none}.site-nav-link{min-height:44px;color:var(--ink);border-radius:10px;justify-content:flex-start;padding:10px 16px;font-size:16px;font-weight:500}.site-menu{border-top:0;margin-top:8px;padding-top:0}.site-nav[data-enhanced] .site-menu>summary{pointer-events:none;justify-content:flex-start;min-height:28px;padding:0 16px 4px;font-size:12px;background:0 0!important}.site-menu>summary .site-chevron{display:none}.site-menu-panel{width:100%;max-width:none;color:var(--ink);box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:1fr;gap:2px;padding:0;animation:none;position:static;transform:none}.site-menu-panel:before{content:none}.site-menu-panel a{border-radius:10px;min-height:44px;padding:10px 16px;font-size:16px}.site-menu-panel .sf-symbol{display:none}.site-menu-panel a:hover{background:var(--surface)}.site-download{border-radius:24px;gap:6px;min-height:44px;margin-left:auto;padding:10px 13px;font-size:12px}.home-page:has(.home-hero:not([data-past-intro])) .site-download{visibility:hidden}.page-shell{width:calc(100% - 36px);padding-top:var(--intro-space)}.page-intro{margin-bottom:var(--intro-space)}.page-description{font-size:15px}.site-footer,.site-page>.site-footer{width:calc(100% - 40px);margin-top:var(--section-space);padding:24px 0 32px}.site-footer-top,.site-footer-meta{flex-direction:column;align-items:flex-start}.site-footer-top{gap:24px}.site-footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;width:100%;font-size:14px;display:grid}.site-footer-links a{align-items:center;min-height:44px;display:flex}.site-footer-meta{gap:20px;margin-top:28px;font-size:12px}.hero-actions .site-button{padding:11px 15px;font-size:13px}.tools-track{grid-template-columns:repeat(3,minmax(0,1fr))}.tools-track .tool-item{gap:20px;min-height:105px;padding:18px}.home-download{margin-top:80px}}@media (max-width:360px){.site-download{padding-inline:9px}}@media (prefers-reduced-motion:reduce){.site-nav-links,.site-mobile-toggle:before,.site-mobile-toggle:after{transition:none!important}.site-menu::details-content{transition:none!important}.site-menu-panel{animation:none}.site-button,.site-chevron,.tools-track .tool-item{transition:none}}.pricing-eyebrow{color:var(--muted);margin-bottom:16px;font-size:13px;font-weight:500}.page-shell.purchase-shell{max-width:960px;container:purchase/inline-size}.purchase-shell>.page-intro{margin-bottom:36px}.purchase-card{background:var(--surface);border-radius:20px;padding:32px;scroll-margin-top:120px}.purchase-card-heading{margin-bottom:24px;font-size:18px;font-weight:500}.license-options{min-width:0}.license-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.license-option{cursor:pointer;-webkit-user-select:none;user-select:none;--license-accent:var(--focus-ring);position:relative}.license-option input{appearance:none;border:1.5px solid var(--muted);background:var(--raised);cursor:pointer;border-radius:50%;place-items:center;width:18px;height:18px;margin:0;display:grid;position:absolute;inset-block-start:24px;inset-inline-end:20px}.license-option input:after{content:"";border-left:2px solid var(--raised);border-bottom:2px solid var(--raised);opacity:0;width:9px;height:5px;transform:translateY(-1px)rotate(-45deg)}.license-option input:checked{border-color:var(--license-accent);background:var(--license-accent)}.license-option input:checked:after{opacity:1}@media (forced-colors:active){.license-option input{appearance:auto}.license-option input:after{display:none}}.license-option-content{border:1px solid var(--hairline);background:var(--raised);border-radius:11px;flex-direction:column;min-height:170px;padding:22px;transition:border-color .18s,background .18s;display:flex}.license-option:hover .license-option-content{background:var(--panel)}.license-option input:checked+.license-option-content{border-color:var(--license-accent);background:var(--raised)}@supports (color:color-mix(in lab, red, red)){.license-option input:checked+.license-option-content{background:color-mix(in srgb,var(--raised),var(--license-accent) 12%)}}.license-option input:focus-visible{outline:none}.license-option input:focus-visible+.license-option-content{outline:2px solid var(--focus-ring);outline-offset:4px}.license-option-title{flex-wrap:wrap;align-items:center;gap:8px;padding-inline-end:22px;font-size:16px;font-weight:600;display:flex}.license-value{background:var(--surface);color:var(--muted);border-radius:99px;padding:4px 8px;font-size:10px;font-weight:600;line-height:1.2}.license-option input:checked+.license-option-content .license-value{background:var(--license-accent);color:var(--raised)}.license-price{letter-spacing:-.035em;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:auto;font-size:30px;font-weight:600;line-height:1.1;display:flex}.license-price small{letter-spacing:0;color:var(--muted);white-space:nowrap;font-size:16px;font-weight:400}.license-note{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.5}.license-saving{color:var(--muted);font-weight:500}.purchase-checkout{text-align:center;flex-direction:column;align-items:center;gap:20px;margin-top:24px;display:flex}.purchase-checkout p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.purchase-checkout .purchase-dock-note{max-width:440px;color:var(--muted);text-wrap:balance;font-size:14px;line-height:1.6}.purchase-dock-note a{color:inherit;text-underline-offset:3px;white-space:nowrap;margin-top:4px;text-decoration:underline;display:block}.purchase-status{color:var(--muted);text-align:center;margin-top:12px;font-size:13px}.purchase-status:empty{display:none}.purchase-assurance{color:var(--muted);text-align:center;margin-top:20px;font-size:12px;line-height:1.8}.purchase-assurance a{text-decoration:underline;-webkit-text-decoration-color:var(--hairline);-webkit-text-decoration-color:var(--hairline);text-decoration-color:var(--hairline);text-underline-offset:3px}.purchase-secondary-links{color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin-top:20px;font-size:12px;display:flex}.purchase-secondary-links a:hover{color:var(--ink)}.purchase-testimonials,.purchase-faq{padding-top:var(--section-space)}.purchase-section-title{font-size:var(--section-heading-size);text-align:center;letter-spacing:-.035em;text-wrap:balance;font-weight:600;line-height:1.2}.purchase-quote-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px;display:grid}.purchase-quote{background:var(--surface);flex-direction:column;display:flex}.purchase-quote-source{margin-top:auto;padding-top:24px;font-size:12px}.purchase-quote-link:hover{text-underline-offset:3px;text-decoration:underline}.purchase-testimonials h2{margin-bottom:var(--section-heading-space);font-size:var(--section-heading-size);font-weight:600}.purchase-testimonials article{border-radius:20px;padding:28px}.purchase-testimonials article a{color:var(--muted)}.purchase-testimonials blockquote{font-size:15px;line-height:1.65}.purchase-faq h2{font-size:var(--section-heading-size);font-weight:600}.purchase-faq-heading{margin-bottom:var(--section-heading-space)}.purchase-faq-list{max-width:620px;margin-inline:auto}.purchase-faq details{border-bottom:1px solid var(--hairline);background:0 0;border-radius:0;padding-inline:0}.purchase-faq summary{min-height:65px;font-weight:500}.purchase-faq summary svg{color:var(--muted)}.page-shell.download-shell{max-width:960px;container:download/inline-size}.download-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:56px;display:grid}.download-card{flex-direction:column;align-items:flex-start;padding:0;display:flex}.download-eyebrow{color:var(--muted);margin-bottom:20px;font-size:13px;font-weight:500}.download-card h1{font-size:var(--page-heading-size);letter-spacing:-.03em;text-wrap:balance;font-weight:600;line-height:1.12}.download-button{gap:10px;margin-top:28px}.download-requirements{color:var(--muted);margin-top:16px;font-size:12px;line-height:1.8}.download-text-link{text-underline-offset:4px;font-size:13px;display:inline-block}.download-text-link:hover{text-decoration:underline}.download-card>.download-text-link{color:var(--muted);margin-top:20px}.download-install{background:var(--surface);border-radius:20px;padding:32px}.download-installer{border:1px solid var(--hairline);background:var(--raised);border-radius:14px;margin-bottom:28px;overflow:hidden;box-shadow:0 8px 20px #00000008}.download-installer-bar{border-bottom:1px solid var(--hairline);color:var(--muted);text-align:center;padding:10px 64px;font-size:11px;font-weight:500;position:relative}.download-installer-bar>span{align-items:center;gap:5px;display:flex;position:absolute;inset:0 auto 0 12px}.download-installer-bar i{background:var(--hairline);border-radius:50%;width:7px;height:7px}.download-installer-content{justify-content:center;align-items:center;gap:24px;padding:24px 16px 12px;display:flex}.download-installer-content>div{justify-items:center;gap:8px;min-width:72px;font-size:11px;display:grid}.download-installer-content img,.download-applications{width:64px;height:64px}.download-installer-arrow{width:22px;height:22px;color:var(--muted);flex-shrink:0;margin-bottom:24px}.download-applications{fill:var(--focus-ring)}@supports (color:color-mix(in lab, red, red)){.download-applications{fill:color-mix(in srgb,var(--focus-ring) 15%,var(--raised))}}.download-applications{stroke:var(--focus-ring)}@supports (color:color-mix(in lab, red, red)){.download-applications{stroke:color-mix(in srgb,var(--focus-ring) 30%,var(--hairline))}}.download-applications{stroke-width:1px}.download-applications-mark{fill:none;stroke:var(--focus-ring);stroke-width:3px;stroke-linecap:round}.download-installer>p{text-align:center;padding:0 12px 20px;font-size:11px}.download-install h2{font-size:var(--card-heading-size);letter-spacing:-.025em;font-weight:600}.download-install ol{counter-reset:install;gap:20px;margin:24px 0;display:grid}.download-install li{counter-increment:install;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:2px 12px;display:grid}.download-install li:before{content:counter(install);border:1px solid var(--hairline);background:var(--raised);font-variant-numeric:tabular-nums;width:32px;height:32px;color:var(--muted);border-radius:50%;grid-area:1/1;place-items:center;font-size:12px;font-weight:500;display:grid}.download-install h3{grid-area:1/2;font-size:15px;font-weight:600;line-height:1.35}.download-install>.download-text-link{margin-left:44px}.download-install p{color:var(--muted);grid-column:2;margin:0;font-size:13px;line-height:1.65}.download-install strong{color:var(--ink);font-weight:500}.download-license{border-block:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:24px;margin-top:64px;padding:28px 0;display:flex}.download-license h2{font-size:var(--section-heading-size);letter-spacing:-.025em;font-weight:600}.download-license p{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.65}.download-license .site-button{flex-shrink:0}.download-support{justify-content:space-between;gap:16px;margin-top:40px;font-size:13px;display:flex}.download-support p{color:var(--muted)}@container purchase (max-width:720px){.purchase-card{padding:24px}.license-option-content{padding:18px}.license-option input{inset-block-start:20px;inset-inline-end:16px}.license-option-title{align-content:start;min-height:44px}.license-price{font-size:31px}}@container purchase (max-width:500px){.purchase-card{padding:22px}.purchase-card-heading{font-size:18px}.license-grid{grid-template-columns:1fr;gap:10px}.license-option-content{grid-template-columns:1fr auto;gap:8px 10px;min-height:104px;padding:16px;display:grid}.license-option-title{grid-column:1;gap:5px;min-height:0;padding:0;font-size:14px}.license-price{grid-area:2/1;align-self:end;margin:0;font-size:25px}.license-note{grid-area:3/1;margin-top:0;font-size:12px}.license-option input{inset-block-start:50%;inset-inline-end:14px;transform:translateY(-50%)}.purchase-checkout{gap:20px;margin-top:25px}.purchase-checkout .site-button{width:100%}.purchase-testimonials,.purchase-faq{padding-top:var(--section-space)}}@container download (max-width:680px){.download-grid{grid-template-columns:1fr;gap:24px}.download-card{padding:0 0 12px}.download-install{padding:24px}.download-installer-content{gap:16px}.download-license,.download-support{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.license-option-content{transition:none}}.guide-preview.guide-cover{aspect-ratio:2;width:100%;min-height:0}.guide-preview.guide-demo{aspect-ratio:2;--guide-scale:.9;width:100%;min-height:0;container-type:inline-size}.guide-demo .guide-preview-content{width:640px;min-height:0;transform:translate(-50%,-50%) scale(var(--guide-scale));gap:18px;padding:24px;position:absolute;top:50%;left:50%}.guide-demo-label,.guide-demo-kind{color:#30343b;background:#ffffffb3;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500;line-height:1.4}.guide-demo-label{margin-bottom:6px}.guide-demo .guide-preview-dock{border-radius:18px;flex-wrap:nowrap;justify-content:center;gap:8px;padding:9px}.guide-demo .guide-preview-dock>img,.guide-folder,.guide-folder img{border-radius:0;flex-shrink:0;width:48px;height:48px;margin:0}.guide-folder{position:relative}.guide-demo .guide-folder img{width:100%;height:100%;display:block}.guide-preview .guide-folder b{padding-top:4px}.guide-demo-custom:after{content:"";background:var(--ink);border-radius:9px;flex-shrink:0;width:4px;height:28px;margin:0 8px}@supports (color:color-mix(in lab, red, red)){.guide-demo-custom:after{background:color-mix(in srgb,var(--ink) 30%,transparent)}}.guide-demo-row{flex-direction:column;align-items:center;gap:8px;display:flex}.guide-demo-kind{background:#ffffff8c;font-size:10px}.guide-demo-side .guide-preview-content{width:100%;height:100%;top:0;left:0;transform:none}.guide-demo-side .guide-demo-row{transform:translateY(-50%) scale(calc(var(--guide-scale) * .75));transform-origin:0;position:absolute;top:50%;left:16px}.guide-demo-side .guide-demo-custom{flex-direction:column}.guide-demo-side .guide-demo-custom:after{width:28px;height:4px;margin:8px 0}.guide-demo-side .guide-demo-row:last-child{transform:translateX(-50%) scale(var(--guide-scale));transform-origin:bottom;top:auto;bottom:16px;left:50%}.guide-demo .native-widget img{filter:none;width:auto;height:auto}@container (max-width:600px){.guide-demo .guide-preview-content{--guide-scale:.8}}@container (max-width:520px){.guide-demo .guide-preview-content{--guide-scale:.68}}@container (max-width:440px){.guide-demo .guide-preview-content{--guide-scale:.57}}@container (max-width:360px){.guide-demo .guide-preview-content{--guide-scale:.46}}@media (prefers-color-scheme:dark){.guide-demo .native-widget-wrap{--native-ink:#f4f4f4;--native-muted:#aaa;--native-bg:#292929;--native-fill:#ffffff0d;--native-line:#ffffff16;--native-widget-bg:#ffffff0a}}.guide-table-wrap{margin:24px 0;overflow-x:auto}.guide-setup-table{border-collapse:collapse;text-align:start;width:100%;font-size:14px;line-height:1.6}.guide-setup-table th,.guide-setup-table td{border-bottom:1px solid var(--hairline);vertical-align:top;padding:16px 12px}.guide-setup-table thead{color:var(--muted)}.guide-setup-table th{text-align:start;font-weight:600}.guide-setup-table tbody th{width:42%}.resource-page{padding-bottom:0;container-type:inline-size}.resource-section-heading{margin-bottom:var(--section-heading-space);justify-content:space-between;align-items:baseline;gap:16px;display:flex}.resource-section-heading h2{font-size:var(--section-heading-size);letter-spacing:-.025em;text-wrap:balance;font-weight:600;line-height:1.2}.resource-text-link{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.resource-text-link:hover{text-underline-offset:4px;text-decoration:underline}.resource-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.resource-guide-card{background:var(--panel);color:var(--ink);border-radius:20px;flex-direction:column;text-decoration:none;transition:background-color .16s;display:flex;overflow:hidden}.resource-guide-card .guide-preview{border-radius:14px;margin:10px 10px 0}.resource-guide-card .guide-preview-content{min-height:238px}.resource-guide-copy{flex-direction:column;flex:1;align-items:flex-start;padding:26px;display:flex}.resource-guide-label{color:var(--muted);margin-bottom:12px;font-size:12px;font-weight:500}.resource-guide-copy h3{font-size:var(--card-heading-size);letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:600;line-height:1.3}.resource-guide-copy p{color:var(--muted);text-wrap:pretty;margin:14px 0 24px;font-size:14px;line-height:1.6}.resource-read-link{justify-content:space-between;align-self:stretch;align-items:center;gap:8px;margin-top:auto;font-size:13px;font-weight:500;display:flex}.resource-read-link>span{transition:transform .16s}.resource-guide-card:hover{background:var(--surface)}.resource-guide-card:hover .resource-read-link>span{transform:translate(2px,-2px)}.resource-links{margin-top:var(--section-space)}.resource-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.resource-link-card{background:var(--panel);border-radius:20px;min-width:0;padding:26px 24px 24px;text-decoration:none;transition:background-color .16s;display:block;position:relative}.resource-link-card:hover{background:var(--surface)}.resource-icon{fill:none;flex-shrink:0;width:25px;height:25px;display:block}.resource-icon-blue{color:#2877e4}.resource-icon-purple{color:#9364d9}.resource-icon-green{color:#269d85}.resource-link-card h3{font-size:var(--card-heading-size);letter-spacing:-.02em;margin-top:28px;font-weight:600;line-height:1.35}.resource-link-card p{color:var(--muted);text-wrap:pretty;margin-top:8px;font-size:13px;line-height:1.6}.resource-link-arrow{color:var(--muted);font-size:15px;position:absolute;top:24px;right:24px}.resource-guide-card:focus-visible,.resource-link-card:focus-visible,.resource-text-link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.resource-contact{margin-top:var(--section-space);text-align:center}.resource-contact h2{font-size:var(--section-heading-size);letter-spacing:-.025em;text-wrap:balance;font-weight:600;line-height:1.2}.resource-contact p{max-width:420px;color:var(--muted);text-wrap:pretty;margin:16px auto 24px;font-size:15px;line-height:1.65}.changelog-page{max-width:760px;padding-bottom:0}.changelog-list{margin-top:0}.changelog-release{border-bottom:1px solid var(--hairline);grid-template-columns:minmax(0,1fr);gap:16px;padding:64px 0;display:grid}@supports (color:color-mix(in lab, red, red)){.changelog-release{border-bottom:1px solid color-mix(in srgb,var(--hairline) 50%,transparent)}}.changelog-release{scroll-margin-top:32px}.changelog-release:first-child{padding-top:0}.changelog-release:last-child{border-bottom:0}.changelog-meta{flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex}.changelog-meta h2{font-variant-numeric:tabular-nums;font-size:13px;font-weight:600;line-height:1.5}.changelog-meta h2 a{align-items:center;min-height:32px;text-decoration:none;display:inline-flex}.changelog-meta h2 a:hover{text-underline-offset:4px;text-decoration:underline}.changelog-meta h2 a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.changelog-meta time{color:var(--muted);font-size:13px;line-height:1.5}.changelog-content{min-width:0}.changelog-content>h3{letter-spacing:-.03em;text-wrap:balance;font-size:20px;font-weight:600;line-height:1.35}.changelog-summary{max-width:650px;color:var(--ink);text-wrap:pretty;margin-top:12px;font-size:15px;line-height:1.6}.changelog-group{margin-top:24px}.changelog-group h4{align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:20px;display:flex}.changelog-group h4>.sf-symbol{width:16px;height:16px;transform:translateY(-.5px)}.changelog-new{color:light-dark(#47735b,#9ac5aa)}.changelog-improved{color:light-dark(#486f9b,#9bbce0)}.changelog-fixed{color:light-dark(#b05249,#efa69b)}.changelog-group ul{gap:10px;margin:12px 0 0;padding-inline-start:24px;list-style:none;display:grid}.changelog-group li{color:var(--muted);text-wrap:pretty;font-size:15px;line-height:1.6;position:relative}.changelog-group li:before{content:"";inset-inline-start:-18px;background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;top:.8em;transform:translateY(-50%)}.changelog-group+p{color:var(--muted);text-wrap:pretty;margin-top:28px;font-size:14px;line-height:1.6}.press-about{max-width:760px;margin:0 auto var(--section-space);align-items:center;gap:36px;display:flex}.press-about>img{flex-shrink:0;width:128px;height:128px}.press-about h2,.press-facts h2{font-size:var(--section-heading-size);letter-spacing:-.025em;font-weight:600}.press-about p{color:var(--muted);margin:12px 0 22px;font-size:15px;line-height:1.7}.press-asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.press-asset{background:var(--panel);border-radius:16px;flex-direction:column;justify-content:center;min-width:0;padding:20px;display:flex}.press-asset>img{object-fit:contain;width:100%;height:180px}.press-icon-preview{place-items:center;height:180px;display:grid}.press-icon-preview img{width:112px;height:112px}.press-asset figcaption{flex-direction:column;gap:8px;margin-top:20px;font-size:13px;display:flex}.press-asset a,.press-facts a{text-underline-offset:4px;text-decoration:underline}.press-asset figcaption a{color:var(--muted);font-size:12px}.press-facts{max-width:760px;margin:var(--section-space) auto 0}.press-facts dl{margin-top:24px}.press-facts dl>div{border-bottom:1px solid var(--hairline);grid-template-columns:150px 1fr;gap:20px;padding:16px 0;font-size:14px;line-height:1.6;display:grid}.press-facts dt{color:var(--muted)}.support-page{max-width:960px}.support-page .page-intro .site-button{margin-top:24px}.guide-topics>li>a{background:#252422;border:1px solid #ffffff24;border-radius:24px;gap:6px;height:100%;padding:5px;box-shadow:0 10px 24px #0000000a}.guide-topics .guide-preview{border-radius:18px}.guide-topics .guide-list-copy{--bento-bg:var(--tile-accent)}@supports (color:color-mix(in lab, red, red)){.guide-topics .guide-list-copy{--bento-bg:color-mix(in srgb,var(--tile-accent) 6%,#252422)}}.guide-topics .guide-list-copy{flex:1;padding:24px}.guide-topics .guide-list-copy>.accent-icon{margin-bottom:18px;display:grid}.guide-topics .guide-list-copy h2{font-size:20px}.guide-topics a:hover .guide-list-copy{background:var(--tile-accent)}@supports (color:color-mix(in lab, red, red)){.guide-topics a:hover .guide-list-copy{background:color-mix(in srgb,var(--tile-accent) 10%,#252422)}}@media (prefers-reduced-motion:no-preference){.guide-topics .guide-list-copy{transition:background-color .1s ease-out}}@media (prefers-color-scheme:light){.guide-topics>li>a{background:#eeedea;border-color:#25242214;box-shadow:0 6px 18px #25242206}.guide-topics .guide-list-copy{--ink:#202026;--muted:#606069;--bento-bg:var(--tile-accent)}@supports (color:color-mix(in lab, red, red)){.guide-topics .guide-list-copy{--bento-bg:color-mix(in srgb,var(--tile-accent) 9%,#f5f5f6)}}.guide-topics a:hover .guide-list-copy{background:var(--tile-accent)}@supports (color:color-mix(in lab, red, red)){.guide-topics a:hover .guide-list-copy{background:color-mix(in srgb,var(--tile-accent) 25%,#f5f5f6)}}}.support-page .page-intro{margin-bottom:32px}.support-address{color:var(--muted);margin-top:12px;font-size:13px}.support-report{max-width:460px;color:var(--muted);margin-inline:auto;font-size:14px;line-height:1.65}.support-report p+p{margin-top:16px}.support-report strong{color:var(--ink);font-weight:500}.support-address a,.support-report a{text-underline-offset:3px;text-decoration:underline}.support-address a:hover,.support-report a:hover{color:var(--ink)}@container (max-width:650px){.press-about{flex-direction:column;align-items:flex-start;gap:24px}.press-asset-grid{grid-template-columns:1fr}.press-facts dl>div{grid-template-columns:1fr;gap:4px}}@container (max-width:850px){.resource-guide-grid{grid-template-columns:minmax(0,1fr)}.resource-guide-card{grid-template-columns:280px minmax(0,1fr);display:grid}.resource-guide-card .guide-preview{margin:10px 0 10px 10px}.resource-guide-copy{padding:28px}.resource-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:540px){.resource-section-heading h2{font-size:var(--section-heading-size)}.resource-guide-card{display:flex}.resource-guide-card .guide-preview{margin:10px 10px 0}.resource-guide-copy{padding:25px}.resource-link-card{padding:22px 18px}.resource-link-card h3{font-size:var(--card-heading-size)}.resource-links,.resource-contact{margin-top:var(--section-space)}}@media (max-width:720px){.changelog-release{padding:56px 0}.changelog-content>h3{font-size:18px}.changelog-summary{font-size:15px}.changelog-group li{font-size:14px}}@media (prefers-color-scheme:dark){.resource-icon-blue{color:var(--focus-ring)}.resource-icon-purple{color:#b79bef}.resource-icon-green{color:#6fc7ae}}@media (prefers-reduced-motion:reduce){.resource-guide-card,.resource-read-link>span,.resource-link-card{transition:none}.resource-guide-card:hover .resource-read-link>span{transform:none}}.manual-shell{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:72px;width:calc(100% - 56px);max-width:1180px;margin:56px auto 0;display:grid}.manual-sidebar{overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:transparent transparent;max-height:calc(100svh - 124px);margin-right:-24px;padding:0 12px 20px 0;position:sticky;top:100px;overflow-y:auto}.manual-sidebar:hover{scrollbar-color:var(--ink) transparent}@supports (color:color-mix(in lab, red, red)){.manual-sidebar:hover{scrollbar-color:color-mix(in srgb,var(--ink) 20%,transparent) transparent}}.manual-menu>summary{display:none}.manual-sidebar nav{font-size:13px;line-height:1.5}.manual-sidebar a{color:var(--muted);border-radius:8px;padding:9px 12px;text-decoration:none;display:block}.manual-sidebar a:hover{color:var(--ink);background:var(--surface)}.manual-sidebar a[aria-current=page]{background:var(--surface);color:var(--ink);font-weight:600}.manual-nav-group{margin-top:24px}.manual-nav-group h2{margin:0 0 6px;padding:0 12px;font-size:12px;font-weight:600}.manual-nav-group ul{margin:0;padding:0;list-style:none}.manual-content{justify-self:center;width:100%;min-width:0;max-width:720px}.manual-content:focus{outline:none}.manual-content .guide-article>header{text-align:start;margin:0 0 32px}.manual-content h1{font-size:var(--page-heading-size);letter-spacing:-.035em;text-wrap:balance;margin:12px 0 20px;font-weight:500;line-height:1.1}.manual-content .manual-eyebrow{color:var(--muted);margin:0;font-size:12px;font-weight:500}.manual-content .guide-answer{color:var(--muted);margin:0;font-size:17px;line-height:1.7}.manual-content .guide-article{font-size:15px;line-height:1.8}.manual-content .guide-article h2{margin-top:48px;scroll-margin-top:16px;font-size:26px;font-weight:500}.manual-toc{border-block:1px solid var(--hairline);margin:32px 0;font-size:13px}.manual-toc>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;font-weight:500;display:flex}.manual-toc>summary::-webkit-details-marker{display:none}.manual-toc .faq-chevron{color:var(--muted)}.manual-toc[open] .faq-chevron{transform:rotate(180deg)}.manual-content .guide-contents{border:0;margin:0;padding:0 0 18px;font-size:13px}.manual-content .guide-contents p{display:none}.manual-content .guide-contents ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:12px 0 0;padding:0;list-style:none;display:grid}.manual-content .guide-contents li{margin:0}.manual-content .guide-contents a{color:var(--muted);text-decoration:none}.manual-content .guide-contents a:hover{color:var(--ink);text-decoration:underline}.manual-shell .guide-contents a[aria-current=location]{color:var(--ink)}.manual-toc-rail{display:none}@media (min-width:861px){.manual-sidebar{grid-column:1;width:234px;position:fixed}.manual-content{grid-column:2}.manual-page>.site-footer{width:calc(min(1180px,100% - 56px) - 282px);margin-left:calc(max(28px,50% - 590px) + 282px);padding-inline:0}}@media (min-width:1280px){.manual-shell:has(.manual-toc-rail:not(:empty)){grid-template-columns:190px minmax(0,720px) 200px;gap:48px}.manual-shell:has(.manual-toc-rail:not(:empty)) .manual-sidebar{width:214px}.manual-toc:not(:has(nav)){display:none}.manual-toc-rail:not(:empty){scrollbar-width:thin;grid-area:1/3;max-height:calc(100svh - 124px);display:block;position:sticky;top:100px;overflow-y:auto}.manual-toc-rail .guide-contents{border:0;margin:0;padding:0;font-size:12px;line-height:1.6}.manual-toc-rail .guide-contents p{margin:0 0 14px;padding-left:16px;font-weight:500}.manual-toc-rail .guide-contents ol{border-left:1px solid var(--hairline);margin:0;padding:0;list-style:none}.manual-toc-rail .guide-contents li{margin:0}.manual-toc-rail a{color:var(--muted);border-left:1px solid #0000;margin-left:-1px;padding:8px 0 8px 16px;text-decoration:none;display:block}.manual-toc-rail a:hover{color:var(--ink)}.manual-toc-rail a[aria-current=location]{border-left-color:var(--ink)}}.manual-shell :is(a,summary):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:4px}.manual-start{background:var(--surface);border-radius:14px;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex;text-decoration:none!important}.manual-start strong{font-size:17px;font-weight:600;display:block}.manual-start strong+span{color:var(--muted);margin-top:4px;font-size:14px;display:block}.manual-start:hover{background:var(--panel)}.manual-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 40px;display:grid}.manual-content .manual-topics ul{margin:0;padding:0;list-style:none}.manual-content .manual-topics li+li{margin-top:0}.manual-topics li a{border-radius:10px;grid-template-columns:32px minmax(0,1fr) 12px;align-items:start;gap:12px;margin-inline:-10px;padding:14px 10px;text-decoration:none;display:grid}.manual-topic-icon{background:var(--tile-accent);border-radius:9px;place-items:center;width:32px;height:32px;display:grid}@supports (color:color-mix(in lab, red, red)){.manual-topic-icon{background:color-mix(in srgb,var(--tile-accent) 14%,transparent)}}.manual-topic-icon{color:var(--tile-accent)}@supports (color:color-mix(in lab, red, red)){.manual-topic-icon{color:color-mix(in srgb,var(--tile-accent) 65%,var(--ink))}}.manual-topic-icon svg,.manual-topic-icon .sf-symbol{width:19px;height:19px}.manual-topics strong{font-size:14px;font-weight:600;display:block}.manual-topics strong+span{color:var(--muted);margin-top:5px;font-size:13px;line-height:1.65;display:block}.manual-topics a>span:last-child{color:var(--faint)}.manual-topics a:hover{background:var(--surface)}.manual-table{border-collapse:collapse;width:100%;margin:24px 0;font-size:14px}.manual-table caption{text-align:start;color:var(--muted);margin-bottom:12px;font-size:13px}.manual-table :is(th,td){text-align:start;border-bottom:1px solid var(--hairline);padding:12px}.manual-table th{font-weight:500}.manual-table thead{background:var(--surface)}.manual-note{background:var(--surface);border-inline-start:3px solid var(--muted);border-radius:0 10px 10px 0;padding:20px 24px}.manual-note p{margin:6px 0 0}.manual-article-footer{border-top:1px solid var(--hairline);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:56px;padding-top:20px;font-size:12px;display:flex}.manual-article-footer p{margin:0}@media (max-width:860px){.manual-shell{margin-top:24px;display:block}.manual-content{max-width:none}.manual-sidebar{overscroll-behavior-y:auto;max-height:none;margin:0 0 36px;padding:0;position:static}.manual-menu>summary{background:var(--surface);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.manual-menu>summary::-webkit-details-marker{display:none}.manual-menu[open]>summary .faq-chevron{transform:rotate(180deg)}.manual-menu nav{margin-top:16px}.manual-content h1{font-size:36px}}@media (max-width:700px){.manual-shell{width:calc(100% - 32px)}}@media (max-width:520px){.manual-topics{grid-template-columns:minmax(0,1fr);gap:0}.manual-content .guide-contents ol{grid-template-columns:minmax(0,1fr)}.manual-start{padding:20px}}@keyframes home-enter{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:none}}@media (prefers-reduced-motion:no-preference){.home-page .hero-copy>*,.hero-enter>*,.home-page [data-reveal=visible]{animation:.36s cubic-bezier(.22,1,.36,1) backwards home-enter;animation-delay:var(--entrance-delay,0s)}.home-page .hero-copy>:nth-child(2){animation-delay:30ms}.home-page .hero-copy>:nth-child(3){animation-delay:60ms}.home-page .hero-copy>:nth-child(4){animation-delay:90ms}.home-page .hero-copy>:nth-child(n+5){animation-delay:.12s}.home-page [data-reveal=pending]{opacity:0;filter:blur(4px)}.home-page [data-reveal]:focus-within{opacity:1;filter:none;animation:none}.home-page :is(a,button,input,summary):focus-visible{animation:none}.hero-float{animation:9s ease-in-out infinite hero-drift}.hero-particle:nth-child(2n)>.hero-float{animation-duration:11s;animation-direction:reverse;animation-delay:-3s}.hero-particle:nth-child(3n)>.hero-float{animation-duration:13s;animation-delay:-6s}.home-hero:not([data-in-view]) .hero-float,.hero-particle:is(:hover,.is-tugging)>.hero-float{animation-play-state:paused}}@keyframes hero-drift{0%,to{translate:-2px -2px}33%{translate:3px -4px}66%{translate:-3px 2px}}.home-header{padding:24px 32px 0}.home-nav{justify-content:space-between;align-items:center;gap:24px;max-width:1200px;min-height:44px;margin:auto;display:flex}.home-main{width:calc(100% - 64px);max-width:1200px;margin:auto}.home-hero{flex-direction:column;align-items:center;gap:44px;margin-top:48px;display:flex}.hero-copy{text-align:center;grid-area:copy;padding-bottom:24px}.hero-copy h1{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(42px,4.2vw,58px);font-weight:700;line-height:1}.hero-copy>p{max-width:460px;color:var(--muted);text-wrap:pretty;margin:24px auto 28px;font-size:18px;line-height:1.5}.hero-copy>small{color:var(--muted);margin-top:15px;font-size:12px;display:block}.home-page{--dark-mesh:radial-gradient(ellipse at 12% 18%,#34316b 0%,transparent 55%),radial-gradient(ellipse at 88% 28%,#164754 0%,transparent 52%),radial-gradient(ellipse at 65% 100%,#452d60 0%,transparent 60%),#101828;overflow-x:clip}.hero-preview{grid-area:preview;width:100vw;min-width:0;container-type:inline-size}.preview-intro{z-index:30;text-align:center;margin:24px 16px 0;position:relative}.preview-intro h2{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(24px,2.5vw,30px);font-weight:600;line-height:1.1}.preview-intro .demo-hint{max-width:660px;margin:8px auto 0}.demo-dock-note{text-align:center;max-width:620px;color:var(--muted);text-wrap:pretty;margin:18px auto 0;padding:0 20px;font-size:14px;line-height:1.6}.demo-dock-note a{color:inherit;text-underline-offset:3px;white-space:nowrap;text-decoration:underline}#custom-dock-explained{scroll-margin-top:100px}.hero-scroll,.hero-stage{display:contents}.hero-particles,.hero-skip{display:none}.home-hero[data-motion=true]{margin-top:0;display:block}[data-motion=true] .hero-scroll{height:260svh;display:block}[data-motion=true] .hero-stage{isolation:isolate;grid-template-columns:minmax(0,1fr);place-items:center;height:100svh;padding:104px 0 24px;display:grid;position:sticky;top:0}[data-motion=true] .hero-copy{z-index:3;grid-area:auto;width:min(460px,100%);padding:0;position:absolute;top:50%;left:50%;translate:-50% -50%}[data-motion=true] .hero-copy h1{letter-spacing:-.045em;font-size:clamp(54px,6.3vw,80px)}[data-motion=true] .hero-copy>p{max-width:460px;margin:24px auto 28px}[data-motion=true] .hero-skip{visibility:hidden;opacity:0;background:var(--surface);width:44px;height:44px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;margin:20px auto 0;text-decoration:none;transition:opacity .6s ease-out;display:flex}[data-motion=true] .hero-skip[data-ready=true]{visibility:inherit;opacity:1}.hero-skip svg{width:22px;height:22px}.hero-skip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:50%}[data-motion=true] .hero-preview{opacity:0;pointer-events:none;grid-area:auto}[data-motion=true] .hero-particles{z-index:2;pointer-events:none;display:block;position:absolute;inset:0}@media (max-width:759px){[data-motion=true] .hero-scroll{height:190svh}[data-motion=true] .hero-stage{height:calc(100svh - 68px);padding:24px 0;top:68px}[data-motion=true] .hero-copy{width:100%;top:54%}[data-motion=true] .hero-copy h1{font-size:clamp(48px,13.5vw,68px)}[data-motion=true] .hero-copy>p{max-width:310px;margin:18px auto 22px;font-size:15px}[data-motion=true] .hero-copy>small{max-width:280px;margin:14px auto 0;font-size:12px;line-height:1.6}[data-motion=true] .hero-skip{margin-top:20px}.preview-intro .demo-hint{max-width:280px;margin:10px auto 0;font-size:13px}.hero-file-label{font-size:12px}}.hero-particle{transform-origin:50%;position:absolute}.hero-float{transform-origin:50%;width:100%;height:100%;position:relative}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-float{transition:transform .44s cubic-bezier(.2,1.5,.35,1)}.hero-particle{cursor:grab;transition:translate .65s cubic-bezier(.2,1.5,.35,1)}.hero-particle.is-tugging{cursor:grabbing;z-index:1;transition:none}.hero-particle:hover>.hero-float{transform:translateY(-6px)rotate(3deg)scale(1.07)}.hero-particle:nth-child(2n):hover>.hero-float{transform:translateY(-6px)rotate(-3deg)scale(1.07)}}[data-motion=true][data-in-view]:not([data-settled=true]) :is(.hero-particle,.hero-copy,.hero-preview){will-change:transform,opacity}.hero-particle .dock-item{width:100%;height:100%}.hero-particle .dock-item:after{display:none}.hero-particle .app-content{width:100%;height:100%}.hero-file-label{white-space:nowrap;color:var(--native-ink);font-size:14px;font-weight:500;position:absolute;top:100%;left:50%;translate:-50%}.hero-particle .native-widget{background:var(--native-bg);box-shadow:0 2px 8px #161d2812,inset 0 0 0 1px #00000008}[data-motion=true][data-settled=true] .hero-copy{opacity:0;visibility:hidden}[data-motion=true][data-settled=true] .hero-preview{opacity:1;pointer-events:auto}[data-motion=true][data-settled=true] .hero-particles{display:none}.home-page .section-intro{margin:0 auto var(--section-heading-space)}.home-page .section-intro h2{font-size:var(--section-heading-size);font-weight:600}.home-page .section-intro>p:last-child{margin-top:14px;font-size:15px}.home-page{--section-space:clamp(96px,11.25vw,144px)}.home-page .home-section{padding-top:var(--section-space)}.home-page .faq-list{gap:0}.home-page #faq{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:64px;max-width:1080px;margin-inline:auto;display:grid}.faq-intro h2{max-width:260px;font-size:var(--section-heading-size);letter-spacing:-.03em;text-wrap:balance;font-weight:600;line-height:1.15}.faq-intro p{color:var(--muted);margin-top:20px;font-size:14px;line-height:1.8}.faq-intro a{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.faq-intro a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.home-page .home-download{isolation:isolate;width:100vw;margin-top:var(--section-space);color:#29282b;background:radial-gradient(at 75% 90%,#e5dff080,#0000 65%),#f5f2eb;padding:96px 24px;position:relative;left:50%;overflow:hidden;transform:translate(-50%)}.home-page .home-download:before{content:"";z-index:-1;opacity:.2;mix-blend-mode:multiply;pointer-events:none;background:url(/film-grain.svg) 0 0/128px 128px;position:absolute;inset:0}.home-page .home-download:after{content:"";z-index:-1;aspect-ratio:375/357;opacity:.07;pointer-events:none;background:currentColor;width:clamp(260px,34vw,620px);position:absolute;bottom:-28%;right:-8vw;-webkit-mask:url(/squid.svg) 50%/contain no-repeat;mask:url(/squid.svg) 50%/contain no-repeat}.home-page .home-download :is(p,small){color:#5b5862}.home-page .home-download .site-button{color:#fff;background:#29282b}@media (prefers-color-scheme:dark){.home-page .home-download{color:#f5f2eb;background:radial-gradient(at 75% 90%,#39314080,#0000 65%),#22211f}.home-page .home-download :is(p,small){color:#c4bfc9}.home-page .home-download .site-button{color:#29282b;background:#f5f2eb}}.home-page .site-footer{margin-top:24px}@media (max-width:700px){.home-page #faq{grid-template-columns:minmax(0,1fr);gap:24px}.faq-intro h2{max-width:none;font-size:var(--section-heading-size)}.faq-intro p{margin-top:12px}.home-page .home-download{margin-top:var(--section-space);padding:64px 24px 144px}.home-page .home-download:after{width:220px;bottom:-75px;right:-65px}}.home-page .faq-item{border-bottom:1px solid var(--hairline);background:0 0;border-radius:0;padding-inline:0}.home-page .faq-item summary{font-weight:500}.home-page .faq-chevron{color:var(--muted)}.home-footer{border-top:1px solid var(--hairline);margin-top:80px;padding:32px 24px}@media (max-width:960px){.home-header{padding:18px 24px 0}.home-main{width:calc(100% - 48px);max-width:760px}.home-hero{grid-template-columns:1fr;grid-template-areas:"copy""preview";gap:32px;margin-top:36px}.hero-copy{padding:0}.hero-copy h1{font-size:44px}.hero-copy>p{margin:20px auto 24px;font-size:17px}}@media (max-width:620px){.home-header{padding:14px 18px 0}.home-main{width:calc(100% - 32px)}.home-hero{gap:28px;margin-top:28px}.home-page .section-intro h2{font-size:var(--section-heading-size)}.home-page .home-section{padding-top:var(--section-space)}.home-page .section-intro{margin-bottom:var(--section-heading-space)}.home-footer{margin-top:56px}}@media (max-width:759px) and (max-height:740px){[data-motion=true] .hero-copy h1{font-size:40px}[data-motion=true] .hero-copy>p{margin:12px auto 16px;font-size:14px;line-height:1.35}[data-motion=true] .hero-skip{width:32px;height:32px;margin-top:8px}}.section-intro{text-align:center;max-width:560px;margin-inline:auto}.section-intro h2{letter-spacing:-.03em;text-wrap:balance;font-size:36px;font-weight:600;line-height:1.08}.section-intro>p:last-child{max-width:500px;color:var(--muted);text-wrap:pretty;margin:20px auto 0;font-size:16px;line-height:1.6}.faq-list{flex-direction:column;gap:6px;display:flex}.faq-item{background:var(--panel);border-radius:12px;padding-inline:20px}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:52px;padding-block:14px;font-size:15px;font-weight:600;line-height:1.5;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.faq-chevron{color:#2563eb;flex-shrink:0;width:16px;height:16px;transition:transform .15s}.faq-item[open] .faq-chevron{transform:rotate(180deg)}.faq-item .faq-answer{max-width:540px;color:var(--muted);text-wrap:pretty;margin:0 0 16px;font-size:14px;line-height:1.55}.guide-article .faq-item summary h3{width:100%;font:inherit;justify-content:space-between;align-items:center;gap:20px;margin:0;font-size:16px;display:flex}.guide-article .faq-answer{max-width:none;font-size:16px;line-height:1.7}@media (prefers-reduced-motion:reduce){.faq-chevron{transition:none}}.guide-shell{width:min(100% - 40px,700px);margin:var(--intro-space) auto 0}.guide-shell:focus{outline:none}.guide-shell:focus-visible h1{outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:6px}.guide-shell h1{font-size:var(--page-heading-size);letter-spacing:-.035em;text-wrap:balance;font-weight:600;line-height:1.08}.guide-breadcrumb{color:var(--muted);justify-content:center;gap:12px;margin-bottom:32px;font-size:13px;display:flex}.guide-article{font-size:16px;line-height:1.8}.guide-article header{text-align:center;margin-bottom:36px}.guide-article p,.guide-article ul,.guide-article ol{margin-block:18px}.guide-article .guide-byline{color:var(--muted);margin-top:20px;font-size:13px}.guide-article .guide-answer{font-size:19px;line-height:1.65}.guide-contents{border-block:1px solid var(--hairline);margin-block:40px;padding-block:24px;font-size:14px}.guide-contents p{margin:0;font-weight:600}.guide-contents ol{margin:16px 0 0;padding-left:20px}.guide-contents li+li{margin-top:8px}.guide-article h2{font-size:var(--section-heading-size);letter-spacing:-.02em;text-wrap:balance;margin:80px 0 20px;scroll-margin-top:110px;font-weight:600;line-height:1.3}.guide-article h3{margin:32px 0 8px;font-size:18px;font-weight:600;line-height:1.5}.guide-article h3+p{margin-top:8px}.guide-article ul{padding-left:24px;list-style:outside}.guide-article ol{padding-left:24px;list-style:decimal}.guide-article li+li{margin-top:12px}.guide-article a,.guide-breadcrumb a{text-decoration:underline;-webkit-text-decoration-color:var(--hairline);-webkit-text-decoration-color:var(--hairline);text-decoration-color:var(--hairline);text-underline-offset:4px}.guide-shell a:hover{text-decoration-color:currentColor}.guide-shell a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:6px}.guide-article figure{margin-block:32px}.guide-article figure>img{width:100%;height:auto}.guide-article figcaption{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.6}.guide-article pre{background:var(--surface);border-radius:12px;max-width:100%;padding:20px;font-size:13px;line-height:1.8;overflow-x:auto}.guide-article :not(pre)>code{background:var(--surface);overflow-wrap:anywhere;border-radius:4px;padding:2px 5px;font-size:.875em}.guide-flow{background:var(--surface);border-radius:16px;padding:24px}.guide-flow ol{flex-wrap:wrap;gap:20px 32px;margin:0;padding:0;list-style:none;display:flex}.guide-flow li{flex:140px}.guide-flow li+li{margin:0}.guide-flow span{color:var(--muted);font-size:13px;display:block}.guide-shell:has(.guide-article){margin-bottom:0}.guide-related{border-top:1px solid var(--hairline);text-align:center;margin-top:80px;padding-top:36px;container-type:inline-size}.guide-related h2{margin:0;font-size:22px}.guide-related ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0 0;padding:0;list-style:none;display:grid}.guide-related li+li{margin:0}.guide-related a{text-wrap:balance;line-height:1.5;text-decoration:none;display:block}.guide-related a>span{max-width:280px;margin:14px auto 0;font-weight:500;display:block}.guide-related a:hover>span{text-underline-offset:4px;text-decoration:underline}.guide-article .guide-cta{text-align:center;flex-direction:column;align-items:center;gap:18px;margin:80px 0 0;display:flex}.guide-cta a{text-decoration:none}.guide-cta>span{text-wrap:balance;max-width:440px;font-size:20px;font-weight:500;line-height:1.4}.guide-index-header{margin-bottom:var(--intro-space);text-align:center}.guide-index-header>p:last-child{max-width:530px;color:var(--muted);margin:20px auto 0;font-size:16px;line-height:1.65}.guide-index{width:min(100% - 40px,1120px);container-type:inline-size}.guide-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;display:grid}.guide-list a{flex-direction:column;gap:20px;display:flex}.guide-list .guide-preview{aspect-ratio:2;width:100%;min-height:0}.guide-list .guide-preview:not(.guide-demo) .guide-preview-content{aspect-ratio:2;min-height:0}@container (max-width:700px){.guide-list{grid-template-columns:1fr}}.guide-list h2{letter-spacing:-.02em;text-wrap:balance;font-size:23px;font-weight:600;line-height:1.35}.guide-list p{color:var(--muted);margin:12px 0;font-size:15px;line-height:1.7}.guide-list-copy>span{font-size:13px}.guide-list a:hover h2{text-underline-offset:5px;text-decoration:underline}.guide-preview{background:var(--surface);border-radius:16px;min-height:220px;position:relative;overflow:hidden}.guide-hero{margin-block:32px}.guide-hero .guide-preview-content{min-height:260px}.guide-preview-wallpaper{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.guide-preview-content{text-align:left;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:220px;padding:20px 12px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative}.guide-preview-layout{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.guide-preview-label{color:#202024;background:#ffffffd9;border-radius:6px;align-items:center;gap:5px;padding:3px 7px;font-size:12px;font-weight:600;display:flex}.guide-preview-swatch{background:#007aff;border-radius:2px;width:7px;height:7px}.guide-preview-swatch-personal{background:#ff3b30}.guide-preview-dock{-webkit-backdrop-filter:blur(18px)saturate(1.5);backdrop-filter:blur(18px)saturate(1.5);background:#e1e1e175;border-radius:15px;align-items:center;gap:3px;padding:7px 7px 10px;display:flex;box-shadow:inset 0 1px 1px #ffffffb3,inset 0 -1px 1px #00000029,0 6px 14px #2026332e}.guide-preview-dock img{object-fit:contain;filter:drop-shadow(0 2px 2px #0003);width:42px;height:42px}.guide-preview-gap{width:24px;height:42px}.guide-preview-focus,.guide-preview-menu{color:#16161b;-webkit-backdrop-filter:blur(20px)saturate(1.7);backdrop-filter:blur(20px)saturate(1.7);background:linear-gradient(135deg,#fff6,#ffffff0a 50%,#ffffff2e),#f8f8f8ad;box-shadow:inset 0 1px 1px #ffffffe6,inset 1px 0 1px #ffffff59,inset 0 -1px 1px #0000001f,0 8px 24px #201a3033}.guide-preview-focus{border-radius:18px;align-items:center;gap:10px;width:194px;padding:14px;font-size:13px;font-weight:600;display:flex}.guide-preview-focus-icon{color:#fff;background:#007aff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.guide-preview-focus small{margin-top:1px;font-size:11px;font-weight:400;display:block}.guide-preview-spacers{gap:14px}.guide-preview-menu{border-radius:10px;width:160px;padding:5px;font-size:12px;line-height:1.5}.guide-preview-menu>span{border-bottom:1px solid #0000001a;margin-bottom:3px;padding:3px 4px 6px;font-size:11px;font-weight:600;display:block}.guide-preview-menu>div{padding:3px 20px;position:relative}.guide-preview-menu svg{position:absolute;top:6px;left:3px}@container (max-width:580px){.guide-list a{grid-template-columns:minmax(0,1fr);gap:20px}.guide-related ul{grid-template-columns:minmax(0,1fr);gap:28px}}@media (prefers-color-scheme:dark){.guide-preview-dock{background:#3737378c}.guide-preview-focus,.guide-preview-menu{color:#f5f5f5;background:linear-gradient(135deg,#ffffff29,#0000 50%,#ffffff0d),#18181c85;box-shadow:inset 0 1px 1px #fff6,inset 1px 0 1px #ffffff24,inset 0 -1px 1px #0000004d,0 8px 24px #0000004d}.guide-preview-menu>span{border-color:#ffffff26}}.guide-skip{z-index:50;color:var(--page);background:var(--ink);border-radius:8px;padding:12px 16px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.guide-skip:focus{transform:translateY(0)}.dock-surface,.dock-shelf{isolation:isolate;background-color:#ffffff4d;border-radius:28px;align-items:flex-end;gap:3px;max-width:100%;margin-top:auto;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.dock-surface,.dock-shelf{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.dock-surface,.dock-shelf{padding-inline:calc(var(--spacing) * 3);padding-top:calc(var(--spacing) * 3);padding-bottom:calc(var(--spacing) * 4);--tw-shadow:0 14px 36px var(--tw-shadow-color,#313a4c24);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-backdrop-blur:blur(var(--blur-xl));--tw-backdrop-saturate:saturate(115%);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}@media not all and (min-width:760px){.dock-surface,.dock-shelf{padding-inline:9px;padding-top:calc(var(--spacing) * 2);border-radius:20px;gap:clamp(1px,.5vw,3px);padding-bottom:11px}}.dock-surface:after,.dock-shelf:after{content:"";pointer-events:none;z-index:0;border-radius:inherit;border-style:var(--tw-border-style);border-width:1px;border-color:#fff9;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.dock-surface:after,.dock-shelf:after{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.dock-surface:after,.dock-shelf:after{-webkit-mask-image:linear-gradient(#000 0% 28%,#0000 76%);mask-image:linear-gradient(#000 0% 28%,#0000 76%)}.dock-item{z-index:10;width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16);transform-origin:bottom;will-change:transform;flex-shrink:0;place-items:center;display:grid;position:relative}.dock-item img{pointer-events:none;object-fit:contain;--tw-drop-shadow-size:drop-shadow(0 6px 7px var(--tw-drop-shadow-color,#2026332e));--tw-drop-shadow:var(--tw-drop-shadow-size);width:90%;height:90%;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,);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.dock-item.dockset-app img{filter:drop-shadow(0 -1px #ffffffe6)drop-shadow(0 1px #1e202814)drop-shadow(0 5px 6px #20263324);width:80%;height:80%;margin:10%}.full-bleed-app img{width:74%;height:74%}.dock-item:before{content:attr(data-name);pointer-events:none;--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y);border-radius:var(--radius-md);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff40;position:absolute;bottom:calc(100% + 14px);left:50%}@supports (color:color-mix(in lab, red, red)){.dock-item:before{border-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.dock-item:before{padding-inline:calc(var(--spacing) * 2);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-leading:1;--tw-font-weight:var(--font-weight-medium);line-height:1;font-weight:var(--font-weight-medium);white-space:nowrap;color:var(--color-white);opacity:0;--tw-backdrop-blur:blur(10px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);transition-property:opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.1s;background-color:oklab(26.6538% .00250304 -.00887035/.8);transition-duration:.1s}.dockset-app:after{content:"";width:var(--spacing);height:var(--spacing);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);background-color:var(--color-black);border-radius:3.40282e38px;position:absolute;bottom:-9px;left:50%}@media (hover:hover) and (pointer:fine){.dock-item:hover{z-index:1}.dock-item:hover:before{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y);opacity:1}}@media (max-width:760px){.dock-item{width:clamp(26px,8vw,39px);height:clamp(26px,8vw,39px)}.dockset-app:after{width:3px;height:3px;bottom:-7px}}@media (prefers-reduced-motion:reduce){.dock-item:before{transition:none}}.menu-switch-track{height:calc(var(--spacing) * 5);width:calc(var(--spacing) * 8);background-color:#fff3;border-radius:3.40282e38px;flex-shrink:0;position:relative}@supports (color:color-mix(in lab, red, red)){.menu-switch-track{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.menu-switch-knob{top:calc(var(--spacing) * .5);left:calc(var(--spacing) * .5);width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);background-color:var(--color-white);transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.15s;border-radius:3.40282e38px;transition-duration:.15s;position:absolute}[role=menuitemcheckbox][aria-checked=true] .menu-switch-track{background-color:var(--color-blue-500)}[role=menuitemcheckbox][aria-checked=true] .menu-switch-knob{--tw-translate-x:calc(var(--spacing) * 3);translate:var(--tw-translate-x) var(--tw-translate-y)}header a[href=\/pricing]{white-space:nowrap}.setup-section{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;scroll-margin-top:24px;display:flex}#dockset-mode-label{white-space:nowrap;font-size:12px;font-weight:500}.mode-picker{background:var(--panel);border-radius:999px;gap:2px;min-width:0;margin:0;padding:4px;display:flex}.mode-picker label{cursor:pointer;position:relative}.mode-picker input{opacity:0;width:1px;height:1px;position:absolute}.mode-picker label>span{white-space:nowrap;min-height:32px;color:var(--muted);border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.mode-picker input:checked+span{background:var(--ink);color:var(--page)}.mode-picker label:hover input:not(:checked)+span{color:var(--ink)}.mode-picker input:focus-visible+span{outline:2px solid var(--focus-ring);outline-offset:3px}.desktop-scene{background:var(--surface);isolation:isolate;--native-ink:#262626;--native-muted:#6f6f6f;--native-bg:#fafafa;--native-fill:#00000009;--native-line:#00000014;height:clamp(320px,100svh - 324px,820px);color:var(--native-ink);font-family:-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow:hidden}.desktop-wallpaper img{z-index:-1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.desktop-wallpaper:after{content:"";z-index:-1;opacity:.35;mix-blend-mode:overlay;pointer-events:none;background:url(/film-grain.svg) 0 0/128px 128px;position:absolute;inset:0}.desktop-menubar{z-index:20;color:#25252b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff30;align-items:center;gap:18px;height:30px;padding:0 16px;font:12px -apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative}.desktop-app-menu{white-space:nowrap;align-items:center;gap:12px;display:flex}.desktop-app-menu svg{fill:currentColor;flex-shrink:0;width:11px;height:14px}.profile-menu{margin-left:auto;position:relative}.profile-menu summary{cursor:pointer;border-radius:5px;align-items:center;gap:5px;padding:3px 8px;list-style:none;display:flex}.profile-menu summary::-webkit-details-marker{display:none}.profile-menu summary img{filter:brightness(0)}.profile-menu[open] summary,.profile-menu summary:hover{background:#00000015}.profile-choices{scrollbar-width:thin;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#f7f7f7f5;border-radius:10px;width:230px;max-height:calc(60cqw - 62px);padding:5px;position:absolute;top:30px;right:0;overflow-y:auto;box-shadow:0 10px 28px #14101e33,0 0 0 1px #00000014}.profile-choices fieldset+fieldset,.menu-footer{border-top:1px solid #00000016;margin-top:5px;padding-top:5px}.profile-choices legend{float:left;color:#737078;width:100%;padding:6px 10px;font-size:11px;font-weight:500}.profile-choices label{cursor:pointer;border-radius:5px;align-items:center;gap:8px;min-height:29px;padding:5px 10px;display:flex}.profile-choices label:hover,.menu-footer button:hover{color:#fff;background:#078aff}.profile-choices input{opacity:0;width:1px;position:absolute}.profile-choices .sf-symbol{width:12px;height:12px;margin-left:auto}.profile-choices label:has(:focus-visible){outline:2px solid var(--focus-ring)}.profile-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.menu-footer button{text-align:left;cursor:pointer;border-radius:5px;width:100%;padding:5px 10px;font-size:12px}.native-preview,.custom-preview{align-items:center;width:max-content;max-width:none;margin:0;position:absolute}.dock-preview-label{background:var(--native-bg);border-radius:8px;padding:3px 8px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.dock-preview-label{background:color-mix(in srgb,var(--native-bg) 30%,transparent)}}.dock-preview-label{-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);color:var(--native-ink);white-space:nowrap;pointer-events:none;font-size:12px;line-height:1.5;box-shadow:inset 0 1px 1px #ffffff80,inset 0 0 0 1px #ffffff30,0 3px 10px #00000012}.desktop-scene[data-theme=dark] .dock-preview-label{background:var(--native-bg)}@supports (color:color-mix(in lab, red, red)){.desktop-scene[data-theme=dark] .dock-preview-label{background:color-mix(in srgb,var(--native-bg) 65%,transparent)}}.desktop-scene[data-position=left] .custom-preview .dock-preview-label{top:50%;bottom:auto;left:calc(100% + 8px);transform:translateY(-50%)}.desktop-scene[data-position=right] .custom-preview .dock-preview-label{inset:50% calc(100% + 8px) auto auto;transform:translateY(-50%)}.native-preview{border-radius:18px;padding:8px 8px 11px;bottom:20px;left:50%;transform:translate(-50%)}.native-preview .dock-item{width:min(clamp(28px,2.8cqw,60px),calc((100cqw - 90px) * .8 / var(--app-count)));height:min(clamp(28px,2.8cqw,60px),calc((100cqw - 90px) * .8 / var(--app-count)))}.native-preview{corner-shape:squircle}.native-preview:after{corner-shape:inherit}.custom-preview{--dock-padding:10px;gap:var(--dock-gap);padding:var(--dock-padding);border-radius:var(--shelf-radius);background:#fcfcfcb3;max-width:calc(100% - 32px);transition:opacity .15s,translate .2s}.desktop-scene[data-position=right] .custom-preview{flex-direction:column;max-height:calc(100% - 68px);top:calc(50% + 15px);right:16px;transform:translateY(-50%)}.desktop-scene[data-position=left] .custom-preview{flex-direction:column;max-height:calc(100% - 68px);top:calc(50% + 15px);left:16px;transform:translateY(-50%)}.desktop-scene[data-position=bottom] .custom-preview{bottom:20px;left:50%;transform:translate(-50%)}.desktop-scene[data-position=bottom][data-mode=both] .custom-preview{bottom:116px}.custom-items.dock-surface{--overflow-start:#000;--overflow-end:#000;--overflow-axis:to right;gap:var(--dock-gap);width:max-content;min-width:0;max-width:none;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;scrollbar-width:none;overscroll-behavior:auto;-webkit-mask-image:linear-gradient(var(--overflow-axis),var(--overflow-start),#000 4%,#000 96%,var(--overflow-end));-webkit-mask-image:linear-gradient(var(--overflow-axis),var(--overflow-start),#000 4%,#000 96%,var(--overflow-end));mask-image:linear-gradient(var(--overflow-axis),var(--overflow-start),#000 4%,#000 96%,var(--overflow-end));background:0 0;border-radius:0;flex:0 auto;align-items:center;margin:0;padding:0;position:relative;overflow:auto}.custom-preview:after,.custom-items:after{display:none}.custom-items::-webkit-scrollbar{display:none}.custom-items[data-overflow-start=true]{--overflow-start:transparent}.custom-items[data-overflow-end=true]{--overflow-end:transparent}.custom-items[data-overflow-start=false][data-overflow-end=false]{overscroll-behavior:auto;-webkit-mask-image:none;mask-image:none}.custom-items.reordering{-webkit-mask-image:none;mask-image:none}.custom-preview:not([data-position=bottom]) .custom-items{--overflow-axis:to bottom;flex-direction:column}.dock-scroll-controls{flex-shrink:0;align-items:center;gap:2px;display:flex}.dock-scroll-controls button{width:calc(28px * var(--scroll-control-scale));height:calc(28px * var(--scroll-control-scale));border-radius:calc(6px * var(--scroll-control-scale));color:var(--native-ink);cursor:pointer;background:0 0;flex-shrink:0;place-items:center;display:grid}.dock-scroll-controls .sf-symbol{width:calc(12px * var(--scroll-control-scale));height:calc(12px * var(--scroll-control-scale))}.dock-scroll-controls button:hover:not(:disabled){background:var(--native-ink)}@supports (color:color-mix(in lab, red, red)){.dock-scroll-controls button:hover:not(:disabled){background:color-mix(in srgb,var(--native-ink) 8%,transparent)}}.dock-scroll-controls button:disabled{opacity:.3;cursor:default}.dock-scroll-controls button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.custom-preview:not([data-position=bottom]) .dock-scroll-controls{flex-direction:column}.custom-preview:not([data-position=bottom]) .dock-scroll-controls .sf-symbol{rotate:90deg}.custom-preview .dock-item{width:var(--app-size);height:var(--app-size)}.dock-item{cursor:pointer;touch-action:pan-y;background:0 0;border:0}.dock-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:12px}.dock-item:focus-visible:before{opacity:1}.dock-item[data-running=true]:after{content:"";background:var(--native-ink,var(--ink));border-radius:50%;width:4px;height:4px;position:absolute;bottom:-4px;left:calc(50% - 2px)}.app-badge{color:#fff;z-index:2;background:#fa4139;border:1px solid #fff9;border-radius:99px;min-width:17px;height:17px;padding:1px 4px;font-size:11px;line-height:13px;position:absolute;top:0;right:1px}.desktop-scene:not([data-position=bottom]) .custom-preview .dock-item{transform-origin:50%}.desktop-scene[data-position=right] .custom-preview .dock-item:before{bottom:50%;left:auto;right:calc(100% + 12px);transform:translateY(50%)}.desktop-scene[data-position=left] .custom-preview .dock-item:before{bottom:50%;left:calc(100% + 12px);transform:translateY(50%)}.dock-grip{cursor:ns-resize;touch-action:none;background:0 0;flex-shrink:0;align-self:stretch;place-items:center;width:24px;min-height:52px;display:grid}.dock-grip span{background:#00000038;border-radius:9px;width:4px;height:28px;display:block}.desktop-scene:not([data-position=bottom]) .dock-grip{cursor:ew-resize;width:100%;min-height:24px}.dock-grip:hover span,.resizing .dock-grip span{background:#00000075}.dock-grip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-1px;border-radius:6px}.desktop-scene[data-material=frosted] .custom-preview{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#efefefe6;box-shadow:0 5px 18px #0000001a,inset 0 0 0 1px #ffffffb0}.desktop-scene[data-material=liquidGlass] .custom-preview{-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);background:#ffffff75;box-shadow:inset 0 1px 1px #fffd,inset 0 -1px 1px #fff7,0 5px 20px #1b163522}.desktop-scene[data-glass=clear]:not([data-material=frosted]) .custom-preview{-webkit-backdrop-filter:blur(8px)saturate(1.35);backdrop-filter:blur(8px)saturate(1.35);background:#ffffff36}.desktop-scene[data-autohide=true] .custom-preview:not(:hover,:focus-within,.revealed),.desktop-scene[data-hide-with-native=true][data-position=bottom][data-mode=both]:has(.native-preview:hover) .custom-preview{opacity:0;pointer-events:none}.dock-reveal{z-index:6;cursor:pointer;width:72px;height:18px;position:absolute;bottom:0;left:calc(50% - 36px)}.dock-reveal[data-handle=true]:after{content:"";background:#ffffffb0;border-radius:5px;width:40px;height:4px;margin:auto;display:block}.desktop-scene[data-position=right] .dock-reveal{width:18px;height:72px;inset:calc(50% - 36px) 0 auto auto}.desktop-scene[data-position=left] .dock-reveal{width:18px;height:72px;top:calc(50% - 36px);bottom:auto;left:0}.desktop-scene:not([data-position=bottom]) .dock-reveal:after{width:4px;height:40px}.demo-app-feedback{z-index:25;color:#fff;text-align:center;background:#201c2ae6;border-radius:10px;width:max-content;max-width:80%;padding:10px 16px;font-size:12px;position:absolute;bottom:128px;left:50%;transform:translate(-50%)}.demo-hint>.sf-symbol{width:15px;height:15px}.demo-hint{text-align:center;max-width:660px;color:var(--muted);text-wrap:pretty;justify-content:center;align-items:center;gap:7px;margin:22px auto 0;font-size:13px;line-height:1.6;display:flex}.preview-toolbar{z-index:30;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;margin-top:24px;display:flex;position:relative}.preview-actions{justify-content:center;align-items:center;gap:6px;display:flex}.demo-settings-button{background:var(--panel);width:44px;height:44px;color:var(--muted);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.demo-settings-button .sf-symbol{width:18px;height:18px}.demo-settings-button:hover,.demo-settings-button[aria-expanded=true]{color:var(--ink)}.demo-settings-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.add-widget-button{background:var(--panel);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:7px;min-height:40px;padding:8px 16px;font-size:12px;font-weight:500;display:inline-flex}.add-widget-button>svg{flex-shrink:0;width:16px;height:16px;display:block}.add-widget-button:hover{background:var(--panel)}@supports (color:color-mix(in lab, red, red)){.add-widget-button:hover{background:color-mix(in srgb,var(--panel),var(--ink) 6%)}}.add-widget-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.native-ui,.native-widget-wrap{color:var(--native-ink,#262626);font-variant-numeric:normal;letter-spacing:0;--native-ink:#262626;--native-muted:#6f6f6f;--native-bg:#fafafa;--native-fill:#00000009;--native-line:#00000014;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:400;line-height:1.2}.native-widget-wrap{flex-shrink:0;position:relative}.dock-surface>:is([data-item],[data-widget-id]){touch-action:none;-webkit-user-select:none;user-select:none}.dock-surface.reordering,.dock-surface.reordering *{cursor:grabbing}.dock-surface.reordering .dock-item{transform:none!important}.dock-surface>.dragging{z-index:50;filter:drop-shadow(0 4px 6px #0002)}.native-widget{transform-origin:0 0;cursor:pointer;background:var(--native-widget-bg,#ffffff70);-webkit-user-select:none;user-select:none;border-radius:14px;position:relative;overflow:hidden}.native-widget:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.native-widget:hover{background:#ffffff90}.native-widget:active{background:#ffffff50}.native-widget button{cursor:pointer;color:inherit;background:0 0;padding:0}.native-widget button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-radius:4px}.sf-symbol{width:24px;height:24px;-webkit-mask:var(--symbol) center/125% 125% no-repeat;-webkit-mask:var(--symbol) center/125% 125% no-repeat;mask:var(--symbol) center/125% 125% no-repeat;vertical-align:middle;background:currentColor;flex-shrink:0;display:inline-block}.widget-face{justify-content:flex-start;align-items:center;gap:10px;width:100%;height:100%;padding:10px;display:flex}.widget-face.vertical{flex-direction:column;justify-content:center;gap:10px;padding:8px}.widget-face.compact{text-align:center;justify-content:center}.widget-face small{color:var(--native-muted);font-size:11px;line-height:1.2;display:block}.widget-face strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:20px;font-weight:600;line-height:1.2;display:block}.widget-face em,.detail-system em,.detail-progress em{opacity:.65;font-style:normal}.widget-metric{flex-direction:column;gap:3px;min-width:0;display:flex}.widget-metric>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vertical .widget-metric,.compact .widget-metric{text-align:center}.leading-symbol{flex-shrink:0;justify-content:center;align-items:center;width:40px;display:flex}.leading-symbol>.sf-symbol{width:25px;height:25px;color:var(--native-muted)}.usage-ring{--tint:#ff8d20;--ring:80%;border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:relative}.usage-ring>span{justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.usage-ring .sf-symbol{width:19px;height:19px}[data-kind=timer] .usage-ring .sf-symbol{width:10px;height:10px;color:var(--tint)}.analog-clock{flex-shrink:0;width:30px;height:30px;display:block}.widget-face[data-kind=stopwatch]{justify-content:center}.widget-face[data-kind=countdown]{justify-content:flex-start;gap:10px}.widget-face[data-kind=countdown].vertical{justify-content:center;gap:4px;padding:0}.widget-face[data-kind=countdown].vertical .leading-symbol{height:25px}.widget-face[data-kind=countdown] .leading-symbol>.sf-symbol{color:inherit}.countdown-value{align-items:center;gap:8px;display:flex}.countdown-value .sf-symbol{color:var(--native-muted)}.countdown-value strong{font-size:16px}.vertical .countdown-value{flex-direction:column;gap:3px}.vertical .countdown-value .sf-symbol{width:14px;height:14px}.widget-face[data-kind=music]{padding:7px 10px}.widget-face[data-kind=music].vertical{padding:7px 8px}.music-art{background:var(--native-fill);border-radius:5px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.music-art .sf-symbol{width:23px;height:23px}.vertical .music-art{border-radius:8px;width:60px;height:60px}.vertical .music-art .sf-symbol{width:34px;height:34px}.music-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.music-top{align-items:center;gap:8px;display:flex}.music-top .widget-metric{flex:1}.music-top strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.player-controls{flex-shrink:0;justify-content:center;align-items:center;gap:8px;display:flex}.player-controls button{place-items:center;width:18px;height:25px;display:grid}.player-controls .sf-symbol{width:15px;height:15px}.vertical[data-kind=music]>button{background:var(--native-fill);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.vertical[data-kind=music]>button .sf-symbol{width:14px;height:14px}.widget-face[data-kind=music]:has(>button:only-child){justify-content:center}.music-seek{font-variant-numeric:tabular-nums;color:var(--native-muted);align-items:center;gap:6px;font-size:11px;display:flex}.music-seek input{width:100%;min-width:0;height:10px;accent-color:var(--native-ink);cursor:ew-resize;flex:1}.music-seek input::-webkit-slider-thumb{width:7px;height:7px}.calendar-event{flex-direction:column;gap:3px;min-width:0;display:flex}.widget-face:has(>.calendar-call)>.calendar-event{flex:1}.native-widget .calendar-call{color:#0b5cff;background:#0b5cff14;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.calendar-call .sf-symbol{width:16px;height:14px}.native-widget .calendar-call:hover{background:#0b5cff25}[data-theme=dark] .native-widget .calendar-call{color:var(--native-ink);background:#ffffff1f}[data-theme=dark] .native-widget .calendar-call:hover{background:#ffffff30}.compact .calendar-call{width:32px;height:32px}.widget-face.compact:has(>.calendar-call){flex-direction:row;gap:4px;padding:4px}.compact:has(>.calendar-call) .widget-metric strong{font-size:11px}.compact:has(>.calendar-call) .widget-metric small{display:none}.vertical.layout-dateAndEvent:has(>.calendar-call){gap:4px}.vertical.layout-dateAndEvent:has(>.calendar-call) .calendar-date{padding:0}.vertical.layout-dateAndEvent:has(>.calendar-call) .calendar-event{gap:3px}.vertical.layout-dateAndEvent .calendar-call{width:28px;height:28px}.calendar-event>b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.metric-dot{vertical-align:middle;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-right:4px;display:inline-block}.calendar-event .metric-dot{border-radius:2px;width:6px;height:6px;margin-right:6px}.vertical .calendar-event{text-align:center;gap:7px}.vertical .calendar-event>strong{order:-1}.vertical .calendar-event>b{white-space:normal;font-size:13px}.vertical .calendar-event .metric-dot{margin:0 auto 5px;display:block}.calendar-date{text-align:center;flex-shrink:0;width:40px}.calendar-date small{color:#fa4547;font-size:10px;font-weight:600}.calendar-date strong{font-size:28px;font-weight:500}.layout-date{justify-content:center}.layout-dateAndEvent .calendar-date,.layout-agenda .calendar-date{background:var(--native-fill);border-radius:8px;padding:4px}.layout-dateAndEvent .calendar-date strong,.layout-agenda .calendar-date strong{font-size:22px}.calendar-agenda{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.calendar-agenda>span{justify-content:space-between;gap:8px;display:flex}.calendar-agenda b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.calendar-agenda .metric-dot{border-radius:2px;width:6px;height:6px;margin-right:5px}.vertical .calendar-agenda>span{text-align:center;display:block}.vertical .calendar-agenda b{font-size:10px;display:block}.vertical .calendar-agenda small{font-size:10px}.vertical .calendar-agenda .metric-dot{border-radius:50%;width:5px;height:5px;margin-right:4px}.reminder-count{flex-direction:column;flex-shrink:0;gap:3px;display:flex}.reminder-count strong{align-items:center;gap:6px;display:flex}.reminder-count small{font-weight:600}.reminder-icon{color:#fff;background:#078aff;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;display:inline-grid}.reminder-icon .sf-symbol{width:14px;height:14px}.reminder-titles{flex-direction:column;gap:2px;min-width:0;font-size:11px;display:flex;overflow:hidden}.reminder-titles>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vertical .reminder-count{align-items:center;gap:6px}.vertical .reminder-count>.reminder-icon{color:#078aff;background:#078aff1f;width:30px;height:30px}.vertical .reminder-count small{font-weight:400}.vertical .reminder-titles{text-align:center}.vertical .reminder-titles>span{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.layout-count{justify-content:center}.note-paper{background:var(--paper);color:#000e;white-space:pre-wrap;overflow-wrap:anywhere;width:100%;height:100%;padding:6px 9px;font-size:12px;font-weight:500;line-height:1.25}.widget-face[data-kind=system]{justify-content:space-around;gap:10px;padding:5px}.system-metric{flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;display:flex}.system-metric .widget-metric{text-align:center}.widget-face[data-kind=system].vertical{gap:12px}.widget-face[data-kind=system].layout-bars{flex-direction:column;gap:8px;padding:5px 10px}.layout-bars .system-metric{flex:initial;width:100%}.bar-label{justify-content:space-between;align-items:center;gap:6px;width:100%;font-size:13px;display:flex}.bar-label small{font-size:11px}.layout-bars:not(.vertical):not(.compact) .bar-label small{flex-shrink:0;width:40px}.layout-bars:not(.vertical):not(.compact) .bar-label b{text-align:right;flex-shrink:0;width:34px}.metric-bar{background:var(--tint);border-radius:9px;width:100%;height:4px;display:block}@supports (color:color-mix(in lab, red, red)){.metric-bar{background:color-mix(in srgb,var(--tint) 14%,transparent)}}.metric-bar{overflow:hidden}.metric-bar:before{content:"";width:var(--value);background:var(--tint);border-radius:9px;height:100%;display:block}.widget-face[data-kind=battery]{grid-auto-flow:column;justify-content:space-around;gap:8px;display:grid}.widget-face[data-kind=battery].vertical{grid-template-columns:repeat(2,1fr);grid-auto-flow:row;gap:12px 8px}.widget-face[data-kind=battery].vertical:has(.battery-device:only-child){grid-template-columns:1fr}.battery-device{flex-direction:column;align-items:center;gap:3px;display:flex;position:relative}.battery-device>.sf-symbol{width:10px;height:10px}.battery-device .usage-ring:before{-webkit-mask:radial-gradient(#0000 calc(50% - 3px),#000 calc(50% - 2.5px));mask:radial-gradient(#0000 calc(50% - 3px),#000 calc(50% - 2.5px))}.widget-face[data-kind=battery]:has(>.widget-metric){justify-content:flex-start;gap:10px;display:flex}.widget-face[data-kind=battery].compact:has(>.widget-metric){gap:6px}.widget-face[data-kind=battery].compact .leading-symbol{width:22px}.widget-face[data-kind=battery].compact strong{font-size:17px}.battery-device .usage-ring>span{font-size:calc(var(--ring-size) * .26)}.battery-device .usage-ring .sf-symbol{width:calc(var(--ring-size) * .4);height:calc(var(--ring-size) * .4)}.widget-face[data-kind=progress].layout-ring{justify-content:center;gap:8px}.widget-face[data-kind=progress].layout-ring .usage-ring>span{font-size:10px}.widget-face[data-kind=progress].layout-percentage:not(.compact) strong{font-size:23px}.progress-compact{text-align:center;width:100%}.progress-compact>span{justify-content:center;align-items:center;gap:6px;display:flex}.progress-compact strong{font-size:16px}.progress-compact small{margin-top:3px}.progress-compact .time-bars{height:10px;margin-top:6px}.layout-next:not(.vertical) .reminder-titles{font-size:13px;font-weight:600}.layout-next .reminder-titles>span{white-space:normal}.network-detail .network-values>span{align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.network-direction{flex:1}.airdrop-detail{text-align:left;flex-direction:column;gap:14px;display:flex}.airdrop-detail p{font-size:13px}.widget-panel[data-kind=clock]{width:280px}.note-message{font-size:12px}.charging-badge{background:var(--native-bg);color:#34c759;border-radius:50%;place-items:center;width:14px;height:14px;display:grid;position:absolute;top:22px;right:0}.charging-badge .sf-symbol{width:10px;height:10px}.vertical .charging-badge{width:12px;height:12px;top:18px}.battery-compact{flex-direction:column;align-items:center;gap:3px;display:flex}.battery-compact>span{align-items:center;gap:5px;display:flex}.battery-compact strong{font-size:17px}.network-values{white-space:nowrap;font-size:12px;font-weight:600}.network-values>span{display:block}.network-values b{font-size:16px;font-weight:400}.network-values em{color:var(--native-muted);font-style:normal}.download{color:#078aff}.upload{color:#ce32e3}.widget-face[data-kind=network].vertical{gap:4px;padding:8px}.vertical .network-values{font-size:10px}.progress-content{width:100%}.progress-content>span{justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:500;display:flex}.progress-content>span strong{font-size:14px}.time-bars{gap:0;width:100%;height:20px;display:flex}.time-bars i{background:currentColor;border-radius:1px;flex:1;min-width:0;transform:scaleX(.55)}.vertical .progress-content>span{flex-direction:column;gap:3px}.vertical .progress-content strong{font-size:18px}.weather-symbol{color:#ff941d;flex-shrink:0;justify-content:center;align-items:center;width:40px;display:flex}.weather-symbol .sf-symbol{width:40px;height:32px}.weather-hours,.weather-forecast{flex:1;justify-content:space-around;gap:8px;display:flex}.weather-hours>span,.weather-forecast>span{flex-direction:column;align-items:center;gap:4px;font-size:10px;display:flex}.weather-hours .sf-symbol,.weather-forecast .sf-symbol{color:#ff941d;width:15px;height:15px}.weather-hours b{font-weight:500}.vertical .weather-hours{gap:4px}.vertical.layout-hourly .weather-symbol{display:none}.vertical.layout-hourly .weather-hours .sf-symbol{width:12px;height:12px}.weather-conditions{font-size:10px!important}.widget-face[data-kind=stripe],.widget-face[data-kind=paddle],.widget-face[data-kind=shopify]{padding:6px 10px}.business-face{flex-direction:column;gap:2px;width:100%;display:flex}.business-face>small{height:12px;font-size:10px}.business-value{align-items:center;gap:8px;height:22px;display:flex}.business-value strong{font-size:18px}.business-chart{flex:1;min-width:40px;height:24px;position:relative}.business-chart svg{width:100%;height:100%;display:block}.business-caption{justify-content:space-between;gap:4px;display:flex}.business-caption small{white-space:nowrap;height:12px;font-size:10px}.vertical .business-face{text-align:center;gap:5px}.vertical .business-value{flex-direction:column;gap:7px;height:auto}.vertical .business-chart{width:100%;min-height:24px}.vertical .business-caption{flex-direction:column-reverse;gap:5px}.vertical .business-caption small{white-space:normal;height:auto;min-height:12px}.widget-face[data-kind=shortcut],.widget-face[data-kind=airdrop]{flex-direction:column;justify-content:center;gap:5px}.widget-face[data-kind=shortcut]>.sf-symbol{color:#c930e7}.widget-face[data-kind=alarm]{padding:7px 14px}.alarm-face{flex-direction:column;gap:6px;width:100%;min-width:0;display:flex}.alarm-top,.alarm-bottom{align-items:center;gap:8px;min-width:0;display:flex}.alarm-top strong{white-space:nowrap;font-variant-numeric:tabular-nums;font:500 20px/1.2 ui-rounded,-apple-system,sans-serif}.alarm-face[data-active=false] strong{font:500 18px/1.2 -apple-system,sans-serif}.alarm-top strong+*{margin-left:auto}.alarm-face small{color:var(--native-muted);white-space:nowrap;font-size:9px;line-height:1.3}.alarm-face[data-active=false]>small{font-size:11px}.alarm-face .sf-symbol{width:14px;height:14px;color:var(--native-muted);flex-shrink:0}.alarm-face[data-active=true] .sf-symbol,.alarm-face[data-due=true] [data-alarm-remaining],.alarm-face[data-due=true]>small{color:#ff9500}.alarm-bottom{gap:5px}.alarm-bottom>span{text-overflow:ellipsis;white-space:nowrap;opacity:.8;min-width:0;font-size:11px;font-weight:500;overflow:hidden}.alarm-bottom>small{flex-shrink:0;margin-left:auto}.vertical .alarm-face{text-align:center;align-items:center;gap:5px}.vertical .alarm-face>.sf-symbol{width:18px;height:18px;margin-bottom:3px}.vertical .alarm-top,.vertical .alarm-bottom{max-width:100%}.vertical .alarm-top{justify-content:center;max-width:none;margin-inline:-14px}.vertical .alarm-top strong{font-size:var(--alarm-time-size)}.widget-face[data-kind=hydration]{padding:0}.hydration-face{isolation:isolate;width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--native-ink);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:0 8px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.hydration-face{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--native-ink) 6%,transparent)}}.hydration-face{color:var(--native-ink);text-align:center}.hydration-face .widget-metric{align-items:center;gap:3px}.hydration-face .widget-metric small{color:inherit;opacity:.75}.hydration-face>.sf-symbol{opacity:.8;width:18px;height:18px}.hydration-face[data-vertical=true] strong{font:500 20px/1.2 ui-rounded,-apple-system,sans-serif}.hydration-face[data-vertical=true][data-due=true] strong{font-size:18px}.hydration-face[data-vertical=true] small{white-space:normal}.hydration-water{--water-cyan:#32ade64d;--water-blue:#007aff80;--water-back:#32ade638;z-index:-1;pointer-events:none;background:#007aff0f;position:absolute;inset:0;overflow:hidden;container-type:size}.hydration-wave{--amplitude:calc(min(5.5cqh,6px) * var(--wave-strength));width:100%;height:var(--water-level);background:linear-gradient(var(--water-cyan),var(--water-blue));transform:translateY(calc(-2 * var(--amplitude) * var(--water-fill)));position:absolute;bottom:0;left:0}.hydration-wave:after{content:"";background:var(--water-blue);height:12px;position:absolute;inset:100% 0 auto}.hydration-wave svg{width:200%;height:calc(2 * var(--amplitude));margin-bottom:calc(-1 * var(--amplitude));fill:var(--water-cyan);animation:10s linear infinite paused hydration-wave;position:absolute;bottom:100%;left:0}.hydration-wave-back{--water-cyan:var(--water-back);--water-blue:var(--water-back)}.hydration-wave-back svg{animation-delay:-1.432s}.hydration-water[data-running=true] svg{animation-play-state:running}.hydration-face:hover .hydration-wave{--amplitude:calc(min(5.5cqh,6px) * var(--wave-strength) * 1.2)}@keyframes hydration-wave{to{transform:translate(-50%)}}[data-theme=dark] .hydration-water{--water-cyan:#64d2ff38;--water-blue:#0a84ff66;--water-back:#64d2ff2e;background:#0a84ff1f}@media (prefers-color-scheme:dark){.guide-demo .hydration-water{--water-cyan:#64d2ff38;--water-blue:#0a84ff66;--water-back:#64d2ff2e;background:#0a84ff1f}}@media (prefers-reduced-motion:reduce){.hydration-water[data-running=true] svg{animation:none}}.hydration-detail{height:140px;margin-bottom:14px}.hydration-detail .hydration-face{box-shadow:none;border-radius:16px;padding:0 16px}.hydration-detail .sf-symbol{width:24px;height:24px}.hydration-detail strong{font:500 40px/1.2 ui-rounded,-apple-system,sans-serif}.hydration-detail [data-due=true] strong{font-size:28px}.hydration-detail .widget-metric{gap:8px}.hydration-detail small{font-size:12px}.widget-face[data-kind=airdrop]>.sf-symbol{color:#078aff}.widget-face[data-kind=shortcut]>small,.widget-face[data-kind=airdrop]>small{color:inherit}.section-intro{max-width:700px}.section-intro h2{letter-spacing:-.035em;font-size:clamp(34px,4.5cqw,46px)}#details{max-width:880px;margin-inline:auto}.native-ui button{cursor:pointer}.native-ui button:disabled{opacity:.4;cursor:default}.native-ui :is(button,input,select,textarea):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.widget-panel select:focus-visible{outline-offset:-2px}.native-ui .sf-symbol{width:14px;height:14px}.widget-panel{border:1px solid var(--native-line);width:332px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);color:var(--native-ink);background:var(--native-bg);border-radius:16px;margin:0;padding:16px;position:fixed;inset:auto;overflow:auto;box-shadow:0 14px 35px #0003,0 2px 6px #0001}.widget-panel:popover-open{animation:.14s ease-out panel-in}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-header h3{font-size:12px;font-weight:500}.panel-header button{width:18px;height:18px;color:var(--native-muted);place-items:center;display:grid}.panel-header .sf-symbol{width:10px;height:10px}.panel-content{scrollbar-width:thin;max-height:340px;padding:2px;overflow:auto}.panel-content small{color:var(--native-muted);font-size:12px;line-height:1.3;display:block}.customize-row{border-top:1px solid var(--native-line);justify-content:space-between;align-items:center;width:100%;margin-top:13px;padding-top:13px;font-size:12px;display:flex}.customize-row .sf-symbol{width:10px;height:10px;color:var(--native-muted)}.detail-time{text-align:center;flex-direction:column;gap:4px;padding:4px 0 12px;display:flex}.detail-time>strong{font-variant-numeric:tabular-nums;font-size:36px;font-weight:500}.detail-actions{justify-content:center;gap:10px;margin:4px 0 14px;display:flex}.detail-actions button,.preset-strip button,.panel-content>button,.shortcut-detail>button{background:var(--native-fill);box-shadow:inset 0 0 0 .5px var(--native-line);border-radius:7px;padding:7px 14px;font-size:13px}.native-ui .prominent{color:#fff;box-shadow:none;background:#078aff}.preset-strip{gap:6px;padding:2px;display:flex;overflow-x:auto}.preset-strip button{white-space:nowrap;flex:1;padding:7px 8px;font-size:12px}.preset-strip button[aria-pressed=true]{color:#fff;background:#078aff}.setting-row{justify-content:space-between;align-items:center;gap:10px;min-height:32px;font-size:12px;line-height:1.3;display:flex}.setting-row+.setting-row{margin-top:5px}.setting-row>span:first-child{min-width:0}.setting-row select{max-width:60%;font:inherit;background:var(--native-fill);color:inherit;cursor:pointer;appearance:auto;border-radius:5px;padding:3px 20px 3px 7px}.setting-row input:not([type=checkbox],[type=range]){background:var(--native-fill);min-width:0;max-width:62%;color:inherit;border-radius:4px;padding:5px 7px;font-size:12px}.setting-row input[type=checkbox][role=switch]{appearance:none;cursor:pointer;background:#a2a2a2;border-radius:99px;flex-shrink:0;width:26px;height:15px;transition:background .12s;position:relative}.setting-row input[type=checkbox][role=switch]:checked{background:#078aff}.setting-row input[type=checkbox][role=switch]:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:translate .12s;position:absolute;top:1.5px;left:1.5px;box-shadow:0 1px 2px #0003}.setting-row input[type=checkbox][role=switch]:checked:after{translate:11px}.setting-row input:disabled{opacity:.4}.settings-group{margin-bottom:14px}.settings-group h4{color:var(--native-muted);margin-bottom:10px;font-size:11px;font-weight:500}.color-palette{gap:6px;display:flex}.color-palette button{border:0;border-radius:50%;width:30px;height:30px;padding:3px}.color-palette button span{border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.color-palette .sf-symbol{color:#fff;width:11px;height:11px}.stepper{align-items:center;gap:6px;display:flex}.stepper button{background:var(--native-fill);border-radius:50%;width:20px;height:20px;font-size:15px}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:62px;font-size:12px;font-weight:600}.layout-picker{flex-wrap:wrap;gap:4px;margin-bottom:15px;display:flex}.layout-picker legend{color:var(--native-muted);margin-bottom:8px;font-size:11px;font-weight:500}.layout-picker label{cursor:pointer;flex:1;min-width:50px;position:relative}.layout-picker input{opacity:0;position:absolute}.layout-picker span{text-align:center;border:1px solid var(--native-line);border-radius:7px;justify-content:center;align-items:center;min-height:38px;padding:7px 5px;font-size:11px;display:flex}.layout-picker input:checked+span{background:#078aff12;border-color:#078aff}.layout-picker input:focus-visible+span{outline:2px solid var(--focus-ring)}.duration-fields{gap:10px;margin:16px 0;display:flex}.duration-fields label{text-align:center;min-width:0;color:var(--native-muted);flex-direction:column-reverse;flex:1;gap:6px;font-size:11px;display:flex}.duration-fields input{border:1px solid var(--native-line);text-align:center;width:100%;color:var(--native-ink);border-radius:6px;margin-top:6px;padding:8px;font-size:24px;display:block}.field-message{color:#c64736;margin-top:8px;font-size:12px}.saved-presets{margin-top:10px}.saved-presets>span{align-items:center;gap:4px;display:flex}.saved-presets button{background:var(--native-fill);border-radius:5px;margin-bottom:4px;padding:7px}.saved-presets button:first-child{flex:1;justify-content:space-between;display:flex}.detail-player{text-align:center}.detail-player .music-art{border-radius:12px;width:104px;height:104px;margin:0 auto 14px}.detail-player .music-art .sf-symbol{width:58px;height:58px}.detail-player h3{margin-bottom:4px;font-size:14px;font-weight:600}.detail-player .player-controls button{width:35px;height:35px}.widget-panel[data-kind=notes]{background:var(--paper);color:#222;--native-ink:#222;--native-muted:#5b502e;--native-line:#0002}.note-editor{resize:none;color:#222;background:0 0;border:0;width:100%;height:220px;font:18px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;display:block}.native-ui .note-editor:focus-visible{outline:none}.reminders-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.reminders-header .reminder-icon{width:32px;height:32px}.reminders-header .reminder-icon .sf-symbol{width:20px;height:20px}.reminders-header h3{font-size:17px;font-weight:600}.reminders-header>b{margin-left:auto;font-size:22px;font-weight:600}.detail-reminders{border-block:1px solid var(--native-line);max-height:180px;margin:10px 0;padding-block:10px;overflow:auto}.detail-reminders label{cursor:pointer;align-items:flex-start;gap:10px;padding:5px 0;font-size:13px;display:flex}.detail-reminders input{appearance:none;cursor:pointer;border:1px solid #999;border-radius:50%;flex-shrink:0;width:18px;height:18px}.detail-reminders input:checked{box-shadow:inset 0 0 0 3px var(--native-bg);background:#078aff;border-color:#078aff}.detail-reminders input:checked+span{color:var(--native-muted);text-decoration:line-through}.reminder-form input{background:var(--native-fill);border-radius:5px;flex:1;min-width:0;padding:6px;font-size:13px}.reminder-form button{width:auto;color:var(--native-ink);font-size:13px}.detail-date{margin-bottom:12px;font-size:16px;font-weight:600}.detail-agenda button{text-align:left;border-top:1px solid var(--native-line);border-radius:5px;align-items:flex-start;gap:12px;width:100%;padding:10px 4px;display:flex}.detail-agenda button:hover{background:var(--native-fill)}.detail-agenda time{width:38px;color:var(--native-muted);font-size:11px}.detail-agenda b{font-size:13px;font-weight:500}.detail-agenda small{margin-top:4px;font-size:11px}.event-info{color:var(--native-muted);font-size:12px}.detail-clock{flex-direction:column;align-items:center;gap:8px;padding:6px 0;display:flex}.detail-clock>strong{font-variant-numeric:tabular-nums;font-size:36px;font-weight:500}.detail-clock>b{font-size:13px;font-weight:500}.detail-clock>small{font-size:11px}.world-clock-face{height:62px;margin-bottom:14px}.weather-search{align-items:center;gap:8px;margin-bottom:10px;display:flex}.weather-search .search-field{flex:1;min-width:0}.search-field{display:block}.search-field input{background:var(--native-fill);border-radius:6px;width:100%;padding:7px 8px;font-size:12px}.city-results{max-height:215px;margin-top:7px;overflow:auto}.city-results button{text-align:left;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:56px;padding:8px;display:flex}.city-results button:hover,.city-results button[aria-pressed=true]{background:var(--native-fill)}.detail-system{justify-content:space-around;gap:16px;padding:10px 0 20px;display:flex}.detail-system>span{flex-direction:column;align-items:center;gap:8px;display:flex}.detail-system .usage-ring>span{font-size:18px;font-weight:600}.detail-system .usage-ring:before{-webkit-mask:radial-gradient(#0000 calc(50% - 5px),#000 calc(50% - 4.5px));mask:radial-gradient(#0000 calc(50% - 5px),#000 calc(50% - 4.5px))}.detail-devices>div{align-items:center;gap:12px;padding:9px 0;display:flex}.detail-devices .usage-ring .sf-symbol{width:16px;height:16px}.detail-devices>div>b{margin-left:auto;font-size:20px;font-weight:600}.detail-devices>div>span:not(.usage-ring){font-size:13px;font-weight:600}.detail-devices small{margin-top:4px;font-size:12px;font-weight:400}.network-detail .network-values{flex-direction:column;gap:14px;width:100%;display:flex}.network-detail .business-chart{height:110px;margin:14px 0}.network-detail>small{margin-top:10px}.detail-progress>div:first-child{justify-content:space-between;align-items:center;margin:12px 0 20px;display:flex}.detail-progress>div>b{font-size:16px;font-weight:500}.detail-progress strong{font-size:24px;font-weight:600}.detail-progress .usage-ring>span{font-size:22px;font-weight:400}.detail-progress>.usage-ring{margin:0 auto 10px}.detail-progress>.time-bars{height:32px}.weather-detail{align-items:center;gap:14px;margin:0 0 14px;display:flex}.weather-detail>div{flex-direction:column;gap:3px;display:flex}.weather-detail h3{font-size:13px;font-weight:600}.weather-detail .weather-symbol{width:auto}.weather-detail strong{font-size:32px;font-weight:600}.weather-forecast{padding:10px 0}.business-detail>strong{margin:12px 0 4px;font-size:30px;font-weight:600;display:block}.business-detail .business-chart{height:100px;margin-top:16px}.chart-reading{color:var(--native-muted);min-height:15px;margin-top:10px;font-size:12px}.chart-days{display:flex;position:absolute;inset:0}.chart-days button{background:0 0;border:0;flex:1}.chart-days button:hover,.chart-days button:focus-visible{background:#8882}.shortcut-result{color:var(--native-muted);margin:10px 0;font-size:12px;line-height:1.4}.file-picker{background:var(--native-fill);cursor:pointer;border-radius:6px;align-self:flex-start;padding:5px 9px;position:relative}.file-picker input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-picker:has(:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}.widget-context{border:1px solid var(--native-line);background:var(--native-bg);border-radius:9px;width:190px;margin:0;padding:5px;position:fixed;inset:auto;box-shadow:0 8px 28px #0003}.widget-context button{text-align:left;border-radius:5px;width:100%;padding:6px 9px;font-size:12px;display:block}.widget-context button:hover,.widget-context button:focus-visible{color:#fff;background:#078aff;outline:none}.widget-context .destructive{color:#d53b32;border-top:1px solid var(--native-line);margin-top:4px}.demo-window{z-index:25;background:var(--native-bg);width:660px;max-width:calc(100% - 36px);height:454px;max-height:calc(100% - 70px);color:var(--native-ink);border:1px solid #0002;border-radius:12px;margin:0;padding:0;position:absolute;inset:50% auto auto 50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 15px 60px #0004}:is(.demo-window[open],.demo-window:popover-open){flex-direction:column;display:flex}.library-body{flex:1;min-height:0;display:flex}.demo-window.settings-window{z-index:100;border:1px solid var(--native-line);opacity:0;width:350px;max-width:calc(100vw - 24px);height:auto;max-height:calc(100dvh - 24px);transition:opacity .15s ease-out,display .15s allow-discrete,overlay .15s allow-discrete;border-radius:20px;position:fixed;inset:12px auto auto 12px;transform:none;box-shadow:0 12px 40px #0003}.demo-window.settings-window:popover-open{opacity:1}@starting-style{.demo-window.settings-window:popover-open{opacity:0}}@media (prefers-reduced-motion:reduce){.demo-window.settings-window{transition:none}}.dock-settings-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 8px;display:flex}.dock-settings-header h3{letter-spacing:-.02em;font-size:16px;font-weight:600}.dock-settings-header button{background:var(--native-fill);width:28px;height:28px;color:var(--native-muted);cursor:pointer;border-radius:50%;place-items:center;display:grid}.dock-settings-header .sf-symbol{width:11px;height:11px}.dock-settings-content{overscroll-behavior:contain;scrollbar-width:thin;padding:0 20px 16px;overflow:auto}.dock-options{border:0;min-width:0;margin:0 0 12px;padding:0}.dock-options legend,.dock-size>span:first-child{color:var(--native-muted);margin-bottom:8px;font-size:12px;font-weight:500}.dock-options>div{flex-wrap:wrap;gap:6px;display:flex}.dock-options label{background:var(--native-fill);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;min-width:80px;min-height:38px;padding:8px 10px;font-size:12px;display:flex}.dock-options label:has(:checked){background:var(--native-ink);color:var(--native-bg)}.dock-options input{appearance:auto;accent-color:currentColor;flex-shrink:0;width:13px;height:13px;margin:0}.dock-options label:has(:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}.dock-size{margin-bottom:12px;display:block}.dock-size>span:first-child{display:block}.size-control{align-items:center;gap:12px;display:flex}.size-control input{min-width:0;accent-color:var(--native-ink);flex:1}.size-control output{text-align:right;min-width:34px;color:var(--native-muted);font-variant-numeric:tabular-nums;font-size:12px}.dock-settings-apps{border-top:1px solid var(--native-line);padding-top:8px}.dock-settings-apps .setting-row{min-height:32px}body:has(.library-window[open]){overflow:hidden}.demo-window.library-window{border:1px solid var(--native-line);opacity:0;width:800px;max-width:calc(100vw - 32px);height:500px;max-height:calc(100dvh - 40px);transition:opacity .18s ease-out,display .18s allow-discrete,overlay .18s allow-discrete;border-radius:24px;margin:auto;position:fixed;inset:0;transform:none;box-shadow:0 18px 70px #0005,0 0 0 1px #ffffff30}.demo-window.library-window[open]{opacity:1}.library-window::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;transition:opacity .18s ease-out,display .18s allow-discrete,overlay .18s allow-discrete;background:#0003}.library-window[open]::backdrop{opacity:1}@starting-style{.demo-window.library-window[open],.library-window[open]::backdrop{opacity:0}}@media (prefers-reduced-motion:reduce){.demo-window.library-window,.library-window::backdrop{transition:none}}@media (prefers-reduced-transparency:reduce){.library-window::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.library-window[data-theme=dark]{--native-bg:#202020}.library-sidebar{background:var(--native-ink);flex-direction:column;flex-shrink:0;gap:20px;width:180px;padding:20px 16px 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.library-sidebar{background:color-mix(in srgb,var(--native-ink) 2.5%,transparent)}}.library-sidebar{border-right:1px solid var(--native-line)}.library-sidebar h2{white-space:nowrap;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.library-sidebar .sf-symbol{width:16px;height:16px}.library-sidebar .search-field{border:1px solid var(--native-line);background:var(--native-fill);border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:0 10px;display:flex;position:relative}.library-sidebar .search-field>.sf-symbol{width:14px;height:14px;color:var(--native-muted)}.library-sidebar .search-field:focus-within{outline:2px solid var(--focus-ring);outline-offset:0}.native-ui .search-field input:focus-visible{outline:none}.library-sidebar .search-field input{background:0 0;outline:none;min-width:0;padding:8px 0;font-size:13px}.library-sidebar nav{scrollbar-width:thin;flex-direction:column;gap:4px;min-height:0;display:flex;overflow:auto}.library-sidebar nav button{text-align:left;cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:34px;padding:6px 12px;font-size:13px;font-weight:500;display:flex}.library-sidebar nav button[aria-pressed=true]{background:var(--native-ink)}@supports (color:color-mix(in lab, red, red)){.library-sidebar nav button[aria-pressed=true]{background:color-mix(in srgb,var(--native-ink) 10%,transparent)}}.library-sidebar nav button[aria-pressed=true]{border-color:var(--native-ink)}@supports (color:color-mix(in lab, red, red)){.library-sidebar nav button[aria-pressed=true]{border-color:color-mix(in srgb,var(--native-ink) 16%,transparent)}}.library-sidebar nav button[aria-pressed=true]{font-weight:600}.library-sidebar nav button:hover:not([aria-pressed=true]){background:var(--native-fill)}.library-sidebar nav button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.library-grid{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-width:0;padding:72px 24px 24px;overflow:auto}.library-group+.library-group{margin-top:40px}.library-group h3{margin-bottom:12px;font-size:14px;font-weight:600}.library-tiles{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.library-widget{flex-shrink:0;min-width:0;max-width:100%;position:relative}.library-preview{background:var(--native-ink);border-radius:14px;width:100%}@supports (color:color-mix(in lab, red, red)){.library-preview{background:color-mix(in srgb,var(--native-ink) 2.5%,transparent)}}.library-preview{box-shadow:inset 0 0 0 1px var(--native-line);overflow:hidden}.library-window .library-preview .native-widget{background:0 0}.library-widget:hover .library-preview,.library-widget:focus-within .library-preview{background:var(--native-ink)}@supports (color:color-mix(in lab, red, red)){.library-widget:hover .library-preview,.library-widget:focus-within .library-preview{background:color-mix(in srgb,var(--native-ink) 7%,transparent)}}.library-widget:hover .library-preview,.library-widget:focus-within .library-preview{box-shadow:inset 0 0 0 1px var(--native-ink)}@supports (color:color-mix(in lab, red, red)){.library-widget:hover .library-preview,.library-widget:focus-within .library-preview{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--native-ink) 25%,transparent)}}.library-widget figcaption{justify-content:space-between;align-items:baseline;gap:6px;margin-top:8px;font-size:11px;line-height:1.35;display:flex}.library-indicator{color:var(--native-muted);opacity:.5}.library-indicator .sf-symbol{width:14px;height:14px}.library-widget:hover .library-indicator,.library-widget:focus-within .library-indicator,.library-widget[data-added] .library-indicator{opacity:1}.library-widget[data-added] .library-indicator{color:#30a84c}.library-add{cursor:pointer;border-radius:14px;width:100%;height:100%;position:absolute;inset:0}.library-add:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.library-close{cursor:pointer;width:28px;height:28px;color:var(--native-muted);background:var(--native-bg);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.library-close .sf-symbol{width:12px;height:12px}.library-close:hover{color:var(--native-ink);background:var(--native-fill)}.library-close:focus-visible{outline:2px solid var(--focus-ring)}.empty-library{color:var(--native-muted);grid-column:1/-1;font-size:12px}[data-theme=dark]{--native-ink:#f4f4f4;--native-muted:#aaa;--native-bg:#292929;--native-fill:#ffffff0d;--native-line:#ffffff16;color-scheme:dark}[data-theme=dark] .native-widget-wrap{--native-ink:#f4f4f4;--native-muted:#aaa;--native-bg:#292929;--native-fill:#ffffff0d;--native-line:#ffffff16}[data-theme=dark] .native-widget{color:var(--native-ink);background:#ffffff0a}[data-theme=dark] .native-widget:hover{background:#ffffff14}.desktop-scene[data-theme=dark] .desktop-menubar{color:#fafafa;background:#00000030}.desktop-scene[data-theme=dark] .profile-menu summary img{filter:none}.desktop-scene[data-theme=dark] .profile-choices{color:#eee;background:#292929f5}.desktop-scene[data-theme=dark] .profile-choices legend{color:#aaa}.desktop-scene[data-theme=dark] .custom-preview{background:#252525bd}.desktop-scene[data-theme=dark][data-glass=clear]:not([data-material=frosted]) .custom-preview{background:#22222280}.desktop-scene[data-theme=dark] .dock-grip span{background:#fff5}.desktop-scene[data-theme=dark][data-material=frosted] .custom-preview{background:#292929e6}.desktop-scene[data-theme=dark] .custom-preview{box-shadow:inset 0 1px 1px #fff2,inset 0 -1px 1px #ffffff0a,0 5px 20px #0003}.desktop-scene[data-theme=dark] .custom-preview:after{border-color:#ffffff1f}@keyframes panel-in{0%{opacity:0;translate:0 3px}to{opacity:1;translate:0}}@container (max-width:700px){.desktop-menubar{gap:8px;padding-inline:10px;font-size:10px}.desktop-app-menu{gap:9px}.desktop-menubar>span:last-child{display:none}.native-preview{border-radius:14px;padding:6px 5px 9px}.native-preview .dock-item{width:min(28px,calc((100cqw - 60px) * .8 / var(--app-count)));height:min(28px,calc((100cqw - 60px) * .8 / var(--app-count)))}.desktop-scene[data-position=bottom][data-mode=both] .custom-preview{bottom:95px}.custom-preview{max-width:calc(100% - 24px)}.demo-window{max-width:calc(100% - 20px);height:448px}.setting-row select{font-size:11px}}@container (max-width:500px){.dock-settings-header{padding:14px 16px 8px}.dock-settings-content{padding:0 16px 16px}.dock-options,.dock-size{margin-bottom:12px}.dock-settings-apps{padding-top:8px}.desktop-scene{aspect-ratio:auto;height:clamp(260px,46svh,400px)}.profile-choices{max-height:328px}.desktop-app-menu>span{display:none}}@media (pointer:coarse){.native-ui .setting-row{min-height:36px}.native-ui input:not([type=range],[type=checkbox]),.native-ui textarea{font-size:16px}.panel-header button{width:28px;height:28px}}@media (prefers-reduced-motion:reduce){.widget-panel:popover-open{animation:none}.custom-preview,.setting-row input,.setting-row input:after{transition:none}.dock-item{will-change:auto}}.usage-ring:before{content:none}.usage-ring>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.usage-ring circle{fill:none;stroke:var(--tint);stroke-width:var(--ring-stroke)}.usage-ring .ring-track{opacity:.16}.usage-ring .ring-fill{stroke-dasharray:var(--ring) 100;stroke-linecap:round}.weather-art{flex-shrink:0;justify-content:center;align-items:center;width:40px;height:32px;display:inline-flex}.weather-art img{object-fit:contain;width:100%;height:100%}.weather-hours .weather-art,.weather-forecast .weather-art{width:15px;height:15px}.weather-detail .weather-art{width:36px;height:36px}.vertical .weather-hours{flex-direction:column;gap:5px;width:100%}.vertical .weather-hours>span{flex-direction:row;justify-content:space-between;gap:4px;font-size:10px}.vertical .weather-hours .sf-symbol,.vertical .weather-hours .weather-art{width:14px;height:14px}.airdrop-art{object-fit:contain;width:22px;height:22px;display:block}.airdrop-detail>.airdrop-art{width:44px;height:44px;margin:12px auto}.layout-dateAndEvent .calendar-event>strong{color:var(--native-muted);font-size:11px;font-weight:400}.layout-dateAndEvent.vertical .calendar-event>strong{order:0}.timer-reset-menu{position:relative}.timer-reset-menu summary{background:var(--native-fill);cursor:pointer;border-radius:7px;padding:7px 14px;font-size:13px;list-style:none}.timer-reset-menu summary::-webkit-details-marker{display:none}.timer-reset-menu>div{z-index:3;background:var(--native-bg);border:1px solid var(--native-line);border-radius:8px;width:160px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 5px 18px #0003}.timer-reset-menu button{text-align:left;width:100%;box-shadow:none;background:0 0;border-radius:4px;padding:7px;font-size:12px;display:block}.timer-reset-menu button:hover{color:#fff;background:#078aff}.dock-item:before{display:none}.dock-tooltip{z-index:100;pointer-events:none;background:var(--native-bg);color:var(--native-ink);border:1px solid var(--native-line);border-radius:6px;padding:5px 9px;font-size:12px;position:fixed;box-shadow:0 2px 8px #0002}.dock-tooltip[hidden]{display:none}.widget-face[data-kind=shortcut]>.sf-symbol,.shortcut-detail>.sf-symbol{color:var(--widget-tint,#c930e7)}.custom-dock{gap:var(--dock-gap);padding:var(--dock-padding);border-radius:var(--shelf-radius);scrollbar-width:none;width:max-content;max-width:calc(100% - 32px);color:var(--native-ink,#262626);align-items:center}.custom-dock .dock-item{width:var(--app-width);height:var(--app-height);will-change:auto;flex-shrink:0;place-items:center;display:grid;transform:none}.app-content{width:100%;height:100%;display:block;position:relative}.custom-dock .dock-item img{filter:none}.dock-item img[src*="/notion-native.webp"]{border-radius:22%;width:87.5%;height:87.5%;margin:6.25%}.custom-dock .app-content{width:var(--icon-size);height:var(--icon-size);transform:translateY(var(--icon-y))}.dock-item img{object-fit:contain;width:100%;height:100%}.custom-dock .dock-item[data-running=true]:after{width:var(--dot-size);height:var(--dot-size);translate:-50% -50%;transform:translate(var(--dot-x),var(--dot-y));top:50%;bottom:auto;left:50%}.custom-dock .app-badge,.hero-particle .app-badge{transform:scale(var(--icon-factor));transform-origin:100% 0;top:0;right:0}.custom-dock[data-position=bottom] .dock-item+.dock-item{margin-left:var(--adjacent-gap)}.custom-dock:not([data-position=bottom]) .dock-item+.dock-item{margin-top:var(--adjacent-gap)}:is(.custom-dock,.hero-particle) .folder-icon img,:is(.custom-dock,.hero-particle) .folder-tint{width:87.5%;height:87.5%;position:absolute;inset:6.25%}.folder-icon{isolation:isolate}.folder-tint{opacity:.65;mix-blend-mode:color;-webkit-mask:url(/dock-icons/folder.png) 50%/contain no-repeat;mask:url(/dock-icons/folder.png) 50%/contain no-repeat}.folder-icon b,.guide-folder b{padding-top:calc(8px * var(--icon-factor,1));font:700 calc(19px * var(--icon-factor,1))/1 ui-rounded,-apple-system,sans-serif;color:#fff;text-shadow:0 1px 1px #0008;place-items:center;display:grid;position:absolute;inset:0}.custom-dock .file-icon img{width:91.67%;height:91.67%;margin:4.165%}.dock-grip{min-height:var(--grip-cross)}.dock-grip span{width:var(--grip-short);height:var(--grip-long)}.desktop-scene:not([data-position=bottom]) .dock-grip span{width:var(--grip-long);height:var(--grip-short)}.widget-panel{--wash:#888;--native-bg:#fff;background:linear-gradient(135deg,var(--wash),var(--wash) 55%,transparent),var(--native-bg);border:0}@supports (color:color-mix(in lab, red, red)){.widget-panel{background:linear-gradient(135deg,color-mix(in srgb,var(--wash) 12%,transparent),color-mix(in srgb,var(--wash) 4%,transparent) 55%,transparent),var(--native-bg)}}.widget-panel{box-shadow:0 14px 35px #0003,0 2px 6px #0001,inset 0 0 0 1px var(--native-line)}.widget-panel[data-theme=dark]{--native-bg:#292929;background:linear-gradient(135deg,var(--wash),var(--wash) 55%,transparent),var(--native-bg)}@supports (color:color-mix(in lab, red, red)){.widget-panel[data-theme=dark]{background:linear-gradient(135deg,color-mix(in srgb,var(--wash) 20%,transparent),color-mix(in srgb,var(--wash) 8%,transparent) 55%,transparent),var(--native-bg)}}.panel-header{gap:9px;min-height:28px;margin-bottom:12px}.panel-header h3{color:var(--native-muted);margin-right:auto;font-size:12px;font-weight:500}.native-ui .header-button{min-width:28px;height:28px;color:var(--native-muted);border-radius:6px;place-items:center;padding:0 6px;display:grid}.header-button:hover{background:var(--native-ink)}@supports (color:color-mix(in lab, red, red)){.header-button:hover{background:color-mix(in srgb,var(--native-ink) 8%,transparent)}}.header-button:hover{color:var(--native-ink)}.header-button:active{background:var(--native-ink)}@supports (color:color-mix(in lab, red, red)){.header-button:active{background:color-mix(in srgb,var(--native-ink) 14%,transparent)}}.panel-header .header-button .sf-symbol{width:12px;height:12px}.panel-header [data-action=close-panel] .sf-symbol{width:10px;height:10px}.panel-content{scrollbar-width:thin;max-height:360px;margin:0 -16px;padding:0 16px;overflow:auto}.bubble-button,.panel-content>button{background:var(--native-fill);color:var(--native-ink);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 13px;font-size:13px;font-weight:500;display:inline-flex}.bubble-button:hover{background:var(--native-ink)}@supports (color:color-mix(in lab, red, red)){.bubble-button:hover{background:color-mix(in srgb,var(--native-ink) 10%,transparent)}}.bubble-button:active{background:var(--native-ink)}@supports (color:color-mix(in lab, red, red)){.bubble-button:active{background:color-mix(in srgb,var(--native-ink) 14%,transparent)}}.panel-header .panel-back{width:auto;height:auto;display:flex}.panel-back .sf-symbol{width:10px;height:10px}.widget-checkbox{cursor:pointer;flex-direction:row-reverse;justify-content:flex-end;gap:8px;min-height:28px;padding:4px 0;font-size:13px}.widget-checkbox+.widget-checkbox{margin-top:0}.widget-checkbox input{appearance:none;border:1px solid var(--native-ink);width:15px;height:15px}@supports (color:color-mix(in lab, red, red)){.widget-checkbox input{border:1px solid color-mix(in srgb,var(--native-ink) 28%,transparent)}}.widget-checkbox input{background:var(--native-ink);border-radius:4px}@supports (color:color-mix(in lab, red, red)){.widget-checkbox input{background:color-mix(in srgb,var(--native-ink) 1.5%,transparent)}}.widget-checkbox input{cursor:pointer;flex-shrink:0}.widget-checkbox:hover input{border-color:var(--native-ink)}@supports (color:color-mix(in lab, red, red)){.widget-checkbox:hover input{border-color:color-mix(in srgb,var(--native-ink) 50%,transparent)}}.widget-checkbox:hover input{background:var(--native-ink)}@supports (color:color-mix(in lab, red, red)){.widget-checkbox:hover input{background:color-mix(in srgb,var(--native-ink) 6%,transparent)}}.widget-checkbox input:checked:after{content:"";background:var(--native-ink);width:9px;height:9px;margin:2px;display:block;-webkit-mask:url(/widget-symbols/checkmark.png) 50%/contain no-repeat;mask:url(/widget-symbols/checkmark.png) 50%/contain no-repeat}.widget-panel .setting-row:has(select){min-height:0;color:var(--native-muted);flex-direction:column;align-items:flex-start;gap:6px;margin:0 0 14px;font-size:11px;font-weight:500}.widget-panel .setting-row select{border:1px solid var(--native-ink);min-width:100px;max-width:100%;height:26px;padding:3px 26px 3px 10px}@supports (color:color-mix(in lab, red, red)){.widget-panel .setting-row select{border:1px solid color-mix(in srgb,var(--native-ink) 20%,transparent)}}.widget-panel .setting-row select{color:var(--native-ink);background:var(--native-ink);border-radius:6px;font-size:12px;font-weight:500}@supports (color:color-mix(in lab, red, red)){.widget-panel .setting-row select{background:color-mix(in srgb,var(--native-ink) 1.5%,transparent)}}.settings-group h4,.layout-picker legend,.folder-detail h4{color:var(--native-muted);margin-bottom:8px;font-size:12px;font-weight:500}.layout-picker{flex-direction:column;gap:8px;display:flex}.layout-picker label{width:100%}.layout-picker label>span{background:var(--native-fill);border:0;border-radius:6px;justify-content:flex-start;gap:10px;min-height:28px;padding:5px 10px;font-size:12px;font-weight:500}.layout-picker label b{font-weight:500}.layout-picker label .sf-symbol{width:20px;height:15px}.layout-picker label .layout-check{color:#078aff;visibility:hidden;width:14px;height:14px;margin-left:auto}.layout-picker input:checked+span{background:var(--native-ink)}@supports (color:color-mix(in lab, red, red)){.layout-picker input:checked+span{background:color-mix(in srgb,var(--native-ink) 9%,transparent)}}.layout-picker input:checked+span .layout-check{visibility:visible}.layout-picker label:hover>span{background:var(--native-ink)}@supports (color:color-mix(in lab, red, red)){.layout-picker label:hover>span{background:color-mix(in srgb,var(--native-ink) 10%,transparent)}}.stock-tile{font-variant-numeric:tabular-nums;align-items:center;gap:12px;width:100%;height:100%;padding:10px;display:flex}.stock-summary{flex-direction:column;flex-shrink:0;gap:2px;min-width:0;display:flex}.stock-ticker{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.stock-summary strong{font-size:16px;font-weight:600;line-height:1.2}.stock-summary small{font-size:10px;font-weight:500;line-height:1.2}.stock-stable{white-space:nowrap;display:grid}.stock-stable>span{grid-area:1/1}.stock-stable>span:first-child{visibility:hidden}.stock-stable>span:last-child{max-width:100%;position:absolute;overflow:hidden}.stock-stable{position:relative}.stock-watchlist .stock-summary{text-align:center;flex:1}.stock-watchlist .stock-stable>span:last-child{inset-inline:0}.stock-tile.compact{text-align:center;justify-content:center}.stock-tile.compact .stock-stable>span:last-child{inset-inline:0}.stock-tile.vertical{flex-direction:column;gap:10px;padding:8px}.stock-tile.vertical .stock-summary{flex:none;max-width:100%}.stock-tile.vertical strong{font-size:13px}.stock-gain{color:#0d7533}.stock-loss{color:#c7212b}.stock-neutral{color:var(--native-muted)}[data-theme=dark] .stock-gain{color:#30d158}[data-theme=dark] .stock-loss{color:#ff757d}.stock-plot{touch-action:none;min-width:0;height:126px;padding-bottom:18px;padding-right:40px;position:relative}.stock-price-chart{width:100%;height:108px;display:block;overflow:hidden}.stock-mini{flex:1;height:34px;padding:0}.stock-mini .stock-price-chart{height:34px}.vertical .stock-mini{flex:none;width:100%;height:40px}.vertical .stock-mini .stock-price-chart{height:40px}.stock-grid{fill:none;stroke:var(--native-ink);stroke-opacity:.06;stroke-width:.5px}.stock-reference{fill:none;stroke:var(--native-muted);stroke-opacity:.4;stroke-width:.5px;stroke-dasharray:2 2}.stock-cursor line{stroke:var(--native-muted);stroke-opacity:.6;stroke-width:.7px}.stock-y-axis{height:108px;color:var(--native-muted);flex-direction:column;justify-content:space-between;font-size:11px;display:flex;position:absolute;top:0;right:0}.stock-y-axis>span{position:absolute;right:0;transform:translateY(-50%)}.stock-x-axis{color:var(--native-muted);justify-content:space-around;padding-top:5px;font-size:11px;display:flex}.stock-volume{width:100%;height:24px;fill:var(--native-muted);fill-opacity:.45;margin-top:4px;display:block}.stock-plot:has(.stock-volume){height:154px}.stock-detail{flex-direction:column;gap:12px;display:flex}:is(.stock-tabs,.widget-tabs){background:var(--native-ink);border-radius:16px;gap:4px;padding:4px;display:flex}@supports (color:color-mix(in lab, red, red)){:is(.stock-tabs,.widget-tabs){background:color-mix(in srgb,var(--native-ink) 4%,transparent)}}.native-ui :is(.stock-tabs,.widget-tabs) button{background:var(--native-ink);border-radius:12px;flex:1;min-width:0;padding:8px 10px}@supports (color:color-mix(in lab, red, red)){.native-ui :is(.stock-tabs,.widget-tabs) button{background:color-mix(in srgb,var(--native-ink) 3%,transparent)}}.native-ui :is(.stock-tabs,.widget-tabs) button{color:var(--native-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.native-ui :is(.stock-tabs,.widget-tabs) button[aria-pressed=true]{background:var(--native-ink)}@supports (color:color-mix(in lab, red, red)){.native-ui :is(.stock-tabs,.widget-tabs) button[aria-pressed=true]{background:color-mix(in srgb,var(--native-ink) 10%,transparent)}}.native-ui :is(.stock-tabs,.widget-tabs) button[aria-pressed=true]{color:var(--native-ink)}.native-ui :is(.stock-tabs,.widget-tabs) button:hover{background:var(--native-ink)}@supports (color:color-mix(in lab, red, red)){.native-ui :is(.stock-tabs,.widget-tabs) button:hover{background:color-mix(in srgb,var(--native-ink) 8%,transparent)}}.native-ui :is(.stock-tabs,.widget-tabs) button:hover{color:var(--native-ink)}:is(.stock-tabs,.widget-tabs) button:focus-visible,.stock-plot:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.stock-toolbar{align-items:center;gap:12px;display:flex}.widget-panel .stock-toolbar .setting-row{color:var(--native-ink);flex-direction:row;flex:1;justify-content:space-between;align-items:center;margin:0;font-size:13px;font-weight:400}.widget-panel .stock-toolbar select{width:auto;min-width:52px}.stock-toolbar .header-button .sf-symbol{width:13px;height:13px}.stock-detail-heading{justify-content:space-between;align-items:flex-start;gap:12px;min-height:43px;display:flex}.stock-detail-heading a{flex-direction:column;flex:1;gap:3px;min-width:0;text-decoration:none;display:flex}.stock-detail-heading a:hover{opacity:.65}.stock-detail-heading b,.stock-detail-heading strong{font-size:16px;font-weight:600;line-height:1.2}.stock-detail-heading b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stock-detail-heading small{color:var(--native-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.2;display:-webkit-box;overflow:hidden}.stock-detail-heading>div{font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.stock-detail-heading>div>span{font-size:12px}.stock-readout{min-height:34px;color:var(--native-muted);font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;gap:3px;font-size:11px;display:flex}.stock-readout b{color:var(--native-ink);font-weight:600}.stock-readout b.stock-gain{color:#0d7533}.stock-readout b.stock-loss{color:#c7212b}[data-theme=dark] .stock-readout b.stock-gain{color:#30d158}[data-theme=dark] .stock-readout b.stock-loss{color:#ff757d}.stock-reference-label,.stock-source,.stock-volume-readout{color:var(--native-muted);font-size:11px;line-height:1.3}.stock-volume-readout:empty,.stock-tabs[hidden],.stock-selector[hidden]{display:none}.stock-search-results{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.stock-search-results:empty{display:none}.stock-search-results button{text-align:left;background:var(--native-fill);border-radius:8px;align-items:center;gap:10px;padding:8px;font-size:12px;display:flex}.stock-search-results span{color:var(--native-muted)}.stock-field{color:var(--native-muted);flex-direction:column;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.stock-validation{color:#c7212b;font-size:11px}.stock-validation:empty{display:none}.business-detail{flex-direction:column;gap:14px;display:flex}.business-account{color:var(--native-muted);align-items:center;gap:7px;font-size:12px;font-weight:500;display:flex}.business-account .metric-dot{width:7px;height:7px;margin:0}.business-summary{flex-direction:column;gap:6px;display:flex}.business-summary>div{justify-content:space-between;align-items:center;display:flex}.business-summary b{color:var(--native-muted);font-size:13px;font-weight:500}.business-summary>div>span{background:var(--tint);border-radius:99px;padding:3px 7px}@supports (color:color-mix(in lab, red, red)){.business-summary>div>span{background:color-mix(in srgb,var(--tint) 10%,transparent)}}.business-summary>div>span{color:var(--native-muted);font-size:10px;font-weight:500}.business-summary>strong{letter-spacing:0;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:34px;font-weight:600;line-height:1.18}.business-summary em{opacity:.65;font-style:normal}.business-detail .business-chart{flex:none;width:calc(100% + 32px);height:110px;margin:0 -16px;overflow:hidden}.business-chart{flex:1;min-width:50px;height:20px}.business-chart svg{width:100%;height:100%;display:block;overflow:hidden}.chart-dates,.business-updated{color:var(--native-muted);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.chart-dates{margin-top:-3px}.business-updated{min-height:28px}.business-updated small{font-size:11px}.chart-tooltip{border:1px solid var(--native-line);background:var(--native-bg);border-radius:8px;flex-direction:column;gap:3px;width:164px;padding:8px;display:flex;position:absolute;top:8px;translate:-50%}@supports (color:color-mix(in lab, red, red)){.chart-tooltip{background:color-mix(in srgb,var(--native-bg) 87%,transparent)}}.chart-tooltip{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:left;pointer-events:none;box-shadow:0 2px 5px #00000009}.chart-tooltip[hidden]{display:none}.chart-tooltip b{font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.chart-tooltip small{font-size:10px}.interactive-chart:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.metric-about{color:var(--native-muted);font-size:11px}.metric-about summary{cursor:pointer;align-items:center;gap:6px;min-height:28px;list-style:none;display:flex}.metric-about summary:before{content:"›";width:12px;font-size:18px;line-height:1}.metric-about[open] summary:before{transform:rotate(90deg)}.metric-about p{margin-top:4px;line-height:1.5}.metric-about a{color:var(--native-ink);margin-top:8px;display:inline-block}.vertical .business-face{gap:3px}.vertical .business-face>small:first-child{text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;overflow:hidden}.vertical .business-value{height:22px;display:block}.vertical .business-value strong{font-size:18px}.vertical .business-chart{flex:none;min-width:0;height:24px;min-height:24px;margin-top:4px}.vertical .business-period{height:12px;font-size:10px}.vertical .business-metric{min-height:24px;margin-top:4px;font-size:10px;line-height:12px}.music-art{overflow:hidden}.music-art img{object-fit:cover;transform-origin:50% 40%;width:100%;height:100%;display:block;transform:scale(1.55)}.music-credit{color:var(--native-muted);margin-top:12px;font-size:10px;display:block}.detail-player{padding-top:4px}.detail-player .music-art{background:0 0;border-radius:12px;width:104px;height:104px;margin:0 auto 14px;padding:0;display:block;position:relative}.detail-player .music-art .sf-symbol{color:#fff;opacity:0;background:#0009;border-radius:50%;width:23px;height:23px;padding:6px;position:absolute;bottom:6px;right:6px}.detail-player .music-art:hover .sf-symbol{opacity:1}.detail-player h3{font-size:14px}.detail-player>small{font-size:13px}.detail-player .music-seek{margin-top:14px}.detail-player .player-controls{gap:0;margin:14px 0}.detail-player .player-controls button{border-radius:5px;width:24px;height:24px;padding:0}.detail-player .player-controls .sf-symbol{width:15px;height:15px}.player-controls button:hover{background:var(--native-fill)}.music-seek input{appearance:none;background:linear-gradient(to right,var(--native-ink) var(--progress,31%),var(--native-ink) var(--progress,31%));height:4px}@supports (color:color-mix(in lab, red, red)){.music-seek input{background:linear-gradient(to right,var(--native-ink) var(--progress,31%),color-mix(in srgb,var(--native-ink) 23%,transparent) var(--progress,31%))}}.music-seek input{border-radius:4px}.music-seek input::-webkit-slider-thumb{appearance:none;background:var(--native-ink);opacity:0;border-radius:50%;width:8px;height:8px}.music-seek:hover input::-webkit-slider-thumb{opacity:1}.music-seek input:focus-visible::-webkit-slider-thumb{opacity:1}.player-volume{color:var(--native-muted);align-items:center;gap:10px;margin:14px 0 4px;display:flex}.player-volume input{min-width:0;height:4px;accent-color:var(--native-ink);flex:1}.player-volume .sf-symbol{width:11px;height:11px}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.calendar-header b{color:var(--native-muted);font-size:12px;font-weight:600}.calendar-lists{margin-bottom:14px}.detail-agenda{flex-direction:column;gap:16px;max-height:240px;display:flex;overflow:auto}.detail-agenda button{text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:4px;padding:0;display:flex}.detail-agenda button:hover{opacity:.65}.detail-agenda button>b{font-size:13px;font-weight:500}.detail-agenda button>small{font-size:11px}.detail-agenda .metric-dot{border-radius:2px;width:6px;height:6px;margin-right:6px}.detail-agenda .all-day-label{font-size:12px;font-weight:600}.event-info:empty{display:none}.event-info{margin-top:14px}.detail-reminders{margin:12px 0;padding:8px 0}.detail-reminders label{align-items:baseline;min-height:34px;padding:4px 0}.detail-reminders input{border:1px solid var(--native-muted);align-self:flex-start;width:18px;height:18px;margin:4px}.detail-reminders label>span{padding-top:4px;line-height:1.3}.detail-reminders small{margin-top:3px;font-size:11px}.reminder-form{gap:8px;display:flex}.reminder-form input{border:1px solid var(--native-line);background:var(--native-fill);border-radius:8px;flex:1;min-width:0;padding:10px;font-size:13px}.reminder-form .bubble-button{flex:none;width:auto;height:auto}.reminder-lists{flex-direction:column;gap:4px;display:flex}.reminder-lists button{text-align:left;border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.reminder-lists button:hover{background:var(--native-fill)}.reminder-lists small{margin-left:auto}.reminder-undo{border-top:1px solid var(--native-line);align-items:center;gap:8px;padding-top:12px;display:flex}.reminder-undo small{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.detail-system{border-bottom:1px solid var(--native-line);gap:24px;margin-bottom:16px;padding:8px 0 24px}.detail-system .usage-ring>span{font-size:18px}.folder-detail{flex-direction:column;gap:14px;display:flex}.folder-heading{color:var(--native-muted);align-items:center;gap:12px;display:flex}.folder-heading .folder-preview{--icon-factor:1;flex-shrink:0;width:48px;height:48px;display:block}.folder-heading .folder-icon{width:48px;height:48px}.folder-heading .folder-tint{position:absolute;inset:0}.folder-detail h4{margin:0}.folder-detail .bubble-button{align-self:flex-start}.folder-detail .setting-row small{margin-left:5px;font-size:11px;display:inline}.folder-detail [data-folder-letter]{text-align:center;width:44px;max-width:44px;padding:10px;font-size:13px}@media (prefers-reduced-transparency:reduce){.widget-panel{background:var(--native-bg)}}.widget-panel[data-kind=hydration]{isolation:isolate;background:var(--native-bg)}.widget-panel[data-kind=hydration]>.hydration-water{opacity:.5;border-radius:inherit}.widget-panel[data-kind=hydration] .panel-content{max-height:none;overflow:visible}.widget-panel[data-kind=hydration] .detail-actions{gap:8px}.widget-panel[data-kind=hydration] .duration-fields{gap:10px}.widget-panel[data-kind=hydration] .duration-fields label{flex-direction:column;gap:6px;display:flex}.widget-panel[data-kind=hydration] .duration-fields input{height:36px;font-size:22px;font-weight:500}.widget-panel[data-kind=hydration] .duration-fields span{font-size:11px}.alarm-detail{gap:6px}.alarm-detail>span{overflow-wrap:anywhere;font-size:13px}.alarm-ringing{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.alarm-ringing>.sf-symbol{color:#ff9500;width:30px;height:30px}.alarm-ringing h3{overflow-wrap:anywhere;font-size:22px;font-weight:500;line-height:1.3}.widget-panel[data-kind=notes],.widget-panel[data-kind=notes][data-theme=dark],.note-paper{background:var(--paper)}@supports (color:color-mix(in lab, red, red)){.note-paper{background:color-mix(in srgb,var(--paper) 94%,transparent)}}.stepper button{width:34px;height:34px;font-size:16px}.stepper output{min-width:54px;font-size:13px}.widget-panel hr{border:0;border-top:1px solid var(--native-line);margin:14px 0}.widget-text-field{border:1px solid var(--native-line);background:var(--native-fill);border-radius:8px;width:100%;margin-bottom:14px;padding:10px;font-size:13px;display:block}.setting-help{color:var(--native-muted);margin:12px 0;font-size:12px;line-height:1.4}.player-volume input{appearance:none;background:var(--native-ink)}@supports (color:color-mix(in lab, red, red)){.player-volume input{background:color-mix(in srgb,var(--native-ink) 25%,transparent)}}.player-volume input{border-radius:4px}.player-volume input::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 6px #0003}.business-value .business-chart{height:20px}@media (prefers-reduced-transparency:reduce){.note-paper{background:var(--paper)}}.widget-panel[data-kind=music]{background:var(--native-bg);isolation:isolate}.widget-panel[data-kind=music][data-page=detail]:before{content:"";z-index:-1;border-radius:inherit;filter:blur(24px);opacity:.18;pointer-events:none;background:url(/widget-symbols/scott-joplin.jpg) 50%/cover;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 45%,#0000);mask:linear-gradient(#000 45%,#0000)}.widget-face[data-kind=music]:has(>button:only-child)>button{background:0 0;border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.widget-face[data-kind=music]:has(>button:only-child)>button .sf-symbol{width:18px;height:18px}@container (max-width:620px){.demo-hint{margin-top:18px;font-size:12px}}@media (prefers-reduced-transparency:reduce){.widget-panel[data-kind=music]:before{display:none}}.running-separator{width:1px;height:calc(28px * var(--icon-factor,1));background:var(--native-ink,#222);flex-shrink:0}@supports (color:color-mix(in lab, red, red)){.running-separator{background:color-mix(in srgb,var(--native-ink,#222) 20%,transparent)}}.running-separator{margin-inline:3px}.custom-dock:not([data-position=bottom]) .running-separator{width:calc(28px * var(--icon-factor));height:1px;margin:3px 0}#details{max-width:1080px;container-type:inline-size}.home-page #details .section-intro{margin-bottom:44px}.home-page #details .section-intro h2{letter-spacing:-.035em;font-size:clamp(32px,4.5vw,46px);line-height:1.13}.home-page #details .section-intro p{max-width:600px;color:var(--muted);margin:18px auto 0;font-size:15px;line-height:1.6}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-top:104px;display:grid}.feature-card{--bento-bg:var(--surface);--bento-ink:var(--ink);--bento-muted:var(--muted);background:var(--bento-bg);min-width:0;min-height:310px;color:var(--bento-ink);border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden}.feature-art{flex-direction:column;flex:0 0 166px;justify-content:center;align-items:center;gap:8px;height:166px;padding:22px;display:flex}.feature-copy{flex-direction:column;flex:1;align-items:flex-start;padding:14px 22px 20px;display:flex}.feature-copy h3{letter-spacing:-.02em;text-wrap:pretty;margin:0;font-size:18px;font-weight:600;line-height:1.3}.feature-copy p{color:var(--bento-muted);text-wrap:pretty;margin:12px 0 0;font-size:14px;line-height:1.6}.feature-label{color:var(--muted);margin:0 0 12px;font-size:12px;font-weight:500;display:block}.feature-action{background:var(--bento-ink);border:0;border-radius:11px;align-items:center;gap:8px;min-height:44px;margin-top:24px;padding:10px 16px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.feature-action{background:color-mix(in srgb,var(--bento-ink) 7%,transparent)}}.feature-action{color:var(--bento-ink);cursor:pointer;font-size:13px;font-weight:500;text-decoration:none}.feature-action:hover{background:var(--bento-ink)}@supports (color:color-mix(in lab, red, red)){.feature-action:hover{background:color-mix(in srgb,var(--bento-ink) 11%,transparent)}}.feature-action:hover{text-decoration:none}#details :is(button,select,input,a):focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px}.dock-intro{--bento-muted:var(--muted);min-width:0}.dock-intro .feature-copy{text-align:center;align-items:center;padding:16px 32px}.dock-intro .feature-label{background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.dock-intro .feature-label svg{flex-shrink:0;width:16px;height:16px;transform:scale(.85)}.dock-intro-custom{position:relative}.dock-intro-custom .feature-label{color:#0869b0;background:#def2fb;position:relative;box-shadow:inset 0 0 0 1px #b8d2df,inset 0 2px #fffc,0 2px 4px #00000006}.dock-sparkles{pointer-events:none;position:absolute;inset:0}.dock-sparkles i{opacity:.25;clip-path:polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,38% 63%,0 50%,38% 37%);background:#22a0fa;width:12px;height:12px;position:absolute}.dock-sparkles i:first-child{top:-5px;left:-13px}.dock-sparkles i:nth-child(2){background:#46bfae;width:9px;height:9px;animation-duration:7s;animation-direction:reverse;animation-delay:-1.7s;top:8px;right:-16px}.dock-sparkles i:nth-child(3){background:#a58add;width:8px;height:8px;animation-duration:6.5s;animation-delay:-3.2s;bottom:-12px;left:28px}.dock-sparkles i:nth-child(4){background:#72bdf5;width:9px;height:9px;animation-duration:7.5s;animation-direction:reverse;animation-delay:-4.6s;top:-12px;right:19px}@media (prefers-reduced-motion:no-preference){.dock-sparkles i{animation-name:dock-sparkle;animation-duration:6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused}.dock-sparkles[data-running] i{animation-play-state:running}}@keyframes dock-sparkle{0%{opacity:0;transform:rotate(-20deg)scale(.6)}25%{opacity:.65;transform:rotate(20deg)scale(1)}45%{opacity:.3;transform:rotate(55deg)scale(.85)}65%,to{opacity:0;transform:rotate(80deg)scale(.6)}}.dock-intro-mark{background:#22a0fa;flex-shrink:0;width:16px;height:16px;-webkit-mask:url(/squid.svg) 50%/contain no-repeat;mask:url(/squid.svg) 50%/contain no-repeat}.dock-intro-widgets{pointer-events:none;width:280px;height:88px;position:absolute;top:-96px;left:50%;transform:translate(-50%)}.dock-intro-widgets picture{filter:drop-shadow(0 6px 10px #0002);position:absolute}.dock-intro-widgets picture:first-child{width:176px;top:0;left:0;transform:rotate(-5deg)}.dock-intro-widgets picture:last-child{width:140px;bottom:0;right:0;transform:rotate(5deg)}.dock-intro-widgets img{width:100%;height:auto;display:block}.dock-intro .feature-copy h3{letter-spacing:-.03em;font-size:24px;line-height:1.2}.dock-intro .feature-copy p{text-wrap:balance;max-width:360px;margin:16px auto 0;font-size:15px}.feature-copy .feature-label{margin-bottom:16px}.dock-intro .feature-action{min-height:36px;color:var(--focus-ring);background:0 0;padding:0}.dock-intro .feature-action:hover{text-underline-offset:4px;background:0 0;text-decoration:underline}.capability-profiles{--bento-ink:var(--ink);--bento-muted:var(--muted);grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-top:64px;display:grid}.capability-profiles .feature-copy{padding:0 32px}.capability-profiles h3{font-size:var(--section-heading-size);line-height:1.15}.capability-profiles p{max-width:350px}.capability-profiles .feature-action{background:0 0;padding:0}.capability-profiles .feature-action:hover{text-underline-offset:4px;text-decoration:underline}.focus-preview{align-items:start;min-width:0;padding:24px;display:grid}.focus-scene{opacity:0;flex-direction:column;grid-area:1/1;align-items:center;min-width:0;transition:opacity .18s ease-out,transform .18s ease-out;display:flex;transform:translateY(5px)}.focus-scene[data-active]{opacity:1;transform:translateY(0)}.focus-countdown{color:var(--muted);grid-area:2/1;justify-self:center;align-items:center;gap:4px;margin-top:12px;display:flex}.focus-countdown>i{background:var(--hairline);border-radius:2px;width:32px;height:2px;overflow:hidden}.focus-progress{border-radius:inherit;background:var(--muted);opacity:.55;transform-origin:0;width:100%;height:100%;animation:5s linear infinite paused focus-countdown;display:block}.focus-preview[data-running] .focus-progress{will-change:transform;animation-play-state:running}.focus-next{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.focus-next svg{width:10px;height:10px}.focus-next:hover{background:var(--surface);color:var(--ink)}.focus-next:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@keyframes focus-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.focus-preview .focus-scene{transition:none;transform:none}.focus-progress{animation:none}.focus-countdown>i{display:none}}.focus-preview .feature-focus-result{align-self:center;padding:10px 14px;font-size:13px}.focus-preview .feature-focus-result small{font-size:11px}.focus-preview .feature-focus-result{box-sizing:border-box;justify-content:center;min-width:156px;min-height:44px}.focus-preview .feature-focus-result .sf-symbol{color:var(--focus-color)}.focus-connector{background:var(--hairline);width:1px;height:28px}.focus-dock-stage{justify-content:center;width:100%;padding-top:12px;display:flex}.focus-code-label{border:1px solid var(--hairline);background:var(--raised);color:var(--muted);font:10px var(--font-sans);border-radius:7px;padding:4px 8px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0000000a}.focus-dock{background:var(--surface);max-width:none;box-shadow:0 4px 12px #00000008,inset 0 0 0 1px var(--hairline);display:flex}.focus-dock .app-content{width:calc(var(--icon-size) * .82);height:calc(var(--icon-size) * .82)}.focus-dock .dock-item{width:calc(var(--app-width) * .82)}.focus-dock .folder-icon b{font-size:calc(16px * var(--icon-factor))}.focus-dock .bento-widget{zoom:.75;width:auto;max-width:none}.focus-dock .dock-grip{cursor:default}.focus-dock .dock-grip span{background:var(--muted)}.feature-extras{margin-top:var(--section-space)}.feature-extras>.feature-label{text-align:center;margin-bottom:clamp(24px,3vw,40px)}.feature-extras-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.feature-extras .feature-extras-grid{row-gap:clamp(24px,4vw,56px)}.included-widgets{text-align:center;max-width:1040px;margin:64px auto 0}.included-widgets>h3{font-size:var(--section-heading-size);letter-spacing:-.02em;margin-bottom:36px;line-height:1.2}.included-widgets>p{margin-top:36px}.widget-gallery{background:var(--surface);-webkit-user-select:none;user-select:none;border-radius:24px;padding:24px 0;overflow:hidden}.widget-wall{gap:24px;display:grid;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.widget-wall-row{scrollbar-width:none;overflow-x:auto}.widget-wall-track,.widget-wall-group{width:max-content;display:flex}.widget-wall-group{align-items:center;gap:24px;padding-right:24px}.widget-gallery figure{text-align:center;flex:none;min-width:120px;margin:0}.widget-gallery-preview{justify-content:center;align-items:center;height:82px;display:flex}.widget-gallery-preview img{width:auto;max-width:none;height:71.3px;display:block}.widget-gallery figcaption{color:var(--muted);margin-top:8px;font-size:12px}.widget-wall[data-ready] .widget-wall-row{overflow:hidden}.widget-wall[data-ready] .widget-wall-track{animation:80s linear infinite paused widget-wall-drift}.widget-wall[data-ready] .widget-wall-row:nth-child(2) .widget-wall-track{animation-duration:90s;animation-direction:reverse}.widget-wall[data-ready] .widget-wall-row:nth-child(3) .widget-wall-track{animation-duration:75s}.widget-wall[data-running] .widget-wall-track{will-change:transform;animation-play-state:running}@keyframes widget-wall-drift{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.widget-wall{-webkit-mask-image:none;mask-image:none}.widget-wall[data-ready] .widget-wall-row{scrollbar-width:thin;padding-inline:16px;overflow-x:auto}.widget-wall[data-ready] .widget-wall-track{animation:none;transform:none;will-change:auto!important}.widget-wall-group[aria-hidden]{display:none}}.dock-diagram{width:360px;max-width:100%;height:auto;display:block;overflow:visible}.dock-diagram text{fill:var(--ink);font:14px var(--font-sans)}.dock-diagram :is(rect,path,circle){vector-effect:non-scaling-stroke}.wire-screen{fill:none;stroke:var(--ink)}@supports (color:color-mix(in lab, red, red)){.wire-screen{stroke:color-mix(in srgb,var(--ink) 28%,transparent)}}.wire-screen{stroke-width:1.25px}.wire-dock{fill:var(--raised);stroke:var(--ink)}@supports (color:color-mix(in lab, red, red)){.wire-dock{stroke:color-mix(in srgb,var(--ink) 22%,transparent)}}.wire-dock{stroke-width:1px}.wire-tile{fill:var(--tile-accent)}@supports (color:color-mix(in lab, red, red)){.wire-tile{fill:color-mix(in srgb,var(--tile-accent) 12%,var(--raised))}}.wire-tile{stroke:var(--ink)}@supports (color:color-mix(in lab, red, red)){.wire-tile{stroke:color-mix(in srgb,var(--ink) 15%,transparent)}}.wire-tile{stroke-width:1px}.wire-detail,.wire-guide{fill:none;stroke:var(--ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.wire-resize-handle{fill:var(--muted)}@supports (color:color-mix(in lab, red, red)){.wire-resize-handle{fill:color-mix(in srgb,var(--muted) 75%,transparent)}}.airdrop-symbol{background:currentColor;-webkit-mask:url(/widget-symbols/airdrop-rounded.svg) 50%/contain no-repeat;mask:url(/widget-symbols/airdrop-rounded.svg) 50%/contain no-repeat}.supporting-symbol{background:var(--surface);border-radius:15px;place-items:center;width:58px;height:58px;display:grid}.supporting-symbol .sf-symbol{width:28px;height:28px}.airdrop-preview{object-fit:contain}.home-testimonials{max-width:1080px;margin-inline:auto}.home-assurance{text-underline-offset:3px;margin-top:4px;text-decoration:underline;display:inline-block}@container (max-width:760px){.capability-profiles{gap:16px}.capability-profiles .feature-copy{padding:0 16px}}@container (max-width:580px){.capability-profiles{grid-template-columns:1fr;gap:12px}.capability-profiles .feature-copy{padding:0}.focus-preview{padding:20px 0}}.feature-compact{background:0 0;min-height:0}.feature-compact .feature-art{background:var(--surface);border-radius:20px;flex-basis:200px;height:200px;padding:24px}.feature-compact .feature-copy{padding:22px 8px 0}.feature-preview-panel{border:1px solid var(--hairline);background:var(--raised);border-radius:14px;width:220px;max-width:100%;padding:14px;font-size:12px;box-shadow:0 6px 18px #0000000d,0 1px 3px #00000008}.feature-preview-title{font-size:12px;font-weight:600;line-height:1.3;display:block}.feature-preview-setting{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.feature-position-options{background:var(--surface);border-radius:9px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:12px 0;padding:3px;display:grid}.feature-position-options>span{color:var(--muted);border-radius:6px;flex-direction:column;align-items:center;gap:5px;padding:7px 2px;font-size:10px;display:flex}.feature-position-options .is-selected{background:var(--raised);color:var(--ink);box-shadow:0 1px 4px #00000015}.feature-position-options svg{width:28px;height:22px}.feature-position-options rect{stroke:var(--muted);stroke-width:1px}.feature-position-options path{stroke:var(--muted);stroke-width:3px;stroke-linecap:round}.feature-position-options .is-selected path{stroke:var(--focus-ring)}.feature-preview-toggle{background:var(--focus-ring);border-radius:12px;justify-content:flex-end;width:28px;padding:2px;display:flex}.feature-preview-toggle:after{content:"";background:var(--raised);border-radius:50%;width:12px;height:12px}.feature-focus-result{border:1px solid var(--hairline);background:var(--raised);border-radius:20px;align-self:flex-end;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:500;display:flex;box-shadow:0 3px 8px #00000008}.feature-focus-result :is(svg,.sf-symbol){width:14px;height:14px;color:var(--tile-accent)}@supports (color:color-mix(in lab, red, red)){.feature-focus-result :is(svg,.sf-symbol){color:color-mix(in srgb,var(--tile-accent) 65%,var(--ink))}}.feature-focus-result small{color:var(--muted);margin-left:6px;font-size:9px}.feature-backup-demo{width:150px;max-width:calc(100% - 12px);padding-top:44px;position:relative}.feature-backup-sheet:first-child{position:absolute;top:0;left:-6px;transform:rotate(-6deg)}.feature-backup-sheet:last-of-type{position:relative;transform:rotate(3deg)}.feature-backup-slots{align-items:center;gap:6px;margin-top:10px;display:flex}.feature-backup-slots>span{border:1px solid var(--hairline);background:var(--surface);border-radius:6px;width:24px;height:24px}.feature-backup-slots>span:nth-child(2){background:#aa87ff;flex:1;max-width:54px}@supports (color:color-mix(in lab, red, red)){.feature-backup-slots>span:nth-child(2){background:color-mix(in srgb,#aa87ff 12%,var(--raised))}}.feature-backup-slots>i{background:var(--muted);border-radius:1px;width:2px;height:16px;margin-left:auto}.feature-dock-badge{border:1px solid var(--hairline);background:var(--raised);border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:500;display:flex;position:absolute;bottom:-12px;right:-8px;box-shadow:0 3px 8px #0000000a}.feature-dock-badge .sf-symbol{width:14px;height:14px;color:var(--focus-ring)}.feature-airdrop-demo{align-items:center;gap:12px;display:flex}.feature-folder-demo{align-items:center;gap:12px;width:220px;max-width:100%;display:flex}.feature-folder-demo>span{flex:1;justify-items:center;gap:7px;min-width:0;display:grid}.feature-folder-demo>span:nth-child(2){transform:translateY(-10px)}.feature-folder-demo svg{filter:drop-shadow(0 4px 4px #0000000a);width:100%;height:auto;overflow:visible}.feature-folder-demo .wire-tile{fill:var(--tile-accent)}@supports (color:color-mix(in lab, red, red)){.feature-folder-demo .wire-tile{fill:color-mix(in srgb,var(--tile-accent) 23%,var(--raised))}}.feature-folder-demo text{fill:var(--tile-accent)}@supports (color:color-mix(in lab, red, red)){.feature-folder-demo text{fill:color-mix(in srgb,var(--tile-accent) 45%,var(--ink))}}.feature-folder-demo text{font:600 14px var(--font-sans)}.feature-folder-demo small{color:var(--muted);font-size:10px;font-weight:500}.feature-mini-dock{width:max-content;padding:14px 10px 10px;position:relative}.feature-mini-dock .feature-backup-slots>i{margin-left:8px}.feature-mini-dock:not([data-mini-profile=personal]) .feature-backup-slots>span:nth-child(2){flex:none;width:54px}.feature-mini-dock .feature-preview-title{border:1px solid var(--hairline);background:var(--raised);white-space:nowrap;border-radius:8px;padding:5px 10px;font-size:10px;font-weight:500;position:absolute;top:-16px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #00000012}.feature-mini-dock .feature-backup-slots{gap:5px;margin-top:0}.feature-mini-dock .feature-backup-slots>span{border-radius:5px;width:20px;height:20px}.feature-mini-dock[data-mini-profile=personal] .feature-backup-slots>span:nth-child(2){background:var(--surface);flex:none}.feature-file,.feature-airdrop-target{background:var(--raised);border:1px solid var(--hairline);place-items:center;display:grid;box-shadow:0 4px 12px #0000000d}.feature-file{width:42px;height:56px;color:var(--muted);border-radius:8px;transform:rotate(-8deg)}.feature-file .sf-symbol{width:20px;height:24px}.feature-transfer-arrow{color:var(--muted);font-size:18px}.feature-airdrop-target{color:#08f;border-radius:13px;gap:6px;width:68px;height:76px;padding:12px 8px}.feature-airdrop-target small{color:var(--ink);white-space:nowrap;font-size:10px;font-weight:500}.feature-airdrop-target .airdrop-symbol{width:28px;height:28px}.feature-compact .file-glimpse img,.feature-compact .file-glimpse svg{width:40px;height:40px}.feature-compact .file-glimpse svg{padding:10px}.feature-compact .bento-widget{width:160px}.bento-widget{justify-content:center;width:220px;max-width:100%;display:flex}.file-glimpse{align-items:center;gap:18px;display:flex}.file-glimpse>span{color:var(--bento-muted);flex-direction:column;align-items:center;gap:8px;font-size:11px;display:flex}.file-glimpse img{object-fit:contain;width:54px;height:54px}.file-glimpse svg{background:var(--raised);width:54px;height:54px;color:var(--bento-ink);border-radius:12px;padding:14px}.feature-art .native-widget{background:var(--native-bg);box-shadow:0 6px 16px #00000006,inset 0 0 0 1px var(--native-line)}.wire-placeholder{fill:none;stroke:var(--ink)}@supports (color:color-mix(in lab, red, red)){.wire-placeholder{stroke:color-mix(in srgb,var(--ink) 28%,transparent)}}.wire-placeholder{stroke-width:3px;stroke-linecap:round}@media (prefers-color-scheme:dark){.dock-intro-custom .feature-label{color:#22a0fa;background:#213742;box-shadow:inset 0 0 0 1px #456073,inset 0 2px #ffffff14,0 2px 4px #00000014}.feature-art{--raised:#3c3c3c;--hairline:#ffffff30}.feature-art .file-glimpse svg{box-shadow:inset 0 0 0 1px var(--hairline)}}@container (max-width:760px){.dock-intro .feature-copy{padding:24px 24px 20px}.feature-grid,.feature-extras-grid{gap:16px}.feature-compact .feature-copy{padding-inline:8px}}@container (max-width:580px){.feature-grid{grid-template-columns:1fr}.feature-extras-grid{grid-template-columns:minmax(0,1fr);gap:28px}.feature-compact .feature-art{border-radius:16px;flex-basis:180px;height:180px;padding:12px 10px}.feature-preview-panel{padding:10px}.feature-focus-result{gap:4px;padding:6px 8px;font-size:9px}.feature-focus-result small{margin-left:2px}.feature-mini-dock{padding:14px 8px 8px}.feature-mini-dock .feature-backup-slots{gap:3px}.feature-mini-dock .feature-backup-slots>span{width:14px;height:18px}.feature-folder-demo{gap:6px}.feature-folder-demo small{font-size:9px}.feature-airdrop-demo{gap:7px}.feature-file{width:30px;height:44px}.feature-airdrop-target{width:56px;height:68px}.feature-compact .feature-copy{padding:12px 0 0}.feature-compact .file-glimpse{gap:6px}.feature-compact .file-glimpse img,.feature-compact .file-glimpse svg{width:32px;height:32px}.feature-compact .file-glimpse svg{padding:8px}.feature-compact .feature-copy h3{font-size:17px}.feature-compact .feature-copy p{margin:10px 0 0;font-size:13px}}.faq-item summary{border-radius:8px}:is(.mode-picker,.profile-choices,.layout-picker,.dock-options) input:focus-visible,.file-picker input:focus-visible{outline:none}}@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}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.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-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-14{margin-top:calc(var(--spacing) * 14)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-\[30px\]{margin-bottom:30px}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.min-h-\[calc\(100vh-129px\)\]{min-height:calc(100vh - 129px)}.min-h-screen{min-height:100vh}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[440px\]{max-width:440px}.max-w-\[620px\]{max-width:620px}.max-w-\[660px\]{max-width:660px}.max-w-\[760px\]{max-width:760px}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-14>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-page{background-color:var(--color-page)}.bg-surface{background-color:var(--color-surface)}.fill-current{fill:currentColor}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:var(--spacing)}.py-16{padding-block:calc(var(--spacing) * 16)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.font-sans{font-family:var(--font-sans)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[15px\]{font-size:15px}.leading-\[1\.65\]{--tw-leading:1.65;line-height:1.65}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-faint{color:var(--color-faint)}.text-inherit{color:inherit}.text-ink{color:var(--color-ink)}.text-muted{color:var(--color-muted)}.underline{text-decoration-line:underline}.decoration-current\/25{text-decoration-color:currentColor}@supports (color:color-mix(in lab, red, red)){.decoration-current\/25{-webkit-text-decoration-color:color-mix(in oklab, currentcolor 25%, transparent);-webkit-text-decoration-color:color-mix(in oklab, currentcolor 25%, transparent);text-decoration-color:color-mix(in oklab, currentcolor 25%, transparent)}}.decoration-current\/30{text-decoration-color:currentColor}@supports (color:color-mix(in lab, red, red)){.decoration-current\/30{-webkit-text-decoration-color:color-mix(in oklab, currentcolor 30%, transparent);-webkit-text-decoration-color:color-mix(in oklab, currentcolor 30%, transparent);text-decoration-color:color-mix(in oklab, currentcolor 30%, transparent)}}.underline-offset-2{text-underline-offset:2px}.underline-offset-3{text-underline-offset:3px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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)}.blur{--tw-blur:blur(8px);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,)}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\[font-synthesis\:none\]{font-synthesis:none}.selection\:bg-selection ::selection{background-color:var(--color-selection)}.selection\:bg-selection::selection{background-color:var(--color-selection)}.selection\:text-selection-ink ::selection{color:var(--color-selection-ink)}.selection\:text-selection-ink::selection{color:var(--color-selection-ink)}@media (hover:hover){.hover\:text-ink:hover{color:var(--color-ink)}}@media not all and (min-width:640px){.max-\[640px\]\:py-12{padding-block:calc(var(--spacing) * 12)}}.editorial-heading{font-optical-sizing:auto;letter-spacing:-.02em;font-family:Newsreader,Georgia,serif;font-weight:400}.hero-copy .editorial-heading,.changelog-content>.editorial-heading{font-weight:500}}@font-face{font-family:Newsreader;src:url(/fonts/Newsreader-Latin.woff2)format("woff2");font-style:normal;font-weight:400 500;font-display:swap}@font-face{font-family:Open Runde;src:url(/fonts/OpenRunde-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:optional}@font-face{font-family:Open Runde;src:url(/fonts/OpenRunde-Medium.woff2)format("woff2");font-style:normal;font-weight:500;font-display:optional}@font-face{font-family:Open Runde;src:url(/fonts/OpenRunde-Semibold.woff2)format("woff2");font-style:normal;font-weight:600;font-display:optional}@font-face{font-family:Open Runde;src:url(/fonts/OpenRunde-Bold.woff2)format("woff2");font-style:normal;font-weight:700;font-display:optional}@media (max-width:620px){.demo-window.library-window{border-radius:22px;max-width:calc(100vw - 24px);height:min(720px,100dvh - 40px)}.library-body{flex-direction:column}.library-close{width:44px;height:44px;top:5px;right:8px}.library-sidebar nav button{border-radius:12px;min-height:44px}.library-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;display:grid}.library-widget{width:100%!important}.library-widget-wide{grid-column:1/-1}.library-preview{place-items:center;min-height:84px;display:grid}.library-widget figcaption{min-height:22px;font-size:12px}.preview-toolbar{justify-content:stretch;gap:10px;width:100%;max-width:372px;margin:20px auto 0;padding-inline:16px;display:grid}.preview-toolbar .setup-section{width:100%}.mode-picker{border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.mode-picker label>span{border-radius:10px;justify-content:center;min-height:44px;padding:6px 4px;font-size:12px}.mode-picker input:focus-visible+span{outline-offset:-2px}.preview-actions{grid-template-columns:minmax(0,1fr) 44px;gap:10px;display:grid}.add-widget-button{border-radius:12px;justify-content:center;min-height:44px;padding:8px 16px;font-size:13px}.demo-settings-button{border-radius:12px}.preview-intro .demo-hint{max-width:300px;display:block}.preview-intro .demo-hint>.sf-symbol{display:none}.demo-dock-note{max-width:340px;color:var(--muted);margin-top:16px;font-size:12px}.library-sidebar{border-right:0;border-bottom:1px solid var(--native-line);grid-template-columns:1fr;gap:14px;width:100%;padding:16px 16px 12px;display:grid}.library-sidebar h2{padding-right:30px}.library-sidebar nav{flex-direction:row;overflow-x:auto}.library-sidebar nav button{flex-shrink:0;width:auto}.native-ui .search-field input:focus-visible{outline:none}.library-sidebar .search-field input{font-size:16px}.library-grid{padding:20px 16px}}@container (max-width:759px){.desktop-scene{height:clamp(240px,64cqw,360px)}.desktop-menubar{gap:8px;height:44px;padding-inline:12px}.desktop-app-menu>span{display:none}.profile-menu summary{min-height:44px}.profile-choices{max-height:calc(clamp(240px,64cqw,360px) - 56px);top:44px}.profile-choices label,.menu-footer button{min-height:40px}.preview-toolbar{padding-inline:16px}}.widget-face[data-kind=ai-usage]{justify-content:center;gap:12px}.agent-metric{text-align:center;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;display:flex}.agent-metric .widget-metric{text-align:center}.agent-metric>small{font-size:10px}.agent-metric .agent-reset{color:var(--native-muted);font-size:9px}.agent-metric .usage-ring{font-size:18px;font-weight:600}.agent-metric .usage-ring em{font-size:9px}.widget-face[data-kind=ai-usage].layout-bars{flex-direction:column;gap:7px}.layout-bars .agent-metric{flex:initial;gap:4px;width:100%}.agent-label{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.agent-metric .agent-label{font-size:11px}.agent-metric .agent-label small{font-size:inherit}.widget-face[data-kind=ai-usage].vertical{flex-direction:column}.widget-face[data-kind=ai-usage].compact{gap:4px;padding:4px}.widget-face[data-kind=ai-usage].compact .usage-ring{font-size:13px}.widget-face[data-kind=ai-usage].compact .agent-metric>small{font-size:9px}.widget-face[data-kind=ai-usage].compact.layout-numbers{flex-direction:column;gap:2px}.compact.layout-numbers .agent-metric{width:100%}.compact.layout-numbers .agent-metric .widget-metric{flex-direction:row;justify-content:space-between;align-items:baseline;width:100%;display:flex}.compact.layout-numbers .agent-metric strong{font-size:17px}.compact.layout-numbers .agent-metric small{font-size:9px}.widget-panel[data-kind=ai-usage][data-page=detail] .panel-content{max-height:calc(100dvh - 112px)}.agent-detail{font-variant-numeric:tabular-nums;flex-direction:column;gap:10px;font-size:13px;display:flex}.agent-detail .widget-tabs{margin-bottom:6px}.agent-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.agent-heading h4{margin:0;font-size:14px;font-weight:600}.agent-heading .sf-symbol{width:13px;height:13px}.agent-window{gap:5px;display:grid}.agent-window .agent-label>:first-child{color:var(--native-muted)}.agent-window .metric-bar{height:4px}.agent-detail small{color:var(--native-muted);font-size:12px}.agent-activity{border-top:1px solid var(--native-line);flex-direction:column;gap:10px;padding-top:10px;display:flex}.widget-panel .agent-activity .setting-row{color:var(--native-ink);flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin:0;font-size:13px;display:flex}.widget-panel .agent-activity select{flex:none;width:auto;min-width:0;max-width:100%}.agent-activity dl{gap:10px;margin:0;display:grid}.agent-activity dl>div{justify-content:space-between;gap:12px;display:flex}.agent-activity dd{color:var(--native-muted);margin:0}.agent-history{color:var(--native-muted);justify-content:space-between;align-items:center;gap:8px;display:flex}.agent-history-bars{align-items:flex-end;gap:4px;height:28px;display:flex;position:relative}.agent-history-bars>span{width:9px;height:var(--bar-height);background:var(--native-ink);border-radius:2px;flex:none;min-height:2px;display:block}@supports (color:color-mix(in lab, red, red)){.agent-history-bars>span{background:color-mix(in srgb,var(--native-ink) 25%,transparent)}}.agent-history-bars.dense{gap:2px}.agent-history-bars.dense>span{width:3px}.agent-history-bars>.today{background:var(--native-ink)}@supports (color:color-mix(in lab, red, red)){.agent-history-bars>.today{background:color-mix(in srgb,var(--native-ink) 85%,transparent)}}.agent-history-bars>span:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.agent-history-bars>span:is(:hover,:focus-visible):after{content:attr(data-tooltip);z-index:1;border:1px solid var(--native-line);background:var(--native-bg);width:max-content;max-width:240px;color:var(--native-ink);pointer-events:none;border-radius:6px;padding:6px 8px;font-size:11px;line-height:1.4;position:absolute;bottom:calc(100% + 6px);right:0}.feature-shazam-dock{transform:rotate(-3deg)}.feature-shazam-dock .feature-backup-slots>span{width:28px;height:28px}.feature-shazam-dock .feature-backup-slots>.feature-shazam-shortcut{background:var(--surface);border-radius:6px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;width:68px;height:30px;display:flex}.feature-shazam-shortcut .sf-symbol{color:#08f;width:14px;height:14px}.feature-shazam-shortcut small{color:var(--ink);font-size:8px}@container (max-width:580px){.feature-shazam-dock .feature-backup-slots>span{width:20px;height:24px}.feature-shazam-dock .feature-backup-slots>.feature-shazam-shortcut{width:54px;height:26px}.feature-shazam-shortcut .sf-symbol{width:12px;height:12px}}.focus-keycaps{gap:3px;margin-left:5px;display:flex}.feature-profile-shortcut{align-items:center;gap:5px;display:flex}.feature-profile-shortcut .focus-keycaps{margin-left:0}.focus-keycaps kbd{border:1px solid var(--hairline);background:var(--surface);min-width:22px;height:23px;box-shadow:0 1px 0 var(--hairline);font:12px var(--font-sans);color:var(--muted);border-radius:5px;place-items:center;padding:0 4px;display:grid}.feature-profile-shortcut kbd{border-radius:3px;min-width:16px;height:17px;padding:0 2px;font-size:10px}@media (prefers-color-scheme:dark){.focus-keycaps kbd{color:var(--ink);background:#3a3a3a;border-color:#707070;box-shadow:0 1px #707070}}.focus-preview .focus-shortcut-badge{padding-block:9px}.focus-trigger{justify-content:center;align-items:flex-end;height:112px;display:flex}.focus-trigger>.feature-focus-result{align-self:flex-end}.focus-menu-demo{flex-direction:column;align-items:center;gap:4px;width:138px;display:flex}.focus-menu-icon{background:var(--surface);height:25px;color:var(--ink);border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-size:12px;display:flex}.focus-menu-icon .sf-symbol{width:20px;height:20px}.focus-menu-list{border:1px solid var(--hairline);background:var(--raised);width:100%;color:var(--ink);border-radius:8px;padding:4px;font-size:12px;box-shadow:0 6px 16px #00000012,0 1px 3px #00000008}.focus-menu-list>span{border-radius:4px;align-items:center;min-height:23px;padding:3px 9px 3px 24px;display:flex;position:relative}.focus-menu-selection{color:#fff;background:#3974d5}.focus-menu-selection .sf-symbol{width:11px;height:11px;position:absolute;left:7px}.agent-metric .usage-ring>span{font-size:13px}.agent-metric .usage-ring svg{transform:none;-webkit-mask:linear-gradient(#000 0 0) top/100% 82% no-repeat,linear-gradient(#000 0 0) 0 100%/36% 18% no-repeat,linear-gradient(#000 0 0) 100% 100%/36% 18% no-repeat;mask:linear-gradient(#000 0 0) top/100% 82% no-repeat,linear-gradient(#000 0 0) 0 100%/36% 18% no-repeat,linear-gradient(#000 0 0) 100% 100%/36% 18% no-repeat}.agent-metric .usage-ring circle{transform-origin:50%;transform:rotate(-90deg)}.agent-metric .usage-ring .agent-ring-percent{width:100%;color:var(--native-muted);font-size:8px;font-style:normal;font-weight:500;line-height:1;position:absolute;top:82%;left:0}.compact .agent-metric .usage-ring>span{font-size:12px}.compact .agent-metric .usage-ring .agent-ring-percent{font-size:6px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-duration{syntax:"*";inherits:false}