/* Design tokens, reset, utilities and desktop layout.
 * Shared :where selectors avoid specificity escalation.
 */

@view-transition { navigation: none; }

:where()::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}

:where()::before,
:where()::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-sizing: border-box;
  border-width: 0px;
  border-style: solid;
  border-color: rgb(229, 231, 235);
  --tw-content: '';
}

:where(abbr:where([title])) {
  text-decoration: underline dotted;
}

:where(b),
:where(strong) {
  font-weight: bolder;
}

:where(small) {
  font-size: 80%;
}

:where(sub) {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  bottom: -0.25em;
}

:where(sup) {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}

:where(optgroup) {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0px;
  padding: 0px;
}

:where(progress) {
  vertical-align: baseline;
}

:where()::-webkit-inner-spin-button,
:where()::-webkit-outer-spin-button {
  height: auto;
}

:where()::-webkit-search-decoration {
  appearance: none;
}

:where()::-webkit-file-upload-button {
  appearance: button;
  font: inherit;
}

:where(hr) {
  height: 0px;
  color: inherit;
  border-top-width: 1px;
  margin: 0px;
}

:where(blockquote),
:where(dd),
:where(dl),
:where(figure) {
  margin: 0px;
}

:where(fieldset) {
  margin: 0px;
  padding: 0px;
}

:where(legend) {
  padding: 0px;
}

