/* Framer Marketplace uses Inter for UI text and Inter Display for headings.
   Inter 4.1 is distributed under SIL OFL; files are hosted on our own OSS.
   Restrict the faces to Latin so the accepted Chinese typography is retained. */
@font-face{font-family:'Yunqi Inter';src:url('https://media.opsu.cc/yunqi/20261029-r85-english-fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:'Yunqi Inter Display';src:url('https://media.opsu.cc/yunqi/20261029-r85-english-fonts/InterDisplay-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20AC,U+2122}
:root:root{--yq-font:'Yunqi Inter','Noto Sans SC Variable','Microsoft YaHei','PingFang SC',sans-serif;--yq-font-display:'Yunqi Inter Display','Noto Sans SC Variable','Microsoft YaHei','PingFang SC',sans-serif}
html,body{font-family:var(--yq-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body #ui :is(h1,h2,h3){font-family:var(--yq-font-display)!important}
body #ui :is(button,input,select,textarea){font-family:var(--yq-font)}
/* Native keycaps have their own monospace declarations, including lazy panels. */
body kbd,body #ui .key-bind,body #ui .yq-choice-modal .card .key{font-family:var(--yq-font)!important;font-weight:500;letter-spacing:0}
/* All action surfaces, including dynamically opened dialogs and nested labels.
   Keep each control's size/weight and image/SVG artwork unchanged. */
body :is(button,[role="button"],input[type="button"],input[type="submit"],input[type="reset"],.btn,.back-btn,.pill,.key-bind){--font:var(--yq-font);--font-title:var(--yq-font);font-family:var(--yq-font)!important}
body :is(button,[role="button"],.btn,.back-btn,.pill,.key-bind) :is(span,b,strong,small,em,kbd,label,h1,h2,h3){font-family:var(--yq-font)!important}