:where(menu),
:where(ol) {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

:where(dialog) {
  padding: 0px;
}

:where(textarea)::placeholder {
  opacity: 1;
  color: rgb(156, 163, 175);
}

:where(audio),
:where(canvas),
:where(embed),
:where(iframe),
:where(object) {
  display: block;
  vertical-align: middle;
}

:where(video) {
  display: block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

/* Design tokens and theme palettes */
:where(*) {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-sizing: border-box;
  border-width: 0px;
  border-style: solid;
  border-color: rgb(229, 231, 235);
  -webkit-tap-highlight-color: transparent;
}

:where()::view-transition-old(root),
:where()::view-transition-new(root) {
  animation-duration: 0.12s;
}

:where()::view-transition-old(page-content) {
  animation: 90ms ease 0s 1 normal both running fade-page-out;
}

:where()::view-transition-new(page-content) {
  animation: 150ms ease 0s 1 normal both running fade-page-in;
}

@media (prefers-reduced-motion: reduce) {
  :where()::view-transition-old(page-content) {
    animation-duration: 1ms;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where()::view-transition-new(page-content) {
    animation-duration: 1ms;
  }
}

:where(textarea) {
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0px;
  padding: 0px;
  resize: vertical;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-synthesis: none;
}

:where(code) {
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-variant-ligatures: none;
}

:where(kbd) {
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
  font-weight: 400;
  font-variant-ligatures: none;
}

:where(pre) {
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
  margin: 0px;
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-variant-ligatures: none;
}

:where(samp) {
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
  font-weight: 400;
  font-variant-ligatures: none;
}

:where(time) {
  font-feature-settings: "tnum", "kern";
  font-variant-numeric: tabular-nums;
  letter-spacing: 0px;
}

:where(input:where([type="button"])),
:where(input:where([type="reset"])),
:where(input:where([type="submit"])) {
  appearance: button;
  background-color: transparent;
  background-image: none;
}

:where(summary) {
  display: list-item;
}

:where(h1),
:where(h2),
:where(h3),
:where(h4),
:where(h5),
:where(h6) {
  font-size: inherit;
  font-weight: inherit;
  margin: 0px;
}

:where(p) {
  margin: 0px;
}

:where(ul) {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

:where(input)::placeholder {
  opacity: 1;
  color: rgb(156, 163, 175);
}

:where(svg) {
  display: block;
  vertical-align: middle;
}

:where(img) {
  display: block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

:where(table) {
  text-indent: 0px;
  border-color: inherit;
  border-collapse: collapse;
  border-style: solid;
}

:where(fieldset),
:where(legend),
:where(hr),
:where(thead),
:where(tbody),
:where(tr),
:where(th),
:where(td),
:where(textarea),
:where(iframe) {
  border-style: solid;
}

:where(a) {
  text-decoration: inherit;
  color: inherit;
}

@supports not selector(::-webkit-scrollbar) {
  :where(html) {
    scrollbar-color: var(--face) var(--dither-a);
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(html) {
    scroll-behavior: auto;
  }
}

:where(html) {
  line-height: 1.5;
  tab-size: 4;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
  --w2k-first-bg: #EEF3F7;
  margin: 0px;
  padding: 0px;
  color: rgb(0, 0, 0);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  background: rgb(244, 244, 245);
  color-scheme: light;
  scroll-behavior: auto;
  text-size-adjust: 100%;
  font-synthesis: none;
}

:where(button) {
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0px;
  padding: 0px;
  text-transform: none;
  appearance: button;
  background-color: transparent;
  background-image: none;
  cursor: pointer;
  border-style: solid;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-synthesis: none;
}

:where(input) {
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0px;
  padding: 0px;
  border-style: solid;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-synthesis: none;
}

:where(select) {
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0px;
  padding: 0px;
  text-transform: none;
  border-style: solid;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-synthesis: none;
}

:where(body) {
  line-height: inherit;
  padding: 0px;
  color-scheme: light;
  margin: 0px;
  color: var(--ink);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  background: rgb(244, 244, 245);
  scroll-behavior: auto;
  font-synthesis: none;
  text-rendering: optimizelegibility;
  font-weight: 400;
}

:where(.art-video-player) {
  --art-theme: #f00;
  --art-font-color: #fff;
  --art-background-color: #000;
  --art-text-shadow-color: rgba(0, 0, 0, .5);
  --art-transition-duration: .2s;
  --art-padding: 10px;
  --art-border-radius: 3px;
  --art-progress-height: 6px;
  --art-progress-color: rgba(255, 255, 255, .25);
  --art-progress-top-gap: 10px;
  --art-hover-color: rgba(255, 255, 255, .25);
  --art-loaded-color: rgba(255, 255, 255, .25);
  --art-state-size: 80px;
  --art-state-opacity: .8;
  --art-bottom-height: 100px;
  --art-bottom-offset: 20px;
  --art-bottom-gap: 5px;
  --art-highlight-width: 8px;
  --art-highlight-color: rgba(255, 255, 255, .5);
  --art-control-height: 46px;
  --art-control-opacity: .75;
  --art-control-icon-size: 36px;
  --art-control-icon-scale: 1.1;
  --art-volume-height: 120px;
  --art-volume-handle-size: 14px;
  --art-lock-size: 36px;
  --art-indicator-scale: 0;
  --art-indicator-size: 16px;
  --art-fullscreen-web-index: 9999;
  --art-settings-icon-size: 24px;
  --art-settings-max-height: 300px;
  --art-selector-max-height: 300px;
  --art-contextmenus-min-width: 250px;
  --art-subtitle-font-size: 20px;
  --art-subtitle-gap: 5px;
  --art-subtitle-bottom: 15px;
  --art-subtitle-border: #000;
  --art-widget-background: rgba(0, 0, 0, .85);
  --art-tip-background: rgba(0, 0, 0, .7);
  --art-scrollbar-size: 4px;
  --art-scrollbar-background: rgba(255, 255, 255, .25);
  --art-scrollbar-background-hover: rgba(255, 255, 255, .5);
  --art-mini-progress-height: 2px;
}

:where(.art-bg-cover) {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

:where(.art-bottom-gradient) {
  background-image: linear-gradient(to top, rgb(0, 0, 0), rgba(0, 0, 0, 0.4), transparent);
  background-repeat: repeat-x;
  background-position: center bottom;
}

:where(.art-truncate) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(.art-icon) {
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

:where(.art-poster) {
  position: absolute;
  inset: 0px;
  z-index: 11;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
}

:where(.art-danmuku) {
  position: absolute;
  inset: 0px;
  z-index: 30;
  width: 100%;
  height: 100%;
  pointer-events: none;
  overflow: hidden;
}

:where(.art-control-volume) {
  position: relative;
}

:where(.art-fullscreen) {
  --art-progress-height: 8px;
  --art-indicator-size: 20px;
  --art-control-height: 60px;
  --art-control-icon-scale: 1.3;
}

:where(.art-fullscreen-web) {
  --art-progress-height: 8px;
  --art-indicator-size: 20px;
  --art-control-height: 60px;
  --art-control-icon-scale: 1.3;
  position: fixed;
  inset: 0px;
  z-index: var(--art-fullscreen-web-index);
  width: 100%;
  height: 100%;
}

:where(.art-mini-popup) {
  position: fixed;
  z-index: 9999;
  width: 320px;
  height: 180px;
  background: rgb(0, 0, 0);
  border-radius: var(--art-border-radius);
  cursor: move;
  user-select: none;
  overflow: hidden;
  transition: opacity 0.2s;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
}

:where(.art-control-selector) {
  position: relative;
  display: flex;
  justify-content: center;
}

:where(.inset-y-0) {
  top: 0px;
  bottom: 0px;
}

:where(.left-3) {
  left: 0.75rem;
}

:where(.mb-6) {
  margin-bottom: 1.5rem;
}

:where(.mt-1\.5) {
  margin-top: 0.375rem;
}

:where(.h-1\.5) {
  height: 0.375rem;
}

:where(.h-7) {
  height: 1.75rem;
}

:where(.w-1\.5) {
  width: 0.375rem;
}

:where(.w-12) {
  width: 3rem;
}

:where(.w-24) {
  width: 6rem;
}

:where(.w-32) {
  width: 8rem;
}

:where(.w-36) {
  width: 9rem;
}

:where(.min-w-7) {
  min-width: 1.75rem;
}

:where(.min-w-\[280px\]) {
  min-width: 280px;
}

:where(.min-w-\[900px\]) {
  min-width: 900px;
}

:where(.shrink-0) {
  flex-shrink: 0;
}

:where(.table-fixed) {
  table-layout: fixed;
}

:where(.justify-center) {
  justify-content: center;
}

:where(.gap-0\.5) {
  gap: 0.125rem;
}

:where(.truncate) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(.whitespace-nowrap) {
  white-space: nowrap;
}

:where(.rounded) {
  border-radius: 0.25rem;
}

:where(.rounded-full) {
  border-radius: 9999px;
}

:where(.border-zinc-200\/90) {
  border-color: rgba(228, 228, 231, 0.9);
}

:where(.border-zinc-300) {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
}

:where(.bg-emerald-50) {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}

:where(.bg-emerald-500) {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}

:where(.bg-indigo-50) {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}

:where(.bg-zinc-400) {
  --tw-bg-opacity: 1;
  background-color: rgb(161 161 170 / var(--tw-bg-opacity, 1));
}

:where(.bg-zinc-950) {
  --tw-bg-opacity: 1;
  background-color: rgb(9 9 11 / var(--tw-bg-opacity, 1));
}

:where(.px-1) {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

:where(.px-1\.5) {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}

:where(.px-3\.5) {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

:where(.py-3\.5) {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

:where(.pl-9) {
  padding-left: 2.25rem;
}

:where(.pr-3) {
  padding-right: 0.75rem;
}

:where(.align-middle) {
  vertical-align: middle;
}

:where(.text-2xl) {
  font-size: 1.5rem;
  line-height: 2rem;
}

:where(.text-base) {
  font-size: 1rem;
  line-height: 1.5rem;
}

:where(.font-normal) {
  font-weight: 400;
}

:where(.leading-none) {
  line-height: 1;
}

:where(.tracking-\[-\.005em\]) {
  letter-spacing: -0.005em;
}

:where(.tracking-\[-\.01em\]) {
  letter-spacing: -0.01em;
}

:where(.tracking-\[-\.025em\]) {
  letter-spacing: -0.025em;
}

:where(.text-zinc-950) {
  --tw-text-opacity: 1;
  color: rgb(9 9 11 / var(--tw-text-opacity, 1));
}

:where(.text-emerald-700) {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}

:where(.text-indigo-600) {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}

:where(.text-indigo-700) {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}

:where(.text-rose-600) {
  --tw-text-opacity: 1;
  color: rgb(225 29 72 / var(--tw-text-opacity, 1));
}

:where(.text-zinc-300) {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity, 1));
}

:where(.opacity-55) {
  opacity: 0.55;
}

:where(.shadow-\[0_1px_2px_rgba\(0\,0\,0\,\.03\)\]) {
  --tw-shadow: 0 1px 2px rgba(0,0,0,.03);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color);
}

:where(.ring-1) {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

:where(.ring-inset) {
  --tw-ring-inset: inset;
}

:where(.ring-emerald-600\/15) {
  --tw-ring-color: rgb(5 150 105 / 0.15);
}

:where(.ring-zinc-500\/10) {
  --tw-ring-color: rgb(113 113 122 / 0.1);
}

:where(.transition-colors) {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

:where(.pointer-events-none) {
  pointer-events: none;
}

:where(.left-0) {
  left: 0px;
}

:where(.right-5) {
  right: 1.25rem;
}

:where(.top-20) {
  top: 5rem;
}

:where(.z-30) {
  z-index: 30;
}

:where(.z-\[80\]) {
  z-index: 80;
}

:where(.mb-1\.5) {
  margin-bottom: 0.375rem;
}

:where(.mb-5) {
  margin-bottom: 1.25rem;
}

:where(.ml-1) {
  margin-left: 0.25rem;
}

:where(.mt-1) {
  margin-top: 0.25rem;
}

:where(.inline-block) {
  display: inline-block;
}

:where(.w-28) {
  width: 7rem;
}

:where(.w-40) {
  width: 10rem;
}

:where(.w-44) {
  width: 11rem;
}

:where(.min-w-\[160px\]) {
  min-width: 160px;
}

:where(.min-w-\[180px\]) {
  min-width: 180px;
}

:where(.min-w-\[720px\]) {
  min-width: 720px;
}

:where(.translate-y-\[-6px\]) {
  --tw-translate-y: -6px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

:where(.cursor-pointer) {
  cursor: pointer;
}

:where(.list-none) {
  list-style-type: none;
}

:where(.items-end) {
  align-items: flex-end;
}

:where(.gap-1) {
  gap: 0.25rem;
}

:where(.overflow-visible) {
  overflow: visible;
}

:where(.overflow-x-auto) {
  overflow-x: auto;
}

:where(.overflow-y-visible) {
  overflow-y: visible;
}

:where(.rounded-md) {
  border-radius: 0.375rem;
}

:where(.border-zinc-200) {
  --tw-border-opacity: 1;
  border-color: rgb(228 228 231 / var(--tw-border-opacity, 1));
}

:where(.border-zinc-200\/70) {
  border-color: rgba(228, 228, 231, 0.7);
}

:where(.border-zinc-200\/80) {
  border-color: rgba(228, 228, 231, 0.8);
}

:where(.bg-zinc-50) {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

:where(.bg-zinc-100) {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}

:where(.bg-zinc-100\/70) {
  background-color: rgba(244, 244, 245, 0.7);
}

:where(.bg-zinc-50\/70) {
  background-color: rgba(250, 250, 250, 0.7);
}

:where(.bg-zinc-900) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}

:where(.px-3) {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

:where(.py-1) {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

:where(.py-2) {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

:where(.py-7) {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

:where(.text-left) {
  text-align: left;
}

:where(.text-center) {
  text-align: center;
}

:where(.text-right) {
  text-align: right;
}

:where(.text-xl) {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

:where(.font-medium) {
  font-weight: 500;
}

:where(.tracking-tight) {
  letter-spacing: -0.025em;
}

:where(.text-zinc-900) {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity, 1));
}

:where(.text-emerald-600) {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1));
}

:where(.text-rose-500) {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}

:where(.text-zinc-400) {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

:where(.text-zinc-500) {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}

:where(.text-zinc-600) {
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
}

:where(.text-zinc-700) {
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity, 1));
}

:where(.text-zinc-800) {
  --tw-text-opacity: 1;
  color: rgb(39 39 42 / var(--tw-text-opacity, 1));
}

:where(.opacity-0) {
  opacity: 0;
}

:where(.shadow-lg) {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

:where(.shadow-sm) {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

:where(.transition-all) {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

:where(.duration-200) {
  transition-duration: 200ms;
}

:where(.vditor) {
  --border-color: #d1d5da;
  --second-color: rgba(88, 96, 105, 0.36);
  --panel-background-color: #fff;
  --panel-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  --toolbar-background-color: #f6f8fa;
  --toolbar-icon-color: #586069;
  --toolbar-icon-hover-color: #4285f4;
  --toolbar-height: 35px;
  --toolbar-divider-margin-top: 8px;
  --textarea-background-color: #fafbfc;
  --textarea-text-color: #24292e;
  --resize-icon-color: var(--toolbar-icon-color);
  --resize-background-color: var(--toolbar-background-color);
  --resize-hover-icon-color: var(--panel-background-color);
  --resize-hover-background-color: var(--toolbar-icon-hover-color);
  --count-background-color: rgba(27, 31, 35, 0.05);
  --heading-border-color: #eaecef;
  --blockquote-color: #6a737d;
  --callout-note-color: #0969da;
  --callout-note-background-color: rgba(9, 105, 218, 0.08);
  --callout-tip-color: #1a7f37;
  --callout-tip-background-color: rgba(26, 127, 55, 0.08);
  --callout-important-color: #8250df;
  --callout-important-background-color: rgba(130, 80, 223, 0.08);
  --callout-warning-color: #9a6700;
  --callout-warning-background-color: rgba(154, 103, 0, 0.08);
  --callout-caution-color: #cf222e;
  --callout-caution-background-color: rgba(207, 34, 46, 0.08);
  --ir-heading-color: #660e7a;
  --ir-title-color: #808080;
  --ir-bi-color: #0033b3;
  --ir-link-color: #008000;
  --ir-bracket-color: #0000ff;
  --ir-paren-color: #008000;
}

:where(.vditor--dark) {
  --border-color: #141414;
  --second-color: rgba(185, 185, 185, 0.36);
  --panel-background-color: #24292e;
  --panel-shadow: 0 1px 2px rgba(255, 255, 255, 0.2);
  --toolbar-background-color: #1d2125;
  --toolbar-icon-color: #b9b9b9;
  --toolbar-icon-hover-color: #fff;
  --textarea-background-color: #2f363d;
  --textarea-text-color: #d1d5da;
  --resize-icon-color: var(--border-color);
  --resize-background-color: var(--second-color);
  --resize-hover-icon-color: var(--toolbar-icon-hover-color);
  --resize-hover-background-color: rgba(185, 185, 185, 0.86);
  --count-background-color: rgba(66, 133, 244, 0.36);
  --heading-border-color: var(--textarea-text-color);
  --blockquote-color: var(--toolbar-icon-color);
  --callout-note-color: #58a6ff;
  --callout-note-background-color: rgba(56, 139, 253, 0.15);
  --callout-tip-color: #3fb950;
  --callout-tip-background-color: rgba(46, 160, 67, 0.15);
  --callout-important-color: #a371f7;
  --callout-important-background-color: rgba(163, 113, 247, 0.15);
  --callout-warning-color: #d29922;
  --callout-warning-background-color: rgba(187, 128, 9, 0.15);
  --callout-caution-color: #f85149;
  --callout-caution-background-color: rgba(248, 81, 73, 0.15);
  --ir-heading-color: #9876aa;
  --ir-title-color: #808080;
  --ir-bi-color: #cc7832;
  --ir-link-color: #ffc66d;
  --ir-bracket-color: #287bde;
  --ir-paren-color: #6a8759;
}

:where(.vditor-reset) {
  --callout-note-color: #0969da;
  --callout-note-background-color: rgba(9, 105, 218, 0.08);
  --callout-tip-color: #1a7f37;
  --callout-tip-background-color: rgba(26, 127, 55, 0.08);
  --callout-important-color: #8250df;
  --callout-important-background-color: rgba(130, 80, 223, 0.08);
  --callout-warning-color: #9a6700;
  --callout-warning-background-color: rgba(154, 103, 0, 0.08);
  --callout-caution-color: #cf222e;
  --callout-caution-background-color: rgba(207, 34, 46, 0.08);
}

:where(:host) {
  line-height: 1.5;
  text-size-adjust: 100%;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}

:where([type="search"]) {
  appearance: textfield;
  outline-offset: -2px;
}

:where([role="button"]) {
  cursor: pointer;
}

:where(:disabled) {
  cursor: default;
}

/* Visibility and motion contracts */
:where([hidden]:where(:not([hidden="until-found"]))) {
  display: none;
}

:where(.fixed) {
  position: fixed;
}

:where(.absolute) {
  position: absolute;
}

:where(.relative) {
  position: relative;
}

:where(.inset-0) {
  inset: 0px;
}

:where(.right-4) {
  right: 1rem;
}

:where(.top-12) {
  top: 3rem;
}

:where(.z-40) {
  z-index: 40;
}

:where(.z-\[90\]) {
  z-index: 90;
}

:where(.mx-auto) {
  margin-left: auto;
  margin-right: auto;
}

:where(.my-1) {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

:where(.mb-2) {
  margin-bottom: 0.5rem;
}

:where(.mb-4) {
  margin-bottom: 1rem;
}

:where(.mt-0\.5) {
  margin-top: 0.125rem;
}

:where(.mt-4) {
  margin-top: 1rem;
}

:where(.block) {
  display: block;
}

:where(.flex) {
  display: flex;
}

:where(.inline-flex) {
  display: inline-flex;
}

:where(.grid) {
  display: grid;
}

:where(.hidden) {
  display: none;
}

:where(.h-10) {
  height: 2.5rem;
}

:where(.h-8) {
  height: 2rem;
}

:where(.h-9) {
  height: 2.25rem;
}

:where(.max-h-\[86vh\]) {
  max-height: 86vh;
}

:where(.min-h-screen) {
  min-height: 100vh;
}

:where(.min-h-0) {
  min-height: 0px;
}

:where(.min-h-10) {
  min-height: 2.5rem;
}

:where(.w-56) {
  width: 14rem;
}

:where(.w-8) {
  width: 2rem;
}

:where(.w-full) {
  width: 100%;
}

:where(.min-w-0) {
  min-width: 0px;
}

:where(.min-w-\[100px\]) {
  min-width: 100px;
}

:where(.max-w-5xl) {
  max-width: 64rem;
}

:where(.max-w-7xl) {
  max-width: 80rem;
}

:where(.flex-1) {
  flex: 1 1 0%;
}

:where(.grid-cols-1) {
  grid-template-columns: repeat(1, minmax(0px, 1fr));
}

:where(.flex-col) {
  flex-direction: column;
}

:where(.flex-wrap) {
  flex-wrap: wrap;
}

:where(.place-items-center) {
  place-items: center;
}

:where(.items-center) {
  align-items: center;
}

:where(.justify-end) {
  justify-content: flex-end;
}

:where(.justify-between) {
  justify-content: space-between;
}

:where(.gap-1\.5) {
  gap: 0.375rem;
}

:where(.gap-2) {
  gap: 0.5rem;
}

:where(.gap-3) {
  gap: 0.75rem;
}

:where(.gap-4) {
  gap: 1rem;
}

:where(.gap-5) {
  gap: 1.25rem;
}

:where(.overflow-hidden) {
  overflow: hidden;
}

:where(.overflow-y-auto) {
  overflow-y: auto;
}

:where(.rounded-2xl) {
  border-radius: 1rem;
}

:where(.rounded-lg) {
  border-radius: 0.5rem;
}

:where(.rounded-xl) {
  border-radius: 0.75rem;
}

:where(.border) {
  border-width: 1px;
}

:where(.border-0) {
  border-width: 0px;
}

:where(.border-b) {
  border-bottom-width: 1px;
}

:where(.border-t) {
  border-top-width: 1px;
}

:where(.border-slate-100) {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
}

:where(.border-slate-200) {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}

:where(.border-slate-200\/80) {
  border-color: rgba(226, 232, 240, 0.8);
}

:where(.bg-slate-50) {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}

:where(.bg-slate-950) {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}

:where(.bg-slate-950\/40) {
  background-color: rgba(2, 6, 23, 0.4);
}

:where(.bg-transparent) {
  background-color: transparent;
}

:where(.bg-white) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

:where(.p-0) {
  padding: 0px;
}

:where(.p-1) {
  padding: 0.25rem;
}

:where(.p-1\.5) {
  padding: 0.375rem;
}

:where(.p-3) {
  padding: 0.75rem;
}

:where(.p-4) {
  padding: 1rem;
}

:where(.p-5) {
  padding: 1.25rem;
}

:where(.px-2) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

:where(.px-2\.5) {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

:where(.px-4) {
  padding-left: 1rem;
  padding-right: 1rem;
}

:where(.px-5) {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

:where(.px-6) {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

:where(.py-1\.5) {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

:where(.py-3) {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

:where(.py-4) {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

:where(.py-5) {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

:where(.pb-1\.5) {
  padding-bottom: 0.375rem;
}

:where(.pb-5) {
  padding-bottom: 1.25rem;
}

:where(.pt-1) {
  padding-top: 0.25rem;
}

:where(.pt-7) {
  padding-top: 1.75rem;
}

:where(.text-3xl) {
  font-size: 1.875rem;
  line-height: 2.25rem;
}

:where(.text-\[10px\]) {
  font-size: 10px;
}

:where(.text-\[11px\]) {
  font-size: 11px;
}

:where(.text-sm) {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

:where(.text-xs) {
  font-size: 0.75rem;
  line-height: 1rem;
}

:where(.font-semibold) {
  font-weight: 600;
}

:where(.uppercase) {
  text-transform: uppercase;
}

:where(.leading-5) {
  line-height: 1.25rem;
}

:where(.tracking-\[-0\.03em\]) {
  letter-spacing: -0.03em;
}

:where(.tracking-\[\.14em\]) {
  letter-spacing: 0.14em;
}

:where(.tracking-\[\.16em\]) {
  letter-spacing: 0.16em;
}

:where(.text-slate-900) {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

:where(.text-slate-400) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

:where(.text-slate-500) {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}

:where(.text-slate-700) {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

:where(.text-slate-950) {
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}

:where(.text-white) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

:where(.antialiased) {
  -webkit-font-smoothing: antialiased;
}

:where(.shadow-2xl) {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

:where(.shadow-soft) {
  --tw-shadow: 0 1px 2px rgba(15,23,42,.04),0 8px 28px rgba(15,23,42,.05);
  --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 8px 28px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

:where(.shadow-slate-900\/10) {
  --tw-shadow-color: rgb(15 23 42 / 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}

:where(.outline-none) {
  outline: transparent solid 2px;
  outline-offset: 2px;
}

:where(.backdrop-blur-sm) {
  --tw-backdrop-blur: blur(4px);
  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);
}

:where(.transition) {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

:where(.member-app) {
  margin: 0px;
  background: rgb(243, 246, 249);
  color: rgb(38, 55, 70);
  font: 400 15px/1.6 var(--studio-font);
  min-height: 100vh;
}

:where(.member-app *) {
  box-sizing: border-box;
}

:where(.member-app label) {
  display: block;
  margin: 16px 0px;
}

:where(.member-app textarea) {
  display: block;
  width: 100%;
  border: 1px solid rgb(203, 215, 225);
  background: rgb(247, 249, 251);
  color: inherit;
  border-radius: 4px;
  padding: 10px 12px;
  font: inherit;
  min-width: 0px;
}

:where(.member-app small) {
  font-size: 12px;
  color: rgb(102, 119, 134);
}

:where(.member-site) {
  --mc-surface: #fff;
  --mc-side: #f1f5f9;
  --mc-line: #d7e0e7;
  --mc-active: #e4eef8;
  background-color: rgb(237, 243, 248);
  background-size: 28px 28px;
}

@media (max-width: 760px) {
  :where(.member-site) {
    padding: 6px;
  }
}

:where(.muted) {
  color: var(--muted);
}

:where(.accent) {
  color: var(--accent);
}

:where(.brand) {
  font-weight: 800;
  letter-spacing: 0.08em;
}

:where(.post-list) {
  display: grid;
  gap: 15px;
}

:where(.pill) {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgb(199, 221, 202);
  background: rgb(237, 246, 237);
  color: rgb(79, 127, 93);
  font-size: 0.72rem;
}

:where(.pagination) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 26px;
}

:where(.btn) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 0.62rem 0.95rem;
  font-size: 0.875rem;
  transition: 0.18s;
}

:where(.btn-soft) {
  border: 1px solid var(--line);
  background: var(--sheet-soft);
}

:where(.field) {
  width: 100%;
  border: 1px solid var(--line);
  background: rgb(255, 253, 249);
  border-radius: 5px;
  padding: 0.72rem 0.82rem;
  outline: none;
}

@media (max-width: 520px) {
  :where(.post-card) {
    padding: 21px 20px;
  }
}

:where(.toc-chevron) {
  color: var(--muted);
  font-family: sans-serif;
}

:where(.toc-empty) {
  padding: 13px 2px 2px;
  color: var(--muted);
  font-size: 0.75rem;
}

:where(.latest-list) {
  display: grid;
}

@media (max-width: 820px) {
  :where(.toc-list) {
    max-height: 290px;
  }
}

:where(.pin-action) {
  color: rgb(154, 111, 47);
  font-size: 0.875rem;
}

:where(.prose-paper) {
  --prose-ink: #3f3a34;
  --prose-muted: #8f8579;
  --prose-orange: #e5a869;
  --prose-orange-deep: #b35900;
  --prose-line: #efe6d8;
  --prose-soft: #fffaf2;
  --prose-code: #faf5eb;
}

@media (max-width: 640px) {
  :where(.code-header) {
    padding-left: 12px;
  }
}

:where(.hero-carousel) {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background: linear-gradient(135deg, rgb(255, 253, 249) 0%, rgb(251, 244, 232) 100%);
  box-shadow: rgba(73, 61, 43, 0.1) 0px 16px 38px;
}

:where(.hero-slide) {
  display: none;
  overflow: hidden;
}

:where(.hero-prev) {
  left: 11px;
}

:where(.hero-next) {
  right: 11px;
}

:where(.hero-dots) {
  position: absolute;
  z-index: 8;
  left: 50%;
  display: flex;
  gap: 7px;
  transform: translateX(-50%);
}

:where(.latest-heading) {
  display: flex;
  align-items: center;
  gap: 10px;
}

:where(.view-switch) {
  display: flex;
  align-items: center;
  padding: 3px;
  border: 1px solid rgb(238, 226, 210);
  border-radius: 10px;
  background: rgba(255, 253, 249, 0.76);
}

@media (max-width: 640px) {
  :where(.hero-carousel) {
    border-radius: 12px;
  }
}

@media (max-width: 640px) {
  :where(.hero-prev) {
    left: 7px;
  }
}

@media (max-width: 640px) {
  :where(.hero-next) {
    right: 7px;
  }
}

:where(.code-header) {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgb(43, 45, 47);
  background: rgb(243, 235, 221);
  box-sizing: border-box;
  min-height: 30px;
  gap: 8px;
  padding: 3px 7px 3px 12px;
}

:where(.code-language) {
  min-width: 0px;
  overflow: hidden;
  color: rgb(101, 93, 84);
  font: 700 0.62rem / 1 "Fira Code", Consolas, monospace;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 767px) {
  :where(.brand) {
    letter-spacing: 0.075em;
    line-height: 1;
  }
}

@media (max-width: 767px) {
  :where(.post-card) {
    padding: 16px 15px;
  }
}

@media (max-width: 767px) {
  :where(.hero-carousel) {
    min-height: 112px;
    max-height: 118px;
    border-radius: 10px;
  }
}

@media (max-width: 767px) {
  :where(.hero-slide) {
    min-height: 112px;
    max-height: 118px;
    grid-template-columns: minmax(0px, 65%) minmax(0px, 35%);
    grid-template-rows: 112px;
  }
}

@media (max-width: 767px) {
  :where(.hero-prev) {
    left: 4px;
  }
}

@media (max-width: 767px) {
  :where(.hero-next) {
    right: 4px;
  }
}

@media (max-width: 767px) {
  :where(.hero-dots) {
    bottom: 4px;
    gap: 4px;
  }
}

:where(.code-tools) {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 767px) {
  :where(.code-header) {
    min-height: 28px;
    padding: 2px 9px 2px 10px;
  }
}

@media (max-width: 767px) {
  :where(.copy-code) {
    width: 20px;
    min-width: 20px;
    height: 20px;
    font-size: 0.67rem;
  }
}

:where(.toc-list) {
  padding-top: 11px;
  max-height: 44vh;
  max-width: 100%;
  scrollbar-width: thin;
}

:where(.toc-link) {
  position: relative;
  display: block;
  margin: 1px 0px;
  padding: 7px 8px 7px 13px;
  color: var(--muted);
  text-decoration: none;
  transition: color 0.18s, background 0.18s, transform 0.18s;
  min-width: 0px;
  max-width: 100%;
  font-size: 0.79rem;
  line-height: 1.48;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

:where(.admin-checkbox) {
  width: 16px;
  height: 16px;
  accent-color: rgb(94, 152, 110);
  cursor: pointer;
  vertical-align: middle;
}

:where(.admin-danger-btn) {
  border: 1px solid rgb(223, 178, 172);
  border-radius: 9px;
  background: rgb(255, 245, 243);
  color: rgb(181, 65, 53);
  padding: 8px 12px;
  font-size: 0.75rem;
  font-weight: 800;
  transition: 0.18s;
}

:where(.admin-modal) {
  position: fixed;
  inset: 0px;
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 20px;
}

:where(.admin-modal-backdrop) {
  position: absolute;
  inset: 0px;
  background: rgba(39, 33, 27, 0.48);
  backdrop-filter: blur(3px);
}

:where(.admin-modal-card) {
  position: relative;
  width: min(420px, 100%);
  padding: 25px;
  border: 1px solid rgb(229, 215, 198);
  border-radius: 16px;
  background: rgb(255, 253, 248);
  box-shadow: rgba(45, 37, 29, 0.24) 0px 24px 70px;
  text-align: center;
}

:where(.admin-modal-icon) {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin: 0px auto 12px;
  border-radius: 50%;
  background: rgb(255, 240, 237);
  color: rgb(180, 65, 53);
  font: 800 1.2rem / 1 sans-serif;
}

:where(.admin-modal-actions) {
  display: flex;
  justify-content: center;
  gap: 10px;
}

@media (max-width: 640px) {
  :where(.admin-danger-btn) {
    width: 100%;
  }
}

:where(.editor-flow-field) {
  width: 100%;
  height: 54px;
  padding: 0px 17px;
  border: 1px solid var(--ef-border);
  border-radius: 11px;
  outline: 0px;
  background: var(--ef-input);
  color: var(--ef-text);
  font: inherit;
  transition: border-color 0.18s, box-shadow 0.18s, background 0.18s;
}

:where(.editor-flow-field)::placeholder {
  color: rgb(144, 153, 159);
}

:where(.editor-action-secondary) {
  height: 46px;
  padding: 0px 25px;
  border-radius: 9px;
  cursor: pointer;
  transition: 0.18s;
  border: 1px solid rgb(217, 221, 219);
}

:where(.editor-action-primary) {
  height: 46px;
  padding: 0px 25px;
  border-radius: 9px;
  cursor: pointer;
  transition: 0.18s;
  border: 1px solid var(--ef-green);
  box-shadow: rgba(47, 166, 111, 0.16) 0px 7px 18px;
}

:where(.editor-modal-open) {
  overflow: hidden;
}

:where(.editor-modal-card) {
  position: relative;
  width: min(540px, 100%);
  max-height: min(760px, -48px + 100vh);
  overflow: auto;
  padding: 25px;
}

:where(.editor-modal-card-wide) {
  width: min(760px, 100%);
}

:where(.editor-modal-close) {
  position: absolute;
  top: 13px;
  right: 14px;
  width: 32px;
  height: 32px;
  border: 0px;
  border-radius: 8px;
  font-size: 1.3rem;
  cursor: pointer;
}

:where(.editor-modal-heading) {
  padding-right: 35px;
  margin-bottom: 20px;
}

:where(.editor-modal-fields) {
  display: grid;
  gap: 13px;
}

:where(.editor-modal-textarea) {
  height: 120px;
  padding: 13px 15px;
  resize: vertical;
}

:where(.editor-modal-actions) {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}

:where(.editor-permission-option) {
  display: grid;
  grid-template-columns: 28px minmax(0px, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgb(228, 227, 221);
  border-radius: 11px;
  margin-top: 9px;
}

:where(.editor-permission-radio) {
  color: rgb(47, 166, 111);
}

@media (max-width: 760px) {
  :where(.editor-flow-field) {
    height: 50px;
  }
}

@media (max-width: 760px) {
  :where(.editor-action-secondary) {
    padding: 0px 14px;
  }
}

@media (max-width: 760px) {
  :where(.editor-action-primary) {
    padding: 0px 14px;
  }
}

@media (max-width: 760px) {
  :where(.editor-modal) {
    padding: 12px;
  }
}

@media (max-width: 760px) {
  :where(.editor-modal-card) {
    padding: 21px 16px;
  }
}

:where(.copy-code) {
  position: static;
  inset: auto;
  z-index: auto;
  font-style: normal;
  font-variant: tabular-nums;
  font-size-adjust: none;
  font-language-override: normal;
  font-kerning: auto;
  font-optical-sizing: auto;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-weight: 600;
  font-stretch: normal;
  font-family: "PingFang SC", sans-serif;
  cursor: pointer;
  font-size: 0.72rem;
  line-height: 1;
  display: inline-grid;
  place-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0px;
  border-radius: 4px;
  color: rgb(117, 110, 100);
  transition: color 0.16s, background-color 0.16s;
  width: 20px;
}

:where(.avatar-frame) {
  position: relative;
  overflow: visible;
  isolation: isolate;
}

@media (min-width: 640px) {
  :where(.download-action) {
    align-self: center;
  }
}

:where(.editor-download-grid),
:where(.editor-hide-fields) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0px, 1fr));
  gap: 12px;
}

:where(.editor-field-wide) {
  grid-column: 1 / -1;
}

@media (max-width: 640px) {
  :where(.editor-download-grid) {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  :where(.editor-hide-fields) {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  :where(.editor-field-wide) {
    grid-column: auto;
  }
}

@media (max-width: 640px) {
  :where(.download-main) {
    width: 100%;
  }
}

@media (max-width: 640px) {
  :where(.hide-lock-form) {
    max-width: 100%;
  }
}

:where(.download-head) {
  display: flex;
  align-items: center;
  gap: 10px;
}

:where(.download-code) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0px;
  color: rgb(119, 109, 96);
  line-height: 1;
  cursor: pointer;
  transition: 0.15s;
  padding: 6px 9px;
  border: 1px solid rgb(226, 216, 201);
  border-radius: 8px;
  background: transparent;
  font-size: 10.5px;
  box-shadow: none;
}

:where(.download-action) {
  flex: 0 0 auto;
  justify-self: end;
}

:where(.download-main) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  transition: background 0.15s, transform 0.15s;
  min-width: 132px;
  min-height: 38px;
  padding: 0px 20px;
  border-radius: 9px;
  box-shadow: none;
}

:where(.hide-lock-form) {
  display: flex;
  max-width: 430px;
  height: 38px;
  margin: 0px;
  align-items: center;
  width: 100%;
  border: 1px solid rgb(217, 204, 186);
  border-radius: 10px;
  background: rgb(255, 253, 249);
  overflow: hidden;
  box-shadow: none;
}

:where(.hide-lock-badge) {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  margin: 0px;
  border-radius: 0px;
  background: transparent;
  font-size: 14px;
  flex: 0 0 38px;
  border-width: 0px 1px 0px 0px;
  border-style: none solid none none;
  border-color: currentcolor rgb(226, 215, 198) currentcolor currentcolor;
  border-image: none;
}

:where(.hide-lock-status) {
  color: rgb(181, 101, 85);
  display: block;
  min-height: 14px;
  font-size: 10.5px;
  margin: 5px 0px 0px;
  text-align: center;
}

@media (max-width: 760px) {
  :where(.hide-lock-form) {
    max-width: 100%;
  }
}

@media (max-width: 760px) {
  :where(.download-head) {
    gap: 9px;
  }
}

@media (max-width: 760px) {
  :where(.download-action) {
    justify-self: end;
    grid-area: action;
  }
}

@media (max-width: 760px) {
  :where(.download-main) {
    width: auto;
    min-width: 0px;
    min-height: 34px;
    padding: 0px 11px;
    border-radius: 8px;
    font-size: 11px;
    gap: 5px;
  }
}

@media (max-width: 760px) {
  :where(.download-code) {
    flex: 0 0 auto;
    padding: 4px 7px;
    border-radius: 7px;
    font-size: 10px;
    line-height: 1.1;
  }
}

:where(.editor-modal) {
  position: fixed;
  inset: 0px;
  z-index: 100;
  display: none;
  place-items: center;
  padding: 24px;
  background: rgba(15, 23, 42, 0.35);
  backdrop-filter: blur(3px);
}

:where(.admin-ui) {
  font-variant-ligatures: common-ligatures contextual;
  font-feature-settings: "kern", "liga";
}

:where(.taxonomy-grid) {
  display: grid;
  grid-template-columns: repeat(4, minmax(0px, 1fr));
  gap: 10px;
  padding: 18px 0px;
}

:where(.taxonomy-tile) {
  min-height: 96px;
  padding: 16px;
  border: 1px solid var(--front-line);
  border-radius: 11px;
  background: var(--front-panel);
  transition: 0.18s;
}

@media (max-width: 1024px) {
  :where(.taxonomy-grid) {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
  }
}

@media (max-width: 760px) {
  :where(.taxonomy-grid) {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
}

@media (max-width: 420px) {
  :where(.taxonomy-grid) {
    grid-template-columns: 1fr;
  }
}

:where(.post-empty) {
  grid-column: 1 / -1;
  padding: 76px 20px;
  border: 1px dashed var(--front-line-strong);
  border-radius: 12px;
  color: var(--front-muted);
  text-align: center;
  font-size: 12px;
}

:where(.reading-content) {
  padding-top: 30px;
}

@media (max-width: 640px) {
  :where(.post-card) {
    padding: 16px 17px;
    border-radius: 10px;
  }
}

:where(.reading-stage) {
  width: 100%;
}

:where(.poster-card) {
  min-width: 0px;
  border: 0px;
  border-radius: 0px;
  background: transparent;
  box-shadow: none;
}

:where(.magazine-feed) {
  display: flex;
  flex-direction: column;
  gap: 34px;
}

:where(.magazine-section) {
  min-width: 0px;
}

:where(.magazine-section-head) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 15px;
}

:where(.magazine-section-title) {
  display: flex;
  align-items: center;
  min-width: 0px;
  gap: 10px;
}

:where(.magazine-section-icon) {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
  border: 1px solid rgba(228, 228, 231, 0.9);
  border-radius: 9px;
  background: rgb(250, 250, 250);
  color: rgb(82, 82, 91);
}

:where(.magazine-more) {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: 0 0 auto;
  color: rgb(113, 113, 122);
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.15s;
}

@media (max-width: 767px) {
  :where(.magazine-feed) {
    gap: 28px;
  }
}

@media (max-width: 767px) {
  :where(.magazine-section-head) {
    margin-bottom: 12px;
  }
}

:where(.post-card) {
  position: relative;
  transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
  overflow: visible;
}

:where(.win-outset) {
  background: var(--face);
  color: var(--text);
  border-width: 1px;
  border-style: solid;
  border-image: none;
  border-color: var(--hilight) var(--dkshadow) var(--dkshadow) var(--hilight);
  box-shadow: inset 1px 1px var(--light), inset -1px -1px var(--dkshadow);
}

:where(.win-inset) {
  background: var(--window);
  border-width: 1px;
  border-style: solid;
  border-image: none;
  border-color: var(--w2k-shadow) var(--hilight) var(--hilight) var(--w2k-shadow);
  box-shadow: inset 1px 1px var(--dkshadow), inset -1px -1px var(--light);
}

:where(.win-groove) {
  display: block;
  height: 0px;
  margin: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 0px;
  border-image: none;
  border-top: 1px solid var(--w2k-shadow);
  background: transparent;
  box-shadow: 0 1px 0 0 var(--hilight);
}

:where(.w2k .w2k-desktop) {
  min-height: 100vh;
  padding: 18px 18px 46px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  box-sizing: border-box;
}

/* Desktop window and navigation */
:where(.w2k .w2k-window) {
  width: min(100%, var(--w2k-window-max));
  min-width: 0px;
  display: flex;
  flex-direction: column;
  padding: 3px;
  background: var(--face);
  border-width: 1px;
  border-style: solid;
  border-image: none;
  border-color: var(--light) var(--dkshadow) var(--dkshadow) var(--light);
}

:where(.w2k .w2k-titlebar) {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  background: linear-gradient(90deg, var(--title-a), var(--title-b));
  color: var(--title-text);
  font-size: 12px;
  font-weight: 400;
  user-select: none;
  view-transition-name: w2k-titlebar;
}

:where(.w2k .w2k-titlebar-icon) {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
}

:where(.w2k .w2k-titlebar-text) {
  min-width: 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

:where(.w2k .w2k-titlebar-buttons) {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

:where(.w2k .w2k-tbtn) {
  background: var(--face);
  color: var(--text);
  border-width: 1px;
  border-style: solid;
  border-image: none;
  border-color: var(--hilight) var(--dkshadow) var(--dkshadow) var(--hilight);
  height: 16px;
  min-width: 18px;
  padding: 0px 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  font-size: 10px;
  line-height: 1;
  cursor: pointer;
  text-decoration: none;
}

:where(.w2k .w2k-toolbar) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  flex: 0 0 auto;
  margin: 0px 0px 6px;
  padding: 3px 4px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--hilight) var(--dkshadow) var(--dkshadow) var(--hilight);
}

:where(.w2k .w2k-client) {
  flex: 1 1 auto;
  min-width: 0px;
  min-height: 60vh;
  padding: 6px;
  background: var(--face);
  color: var(--text);
}

:where(.w2k .w2k-client-explorer),
:where(.w2k .w2k-client-doc) {
  display: grid;
  grid-template-columns: var(--rail-width) minmax(0px, 1fr);
  gap: 6px;
  align-items: start;
}

:where(.w2k .w2k-sidebar) {
  min-width: 0px;
  display: flex;
  flex-direction: column;
  position: sticky;
  top: 6px;
  max-height: calc(-24px + 100vh);
}

:where(.w2k .w2k-sidebar-details) {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0px;
}

:where(.w2k .w2k-statusbar) {
  display: flex;
  align-items: stretch;
  gap: 0px;
  flex: 0 0 auto;
  margin-top: 3px;
  min-height: 21px;
  font-size: 11px;
  view-transition-name: w2k-statusbar;
}

@media (max-width: 900px) {
  :where(.w2k .w2k-desktop) {
    padding: 12px 12px 34px;
  }
}

@media (max-width: 767px) {
  :where(.w2k .w2k-desktop) {
    padding: 0px;
  }
}

@media (max-width: 767px) {
  :where(.w2k .w2k-window) {
    min-height: 100vh;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    box-shadow: none;
  }
}

@media (max-width: 767px) {
  :where(.w2k .w2k-titlebar) {
    height: 24px;
    padding-right: 3px;
  }
}

@media (max-width: 767px) {
  :where(.w2k .w2k-toolbar) {
    flex-wrap: wrap;
    gap: 3px;
  }
}

:where(.media-cards) {
  --media-cols: 4;
  --media-card-gap: 18px;
  --media-card-min: 200px;
  --media-card-radius: 6px;
  --media-ratio-h: 150%;
  --media-size-adj: -8px;
  --media-card-text: #263746;
  --media-card-muted: #8B98A3;
  --media-card-media-bg: #E4EBF1;
  --media-accent: #2F6FAE;
  --media-bar-line: 3px;
  --media-hover-brightness: 1.03;
  --media-hover-zoom: 1.035;
  --media-ring: 1.5px;
  --media-tag-bg: rgba(20, 26, 36, .58);
}

@media (max-width: 1200px) {
  :where(.media-cards) {
    --media-cols: 3;
    --media-card-gap: 16px;
  }
}

@media (max-width: 860px) {
  :where(.media-cards) {
    --media-cols: 2;
    --media-card-gap: 14px;
  }
}

@media (max-width: 420px) {
  :where(.media-cards) {
    --media-card-gap: 12px;
  }
}

:where(.site-top-nav) {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 7px;
  margin-left: 8px;
  background: transparent;
}

:where(.site-mobile-search) {
  display: none;
}

@media (max-width: 767px) {
  :where(.site-top-nav) {
    order: 0;
    flex: 0 0 auto;
    margin-left: 2px;
    gap: 4px;
  }
}

@media (max-width: 767px) {
  :where(.site-mobile-search) {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    background: var(--window, #f4f7f9);
  }
}

@media (max-width: 767px) {
  :where(.site-mobile-search-field) {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0px;
    gap: 6px;
    height: 26px;
    padding: 0px 7px;
    background: rgb(255, 255, 255);
    color: rgb(100, 118, 135);
    border: 1px solid rgb(216, 224, 230);
    border-radius: 3px;
  }
}

@media (max-width: 360px) {
  :where(.site-brand-full) {
    display: none;
  }
}

:where(:root) {
  --dc-bg: #fff;
  --dc-badge: #e5f0fb;
  --dc-main: #f4f8fc;
  --dc-line: #dde5ec;
  --dc-text: #344554;
  --dc-muted: #788793;
  --dc-blue: #2f6fae;
  --dc-green: #f0f8f4;
  --dc-green-text: #45856c;
  --mp-panel: #fff;
  --mp-soft: #f3f6fa;
  --mp-line: #dae3eb;
  --mp-text: #334653;
  --mp-muted: #728390;
  --mp-blue: #2f6fae;
  --mp-blue-soft: #e7f0f8;
  --mp-gold: #d7b86f;
  --mp-gold-text: #44371d;
  --paper: #f4f4f5;
  --sheet: #ffffff;
  --sheet-soft: #fafafa;
  --ink: #3f3f46;
  --muted: #71717a;
  --line: #e4e4e7;
  --line-strong: #d4d4d8;
  --accent: #52525b;
  --green: #64748b;
  --code: #f6f8fa;
  --front-accent: #27272a;
  --front-accent-soft: #f4f4f5;
  --front-shadow: 0 1px 2px rgba(0,0,0,.025),0 8px 30px rgba(0,0,0,.025);
  --front-unified-width: 896px;
  --front-bg: #f7f8fa;
  --front-panel: #ffffff;
  --front-panel-soft: #fafbfc;
  --front-text: #4b5563;
  --front-muted: #9299a6;
  --front-line: rgba(75,85,99,.105);
  --front-line-strong: rgba(75,85,99,.18);
  --front-chip: #f3f5f7;
  --front-canvas: #f7f8fa;
  --front-sheet-shadow: 0 18px 48px -32px rgba(38,45,58,.24);
  --desktop: #3a6ea5;
  --gray-text-shadow: #ffffff;
  --title-a: #000080;
  --title-b: #1084d0;
  --title-text: #ffffff;
  --title-off-a: #808080;
  --title-off-b: #b5b5b5;
  --title-off-text: #d4d0c8;
  --select-bg: #808080;
  --select-text: #ffffff;
  --focus-dot: #ffff00;
  --bar: #000080;
  --bar-hot: #a04000;
  --online: #00b000;
  --offline: #c00000;
  --tip-bg: #ffffe1;
  --tip-text: #000000;
  --link: #000000;
  --link-hover: #000000;
  --overlay: rgba(0, 0, 0, .15);
  --graph-bg: #000000;
  --graph-grid: #008040;
  --graph-axis: #404040;
  --accent-green: #007a00;
  --accent-blue: #0a246a;
  --accent-yellow: #a06a00;
  --accent-red: #c00000;
  --accent-cyan: #007878;
  --accent-purple: #6a2a9a;
  --list-name: clamp(320px, 34vw, 460px);
  --list-date: 90px;
  --list-total: calc(var(--list-name) + var(--list-date));
  --w2k-window-max: 1400px;
  --w2k-read-max: 780px;
  --w2k-radius: 0px;
  --shadow: #D7E0E7;
  --face: #E4EBF1;
  --hilight: #F7F9FB;
  --light: #E7EDF2;
  --w2k-shadow: #D7E0E7;
  --dkshadow: #D7E0E7;
  --window: #F7F9FB;
  --window-alt: #F1F5F8;
  --code-surface: #F4F6F8;
  --field: #FFFFFF;
  --text: #263746;
  --text-muted: #667786;
  --gray-text: #8B98A3;
  --tree-count: #8B98A3;
  --select-blur-bg: #D7E0E7;
  --select-blur-text: #263746;
  --trough: #D7E0E7;
  --row-line: #E7EDF2;
  --dither-a: #EEF3F7;
  --dither-b: #E4EBF1;
  --flat-line-out: #D7E0E7;
  --flat-line-in: #D7E0E7;
  --flat-line-soft: #E7EDF2;
  --flat-head-bg: #E9EFF5;
  --flat-row: #E7EDF2;
  --flat-hover: rgba(47, 111, 174, .10);
  --flat-base: #F7F9FB;
  --flat-toolbar: #F4F7F9;
  --flat-toolbar-line: #D7E0E7;
  --flat-pane: #FFFFFF;
  --flat-pane-line: #D7E0E7;
  --flat-pane-hover: #E7EFF6;
  --flat-desktop: #EEF3F7;
  --grid-line: rgba(47, 111, 174, .07);
  --grid-size: 20px;
  --grid-line-w: 1px;
  --grid-base: #EEF3F7;
  --grid-image: linear-gradient(to right, var(--grid-line) 0 var(--grid-line-w), transparent var(--grid-line-w)),
    linear-gradient(to bottom, var(--grid-line) 0 var(--grid-line-w), transparent var(--grid-line-w));
  --surface-panel: #FFFFFF;
  --surface-row-hover: #E7EFF6;
  --surface-divider: #E7EDF2;
  --panel-border: #D7E0E7;
  --soft-r-sm: 4px;
  --soft-r-md: 5px;
  --soft-r-lg: 6px;
  --soft-line: #D7E0E7;
  --soft-line-soft: #E7EDF2;
  --soft-line-input: #CBD8E2;
  --soft-sh-card: 0 1px 3px rgba(40, 70, 90, .06);
  --soft-sh-panel: 0 2px 6px rgba(40, 70, 90, .08);
  --soft-blue: #2F6FAE;
  --soft-blue-hover: #3D82C2;
  --soft-blue-active: #285F94;
  --soft-blue-tint: #E7F0F8;
  --soft-blue-sel: #DCEAF7;
  --soft-hover: #E7EFF6;
  --soft-nav-bg: #F4F7F9;
  --soft-nav-text: #425466;
  --soft-nav-hover: #E5EEF6;
  --soft-btn-bg: #F4F6F8;
  --soft-btn-line: #D8E0E6;
  --article-surface: #fff;
  --article-soft: #F7F9FB;
  --article-line: #D7E0E7;
  --article-text: #263746;
  --article-muted: #667786;
  --article-accent: #2F6FAE;
  --article-selected: #E7F0F8;
  --font-ui: var(--studio-font);
  --font-mono: var(--studio-code-font);
  --w2k-font: var(--studio-font);
  --w2k-mono: var(--studio-code-font);
  --studio-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --studio-code-font: ui-monospace, "SFMono-Regular", "Cascadia Code", Consolas, "Liberation Mono", Menlo, "Noto Sans Mono CJK SC", "Microsoft YaHei UI", monospace;
}

:where(.font-mono) {
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-variant-ligatures: none;
}

:where(.tabular-nums) {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0px;
}

:where(.studio-admin) {
  font-family: var(--studio-font);
  font-weight: 400;
}

:where(.studio-login label) {
  display: block;
  font-size: 14px;
  margin-top: 18px;
  color: inherit;
}

:where(.studio-login),
:where(.studio-login *) {
  box-sizing: border-box;
}

:where(.member-app a) {
  color: rgb(47, 111, 174);
  text-decoration: none;
}

:where(.member-app h1) {
  font-size: 25px;
  font-weight: 500;
  margin: 0px 0px 12px;
}

:where(.member-app h2) {
  font-size: 18px;
  font-weight: 500;
  margin: 0px 0px 12px;
}

:where(.member-app input) {
  display: block;
  width: 100%;
  border: 1px solid rgb(203, 215, 225);
  background: rgb(247, 249, 251);
  color: inherit;
  border-radius: 4px;
  padding: 10px 12px;
  font: inherit;
  min-width: 0px;
}

:where(.member-app button) {
  background: rgb(47, 111, 174);
  color: rgb(255, 255, 255);
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 9px 14px;
  font: inherit;
  cursor: pointer;
  white-space: nowrap;
}

@media (max-width: 640px) {
  :where(.member-app h1) {
    font-size: 22px;
  }
}

:where(.member-site h2) {
  font-size: 19px;
  font-weight: 400;
  margin: 22px 0px 12px;
}

:where(.member-app select) {
  max-width: 100%;
  padding: 8px;
  border: 1px solid rgb(203, 215, 225);
  border-radius: 4px;
  background: rgb(247, 249, 251);
  color: inherit;
  font: inherit;
}

:where(.dark body) {
  --paper: #18191c;
  --sheet: #1e2025;
  --sheet-soft: #26282e;
  --ink: #d0d5dd;
  --muted: #858d9d;
  --line: rgba(255,255,255,.055);
  --line-strong: rgba(255,255,255,.085);
  --accent: #98a2b3;
  --green: #6fae9f;
  --code: #202227;
  --shadow: 0 18px 48px -24px rgba(0,0,0,.58);
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0.086) 0.7px, transparent 0.8px);
  background-size: 22px 22px;
}

:where(.w2k .w2k-tbtn svg) {
  display: block;
}

:where(html[data-theme="dark"]) {
  --grid-base: #1A1A1A;
  --grid-line: rgba(255, 255, 255, .05);
}

:where(html.dark) {
  --dc-bg: #18212a;
  --dc-badge: #29435a;
  --dc-main: #202c38;
  --dc-line: #354553;
  --dc-text: #d9e4ee;
  --dc-muted: #a2b2c1;
  --dc-blue: #95bfe8;
  --dc-green: #1e302c;
  --dc-green-text: #91cbb3;
  --mp-panel: #181f27;
  --mp-soft: #202a35;
  --mp-line: #354351;
  --mp-text: #dbe4ed;
  --mp-muted: #a2b1c0;
  --mp-blue: #96c1ed;
  --mp-blue-soft: #283d55;
  --mp-gold: #c7a35a;
  --mp-gold-text: #251e12;
  --front-accent: #98a2b3;
  --front-accent-soft: #25272d;
  --front-bg: #101115;
  --front-panel: #1d1e23;
  --front-panel-soft: #23252b;
  --front-text: #c8cdd5;
  --front-muted: #858c99;
  --front-line: rgba(255,255,255,.055);
  --front-line-strong: rgba(255,255,255,.10);
  --front-chip: #282a30;
  --front-canvas: #101115;
  --front-sheet-shadow: 0 22px 54px -28px rgba(0,0,0,.72);
  --desktop: #1b2b40;
  --gray-text-shadow: transparent;
  --title-a: #0a246a;
  --title-b: #3a6ea5;
  --title-off-a: #2a2a2a;
  --title-off-b: #505050;
  --title-off-text: #a8a8a8;
  --select-text: #ffffff;
  --bar-hot: #e07030;
  --tip-bg: #ffffe1;
  --tip-text: #000000;
  --overlay: rgba(0, 0, 0, .45);
  --graph-bg: #000000;
  --graph-grid: #008040;
  --graph-axis: #9fd9a8;
  --accent-yellow: #e0b040;
  --accent-cyan: #40d0d0;
  --accent-purple: #c090ff;
  --font-ui: var(--w2k-font);
  --font-mono: var(--w2k-mono);
  --face: #2D2D2D;
  --hilight: #363636;
  --light: #2D2D2D;
  --shadow: #3A3A3A;
  --w2k-shadow: #3A3A3A;
  --dkshadow: #141414;
  --window: #1A1A1A;
  --window-alt: #222222;
  --code-surface: #141414;
  --field: #363636;
  --text: #E6E6E6;
  --text-muted: #A0A0A0;
  --gray-text: #6E6E6E;
  --tree-count: #A0A0A0;
  --select-blur-bg: #363636;
  --select-blur-text: #E6E6E6;
  --trough: #141414;
  --row-line: #2A2A2A;
  --dither-a: #2D2D2D;
  --dither-b: #1A1A1A;
  --flat-line-out: #3A3A3A;
  --flat-line-in: #333333;
  --flat-line-soft: #2A2A2A;
  --flat-head-bg: #2D2D2D;
  --flat-row: #2A2A2A;
  --flat-hover: rgba(255, 255, 255, .08);
  --flat-base: #1A1A1A;
  --flat-toolbar: #2D2D2D;
  --flat-toolbar-line: #3A3A3A;
  --flat-pane: #2D2D2D;
  --flat-pane-line: #3A3A3A;
  --flat-pane-hover: #363636;
  --flat-desktop: #141414;
  --w2k-r28-hover-blue: #1084d0;
  --title-text: #E6E6E6;
  --select-bg: #363636;
  --bar: #0A84FF;
  --online: #34C759;
  --offline: #FF453A;
  --link: #E6E6E6;
  --link-hover: #FFFFFF;
  --accent-green: #34C759;
  --accent-blue: #0A84FF;
  --accent-red: #FF453A;
  --bg-app: #1A1A1A;
  --bg-sidebar: #222222;
  --bg-surface-card: #2D2D2D;
  --bg-surface-elevated: #363636;
  --bg-surface-sunken: #141414;
  --border-subtle: rgba(255, 255, 255, .08);
  --border-divider: rgba(255, 255, 255, .05);
  --border-highlight: rgba(255, 255, 255, .15);
  --text-primary: #E6E6E6;
  --text-secondary: #A0A0A0;
  --text-tertiary: #6E6E6E;
  --tree-hover: rgba(10, 132, 255, .16);
  --surface-panel: #2D2D2D;
  --surface-row-hover: #363636;
  --surface-divider: #333333;
  --panel-border: #3A3A3A;
  --w2k-first-bg: var(--studio-desktop);
  --grid-line: rgba(114,173,255,.05);
  --grid-base: var(--studio-desktop);
  color-scheme: dark;
  --article-surface: var(--studio-surface);
  --article-soft: var(--studio-panel);
  --article-line: var(--studio-line);
  --article-text: var(--studio-text);
  --article-muted: var(--studio-muted);
  --article-accent: var(--studio-blue);
  --article-selected: var(--studio-selected);
  --studio-desktop: #13171c;
  --studio-surface: #181d24;
  --studio-panel: #20262e;
  --studio-soft: #232b35;
  --studio-text: #dbe2eb;
  --studio-muted: #a5b0bf;
  --studio-line: #35404c;
  --studio-blue: #9dc5f4;
  --studio-selected: #283d55;
  --studio-title: #293e57;
  --paper: var(--studio-desktop);
  --sheet: var(--studio-surface);
  --sheet-soft: var(--studio-panel);
  --ink: var(--studio-text);
  --muted: var(--studio-muted);
  --line: var(--studio-line);
  --line-strong: #536273;
  --accent: var(--studio-blue);
  --code: #141a21;
}

:where(html:not(.dark)) {
  --bg-page: #EEF3F7;
  --bg-sidebar: #F1F5F8;
  --bg-content: #F7F9FB;
  --bg-card: #FFFFFF;
  --bg-card-header: #E9EFF5;
  --bg-input: #FFFFFF;
  --border: #D7E0E7;
  --text-primary: #263746;
  --text-secondary: #667786;
  --text-muted: #7E8C99;
  --text-faint: #8B98A3;
  --primary: #2F6FAE;
  --primary-dark: #285F94;
  --primary-light: #3D82C2;
  --hover: #E7EFF6;
  --selected: #DCEAF7;
  --desktop: #EEF3F7;
  --title-a: #2F6FAE;
  --title-b: #3D82C2;
  --title-off-a: #7C7B78;
  --title-off-b: #C9C6BE;
  --select-bg: #6E7580;
  --bar: #2F6FAE;
  --w2k-r28-hover-blue: #2F6FAE;
  --tree-hover: #DCE6F2;
  color-scheme: light;
}

:where(.studio-login) {
  display: grid;
  place-items: center;
  min-height: 100vh;
  padding: 24px;
  background: rgb(244, 247, 249);
  color: rgb(38, 55, 70);
}

:where(.studio-login h1) {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.4;
  margin: 28px 0px 8px;
}

:where(.studio-login input) {
  display: block;
  width: 100%;
  height: 42px;
  padding: 0px 12px;
  margin-top: 7px;
  border: 1px solid rgb(205, 216, 226);
  border-radius: 5px;
  background: rgb(247, 249, 251);
  color: rgb(38, 55, 70);
  font-size: 14px;
  font-weight: 400;
  box-shadow: none;
}

:where(.dark body) {
  color-scheme: dark;
  background: rgb(9, 9, 11);
}

:where(.art-mini-popup.art-mini-dragging) {
  opacity: 0.9;
}

:where(.art-video-player.art-mobile) {
  --art-bottom-gap: 10px;
  --art-control-height: 38px;
  --art-control-icon-scale: 1;
  --art-state-size: 60px;
  --art-settings-max-height: 180px;
  --art-selector-max-height: 180px;
  --art-indicator-scale: 1;
  --art-control-opacity: 1;
}

:where(.placeholder\:text-zinc-400)::placeholder {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {
  :where(.sm\:inline-flex) {
    display: inline-flex;
  }
}

@media (min-width: 640px) {
  :where(.sm\:w-56) {
    width: 14rem;
  }
}

@media (min-width: 1024px) {
  :where(.lg\:py-9) {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
}

@media (min-width: 1280px) {
  :where(.xl\:flex-row) {
    flex-direction: row;
  }
}

@media (min-width: 1280px) {
  :where(.xl\:items-center) {
    align-items: center;
  }
}

@media (min-width: 1280px) {
  :where(.xl\:justify-end) {
    justify-content: flex-end;
  }
}

@media (min-width: 1280px) {
  :where(.xl\:justify-between) {
    justify-content: space-between;
  }
}

:where(.vditor-reset .callout),
:where(.vditor-wysiwyg blockquote.callout),
:where(.vditor-ir blockquote.callout) {
  --callout-color: var(--callout-note-color, #0969da);
  --callout-background-color: var(--callout-note-background-color, rgba(9, 105, 218, 0.08));
}

:where(.placeholder\:text-slate-300)::placeholder {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

@media (min-width: 640px) {
  :where(.sm\:grid-cols-2) {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
  }
}

@media (min-width: 640px) {
  :where(.sm\:px-6) {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 640px) {
  :where(.sm\:px-8) {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 640px) {
  :where(.sm\:pt-8) {
    padding-top: 2rem;
  }
}

@media (min-width: 640px) {
  :where(.sm\:text-\[2\.1rem\]) {
    font-size: 2.1rem;
  }
}

@media (min-width: 1024px) {
  :where(.lg\:px-8) {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1024px) {
  :where(.lg\:py-7) {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
}

:where(.btn-soft:hover) {
  background: rgb(255, 250, 240);
}

:where(.field:focus) {
  border-color: rgb(185, 147, 118);
  box-shadow: rgba(185, 147, 118, 0.14) 0px 0px 0px 3px;
}

:where(.prose-paper .paper-callout) {
  --callout-bg: #f4f2ef;
  --callout-border: #ddd8d0;
  --callout-accent: #9c988d;
}

:where(.pin-action:hover) {
  color: rgb(194, 118, 36);
}

:where(.dark .prose-paper) {
  --prose-ink: #d8cfc2;
  --prose-muted: #a99d90;
  --prose-line: #554b3f;
  --prose-soft: #332d26;
  --prose-code: #29251f;
}

:where(.post-card:nth-child(2n)) {
  transform: none;
}

:where(.hero-slide:first-child) {
  display: grid;
}

@media (max-width: 767px) {
  :where(.hero-slide:first-child) {
    grid-template-columns: minmax(0px, 65%) minmax(0px, 35%);
    grid-template-rows: 112px;
  }
}

:where(.copy-code:hover) {
  transform: translateY(-1px);
  color: rgb(63, 58, 51);
}

:where(.toc-link:hover) {
  color: rgb(79, 120, 95);
  transform: translateX(2px);
}

:where(.admin-danger-btn:hover) {
  background: rgb(185, 74, 63);
  border-color: rgb(185, 74, 63);
  color: rgb(255, 255, 255);
  transform: translateY(-1px);
}

:where(.admin-danger-btn:disabled) {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}

:where(.admin-modal[hidden]) {
  display: none;
}

:where(.editor-flow-field:focus) {
  border-color: rgb(148, 203, 176);
  box-shadow: rgba(47, 166, 111, 0.086) 0px 0px 0px 3px;
  background: var(--ef-card);
}

:where(.editor-action-secondary:hover) {
  background: rgb(247, 248, 247);
}

:where(.editor-action-primary:hover) {
  transform: translateY(-1px);
  filter: brightness(0.97);
}

:where(.prose-paper .callout-warning) {
  --callout-bg: #fff6ed;
  --callout-border: transparent;
  --callout-accent: #ee8b2d;
}

:where(.download-main:hover) {
  transform: translateY(-1px);
}

:where(.download-code:hover) {
  border-color: rgb(207, 194, 175);
  background: rgb(247, 242, 234);
}

:where(.hide-lock-form:focus-within) {
  border-color: rgb(159, 182, 165);
  box-shadow: rgba(78, 139, 110, 0.08) 0px 0px 0px 3px;
}

:where(.taxonomy-tile:hover) {
  transform: translateY(-2px);
  border-color: var(--front-line-strong);
  box-shadow: var(--front-shadow);
}

:where(.post-card:hover) {
  border-color: var(--front-line-strong);
}

:where(.magazine-more:hover) {
  color: rgb(24, 24, 27);
}

:where(.media-cards.ratio-2-3),
:where(.media-card.ratio-2-3) {
  --media-ratio-h: 150%;
  --media-size-adj: -8px;
}

:where(.media-cards.ratio-16-9),
:where(.media-card.ratio-16-9) {
  --media-ratio-h: 56.25%;
  --media-size-adj: 10px;
}

@media (max-width: 767px) {
  :where(.site-mobile-search-field:focus-within) {
    border-color: rgb(47, 111, 174);
    box-shadow: rgb(47, 111, 174) 0px 0px 0px 1px;
  }
}

:where(.studio-admin time) {
  font-variant-numeric: tabular-nums;
}

:where(html.dark:root) {
  --w2k-first-bg: #13171c;
  --studio-desktop: #13171c;
  --studio-surface: #181d24;
  --studio-panel: #20262e;
  --studio-soft: #232b35;
  --studio-text: #dbe2eb;
  --studio-muted: #a5b0bf;
  --studio-line: #35404c;
  --studio-selected: #283d55;
  --studio-blue: #9dc5f4;
  color-scheme: dark;
  background-color: rgb(19, 23, 28);
}

:where(.member-app input:focus) {
  outline: rgb(120, 165, 203) solid 2px;
  outline-offset: 1px;
}

:where(.member-app button:hover) {
  filter: brightness(1.08);
}

:where(html.dark .member-app) {
  background: rgb(19, 23, 28);
  color: rgb(219, 226, 235);
}

:where(html.dark .member-app small) {
  color: rgb(165, 176, 191);
}

:where(html.dark .member-site) {
  --mc-surface: #181d24;
  --mc-side: #202731;
  --mc-line: #35404c;
  --mc-active: #283d55;
  background-color: rgb(17, 23, 29);
  background-image: linear-gradient(rgba(39, 53, 68, 0.333) 1px, transparent 1px), linear-gradient(90deg, rgba(39, 53, 68, 0.333) 1px, transparent 1px);
}

:where(html:not(.dark) .w2k-titlebar) {
  background-color: rgb(47, 111, 174);
}

:where(html:not(.dark) .w2k-statusbar) {
  background-color: rgb(244, 247, 249);
}

:where(html.dark .w2k-titlebar),
:where(html.dark .w2k-statusbar) {
  background-color: rgb(36, 36, 36);
}

:where(html.dark .media-cards),
:where(html.dark .media-card) {
  --media-card-text: #e8e8e8;
  --media-card-muted: #888888;
  --media-card-media-bg: #141414;
  --media-tag-bg: rgba(0, 0, 0, .62);
  --media-accent: #5b93d6;
  --media-hover-brightness: 1.05;
}

:where(.studio-login input:focus) {
  outline: rgb(73, 127, 175) solid 2px;
  outline-offset: 1px;
}

:where(html.dark .member-app a) {
  color: rgb(157, 197, 244);
}

:where(html.dark .member-app select) {
  background: rgb(32, 38, 46);
  border-color: rgb(53, 64, 76);
}

:where(html.dark .studio-admin input)::placeholder {
  color: var(--studio-muted);
  opacity: 1;
}

:where(html.dark .studio-login input) {
  background: var(--studio-panel);
  color: var(--studio-text);
  border-color: var(--studio-line);
}

:where(.hover\:border-rose-200:hover) {
  --tw-border-opacity: 1;
  border-color: rgb(254 205 211 / var(--tw-border-opacity, 1));
}

:where(.hover\:bg-zinc-50:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

:where(.hover\:bg-zinc-50\/80:hover) {
  background-color: rgba(250, 250, 250, 0.8);
}

:where(.hover\:bg-zinc-800:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}

:where(.hover\:text-rose-700:hover) {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}

:where(.focus\:border-indigo-400:focus) {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}

:where(.focus\:bg-white:focus) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

:where(.focus\:ring-2:focus) {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

:where(.focus\:ring-indigo-500:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1));
}

:where(.focus\:ring-indigo-500\/10:focus) {
  --tw-ring-color: rgb(99 102 241 / 0.1);
}

:where(.disabled\:cursor-not-allowed:disabled) {
  cursor: not-allowed;
}

:where(.disabled\:opacity-40:disabled) {
  opacity: 0.4;
}

:where(.dark\:bg-emerald-950\/40.dark *) {
  background-color: rgba(2, 44, 34, 0.4);
}

:where(.dark\:bg-indigo-950\/40.dark *) {
  background-color: rgba(30, 27, 75, 0.4);
}

:where(.dark\:bg-zinc-950\/50.dark *) {
  background-color: rgba(9, 9, 11, 0.5);
}

:where(.dark\:text-emerald-300.dark *) {
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity, 1));
}

:where(.dark\:text-indigo-300.dark *) {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1));
}

:where(.dark\:text-rose-400.dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}

:where(.dark\:text-zinc-700.dark *) {
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity, 1));
}

:where(.divide-y > :not([hidden]) ~ :not([hidden])) {
  --tw-divide-y-reverse: 0;
}

:where(.divide-zinc-100 > :not([hidden]) ~ :not([hidden])) {
  --tw-divide-opacity: 1;
}

:where(.hover\:bg-emerald-50:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}

:where(.hover\:bg-rose-50:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}

:where(.hover\:bg-zinc-100:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}

:where(.hover\:bg-zinc-50\/60:hover) {
  background-color: rgba(250, 250, 250, 0.6);
}

:where(.hover\:bg-zinc-700:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
}

:where(.hover\:text-zinc-900:hover) {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity, 1));
}

:where(.hover\:text-zinc-950:hover) {
  --tw-text-opacity: 1;
  color: rgb(9 9 11 / var(--tw-text-opacity, 1));
}

:where(.focus\:border-zinc-400:focus) {
  --tw-border-opacity: 1;
  border-color: rgb(161 161 170 / var(--tw-border-opacity, 1));
}

:where(.dark\:border-zinc-700.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
}

:where(.dark\:border-zinc-800.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(39 39 42 / var(--tw-border-opacity, 1));
}

:where(.dark\:bg-zinc-950.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(9 9 11 / var(--tw-bg-opacity, 1));
}

:where(.dark\:bg-zinc-100.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}

:where(.dark\:bg-zinc-800.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}

:where(.dark\:bg-zinc-900.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}

:where(.dark\:bg-zinc-950\/30.dark *) {
  background-color: rgba(9, 9, 11, 0.3);
}

:where(.dark\:text-zinc-200.dark *) {
  --tw-text-opacity: 1;
  color: rgb(228 228 231 / var(--tw-text-opacity, 1));
}

:where(.dark\:text-emerald-400.dark *) {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}

:where(.dark\:text-zinc-100.dark *) {
  --tw-text-opacity: 1;
  color: rgb(244 244 245 / var(--tw-text-opacity, 1));
}

:where(.dark\:text-zinc-300.dark *) {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity, 1));
}

:where(.dark\:text-zinc-400.dark *) {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

:where(.dark\:text-zinc-950.dark *) {
  --tw-text-opacity: 1;
  color: rgb(9 9 11 / var(--tw-text-opacity, 1));
}

:where(.vditor-reset .callout[data-subtype="TIP"]),
:where(.vditor-wysiwyg blockquote.callout[data-subtype="TIP"]),
:where(.vditor-ir blockquote.callout[data-subtype="TIP"]) {
  --callout-color: var(--callout-tip-color, #1a7f37);
  --callout-background-color: var(--callout-tip-background-color, rgba(26, 127, 55, 0.08));
}

:where(.vditor-reset .callout[data-subtype="IMPORTANT"]),
:where(.vditor-wysiwyg blockquote.callout[data-subtype="IMPORTANT"]),
:where(.vditor-ir blockquote.callout[data-subtype="IMPORTANT"]) {
  --callout-color: var(--callout-important-color, #8250df);
  --callout-background-color: var(--callout-important-background-color, rgba(130, 80, 223, 0.08));
}

:where(.vditor-reset .callout[data-subtype="WARNING"]),
:where(.vditor-wysiwyg blockquote.callout[data-subtype="WARNING"]),
:where(.vditor-ir blockquote.callout[data-subtype="WARNING"]) {
  --callout-color: var(--callout-warning-color, #9a6700);
  --callout-background-color: var(--callout-warning-background-color, rgba(154, 103, 0, 0.08));
}

:where(.vditor-reset .callout[data-subtype="CAUTION"]),
:where(.vditor-wysiwyg blockquote.callout[data-subtype="CAUTION"]),
:where(.vditor-ir blockquote.callout[data-subtype="CAUTION"]) {
  --callout-color: var(--callout-caution-color, #cf222e);
  --callout-background-color: var(--callout-caution-background-color, rgba(207, 34, 46, 0.08));
}

:where(.space-y-3 > :not([hidden]) ~ :not([hidden])),
:where(.space-y-4 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
}

:where(.focus-within\:border-indigo-400:focus-within) {
  --tw-border-opacity: 1;
  border-color: rgb(129 140 248 / var(--tw-border-opacity, 1));
}

:where(.focus-within\:ring-2:focus-within) {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

:where(.focus-within\:ring-indigo-500\/10:focus-within) {
  --tw-ring-color: rgb(99 102 241 / 0.1);
}

:where(.hover\:bg-slate-100:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
}

:where(.hover\:text-slate-900:hover) {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}

:where(.focus\:ring-0:focus) {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

:where(.dark\:border-slate-700.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(51 65 85 / var(--tw-border-opacity, 1));
}

:where(.dark\:border-slate-800.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1));
}

:where(.dark\:bg-slate-950.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity, 1));
}

:where(.dark\:bg-slate-900.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1));
}

:where(.dark\:bg-slate-950\/60.dark *) {
  background-color: rgba(2, 6, 23, 0.6);
}

:where(.dark\:bg-white.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

:where(.dark\:text-slate-100.dark *) {
  --tw-text-opacity: 1;
  color: rgb(241 245 249 / var(--tw-text-opacity, 1));
}

:where(.dark\:text-slate-200.dark *) {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

:where(.dark\:text-slate-400.dark *) {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

:where(.dark\:text-slate-950.dark *) {
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1));
}

:where(.dark\:text-white.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

:where(.post-card:nth-child(2n):hover) {
  transform: translateY(-2px);
  box-shadow: rgba(73, 61, 43, 0.12) 0px 14px 30px;
}

:where(.dark .prose-paper .callout-warning) {
  --callout-border: #594b31;
  --callout-bg: #382f25;
  --callout-accent: #e99a4d;
}

:where(html.dark .member-app input),
:where(html.dark .member-app textarea) {
  background: rgb(32, 38, 46);
  color: rgb(219, 226, 235);
  border-color: rgb(53, 64, 76);
}

:where(html.dark .studio-admin .vditor) {
  --panel-background-color: var(--studio-panel);
  --toolbar-background-color: var(--studio-surface);
  --border-color: var(--studio-line);
}

:where(html.dark .studio-login input:-webkit-autofill) {
  -webkit-text-fill-color: var(--studio-text);
  box-shadow: 0 0 0 1000px var(--studio-panel) inset;
}

:where(.dark\:placeholder\:text-slate-700.dark *)::placeholder {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}

:where(.dark\:divide-zinc-800.dark * > :not([hidden]) ~ :not([hidden])) {
  --tw-divide-opacity: 1;
  border-color: rgb(39 39 42 / var(--tw-divide-opacity, 1));
}

:where(.dark\:hover\:bg-rose-950\/40:hover.dark *) {
  background-color: rgba(76, 5, 25, 0.4);
}

:where(.dark\:hover\:bg-zinc-200:hover.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
}

:where(.dark\:hover\:bg-zinc-800\/45:hover.dark *) {
  background-color: rgba(39, 39, 42, 0.45);
}

:where(.dark\:focus\:bg-zinc-900:focus.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}

:where(.dark\:divide-zinc-800\/80.dark * > :not([hidden]) ~ :not([hidden])) {
  border-color: rgba(39, 39, 42, 0.8);
}

:where(.dark\:hover\:bg-emerald-950\/30:hover.dark *) {
  background-color: rgba(2, 44, 34, 0.3);
}

:where(.dark\:hover\:bg-rose-950\/30:hover.dark *) {
  background-color: rgba(76, 5, 25, 0.3);
}

:where(.dark\:hover\:bg-zinc-700:hover.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
}

:where(.dark\:hover\:bg-zinc-800:hover.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}

:where(.dark\:hover\:bg-zinc-800\/30:hover.dark *) {
  background-color: rgba(39, 39, 42, 0.3);
}

:where(.dark\:hover\:text-zinc-100:hover.dark *) {
  --tw-text-opacity: 1;
  color: rgb(244 244 245 / var(--tw-text-opacity, 1));
}

:where(.dark\:hover\:bg-slate-800:hover.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}

:where(.dark\:hover\:text-white:hover.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

:where(html:not(.dark) .w2k-window) {
  background-color: rgb(247, 249, 251);
  border: 1px solid rgb(215, 224, 231);
}

:where(html:not(.dark) .w2k-desktop) {
  background-color: rgb(238, 243, 247);
}

:where(html.dark .w2k-window) {
  background-color: rgb(44, 44, 44);
  border: 1px solid rgb(58, 58, 58);
}

:where(.w2k *),
:where(.w2k)::before,
:where(.w2k)::after {
  box-sizing: border-box;
}

:where(.w2k code),
:where(.w2k pre),
:where(.w2k kbd),
:where(.w2k samp) {
  font-variant-numeric: tabular-nums;
}

:where(.w2k)::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

:where(.w2k)::-webkit-scrollbar-track {
  background: repeating-conic-gradient(var(--dither-a) 0 25%, var(--dither-b) 0 50%) 0 0 / 2px 2px;
}

:where(.w2k)::-webkit-scrollbar-thumb {
  background: var(--face);
  border-width: 1px;
  border-style: solid;
  border-image: none;
  border-color: var(--light) var(--dkshadow) var(--dkshadow) var(--light);
  box-shadow: inset 1px 1px var(--hilight), inset -1px -1px var(--w2k-shadow);
}

:where(.w2k)::-webkit-scrollbar-corner {
  background: var(--face);
}

@media (max-width: 767px) {
  :where(.w2k) {
    --w2k-edge: 9px;
    --w2k-gutter: 0px;
    --w2k-client-pad: 0px;
    --w2k-paper-inset: calc(var(--w2k-read-pad) + 1px);
    --w2k-read-pad: 12px;
    --w2k-mod-gap: 6px;
    --w2k-safe: 6px;
  }
}

:where(.member-site) {
  background-image: none;
  padding: 0px;
  min-height: 100vh;
}

:where(.w2k) {
  min-height: 100vh;
}

:where(.w2k h1),
:where(.w2k h2),
:where(.w2k h3),
:where(.w2k h4),
:where(.w2k h5),
:where(.w2k h6) {
  color: inherit;
}

:where(.w2k a) {
  color: var(--link);
  text-decoration: none;
}

:where(.w2k img) {
  max-width: 100%;
  border: 0px;
}

:where(.w2k)::-webkit-scrollbar-button:single-button {
  display: block;
  width: 16px;
  height: 16px;
  background-color: var(--face);
  border-width: 1px;
  border-style: solid;
  border-image: none;
  border-color: var(--light) var(--dkshadow) var(--dkshadow) var(--light);
  box-shadow: inset 1px 1px var(--hilight), inset -1px -1px var(--w2k-shadow);
  background-repeat: no-repeat;
  background-position: center center;
}

@media (max-width: 1180px) {
  :where(.w2k .w2k-client-doc) {
    grid-template-columns: 200px minmax(0px, 1fr);
  }
}

@media (max-width: 1000px) {
  :where(.w2k .w2k-client-explorer) {
    grid-template-columns: minmax(0px, 1fr);
  }
}

@media (max-width: 1000px) {
  :where(.w2k .w2k-sidebar) {
    position: static;
    max-height: 40vh;
  }
}

@media (max-width: 900px) {
  :where(.w2k .w2k-details) {
    --list-name: clamp(280px, 44vw, 400px);
  }
}

@media (max-width: 820px) {
  :where(.w2k .w2k-client-doc) {
    grid-template-columns: minmax(0px, 1fr);
  }
}

@media (max-width: 767px) {
  :where(.w2k .w2k-client) {
    padding: 5px;
    min-height: 0px;
  }
}

@media (max-width: 767px) {
  :where(.w2k .w2k-client-explorer) {
    gap: 5px;
  }
}

@media (max-width: 767px) {
  :where(.w2k .w2k-sidebar) {
    max-height: 44vh;
  }
}

@media (max-width: 620px) {
  :where(.w2k .w2k-details) {
    --list-name: 250px;
    --list-date: 84px;
  }
}

:where(.w2k .w2k-details) {
  --list-row: 22px;
}

:where(.w2k .w2k-dt) {
  --dt-divider: #e0e0e0;
  --dt-hover-bg: #f0f4f9;
}

:where(.w2k small) {
  font-variant-numeric: tabular-nums;
}

:where(.w2k b) {
  font-weight: 600;
}

:where(.w2k a:hover) {
  color: var(--link-hover);
  text-decoration: underline;
}

:where(.w2k a:focus-visible),
:where(.w2k button:focus-visible),
:where(.w2k input:focus-visible),
:where(.w2k select:focus-visible),
:where(.w2k summary:focus-visible) {
  outline: 1px dotted var(--text);
  outline-offset: 1px;
}

:where(.w2k .w2k-titlebar) {
  gap: 6px;
  min-height: 30px;
  overflow: visible;
}

:where(.w2k .w2k-titlebar-buttons) {
  gap: 6px;
  margin-left: auto;
}

@media (max-width: 767px) {
  :where(.w2k .w2k-titlebar) {
    position: relative;
    z-index: 100;
    flex-wrap: nowrap;
    min-height: 28px;
    gap: 4px;
  }
}

@media (max-width: 767px) {
  :where(.w2k .w2k-titlebar-buttons) {
    height: 24px;
    gap: 0px;
  }
}

@media (max-width: 767px) {
  :where(.w2k .w2k-titlebar-icon) {
    width: 14px;
    height: 14px;
  }
}

@media (max-width: 767px) {
  :where(.w2k .w2k-titlebar-icon svg) {
    width: 14px;
    height: 14px;
  }
}

:where(.w2k [tabindex]:focus-visible) {
  outline: 1px dotted var(--text);
  outline-offset: 1px;
}

:where(.w2k .w2k-dialog .w2k-titlebar-buttons) {
  display: inline-flex;
}

:where(.w2k .w2k-sidebar .w2k-sys-key)::after {
  min-width: 4px;
  margin: 0px 3px;
}

@media (max-width: 767px) {
  :where(.w2k .w2k-titlebar .w2k-search-panel) {
    z-index: 101;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 4px 14px;
  }
}

:where(.w2k)::-webkit-scrollbar-button:single-button:vertical:decrement {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4'%3E%3Cpath d='M3.5 0L7 4H0z' fill='%23000'/%3E%3C/svg%3E");
}

:where(.w2k)::-webkit-scrollbar-button:single-button:vertical:increment {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4'%3E%3Cpath d='M0 0h7L3.5 4z' fill='%23000'/%3E%3C/svg%3E");
}

:where(.w2k)::-webkit-scrollbar-button:single-button:horizontal:decrement {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7'%3E%3Cpath d='M0 3.5L4 0v7z' fill='%23000'/%3E%3C/svg%3E");
}

:where(.w2k)::-webkit-scrollbar-button:single-button:horizontal:increment {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='7'%3E%3Cpath d='M0 0l4 3.5L0 7z' fill='%23000'/%3E%3C/svg%3E");
}

:where(.w2k .w2k-titlebar-text) {
  flex: 0 1 auto;
  max-width: min(48%, 560px);
  line-height: 1.4;
}

@media (max-width: 767px) {
  :where(.w2k .w2k-titlebar-text) {
    flex: 0 0 auto;
    max-width: none;
  }
}

:where(.dark .w2k .w2k-dt) {
  --dt-divider: #272B30;
  --dt-hover-bg: #22262C;
}

:where(.dark .w2k) {
  --desktop: var(--studio-desktop);
  --bg-app: var(--studio-desktop);
  --bg-sidebar: var(--studio-panel);
  --bg-content: var(--studio-surface);
  --bg-card: var(--studio-surface);
  --bg-surface-card: var(--studio-surface);
  --bg-surface-sunken: var(--studio-desktop);
  --surface-row-hover: var(--studio-selected);
  --surface-divider: var(--studio-line);
  --surface-panel-border: var(--studio-line);
  --soft-line: var(--studio-line);
  --soft-blue: var(--studio-blue);
  --soft-blue-sel: var(--studio-selected);
  --soft-nav-hover: var(--studio-selected);
  --text-primary: var(--studio-text);
  --text-secondary: var(--studio-muted);
  --text-tertiary: var(--studio-muted);
  --border-subtle: var(--studio-line);
  --border-divider: var(--studio-line);
}

:where(.w2k .paper-callout) {
  --callout-bg: #f3f6f9;
  --callout-line: #dce4ec;
  --callout-accent: #7b8fa4;
}

:where(.w2k .paper-callout.callout-warning) {
  --callout-bg: #fbf7ec;
  --callout-line: #ece2c9;
  --callout-accent: #ac853b;
}

:where(.dark .w2k .paper-callout) {
  --callout-bg: #223143;
  --callout-line: #35475c;
  --callout-accent: #9baec4;
}

:where(.dark .w2k .paper-callout.callout-warning) {
  --callout-bg: #38382f;
  --callout-line: #545142;
  --callout-accent: #d5b975;
}

:where(.w2k) {
  --font-ui: var(--studio-font);
  --w2k-font: var(--studio-font);
  --w2k-mono: var(--studio-code-font);
}

:where(.w2k pre),
:where(.w2k code),
:where(.w2k kbd),
:where(.w2k samp) {
  font-variant-ligatures: none;
}

:where(.dark .w2k) {
  --bg-surface-elevated: var(--studio-panel);
  --surface-panel: var(--studio-surface);
  --w2k-first-bg: var(--studio-desktop);
  --window: var(--studio-surface);
  --text: var(--studio-text);
  --soft-text: var(--studio-text);
  --title-text: var(--studio-text);
  --bg-surface: var(--studio-surface);
}

:where(.cms-admin-workspace) {
  margin: 0px;
  min-height: 100vh;
  font-family: var(--studio-font);
  color: var(--article-text,#263746);
  background-color: var(--article-bg,#edf3f8);
}

:where(.cms-admin-workspace [data-member-menu-panel]) {
  max-height: calc(-24px + 100vh);
  overflow-y: auto;
}

:where(*),
:where()::before,
:where()::after {
  box-shadow: none;
  text-shadow: none;
}

:where(time) {
  font-family: var(--font-ui);
}

:where(textarea) {
  font-family: var(--studio-font);
}

:where(code),
:where(kbd),
:where(pre),
:where(samp) {
  font-family: var(--studio-code-font);
}

:where(html) {
  font-family: var(--font-ui);
  background-color: var(--desktop);
}

@media print {
  :where(html) {
    background-color: rgb(255, 255, 255);
    background-image: none;
  }
}

:where(button),
:where(input),
:where(select),
:where(body) {
  font-family: var(--studio-font);
}

@media (max-width: 767px) {
  :where(.brand) {
    font-size: 1.03rem;
  }
}

:where(.toc-list) {
  overflow: hidden auto;
}

:where(.toc-link) {
  border-radius: 0px;
  background: transparent;
}

:where(.hero-carousel) {
  min-height: 88px;
  max-height: 88px;
}

:where(.hero-slide) {
  min-height: 88px;
  max-height: 88px;
  grid-template-columns: minmax(0px, 1.62fr) minmax(180px, 0.58fr);
  grid-template-rows: 88px;
}

:where(.hero-dots) {
  bottom: 4px;
}

@media (max-width: 900px) {
  :where(.hero-carousel) {
    min-height: 82px;
    max-height: 82px;
  }
}

@media (max-width: 900px) {
  :where(.hero-slide) {
    min-height: 82px;
    max-height: 82px;
    grid-template-columns: minmax(0px, 1.58fr) minmax(150px, 0.52fr);
    grid-template-rows: 82px;
  }
}

@media (max-width: 640px) {
  :where(.hero-carousel) {
    min-height: 75px;
    max-height: 75px;
  }
}

@media (max-width: 640px) {
  :where(.hero-slide) {
    min-height: 75px;
    max-height: 75px;
    grid-template-columns: minmax(0px, 68%) minmax(0px, 32%);
    grid-template-rows: 75px;
  }
}

:where(.pill) {
  border-radius: 4px;
  padding: 2px 8px;
  min-height: 22px;
  line-height: 1.2;
}

@media (max-width: 640px) {
  :where(.pill) {
    min-height: 20px;
    padding: 2px 7px;
  }
}

:where(.brand) {
  font-family: var(--font-ui);
}

:where(.copy-code) {
  border: 0px;
  background: transparent;
  box-shadow: none;
  font-family: var(--font-mono);
}

:where(.download-main) {
  background: rgb(78, 139, 110);
  color: rgb(255, 255, 255);
  text-decoration: none;
  transform: none;
}

:where(.editor-modal-card) {
  border: 1px solid rgb(226, 232, 240);
  border-radius: 14px;
  background: rgb(255, 255, 255);
  box-shadow: rgba(15, 23, 42, 0.18) 0px 24px 70px;
}

:where(.editor-modal-close) {
  background: rgb(241, 245, 249);
  color: rgb(100, 116, 139);
}

:where(.editor-permission-option) {
  border-color: rgb(226, 232, 240);
  background: rgb(248, 250, 252);
  color: rgb(71, 85, 105);
}

:where(.editor-action-primary) {
  background: rgb(79, 70, 229);
  color: rgb(255, 255, 255);
  border-color: rgb(79, 70, 229);
}

:where(.editor-action-secondary) {
  background: rgb(255, 255, 255);
  color: rgb(71, 85, 105);
  border-color: rgb(226, 232, 240);
}

:where(.admin-ui) {
  font-family: var(--font-ui);
}

:where(.post-card) {
  border: 0px;
  border-radius: 0px;
  background: transparent;
  box-shadow: none;
  transform: none;
  padding: 0px;
  min-width: 0px;
  width: 100%;
  max-width: none;
  display: flex;
  flex-direction: column;
  margin: 0px;
}

:where([x-cloak]) {
  display: none;
}

:where([class*="viewbigimg"]),
:where([class*="lightbox-container"]) {
  display: none;
  visibility: hidden;
  opacity: 0;
}

:where(.font-mono) {
  font-family: var(--studio-code-font);
}

:where(html.theme-switching *),
:where(html.theme-switching)::before,
:where(html.theme-switching)::after {
  transition: none;
}

:where(html.theme-switching) {
  transition-property: background-color, color, border-color, box-shadow, opacity, fill, stroke;
  transition-duration: 320ms;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  :where(html.theme-switching) {
    transition-duration: 0ms;
  }
}

:where(html.dark) {
  background-image: initial;
  background-position: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  color: rgb(208, 213, 221);
  background-color: var(--grid-base);
}

:where(html:not(.dark)) {
  background-color: var(--grid-base);
}

:where(html.theme-switching body),
:where(html.theme-switching body *),
:where(html.theme-switching body)::before,
:where(html.theme-switching body)::after {
  transition-property: background-color, color, border-color, box-shadow, opacity, fill, stroke;
  transition-duration: 320ms;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  :where(html.theme-switching body) {
    transition-duration: 0ms;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(html.theme-switching body *) {
    transition-duration: 0ms;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(html.theme-switching body)::before {
    transition-duration: 0ms;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(html.theme-switching body)::after {
    transition-duration: 0ms;
  }
}

:where(.dark body) {
  background-color: rgb(24, 25, 28);
  color: rgb(208, 213, 221);
}

:where(.copy-code:hover) {
  background: rgba(93, 82, 68, 0.07);
}

:where(.toc-link:hover) {
  background: transparent;
}

@media (max-width: 640px) {
  :where(.hero-slide:first-child) {
    grid-template-columns: minmax(0px, 68%) minmax(0px, 32%);
    grid-template-rows: 75px;
  }
}

:where(.download-main:hover) {
  background: rgb(61, 112, 88);
}

:where(.post-card:hover) {
  transform: none;
  box-shadow: none;
  border: 0px;
}

:where(.win-outset:active) {
  border-color: var(--dkshadow) var(--hilight) var(--hilight) var(--dkshadow);
  box-shadow: inset 1px 1px var(--dkshadow), inset -1px -1px var(--light);
  padding-top: 1px;
  transform: translate(1px, 1px);
}

:where(.w2k .w2k-tbtn:active) {
  padding-top: 1px;
}

:where(.studio-admin h1),
:where(.studio-admin h2),
:where(.studio-admin h3),
:where(.studio-admin strong) {
  font-weight: 500;
}

:where(.studio-admin time) {
  font-family: var(--studio-font);
  letter-spacing: 0px;
}

:where(html:root:root) {
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Microsoft YaHei", "Microsoft YaHei UI", "Noto Sans SC", "PingFang SC", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

:where(html.dark .studio-admin) {
  background: var(--studio-desktop);
  color: var(--studio-text);
}

:where(html.dark .studio-admin > header) {
  background: var(--studio-surface);
  border-color: var(--studio-line);
}

:where(.dark .studio-login) {
  background: var(--studio-desktop);
  color: var(--studio-text);
}

:where(html.dark .studio-admin [class~="bg-white"]),
:where(html.dark .studio-admin [class~="bg-white/90"]),
:where(html.dark .studio-admin [class~="bg-white/95"]),
:where(html.dark .studio-admin [class~="bg-zinc-50"]),
:where(html.dark .studio-admin [class~="bg-zinc-50/70"]),
:where(html.dark .studio-admin [class~="bg-slate-50"]) {
  background-color: var(--studio-surface);
  border-color: var(--studio-line);
}

:where(html.dark .studio-admin [class~="text-zinc-500"]),
:where(html.dark .studio-admin [class~="text-zinc-400"]),
:where(html.dark .studio-admin [class~="text-slate-500"]) {
  color: var(--studio-muted);
}

:where(html.dark .studio-admin th),
:where(html.dark .studio-admin td),
:where(html.dark .studio-admin tr),
:where(html.dark .studio-admin section),
:where(html.dark .studio-admin [class*="border-zinc"]),
:where(html.dark .studio-admin [class*="border-slate"]) {
  border-color: var(--studio-line);
}

:where(html.dark .studio-admin tbody tr:hover) {
  background: var(--studio-panel);
}

:where(html.dark .studio-admin [class~="text-zinc-950"]),
:where(html.dark .studio-admin [class~="text-zinc-900"]),
:where(html.dark .studio-admin [class~="text-zinc-800"]),
:where(html.dark .studio-admin [class~="text-zinc-700"]),
:where(html.dark .studio-admin [class~="text-slate-900"]),
:where(html.dark .studio-admin [class~="text-slate-700"]) {
  color: var(--studio-text);
}

:where(html.dark .studio-admin a[class~="bg-zinc-950"]),
:where(html.dark .studio-admin button[class~="bg-zinc-950"]) {
  background: rgb(49, 93, 139);
  color: rgb(245, 248, 252);
}

:where(html.dark .studio-admin input:not([type="checkbox"]):not([type="hidden"])),
:where(html.dark .studio-admin select),
:where(html.dark .studio-admin textarea) {
  background: var(--studio-panel);
  color: var(--studio-text);
  border-color: var(--studio-line);
}

:where(.w2k *),
:where(.w2k)::before,
:where(.w2k)::after {
  transition: none;
  letter-spacing: 0px;
}

@media (prefers-reduced-motion: reduce) {
  :where(.w2k *) {
    animation: auto ease 0s 1 normal none running none;
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(.w2k)::before {
    animation: auto ease 0s 1 normal none running none;
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(.w2k)::after {
    animation: auto ease 0s 1 normal none running none;
    transition: none;
  }
}

@media print {
  :where(.w2k) {
    background-color: rgb(255, 255, 255);
    background-image: none;
  }
}

:where(.w2k) {
  margin: 0px;
  padding: 0px;
  background-image: none;
  color: var(--text);
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0px;
}

:where(.w2k h1),
:where(.w2k h2),
:where(.w2k h3),
:where(.w2k h4),
:where(.w2k h5),
:where(.w2k h6) {
  font-family: var(--w2k-font);
  font-weight: 600;
  letter-spacing: 0px;
}

:where(.w2k a) {
  transition: none;
}

@media (min-width: 1001px) {
  :where(.w2k .w2k-client-explorer) {
    align-items: stretch;
  }
}

@media (max-width: 767px) {
  :where(.w2k .w2k-client) {
    max-width: 100%;
    box-sizing: border-box;
  }
}

@media (max-width: 767px) {
  :where(.w2k .w2k-client > *) {
    max-width: 100%;
    box-sizing: border-box;
  }
}

@media (max-width: 767px) {
  :where(.w2k .w2k-window) {
    width: calc(100% - 2 * var(--w2k-safe));
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    box-sizing: border-box;
  }
}

:where(.w2k .w2k-details) {
  --dt-row: 24px;
  --dt-head: 22px;
  --dt-line: var(--flat-row);
  --dt-hover: var(--flat-hover);
}

:where(.w2k .w2k-toolbar) {
  background: var(--face);
  border-image: none;
  box-shadow: none;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-bottom: 1px solid var(--flat-line-soft);
}

:where(.w2k .w2k-titlebar) {
  border: 0px;
  box-shadow: none;
}

:where(.w2k .w2k-statusbar) {
  background: var(--face);
  box-shadow: none;
  border: 1px solid var(--flat-line-soft);
}

@media (max-width: 767px) {
  :where(.w2k .w2k-statusbar) {
    margin-left: 0px;
    margin-right: 0px;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  :where(.w2k .w2k-window > *) {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin-left: 0px;
    margin-right: 0px;
  }
}

:where(.w2k .w2k-window) {
  position: relative;
  padding-bottom: 2px;
}

:where(.w2k time) {
  font-variant-numeric: tabular-nums;
}

:where(.w2k .w2k-sidebar-details)::details-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0px;
}

:where(.w2k input[type="tel"]) {
  background: var(--field);
}

:where(.w2k .w2k-tbtn) {
  box-shadow: none;
  background-image: none;
  border: 1px solid transparent;
  transition: background-color 0.08s linear, border-color 0.08s linear;
}

:where(.w2k input[type="text"]),
:where(.w2k input[type="search"]),
:where(.w2k input[type="password"]),
:where(.w2k input[type="email"]),
:where(.w2k input[type="url"]),
:where(.w2k input[type="number"]),
:where(.w2k textarea),
:where(.w2k select) {
  background: var(--field);
  border: 1px solid var(--flat-line-in);
  box-shadow: none;
  color: var(--text);
}

:where(.w2k input:focus),
:where(.w2k textarea:focus),
:where(.w2k select:focus) {
  outline: rgb(10, 58, 140) solid 1px;
  outline-offset: 0px;
}

:where(.dark .w2k) {
  background-image: var(--grid-image);
  background-repeat: repeat;
  background-size: var(--grid-size) var(--grid-size);
  background-position: 0px 0px;
  background-attachment: fixed;
}

:where(html:not(.dark) .w2k) {
  background-color: var(--grid-base);
  background-image: var(--grid-image);
  background-repeat: repeat;
  background-size: var(--grid-size) var(--grid-size);
  background-position: 0px 0px;
  background-attachment: fixed;
}

@media (forced-colors: active) {
  :where(html:not(.dark) .w2k) {
    background-image: none;
  }
}

@media (forced-colors: active) {
  :where(.dark .w2k) {
    background-image: none;
  }
}

@media (max-width: 767px) {
  :where(html:not(.dark) .w2k) {
    background-attachment: scroll;
  }
}

@media (max-width: 767px) {
  :where(.dark .w2k) {
    background-attachment: scroll;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(html:not(.dark) .w2k) {
    background-attachment: scroll;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(.dark .w2k) {
    background-attachment: scroll;
  }
}

@media print {
  :where(.w2k .w2k-window) {
    box-shadow: none;
    border-radius: 0px;
  }
}

@media print {
  :where(.w2k .w2k-titlebar) {
    background: none rgb(255, 255, 255);
    color: rgb(0, 0, 0);
  }
}

:where(.w2k .media-cards) {
  --media-card-gap: 10px;
}

@media (max-width: 1200px) {
  :where(.w2k .media-cards) {
    --media-card-gap: 10px;
  }
}

@media (max-width: 860px) {
  :where(.w2k .media-cards) {
    --media-card-gap: 8px;
  }
}

@media (max-width: 420px) {
  :where(.w2k .media-cards) {
    --media-card-gap: 8px;
  }
}

:where(.w2k .w2k-titlebar) {
  height: auto;
  padding: 2px 8px;
}

@media (max-width: 767px) {
  :where(.w2k .w2k-titlebar) {
    padding: 2px 4px;
  }
}

:where(html:not(.dark) .w2k th),
:where(html:not(.dark) .w2k td),
:where(html:not(.dark) .w2k button),
:where(.dark .w2k th),
:where(.dark .w2k td),
:where(.dark .w2k button) {
  box-shadow: none;
}

:where(.w2k .w2k-client-explorer .w2k-main) {
  display: flex;
  flex-direction: column;
  min-height: calc(-152px + 100vh);
}

:where(.w2k .w2k-sidebar > .w2k-sidebar-details) {
  min-height: 0px;
}

:where(.w2k .w2k-sidebar > .win-groupbox),
:where(.w2k .w2k-sidebar > .w2k-sys-summary) {
  flex: 0 0 auto;
  min-height: 0px;
  margin: 3px;
  padding: 9px 7px 7px;
  gap: 4px;
}

:where(.w2k .w2k-sidebar .w2k-sys-grid) {
  grid-template-columns: repeat(2, minmax(0px, 1fr));
  gap: 0px 10px;
}

:where(.w2k .w2k-sidebar .w2k-sys-item) {
  font-size: 11px;
  line-height: 16px;
}

:where(.w2k .w2k-sidebar .w2k-sys-val) {
  font-size: 11px;
  font-weight: 500;
}

:where(.w2k .w2k-sidebar .w2k-sys-bar) {
  width: 100%;
  height: 14px;
  margin: 4px 0px 0px;
}

@media (max-width: 1000px) {
  :where(.w2k .w2k-sidebar > .win-groupbox) {
    flex: 0 0 auto;
  }
}

@media (max-width: 1000px) {
  :where(.w2k .w2k-sidebar > .w2k-sys-summary) {
    flex: 0 0 auto;
  }
}

@media (max-width: 1000px) {
  :where(.w2k .w2k-sidebar .w2k-sys-grid) {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  }
}

:where(.w2k .w2k-sidebar .win-groupbox),
:where(.w2k .w2k-sidebar .win-groupbox > legend) {
  background: var(--window);
}

@media (max-width: 767px) {
  :where(.w2k .w2k-sidebar.win-inset) {
    box-shadow: none;
  }
}

:where(.w2k .w2k-tbtn:active) {
  border-color: var(--flat-line-out);
  box-shadow: none;
  transform: translate(1px, 1px);
  background: rgb(201, 197, 189);
}

:where(html:not(.dark) .w2k input) {
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-color: var(--flat-line-in);
}

:where(html:not(.dark) .w2k textarea),
:where(html:not(.dark) .w2k select) {
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
}

:where(.dark .w2k input) {
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-color: var(--flat-line-in);
}

:where(.dark .w2k textarea),
:where(.dark .w2k select) {
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
}

:where(.w2k .w2k-tbtn:hover) {
  background: rgb(227, 224, 218);
  border-color: var(--flat-line-out);
  color: var(--text);
}

:where(html:not(.dark) .w2k .w2k-toolbar),
:where(.dark .w2k .w2k-toolbar) {
  background-image: none;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-image: none;
  border-bottom: 1px solid var(--flat-toolbar-line);
  box-shadow: none;
}

@media (max-width: 767px) {
  :where(html:not(.dark) .w2k .w2k-sidebar) {
    border-color: rgb(184, 180, 172);
    box-shadow: none;
  }
}

@media (max-width: 767px) {
  :where(html:not(.dark) .w2k .w2k-statusbar) {
    border-color: rgb(184, 180, 172);
    box-shadow: none;
  }
}

@media (max-width: 767px) {
  :where(.dark .w2k .w2k-sidebar) {
    border-color: rgb(58, 58, 58);
    box-shadow: none;
  }
}

@media (max-width: 767px) {
  :where(.dark .w2k .w2k-statusbar) {
    border-color: rgb(58, 58, 58);
    box-shadow: none;
  }
}

@media (max-width: 767px) {
  :where(html:not(.dark) .w2k input) {
    background-color: rgb(253, 253, 252);
    border: 1px solid rgb(184, 180, 172);
    box-shadow: none;
    color: rgb(17, 17, 17);
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  :where(.dark .w2k input) {
    background-color: rgb(27, 27, 27);
    border: 1px solid rgb(58, 58, 58);
    box-shadow: none;
    color: rgb(228, 226, 223);
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  :where(.dark .w2k textarea) {
    box-shadow: none;
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  :where(.dark .w2k select) {
    box-shadow: none;
    font-size: 12px;
  }
}

:where(html:not(.dark) .w2k .w2k-sidebar) {
  border: 1px solid rgb(192, 188, 180);
}

:where(.dark .w2k .w2k-sidebar) {
  border: 1px solid rgb(51, 51, 51);
}

:where(html:not(.dark) .w2k .w2k-window) {
  border-radius: var(--soft-r-lg);
  box-shadow: var(--soft-sh-panel);
}

:where(html:not(.dark) .w2k .w2k-statusbar) {
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 0 0 var(--soft-r-md) var(--soft-r-md);
}

:where(html:not(.dark) .w2k .w2k-titlebar) {
  border-radius: var(--soft-r-md) var(--soft-r-md) 0 0;
  background-color: var(--soft-blue);
  background-image: linear-gradient(180deg, var(--soft-blue-hover) 0%, var(--soft-blue) 100%);
  color: rgb(255, 255, 255);
  border-color: var(--soft-blue-active);
}

:where(.dark .w2k .w2k-window) {
  border-radius: var(--soft-r-lg);
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 6px;
}

:where(.dark .w2k .w2k-titlebar) {
  border-radius: var(--soft-r-md) var(--soft-r-md) 0 0;
  background-color: rgb(35, 80, 125);
  background-image: linear-gradient(rgb(44, 97, 147) 0%, rgb(35, 80, 125) 100%);
}

:where(.dark .w2k .w2k-statusbar) {
  box-shadow: none;
  border-width: 1px;
  border-style: solid;
  border-radius: 0 0 var(--soft-r-md) var(--soft-r-md);
}

@media (max-width: 767px) {
  :where(html:not(.dark) .w2k .w2k-window) {
    border-radius: 0px;
  }
}

:where(html:not(.dark) .w2k .w2k-tbtn) {
  box-shadow: none;
  background-image: none;
  background-color: rgb(220, 216, 207);
  border: 1px solid rgb(184, 180, 172);
}

:where(.dark .w2k .w2k-tbtn) {
  box-shadow: none;
  background-image: none;
  border: 1px solid rgb(58, 58, 58);
}

:where(.dark .w2k .w2k-sidebar .win-groupbox > legend) {
  background: rgb(24, 24, 24);
}

:where(.dark .w2k .w2k-sidebar.win-inset) {
  background-color: rgb(38, 38, 38);
  border-color: rgb(56, 56, 56) rgb(26, 26, 26) rgb(26, 26, 26) rgb(56, 56, 56);
}

:where(.dark .w2k .w2k-sidebar .win-groupbox) {
  background: rgb(38, 38, 38);
  border-color: rgb(56, 56, 56);
}

:where(.dark .w2k .w2k-tbtn:hover) {
  background: rgb(58, 58, 58);
}

:where(html:not(.dark) .w2k .w2k-titlebar .w2k-titlebar-text),
:where(.dark .w2k .w2k-titlebar .w2k-titlebar-text) {
  color: rgb(255, 255, 255);
}

:where(html:not(.dark) .w2k .w2k-tbtn:hover) {
  background-color: rgb(229, 226, 218);
  border-color: rgb(184, 180, 172);
}

:where(.dark .w2k .w2k-tbtn:hover) {
  border-color: rgb(74, 74, 74);
  background-color: rgb(63, 63, 63);
}

@media (max-width: 767px) {
  :where(html:not(.dark) .w2k textarea) {
    background-color: rgb(247, 246, 242);
    border: 1px solid rgb(184, 180, 172);
    box-shadow: none;
    color: rgb(17, 17, 17);
    font-size: 12px;
    background-image: none;
  }
}

@media (max-width: 767px) {
  :where(html:not(.dark) .w2k select) {
    background-color: rgb(247, 246, 242);
    border: 1px solid rgb(184, 180, 172);
    box-shadow: none;
    color: rgb(17, 17, 17);
    font-size: 12px;
    background-image: none;
  }
}

@media (max-width: 767px) {
  :where(html:not(.dark) .w2k input:not([type="range"]):not([type="checkbox"]):not([type="radio"])) {
    background-color: rgb(247, 246, 242);
    background-image: none;
    border: 1px solid rgb(184, 180, 172);
    box-shadow: none;
    color: rgb(17, 17, 17);
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  :where(.dark .w2k textarea) {
    background-color: rgb(38, 38, 38);
    border: 1px solid rgb(58, 58, 58);
    color: rgb(220, 220, 220);
  }
}

@media (max-width: 767px) {
  :where(.dark .w2k select) {
    background-color: rgb(38, 38, 38);
    border: 1px solid rgb(58, 58, 58);
    color: rgb(220, 220, 220);
  }
}

@media (max-width: 767px) {
  :where(.dark .w2k input:not([type="range"]):not([type="checkbox"]):not([type="radio"])) {
    background-color: rgb(38, 38, 38);
    border: 1px solid rgb(58, 58, 58);
    color: rgb(220, 220, 220);
  }
}

@media (max-width: 767px) {
  :where(html:not(.dark) .w2k .w2k-tbtn:not(.is-active):not(.is-selected)) {
    background-color: rgb(247, 246, 242);
    background-image: none;
    border: 1px solid rgb(184, 180, 172);
    box-shadow: none;
  }
}

@media (max-width: 767px) {
  :where(.dark .w2k .w2k-tbtn:not(.is-active):not(.is-selected)) {
    background-color: rgb(44, 44, 44);
    border: 1px solid rgb(58, 58, 58);
    color: rgb(220, 220, 220);
    box-shadow: none;
  }
}

:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k *),
:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k)::before,
:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k)::after {
  box-shadow: none;
  text-shadow: none;
}

:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k fieldset),
:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k legend),
:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k hr),
:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k table),
:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k thead),
:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k tbody),
:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k tr),
:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k th),
:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k td),
:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k button),
:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k input),
:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k select),
:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k textarea),
:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k iframe),
:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k progress),
:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k meter) {
  border-style: solid;
}

:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k .w2k-window),
:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k .w2k-tbtn) {
  border-width: 1px;
}

@media (max-width: 767px) {
  :where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k .w2k-window) {
    box-shadow: none;
    text-shadow: none;
    border-width: 1px;
  }
}

@media (max-width: 767px) {
  :where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k input) {
    box-shadow: none;
    text-shadow: none;
    border-width: 1px;
  }
}

@media (max-width: 767px) {
  :where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k textarea) {
    box-shadow: none;
    text-shadow: none;
    border-width: 1px;
  }
}

@media (max-width: 767px) {
  :where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k select) {
    box-shadow: none;
    text-shadow: none;
    border-width: 1px;
  }
}

@media (max-width: 767px) {
  :where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k button) {
    box-shadow: none;
    text-shadow: none;
    border-width: 1px;
  }
}

:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k .w2k-tbtn:active) {
  transform: none;
  box-shadow: none;
}

:where(.w2k .w2k-window) {
  box-shadow: none;
}

@media (min-width: 768px) {
  :where(.w2k .w2k-window) {
    border: 1px solid var(--flat-line-out);
  }
}

@media print {
  :where(.w2k .w2k-desktop) {
    background-color: rgb(255, 255, 255);
    background-image: none;
  }
}

:where(.w2k .w2k-statusbar #w2k-net-led),
:where(.w2k .w2k-statusbar #w2k-net-text) {
  display: none;
}

:where(.w2k .w2k-window) {
  min-height: auto;
}

:where(html:not(.dark) .w2k .w2k-tbtn),
:where(html:not(.dark) .w2k .w2k-toolbar) {
  color: var(--text);
  text-shadow: none;
}

:where(.dark .w2k .w2k-tbtn),
:where(.dark .w2k .w2k-toolbar) {
  text-shadow: none;
}

:where(html:not(.dark) .w2k .w2k-desktop),
:where(.dark .w2k .w2k-desktop) {
  background-color: var(--grid-base);
  background-image: var(--grid-image);
  background-repeat: repeat;
  background-size: var(--grid-size) var(--grid-size);
  background-position: 0px 0px;
  background-attachment: fixed;
}

@media (forced-colors: active) {
  :where(html:not(.dark) .w2k .w2k-desktop) {
    background-image: none;
  }
}

@media (forced-colors: active) {
  :where(.dark .w2k .w2k-desktop) {
    background-image: none;
  }
}

@media (max-width: 767px) {
  :where(html:not(.dark) .w2k .w2k-desktop) {
    background-attachment: scroll;
  }
}

@media (max-width: 767px) {
  :where(.dark .w2k .w2k-desktop) {
    background-attachment: scroll;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(html:not(.dark) .w2k .w2k-desktop) {
    background-attachment: scroll;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(.dark .w2k .w2k-desktop) {
    background-attachment: scroll;
  }
}

:where(.w2k .w2k-client-doc > .w2k-pane-doc) {
  align-self: stretch;
}

:where(html:not(.dark) .w2k .w2k-sidebar),
:where(.dark .w2k .w2k-sidebar) {
  box-shadow: none;
}

@media (max-width: 767px) {
  :where(html:not(.dark) .w2k .w2k-tbtn) {
    color: var(--text);
  }
}

:where(.dark .w2k .w2k-toolbar) {
  background-color: var(--bg-surface-card);
  border-bottom-color: var(--border-subtle);
}

:where(.dark .w2k .w2k-statusbar) {
  background-color: var(--bg-app);
}

:where(html:not(.dark) .w2k textarea),
:where(html:not(.dark) .w2k select) {
  border-color: var(--border);
  background-color: var(--bg-input);
  color: var(--text-primary);
}

:where(html:not(.dark) .w2k input[type="search"]),
:where(html:not(.dark) .w2k input[type="text"]),
:where(html:not(.dark) .w2k input[type="password"]) {
  background-color: var(--bg-input);
  border-color: var(--border);
  color: var(--text-primary);
}

:where(.dark .w2k textarea),
:where(.dark .w2k select) {
  border-color: var(--border-subtle);
  background-color: var(--bg-surface-elevated);
  color: var(--text-primary);
}

:where(.dark .w2k input[type="search"]),
:where(.dark .w2k input[type="text"]),
:where(.dark .w2k input[type="password"]) {
  background-color: var(--bg-surface-elevated);
  border-color: var(--border-subtle);
  color: var(--text-primary);
}

:where(html:not(.dark) .w2k .w2k-titlebar .w2k-tbtn) {
  background-color: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.38);
  border-radius: var(--soft-r-sm);
  color: rgb(255, 255, 255);
}

:where(.dark .w2k .w2k-titlebar .w2k-tbtn) {
  background-color: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.34);
  border-radius: var(--soft-r-sm);
  color: rgb(255, 255, 255);
}

:where(html:not(.dark) .w2k .w2k-titlebar .w2k-tbtn:hover) {
  background-color: rgba(255, 255, 255, 0.3);
  border-color: rgba(255, 255, 255, 0.6);
  color: rgb(255, 255, 255);
}

:where(.w2k.w2k.w2k.w2k.w2k.w2k.w2k .w2k-window) {
  box-shadow: none;
  border: 1px solid rgb(158, 154, 146);
}

:where(.dark .w2k.w2k.w2k.w2k.w2k.w2k.w2k .w2k-window) {
  border-color: rgb(58, 58, 58);
}

:where(html:not(.dark) .w2k .w2k-window) {
  background-color: var(--bg-content);
}

:where(.w2k .w2k-statusbar),
:where(.w2k .w2k-statusbar *) {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}

:where(html:not(.dark) .w2k th) {
  background-color: var(--bg-card-header, #E9EFF5);
}

:where(html:not(.dark) .w2k .w2k-toolbar) {
  background-color: var(--soft-nav-bg);
  border-bottom-color: var(--soft-line);
}

:where(html:not(.dark) .w2k .w2k-window) {
  border-color: rgb(195, 210, 222);
}

:where(html:not(.dark) .w2k .w2k-statusbar) {
  border-color: var(--soft-line);
  background-color: var(--soft-nav-bg);
  color: rgb(95, 113, 128);
}

:where(html:not(.dark) .w2k .w2k-statusbar *) {
  color: rgb(95, 113, 128);
}

:where(.w2k .w2k-sidebar > .w2k-sidebar-details) {
  flex: 0 0 auto;
}

:where(html:not(.dark) .w2k .w2k-sidebar) {
  border-color: transparent rgb(215, 224, 231) transparent transparent;
  background-color: rgb(241, 245, 248);
}

:where(.dark .w2k .w2k-sidebar) {
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: var(--border-subtle, #3A3A3A);
  background-color: rgb(26, 28, 30);
}

:where(html:not(.dark) .w2k th),
:where(html:not(.dark) .w2k table th),
:where(html:not(.dark) .w2k thead th) {
  border-bottom-color: var(--soft-line, #D7E0E7);
  border-left-color: var(--soft-line, #D7E0E7);
}

:where(html:not(.dark) .w2k .w2k-client-explorer > .w2k-sidebar),
:where(.dark .w2k .w2k-client-explorer > .w2k-sidebar) {
  align-self: start;
  height: auto;
}

:where(html:not(.dark) .w2k .w2k-sidebar .w2k-sys-summary) {
  background-color: rgb(247, 249, 251);
  border-color: rgb(224, 231, 236);
  border-radius: 4px;
  margin: 14px 0px 0px;
}

:where(html:not(.dark) .w2k .w2k-sidebar .w2k-sys-summary legend) {
  background-color: rgb(247, 249, 251);
  color: rgb(40, 95, 148);
}

:where(.dark .w2k .w2k-sidebar .w2k-sys-summary) {
  background-color: rgb(32, 35, 39);
  border-color: rgb(51, 56, 63);
  border-radius: 4px;
  margin: 14px 0px 0px;
}

:where(.dark .w2k .w2k-sidebar .w2k-sys-summary legend) {
  background-color: rgb(32, 35, 39);
  color: rgb(138, 180, 248);
}

:where(html:not(.dark) .w2k .w2k-sidebar .w2k-sys-key) {
  color: rgb(95, 113, 128);
}

:where(html:not(.dark) .w2k .w2k-sidebar .w2k-sys-val) {
  color: rgb(66, 84, 102);
}

:where(.dark .w2k .w2k-sidebar .w2k-sys-key) {
  color: rgb(139, 148, 158);
}

:where(.dark .w2k .w2k-sidebar .w2k-sys-val) {
  color: rgb(225, 228, 234);
}

:where(html:not(.dark) .w2k .w2k-sidebar .w2k-sys-bar) {
  background-color: rgb(255, 255, 255);
  border-color: rgb(208, 217, 224);
  border-radius: 3px;
}

:where(.dark .w2k .w2k-sidebar .w2k-sys-bar) {
  background-color: rgb(26, 28, 30);
  border-color: rgb(51, 56, 63);
  border-radius: 3px;
}

:where(.dark .w2k .w2k-sidebar .w2k-tree) {
  background-color: transparent;
}

:where(html:not(.dark) .w2k > .w2k-client .w2k-client-explorer > .w2k-main),
:where(.dark .w2k > .w2k-client .w2k-client-explorer > .w2k-main) {
  align-self: flex-start;
  height: auto;
  padding-bottom: 20px;
}

:where(html:not(.dark) .w2k > .w2k-client .w2k-client-explorer > .w2k-sidebar),
:where(.dark .w2k > .w2k-client .w2k-client-explorer > .w2k-sidebar) {
  align-self: flex-start;
  height: auto;
}

@media screen and (max-width: 767px) {
  :where(.w2k .w2k-window) {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-radius: 0px;
  }
}

:where(.w2k .w2k-titlebar .w2k-ico-line) {
  width: 13px;
  height: 13px;
  max-width: 13px;
  max-height: 13px;
  vertical-align: 0px;
}

:where(.w2k .w2k-titlebar .w2k-tbtn) {
  background-color: transparent;
  background-image: none;
  padding: 0px;
  border-radius: 3px;
}

:where(.w2k .w2k-titlebar .w2k-tbtn:hover) {
  background-color: rgba(255, 255, 255, 0.22);
}

:where(.w2k .w2k-titlebar .w2k-tbtn:focus-visible) {
  background-color: rgba(255, 255, 255, 0.22);
  color: rgb(255, 255, 255);
}

:where(.w2k .w2k-titlebar .w2k-tbtn .w2k-ico-line) {
  width: 13px;
  height: 13px;
  max-width: 13px;
  max-height: 13px;
}

:where(.w2k) {
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "tnum";
  font-variant-numeric: tabular-nums;
}

:where(.w2k pre),
:where(.w2k code),
:where(.w2k kbd),
:where(.w2k samp) {
  font-size: 12.5px;
  line-height: 1.5;
  tab-size: 4;
}

:where(.w2k .w2k-titlebar-text) {
  font-size: 13px;
}

@media (max-width: 767px) {
  :where(.w2k .w2k-titlebar-text) {
    font-size: 12px;
  }
}

:where(.w2k input),
:where(.w2k button),
:where(.w2k select),
:where(.w2k textarea),
:where(.w2k table) {
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Microsoft YaHei", "Microsoft YaHei UI", "Noto Sans SC", "PingFang SC", Arial, sans-serif;
}

:where(.w2k .cms-media) {
  --media-line: var(--soft-line,#D7E0E7);
  --media-soft: var(--bg-content,#F7F9FB);
  --media-panel: var(--bg-sidebar,#F1F5F8);
  --media-surface: var(--bg-card,#FFFFFF);
  --media-muted: var(--text-secondary,#667786);
  --media-accent: var(--soft-blue,#2F6FAE);
  --media-selected: var(--soft-blue-sel,#DCEAF7);
}

:where(.w2k .paper-video-player .art-video-player) {
  --art-theme: var(--media-accent);
}

@media (max-width: 767px) {
  :where(html:not(.dark) .w2k .w2k-toolbar .w2k-search) {
    display: none;
  }
}

@media (max-width: 767px) {
  :where(.dark .w2k .w2k-toolbar .w2k-search) {
    display: none;
  }
}

@media (max-width: 767px) {
  :where(.w2k .w2k-client-doc) {
    gap: 16px;
    grid-template-columns: minmax(0px, 1fr);
    display: grid;
  }
}

:where(.dark .w2k .w2k-sidebar) {
  border-color: var(--studio-line);
  background: var(--studio-panel);
  color: var(--studio-muted);
}

:where(.dark .w2k .w2k-titlebar) {
  border-color: var(--studio-line);
}

:where(.dark .w2k .cms-media) {
  --media-line: var(--studio-line);
  --media-soft: var(--studio-soft);
  --media-panel: var(--studio-panel);
  --media-surface: var(--studio-surface);
  --media-muted: var(--studio-muted);
  --media-accent: var(--studio-blue);
  --media-selected: var(--studio-selected);
}

:where(.dark .w2k .w2k-sidebar hr) {
  border-color: var(--studio-line);
}

:where(.dark .w2k .w2k-tbtn) {
  border-color: var(--studio-line);
  background-color: var(--studio-soft);
  color: var(--studio-text);
}

@media (max-width: 767px) {
  :where(.w2k .w2k-titlebar .w2k-tbtn) {
    width: 20px;
    min-width: 20px;
    height: 24px;
    padding: 2px;
  }
}

@media (max-width: 767px) {
  :where(.w2k .w2k-titlebar .w2k-search-btn) {
    width: 20px;
    height: 24px;
    margin: 0px;
    padding: 4px;
    color: rgb(255, 255, 255);
    background: transparent;
    border-color: transparent;
    opacity: 1;
  }
}

@media (max-width: 767px) {
  :where(.w2k .w2k-titlebar .w2k-search-btn svg) {
    color: rgb(255, 255, 255);
    stroke: rgb(255, 255, 255);
    fill: none;
    opacity: 1;
  }
}

@media (max-width: 767px) {
  :where(.w2k .w2k-titlebar .w2k-search-btn svg *) {
    color: rgb(255, 255, 255);
    stroke: rgb(255, 255, 255);
    fill: none;
    opacity: 1;
  }
}

@media (max-width: 767px) {
  :where(.w2k .w2k-sidebar) {
    display: none;
  }
}

@media (max-width: 767px) {
  :where(.w2k .w2k-client) {
    grid-template-columns: minmax(0px, 1fr);
  }
}

:where(.w2k [data-hide-lock] input) {
  border: 1px solid var(--article-line);
  background: var(--article-surface);
  color: var(--article-text);
  box-shadow: none;
  outline: none;
  border-radius: 4px;
}

:where(.w2k [data-hide-lock] input:focus) {
  border-color: var(--article-muted);
  box-shadow: none;
  outline: none;
}

:where(.w2k) {
  font-family: var(--studio-font);
}

:where(.w2k code),
:where(.w2k pre),
:where(.w2k kbd),
:where(.w2k samp) {
  font-family: var(--studio-code-font);
  letter-spacing: 0px;
  font-weight: 400;
}

:where(.w2k time) {
  font-family: var(--studio-font);
  letter-spacing: 0px;
  font-weight: 400;
}

:where(.dark .w2k) {
  color: var(--studio-text);
  background-color: var(--studio-desktop);
}

:where(.w2k .w2k-titlebar-text) {
  font-family: var(--studio-font);
  text-shadow: none;
  font-weight: 400;
}

:where(.w2k .w2k-titlebar .w2k-tbtn) {
  border: 0px;
  box-shadow: none;
  color: inherit;
  background: transparent;
}

:where(.dark .w2k .w2k-window) {
  background-color: var(--studio-surface);
  border-color: var(--studio-line);
  color: var(--studio-text);
}

:where(.dark .w2k .w2k-client) {
  background-color: var(--studio-surface);
  color: var(--studio-text);
  border-color: var(--studio-line);
}

:where(.dark .w2k .w2k-titlebar) {
  color: var(--studio-text);
  background: var(--studio-title);
}

:where(.dark .w2k .w2k-statusbar) {
  border-color: var(--studio-line);
  background: var(--studio-panel);
  color: var(--studio-text);
}

:where(.dark .w2k .w2k-toolbar) {
  color: var(--studio-text);
  background: var(--studio-panel);
  border-color: var(--studio-line);
}

:where(.dark .w2k pre),
:where(.dark .w2k pre code) {
  background: rgb(20, 26, 33);
  color: rgb(219, 226, 235);
  border-color: var(--studio-line);
}

:where(.w2k .w2k-titlebar .w2k-tbtn:hover) {
  color: inherit;
  background: transparent;
  border: 0px;
  box-shadow: none;
}

@media (max-width: 640px) {
  :where(.w2k .w2k-titlebar-buttons) {
    gap: 2px;
    flex: 0 0 auto;
  }
}

:where(.w2k .w2k-titlebar) {
  position: relative;
  z-index: 20000;
}

@media (max-width: 360px) {
  :where(.w2k .w2k-titlebar-buttons) {
    gap: 1px;
  }
}

:where(body a),
:where(body a *),
:where(body a:hover),
:where(body a:focus) {
  text-decoration: none;
}

:where(.cms-admin-workspace [data-member-menu-panel]) {
  position: fixed;
  inset: auto;
  margin: 0px;
  width: 176px;
  min-width: 0px;
  padding: 6px;
  border: 1px solid var(--mc-line);
  border-radius: 5px;
  background: var(--mc-surface);
  color: var(--article-text);
  box-shadow: rgba(20, 32, 51, 0.145) 0px 8px 24px;
}

:where(.cms-admin-workspace [data-member-menu-panel] button) {
  min-height: 34px;
  line-height: 1.4;
  border-radius: 3px;
  padding: 7px 10px;
  text-align: left;
}

:where(.cms-admin-workspace [data-member-menu-panel]:popover-open) {
  display: block;
}

[hidden], [x-cloak] {
  display: none !important;
}

html.theme-switching *, html.theme-switching ::before, html.theme-switching ::after {
  transition: none !important;
}

/* Flat window frame and titlebar controls share a single visual contract. */
:where(.w2k .w2k-window, .w2k .w2k-titlebar) { border-radius: 0; }
:where(.w2k .w2k-titlebar .w2k-tbtn) { color: #fff; background: transparent; border: 0; padding: 0; box-shadow: none; }
:root { --rail-width: 250px; }

@media (max-width: 640px) {
  :where(.w2k .w2k-titlebar) { gap: 4px; padding-inline: 6px; }
  :where(.w2k .w2k-titlebar-text) { min-width: 0; flex-shrink: 1; }
  :where(.w2k .w2k-titlebar-buttons) { gap: 4px; flex-shrink: 0; }
  :where(.w2k .w2k-titlebar .w2k-menubar > a) { padding-inline: 3px; }
}